@import"bootstrap.min.css";
@import"plugins/fontawesome.min.css";
@import"plugins/magnific-popup.css";
@import"plugins/swiper.min.css";
@import"plugins/splitting.min.css";
@import"plugins/jquery-ui-min.css";
@import"plugins/timepicker-min.css";
@import"plugins/odometer-min.css";
@import"plugins/select2.min.css";
@import"plugins/quill.min.css";
@import"icons.min.css";
@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";

@font-face {
    font-family: "felidae";
    src: url("../webfonts/felidae.ttf") format("truetype")
}

@font-face {
    font-family: "Euclid Circular A";
    src: url("../webfonts/euclidCircularALight.ttf") format("truetype");
    font-weight: 300
}

@font-face {
    font-family: "Euclid Circular A";
    src: url("../webfonts/euclidCircularARegular.ttf") format("truetype");
    font-weight: 400
}

@font-face {
    font-family: "Euclid Circular A";
    src: url("../webfonts/euclidCircularAMedium.ttf") format("truetype");
    font-weight: 500
}

@font-face {
    font-family: "Euclid Circular A";
    src: url("../webfonts/euclidCircularASemiBold.ttf") format("truetype");
    font-weight: 600
}

@font-face {
    font-family: "Euclid Circular A";
    src: url("../webfonts/euclidCircularABold.ttf") format("truetype");
    font-weight: 700
}

:root {
    --font-primary: "Euclid Circular A", sans-serif;
    --font-secondary: "Space Grotesk", serif;
    --font-tertiary: "felidae", serif;
    --transition: all 0.5s ease-in-out;
    --transition-2: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    --p1: 14, 143, 3;
    --p2: 180, 14, 14;
    --p3: 102, 1, 4;
    --p4: 6, 123, 58;
    --p5: 52, 84, 240;
    --p6: 221, 255, 236;
    --s1: 201, 162, 162;
    --s2: 140, 158, 159;
    --s3: 217, 191, 72;
    --s4: 203, 110, 23;
    --s5: 231, 97, 0;
    --n1: 255, 255, 255;
    --n2: 231, 231, 231;
    --n3: 239, 243, 255;
    --n4: 0, 0, 0;
    --n5: 74, 74, 74;
    --box-shadow-p1: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);
    --box-shadow-p2: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 20px 13px 0px rgba(0, 0, 0, 0.04);
    --box-shadow-p3: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);
    --p1-hex: #0e8f03;
    --p2-hex: #B40E0E;
    --p3-hex: #660104;
    --p4-hex: #067B3A;
    --p5-hex: #3454F0;
    --p6-hex: #DDFFEC;
    --s1-hex: #C9A2A2;
    --s2-hex: #8C9E9F;
    --s3-hex: #FF9D00;
    --s4-hex: #CB6E17;
    --s5-hex: #E76100;
    --n1-hex: #FFFFFF;
    --n2-hex: #E7E7E7;
    --n3-hex: #EFF3FF;
    --n4-hex: #000000;
    --n5-hex: #4A4A4A;
    --n1-hex: #161617;
    --n1-hex: #CCC6C6;
    --s1-hex: #FBE5E6;
    --s1-hex: #CBCBCB;
    --s1-hex: #ECECEC;
    --n1-hex: #FDF5F5
}

.display-one {
    font-size: 180px
}

@media(max-width: 1599px) {
    .display-one {
        font-size: 120px
    }
}

@media(max-width: 1199px) {
    .display-one {
        font-size: 90px
    }
}

.display-ex-one {
    font-size: 400px
}

@media(max-width: 1599px) {
    .display-ex-one {
        font-size: 300px
    }
}

@media(max-width: 1199px) {
    .display-ex-one {
        font-size: 200px
    }
}

.display-ex-two {
    font-size: 160px
}

@media(max-width: 1599px) {
    .display-ex-two {
        font-size: 130px
    }
}

@media(max-width: 1199px) {
    .display-ex-two {
        font-size: 70px
    }
}

@media(max-width: 480px) {
    .display-ex-two {
        font-size: 44px
    }
}

.display-ex-three {
    font-size: 70px
}

@media(max-width: 1199px) {
    .display-ex-three {
        font-size: 170px
    }
}

@media(max-width: 991px) {
    .display-ex-three {
        font-size: 150px;
        line-height: initial
    }
}

@media(max-width: 767px) {
    .display-ex-three {
        font-size: 110px
    }
}

@media(max-width: 575px) {
    .display-ex-three {
        font-size: 80px
    }
}

.display-two {
    font-size: 260px
}

@media(max-width: 1499px) {
    .display-two {
        font-size: 120px
    }
}

@media(max-width: 1199px) {
    .display-two {
        font-size: 90px
    }
}

.display-three {
    font-size: 120px
}

@media(max-width: 1499px) {
    .display-three {
        font-size: 90px
    }
}

@media(max-width: 1199px) {
    .display-three {
        font-size: 70px
    }
}

.display-four {
    font-size: 57px
}

.display-five {
    font-size: 48px
}

.display-six {
    font-size: 40px
}

.fs-one,
h1 {
    font-size: 80px
}

.fs-two,
h2 {
    font-size: 60px
}

.fs-three,
h3 {
    font-size: 34px
}

.fs-four,
h4 {
    font-size: 28px
}

.fs-five,
h5 {
    font-size: 24px;
    line-height: 130%
}

.fs-six,
h6 {
    font-size: 18px;
    line-height: 130%
}

.fs-eight {
    font-size: 16px;
    line-height: 130%
}

.fs-nine {
    font-size: 14px;
    line-height: 130%
}

.fs-ten {
    font-size: 12px;
    line-height: 130%
}

table thead tr th {
    font-size: 18px;
    line-height: 130%
}

a,
p,
button,
span,
label,
li {
    font-size: 18px;
    line-height: 130%
}

@media(max-width: 1199px) {
    h1 {
        font-size: 57px;
        line-height: 74.1px
    }

    h2 {
        font-size: 43px;
        line-height: 55.9px
    }

    .preloader {
        background-size: 30%
    }
}

.pt-120 {
    padding-top: 120px
}

.pt-100 {
    padding-top: 100px
}

.pt-80 {
    padding-top: 80px
}

.pt-60 {
    padding-top: 60px
}

.pt-40 {
    padding-top: 40px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-40 {
    padding-bottom: 40px
}

@media(max-width: 991px) {
    .display-one {
        font-size: 72px;
        line-height: 86.4px
    }

    .display-two {
        font-size: 64px;
        line-height: 76.8px
    }

    .display-three {
        font-size: 56px;
        line-height: 67.2px
    }

    .display-four {
        font-size: 48px;
        line-height: 46.4px
    }

    .display-five {
        font-size: 38px;
        line-height: 44.6px
    }

    .display-six {
        font-size: 32px;
        line-height: 38.4px
    }

    .fs-one,
    h1 {
        font-size: 40px;
        line-height: 48px
    }

    .fs-two,
    h2 {
        font-size: 32px;
        line-height: 38.4px
    }

    .fs-three,
    h3 {
        font-size: 24px;
        line-height: 31.2px
    }

    .fs-four,
    h4 {
        font-size: 20px;
        line-height: 26px
    }

    .fs-five,
    h5 {
        font-size: 18px;
        line-height: 20.8px
    }

    .fs-six,
    h6 {
        font-size: 16px;
        line-height: 18.8px
    }

    .fs-seven {
        font-size: 16px;
        line-height: 18.8px
    }

    .fs-eight {
        font-size: 14px;
        line-height: 18px
    }

    .fs-nine {
        font-size: 12px;
        line-height: 130%
    }

    .fs-ten {
        font-size: 12px;
        line-height: 130%
    }

    table thead tr th {
        font-size: 15px;
        line-height: 20.8px
    }

    a,
    p,
    span,
    button,
    label,
    li {
        font-size: 14px;
        line-height: 22px
    }

    .pt-120 {
        padding-top: 60px
    }

    .pb-120 {
        padding-bottom: 60px
    }

    .banner-section .overlay .sec-img {
        display: none
    }
}

@media(max-width: 575px) {
    .display-one {
        font-size: 42px;
        line-height: 54.6px
    }

    .display-two {
        font-size: 40px;
        line-height: 46.4px
    }

    .display-three {
        font-size: 38px;
        line-height: 54.6px
    }

    .display-four {
        font-size: 32px;
        line-height: 38.4px
    }

    .display-five {
        font-size: 24px;
        line-height: 31.2px
    }

    .display-six {
        font-size: 32px;
        line-height: 38.4px
    }

    .pt-120 {
        padding-top: 50px
    }

    .pb-120 {
        padding-bottom: 50px
    }
}

body {
    font-family: var(--font-primary);
    background-color: rgba(var(--n1, 1));
    color: rgba(var(--n1, 1));
    padding: 0;
    margin: 0;
    font-weight: 400;
    overflow-x: hidden;
    position: relative
}

section,
footer {
    overflow: hidden
}

a,
p,
button,
span,
label,
li {
    margin: 0;
    font-family: var(--font-primary);
    color: rgba(var(--n1), 1);
    font-weight: 400
}

.transition {
    transition: var(--transition)
}

.transition-sec {
    transition: var(--transition-2)
}

a {
    text-decoration: none;
    outline: none;
    color: rgba(var(--n1), 1)
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.display-one,
.display-two,
.display-three,
.display-four,
.display-five,
.display-six {
    font-family: var(--font-secondary);
    color: rgba(var(--n1), 1);
    font-weight: 600;
    padding: 0;
    margin: 0;
    line-height: 120%;
    display: block;
    transition: var(--transition)
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.display-one span,
.display-two span,
.display-three span,
.display-four span,
.display-five span,
.display-six span {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit
}

.font-primary {
    font-family: var(--font-primary)
}

.font-secondary {
    font-family: var(--font-secondary)
}

.font-tertiary {
    font-family: var(--font-tertiary)
}

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

span i {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    position: inherit;
    transition: inherit
}

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

ul li,
ol li {
    font-size: inherit;
    font-weight: inherit
}

button {
    border: none;
    cursor: pointer;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.progress-circle {
    stroke: rgba(var(--p1), 1);
    stroke-width: 2;
    fill: rgba(0, 0, 0, 0);
    transition: stroke-dashoffset .35s;
    transform-origin: 15% -75%;
    transform: scale(1.15)
}

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

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

input[type=checkbox] {
    width: initial;
    height: initial
}

.max-un {
    max-width: unset
}

.alt-color {
    color: rgba(var(--n1), 1)
}

.alt-color * {
    color: rgba(var(--n1), 1)
}

.p1-color {
    color: rgba(var(--s3), 1)
}

.p1-2nd-color {
    color: rgba(var(--p1), 0.12)
}

.p2-color {
    color: rgba(var(--p2), 1)
}

.p3-color {
    color: rgba(var(--p3), 1)
}

.p4-color {
    color: rgba(var(--p4), 1)
}

.p5-color {
    color: rgba(var(--p5), 1)
}

.p6-color {
    color: rgba(var(--p6), 1)
}

.s1-color {
    color: rgba(var(--s1), 1)
}

.s2-color {
    color: rgba(var(--s2), 1)
}

.s3-color {
    color: rgba(var(--s3), 1)
}

.s4-color {
    color: rgba(var(--s4), 1)
}

.s5-color {
    color: rgba(var(--s5), 1)
}

.n1-color {
    color: #fff !important;
}

.n1-2nd-color {
    color: rgba(var(--n1), 0.4)
}

.n1-3rd-color {
    color: rgba(var(--n1), 0.7)
}

.n2-color {
    color: rgba(var(--n2), 1)
}

.n3-color {
    color: rgba(var(--n3), 1)
}

.n4-color {
    color: rgba(var(--n4), 1)
}

.n4-2nd-color {
    color: rgba(var(--n4), 0.7)
}

.n4-3rd-color {
    color: rgba(var(--n4), 0.8)
}

.n4-4th-color {
    color: rgba(var(--n4), 0.4)
}

.n4-5th-color {
    color: rgba(var(--n4), 0.08)
}

.n5-color {
    color: rgba(var(--n5), 1)
}

.p1-bg-color {
    background-color: rgba(var(--p1), 1)
}

.p1-2nd-bg-color {
    background-color: rgba(var(--p1), 0.1)
}

.p1-3rd-bg-color {
    background-color: rgba(var(--p1), 0.04)
}

.p1-4th-bg-color {
    background-color: rgba(var(--p1), 0.2)
}

.p1-5th-bg-color {
    background-color: rgba(var(--p1), 0.09)
}

.p2-bg-color {
    background-color: rgba(var(--p2), 1)
}

.p3-bg-color {
    background-color: rgba(var(--p3), 1)
}

.p4-bg-color {
    background-color: rgba(var(--p4), 1)
}

.p5-bg-color {
    background-color: rgba(var(--p5), 1)
}

.p6-bg-color {
    background-color: rgba(var(--p6), 1)
}

.s1-bg-color {
    background-color: rgba(var(--s1), 1)
}

.s2-bg-color {
    background-color: rgba(var(--s2), 1)
}

.s2-2nd-bg-color {
    background-color: rgba(var(--s2), 0.1)
}

.s3-bg-color {
    background-color: rgba(var(--s3), 1)
}

.s4-bg-color {
    background-color: rgba(var(--s4), 1)
}

.s5-bg-color {
    background-color: rgba(var(--s5), 1)
}

.n1-bg-color {
    background-color: rgba(var(--n1), 1)
}

.n1-2nd-bg-color {
    background-color: rgba(var(--n1), 0.2)
}

.n1-3rd-bg-color {
    background-color: rgba(var(--n1), 0.6)
}

.n1-4th-bg-color {
    background-color: rgba(var(--n1), 0.08)
}

.n1-5th-bg-color {
    background-color: rgba(var(--n1), 0.04)
}

.n2-bg-color {
    background-color: rgba(var(--n2), 1)
}

.n3-bg-color {
    background-color: rgba(var(--n3), 1)
}

.n4-bg-color {
    background-color: rgba(var(--n4), 1)
}

.n4-2nd-bg-color {
    background-color: rgba(var(--n4), 0.02)
}

.n4-3rd-bg-color {
    background-color: rgba(var(--n4), 0.04)
}

.n4-4th-bg-color {
    background-color: rgba(var(--n4), 0.12)
}

.n4-5th-bg-color {
    background-color: rgba(var(--n4), 0.2)
}

.n5-bg-color {
    background-color: rgba(var(--n5), 1)
}

.border-color {
    border: 1px solid rgb(var(--p1))
}

.max-ch {
    max-width: 50ch
}

.slide-vertical .char,
.slide-horizontal .char {
    overflow: hidden;
    color: rgba(0, 0, 0, 0)
}

.slide-vertical .char::after,
.slide-vertical .char::before,
.slide-horizontal .char::after,
.slide-horizontal .char::before {
    visibility: visible;
    transition: transform .5s cubic-bezier(0.9, 0, 0.2, 1);
    transition-delay: calc(.2s + .02s*(var(--char-index)));
    font-weight: 500;
    font-family: var(--font-secondary)
}

.slide-vertical .char::before,
.slide-horizontal .char::before {
    transition-delay: calc(.02s*(var(--char-index)))
}

.slide-vertical:hover .char:before,
.slide-horizontal:hover .char:before {
    transition-delay: calc(.2s + .02s*(var(--char-index)))
}

.slide-vertical:hover .char:after,
.slide-horizontal:hover .char:after {
    transition-delay: calc(.02s*(var(--char-index)))
}

.slide-vertical.slide-second::after,
.slide-horizontal.slide-second::after {
    color: rgba(var(--n4), 1)
}

.slide-vertical.slide-second:hover,
.slide-vertical.slide-second.active,
.slide-horizontal.slide-second:hover,
.slide-horizontal.slide-second.active {
    color: rgba(var(--p1), 1)
}

.slide-vertical.slide-second:hover::after,
.slide-vertical.slide-second.active::after,
.slide-horizontal.slide-second:hover::after,
.slide-horizontal.slide-second.active::after {
    color: rgba(var(--p1), 1)
}

.slide-vertical.slide-second:hover span::after,
.slide-vertical.slide-second:hover span::before,
.slide-vertical.slide-second.active span::after,
.slide-vertical.slide-second.active span::before,
.slide-horizontal.slide-second:hover span::after,
.slide-horizontal.slide-second:hover span::before,
.slide-horizontal.slide-second.active span::after,
.slide-horizontal.slide-second.active span::before {
    color: rgba(var(--p1), 1)
}

.slide-vertical.slide-second .char::after,
.slide-vertical.slide-second .char::before,
.slide-horizontal.slide-second .char::after,
.slide-horizontal.slide-second .char::before {
    color: rgba(var(--n4), 1)
}

.slide-vertical.slide-third::after,
.slide-horizontal.slide-third::after {
    color: rgba(var(--n1), 1)
}

.slide-vertical.slide-third:hover,
.slide-vertical.slide-third.active,
.slide-horizontal.slide-third:hover,
.slide-horizontal.slide-third.active {
    color: rgba(var(--p1), 1)
}

.slide-vertical.slide-third:hover::after,
.slide-vertical.slide-third.active::after,
.slide-horizontal.slide-third:hover::after,
.slide-horizontal.slide-third.active::after {
    color: rgba(var(--p1), 1)
}

.slide-vertical.slide-third:hover span::after,
.slide-vertical.slide-third:hover span::before,
.slide-vertical.slide-third.active span::after,
.slide-vertical.slide-third.active span::before,
.slide-horizontal.slide-third:hover span::after,
.slide-horizontal.slide-third:hover span::before,
.slide-horizontal.slide-third.active span::after,
.slide-horizontal.slide-third.active span::before {
    color: rgba(var(--p1), 1)
}

.slide-vertical.slide-third .char::after,
.slide-vertical.slide-third .char::before,
.slide-horizontal.slide-third .char::after,
.slide-horizontal.slide-third .char::before {
    color: rgba(var(--n1), 1)
}

.slide-vertical .char:before {
    transform: translateY(-100%)
}

.slide-vertical:hover .char:before {
    transform: translateY(0%)
}

.slide-vertical:hover .char::after {
    transform: translateY(100%)
}

.slide-horizontal .char:before {
    transform: translateX(110%)
}

.slide-horizontal:hover .char:before {
    transform: translateX(0%)
}

.slide-horizontal:hover .char::after {
    transform: translateX(-110%)
}

.text-wrapper {
    width: 35%
}

@media(max-width: 576px) {
    .text-wrapper {
        width: 55%
    }
}

.text-wrapper .text-animation {
    position: relative;
    color: inherit;
    text-wrap: nowrap
}

.text-wrapper .text-animation::before {
    content: attr(data-hover);
    overflow: hidden;
    position: absolute;
    inset-inline-start: 0;
    width: var(--hover-width, 0);
    color: rgba(var(--n4), 1);
    white-space: nowrap;
    transition: width .5s ease-out
}

.text-wrapper .text-animation::after {
    content: "";
    -webkit-text-stroke: 2px rgba(var(--p1), 0.6);
    color: rgba(0, 0, 0, 0)
}

.text-inset-style {
    white-space: nowrap;
    position: relative;
    -webkit-text-stroke: 2px rgba(var(--n4), 0.6);
    color: rgba(0, 0, 0, 0)
}

.text-inset-style::before {
    overflow: hidden;
    position: absolute;
    inset-inline-start: 0;
    width: 0;
    color: rgba(var(--n4), 1);
    white-space: nowrap;
    content: attr(data-hover);
    transition: all 1s cubic-bezier(0.17, 0.67, 0.32, 0.87)
}

.text-inset-style::after {
    content: "";
    -webkit-text-stroke: 2px rgba(var(--n4), 0.6);
    color: rgba(0, 0, 0, 0)
}

.text-inset-style:hover::before {
    width: 100%
}

.text-inset-style.second {
    white-space: wrap;
    -webkit-text-stroke: 2px rgba(var(--p1), 0.6)
}

.text-inset-style.second::before {
    color: rgba(var(--p1), 1)
}

.text-inset-style.third {
    -webkit-text-stroke: 2px rgba(var(--n1), 0.6)
}

.text-inset-style.third::before {
    color: rgba(var(--n1), 1)
}

.rating-container svg {
    stroke: rgba(var(--s5), 0.6);
    stroke-width: 2;
    fill: rgba(0, 0, 0, 0)
}

.rating-container svg:last-child {
    fill: rgba(var(--s3), 1);
    -webkit-clip-path: inset(0 calc(100% - var(--fill-width, 0%)) 0 0);
    clip-path: inset(0 calc(100% - var(--fill-width, 0%)) 0 0);
    transition: -webkit-clip-path .3s ease;
    transition: clip-path .3s ease;
    transition: clip-path .3s ease, -webkit-clip-path .3s ease
}

.box-style {
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-align: center
}

.box-style:hover::before {
    width: 400%;
    height: 400%
}

.box-style:hover i {
    transform: rotateY(180deg)
}

.box-style:hover * {
    color: rgba(var(--n1), 1)
}

.box-style:hover .hover-one * {
    color: rgba(var(--n4), 1)
}

.box-style::before {
    content: "";
    position: absolute;
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-radius: 100%;
    transition: all .7s ease;
    z-index: -1
}

.box-style.style-one:hover {
    border-color: rgba(0, 0, 0, 0) !important
}

.box-style.style-one::before {
    background-color: rgba(var(--p1), 1)
}

.box-style.style-two::before {
    background-color: rgba(var(--n4), 1)
}

.box-style.style-three::before {
    background-color: rgba(var(--n1), 1)
}

.bg-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.bg-img-start {
    background-repeat: no-repeat;
    background-position-y: center
}

.reveal-single.reveal-overlay {
    position: relative
}

.reveal-single.reveal-overlay::before,
.reveal-single.reveal-overlay::after {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    transition: -webkit-clip-path .3s;
    transition: clip-path .3s;
    transition: clip-path .3s, -webkit-clip-path .3s
}

.reveal-single.reveal-overlay.first-item::before {
    background: rgba(var(--p1), 0.5);
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%)
}

.reveal-single.reveal-overlay.second-item::after {
    background: rgba(var(--p1), 0.5);
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
}

.reveal-single.reveal-overlay.third-item::before {
    background: rgba(var(--n1), 0.5);
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%)
}

.reveal-single.reveal-overlay.fourth-item::after {
    background: rgba(var(--n1), 0.5);
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0)
}

.reveal-single.reveal-overlay.reveal-init::before,
.reveal-single.reveal-overlay.reveal-init::after {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    animation: clipAnimation .5s ease forwards;
    animation-delay: .5s
}

.reveal-single.reveal-overlay.reveal-init::after {
    animation: clipAnimationTwo .5s ease forwards;
    animation-delay: .5s
}

.reveal-single.reveal-object.object-one>* {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    transition: -webkit-clip-path .6s;
    transition: clip-path .6s;
    transition: clip-path .6s, -webkit-clip-path .6s
}

.reveal-single.reveal-object.object-two>* {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
    transition: -webkit-clip-path .6s;
    transition: clip-path .6s;
    transition: clip-path .6s, -webkit-clip-path .6s
}

.reveal-single.reveal-object.reveal-init>* {
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

.reveal-single.reveal-text>* {
    opacity: 0;
    pointer-events: none
}

.reveal-single.reveal-text.text-one>* {
    transform: translate(0%, 100%) perspective(80px) rotateY(-1deg);
    transition: transform 1.5s
}

.reveal-single.reveal-text.text-two>* {
    transform: translate(-20%, 0%) perspective(80px) rotateY(1deg);
    transition: transform 1.5s
}

.reveal-single.reveal-text.text-three>* {
    transform: translateY(100%) perspective(75px) rotateX(35deg);
    transition: transform 1.5s
}

.reveal-single.reveal-text.reveal-init>* {
    transform: translate(0%);
    opacity: 1;
    pointer-events: auto
}

@keyframes clipAnimation {
    to {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }
}

@keyframes clipAnimationTwo {
    to {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }
}

.carousel-infinity .swiper-wrapper {
    transition-timing-function: linear
}

.carousel-infinity .swiper-slide {
    width: -moz-min-content;
    width: min-content
}

.qtySelector input {
    width: 30px
}

.circle-text {
    width: 220px;
    min-width: 220px;
    height: 220px;
    border-radius: 50%;
    position: relative
}

@media(max-width: 991px) {
    .circle-text {
        width: 145px;
        min-width: 145px;
        height: 145px
    }
}

.circle-text .text {
    width: 180px;
    min-width: 180px;
    height: 180px;
    animation: rotate 50s linear infinite;
    position: absolute
}

@media(max-width: 991px) {
    .circle-text .text {
        width: 125px;
        min-width: 125px;
        height: 125px
    }
}

.circle-text .text p {
    transform: translate(50%, 10px)
}

.circle-text .text span {
    position: absolute;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    transform-origin: 0 80px
}

@media(max-width: 991px) {
    .circle-text .text p {
        transform: translate(50%, 0)
    }

    .circle-text .text span {
        transform-origin: 0 60px
    }
}

.circle-text:hover .text {
    animation-play-state: paused
}

.circle-text.second {
    width: 190px;
    min-width: 190px;
    height: 190px
}

@media(max-width: 991px) {
    .circle-text.second {
        width: 145px;
        min-width: 145px;
        height: 145px
    }
}

.circle-text.second .text p {
    transform: translate(50%, 6px)
}

.circle-text.second .text span {
    transform-origin: 0 85px
}

@media(max-width: 991px) {
    .circle-text.second .text p {
        transform: translate(50%, -4px)
    }

    .circle-text.second .text span {
        transform-origin: 0 65px
    }
}

@media(min-width: 1800px) {
    .cus-padding {
        padding: 0 160px !important
    }
}

@media(min-width: 1500px) {
    .cus-padding {
        padding: 0 40px !important
    }
}

@media(min-width: 1600px) {
    .cus-padding.pad-2nd {
        padding: 0 !important
    }
}

@media(min-width: 1750px) {
    .cus-padding.pad-2nd {
        padding: 0 60px !important
    }
}

@media(min-width: 1600px) {
    .cus-padding.pad-3rd {
        padding: 0 !important
    }
}

@media(min-width: 1750px) {
    .cus-padding.pad-3rd {
        padding: 0 130px !important
    }
}

.cus-border {
    border-color: rgba(var(--n4), 0.4) !important
}

.cus-border.b-second {
    border-color: rgba(var(--n1), 0.3) !important
}

.cus-border.b-third {
    border-color: rgba(var(--p1), 0.2) !important
}

.cus-border.b-fourth {
    border-color: rgba(var(--n4), 0.2) !important
}

.cus-border.b-fifth {
    border-color: rgba(var(--p4), 1) !important
}

.cus-border.b-sixth {
    border-color: rgba(var(--n4), 0.1) !important
}

.cus-border.b-seventh {
    border-color: rgba(var(--n1), 1) !important
}

.cus-border.b-eight {
    border-color: rgba(var(--n1), 0.6) !important
}

.cus-border.b-nine {
    border-color: rgba(var(--p1), 1) !important
}

.cus-border.b-ten {
    border-color: rgba(var(--p1), 0.4) !important
}

.cus-border.b-eleventh {
    border-color: rgba(var(--n4), 1) !important
}

.cus-border.b-transparent {
    border-color: rgba(0, 0, 0, 0) !important
}

.b-dashed {
    --bs-border-style: dashed !important
}

.h-0 {
    height: 0 !important
}

.star-area.selected {
    color: rgba(var(--p1), 1)
}

.btn-item .abs-area {
    animation: rotate 50s linear infinite
}

.btn-item:hover .abs-area {
    animation-play-state: paused
}

.text-gradient {
    opacity: .5;
    background: linear-gradient(180deg, rgb(0 146 38 / 39%) 0%, rgba(215, 0, 7, 0) 91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    animation: fadeInOut 3s ease-in-out infinite
}

.text-gradient.second {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 91%);
    -webkit-background-clip: text;
    background-clip: text;
    background-clip: text
}

.box-area.box-one {
    width: 56px;
    min-width: 56px;
    height: 56px
}

@media(max-width: 991px) {
    .box-area.box-one {
        width: 44px;
        min-width: 44px;
        height: 44px
    }
}

.box-area.box-two {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.box-area.box-three {
    width: 12px;
    min-width: 12px;
    height: 12px
}

.box-area.box-four {
    width: 110px;
    min-width: 110px;
    height: 110px
}

@media(max-width: 991px) {
    .box-area.box-four {
        width: 80px;
        min-width: 80px;
        height: 80px
    }
}

.box-area.box-five {
    width: 16px;
    min-width: 16px;
    height: 16px
}

.box-area.box-six {
    width: 48px;
    min-width: 48px;
    height: 48px
}

@media(max-width: 991px) {
    .box-area.box-six {
        width: 38px;
        min-width: 38px;
        height: 38px
    }
}

.box-area.box-seven {
    width: 32px;
    min-width: 32px;
    height: 32px
}

.box-area.box-eight {
    width: 100px;
    min-width: 100px;
    height: 100px
}

@media(max-width: 1199px) {
    .box-area.box-eight {
        width: 80px;
        min-width: 80px;
        height: 80px
    }
}

@media(max-width: 991px) {
    .box-area.box-eight {
        width: 60px;
        min-width: 60px;
        height: 60px
    }
}

.box-area.box-nine {
    width: 80px;
    min-width: 80px;
    height: 80px
}

@media(max-width: 991px) {
    .box-area.box-nine {
        width: 60px;
        min-width: 60px;
        height: 60px
    }
}

.box-area.box-ten {
    width: 42px;
    min-width: 42px;
    height: 42px
}

@media(max-width: 991px) {
    .box-area.box-ten {
        width: 32px;
        min-width: 32px;
        height: 32px
    }
}

.box-area.box-eleven {
    width: 6px;
    min-width: 6px;
    height: 6px
}

.box-area.box-twelve {
    width: 200px;
    min-width: 200px;
    height: 200px
}

@media(max-width: 1399px) {
    .box-area.box-twelve {
        width: 160px;
        min-width: 160px;
        height: 160px
    }
}

@media(max-width: 991px) {
    .box-area.box-twelve {
        width: 110px;
        min-width: 110px;
        height: 110px
    }
}

.box-area.box-thirteen {
    width: 72px;
    min-width: 72px;
    height: 72px
}

@media(max-width: 1199px) {
    .box-area.box-thirteen {
        width: 44px;
        min-width: 44px;
        height: 44px
    }
}

.box-area.box-fourteen {
    width: 160px;
    min-width: 160px;
    height: 160px
}

@media(max-width: 1399px) {
    .box-area.box-fourteen {
        width: 110px;
        min-width: 110px;
        height: 110px
    }
}

@media(max-width: 991px) {
    .box-area.box-fourteen {
        width: 80px;
        min-width: 80px;
        height: 80px
    }
}

.box-area.box-sixteen {
    width: 240px;
    min-width: 240px;
    height: 240px
}

@media(max-width: 1599px) {
    .box-area.box-sixteen {
        width: 200px;
        min-width: 200px;
        height: 200px
    }
}

@media(max-width: 991px) {
    .box-area.box-sixteen {
        width: 180px;
        min-width: 180px;
        height: 180px
    }
}

.box-area.only-height {
    width: initial;
    min-width: initial
}

.blur-effect {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.round-slider .slider-content {
    width: 400px;
    min-width: 400px;
    height: 400px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media(max-width: 991px) {
    .round-slider .slider-content {
        width: 300px;
        min-width: 300px;
        height: 300px
    }
}

@media(max-width: 575px) {
    .round-slider .slider-content {
        width: 250px;
        min-width: 250px;
        height: 250px
    }
}

.round-slider .progress-circles {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(var(--p1), 1) 98%, transparent 0 99.9%, transparent 0), conic-gradient(rgba(var(--n1), 1) calc(var(--value) * 1%), transparent 0)
}

.progress {
    background: rgba(var(--p1), 0.2);
    height: 8px;
    overflow: initial
}

@media(max-width: 991px) {
    .progress {
        height: 6px
    }
}

@media(max-width: 667px) {
    .progress {
        height: 4px
    }
}

.progress .progress-bar {
    height: inherit;
    background-color: rgba(var(--p1), 1);
    width: 0%
}

.title-area {
    min-width: 20%
}

@media(max-width: 1599px) {
    .title-area {
        min-width: 25%
    }
}

@media(max-width: 750px) {
    .title-area {
        min-width: 35%
    }
}

.collapse-single .header-area {
    cursor: pointer
}

.collapse-single button {
    font-size: inherit;
    padding-right: 15%
}

.collapse-single button::after {
    position: absolute;
    z-index: 1;
    right: 0;
    content: "";
    font-family: "Phosphor";
    font-size: 20px;
    color: rgba(var(--n4), 0.8);
    transform: rotate(0deg);
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 575px) {
    .collapse-single button::after {
        font-size: 16px
    }
}

.collapse-single .content-area {
    display: none
}

.collapse-single.active .header-area button::after {
    transform: rotate(180deg)
}

.collapse-single.second button::after {
    background-color: rgba(var(--p4), 1);
    color: rgba(var(--n1), 1);
    width: 16px;
    min-width: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 50%;
    right: 8px
}

.collapse-single.second.active {
    border-color: rgba(var(--p1), 0.5) !important
}

.cmn-faq .header-area {
    cursor: pointer
}

.cmn-faq .header-area button {
    font-size: inherit;
    padding-right: 15%
}

.cmn-faq .header-area button::after {
    position: absolute;
    z-index: 1;
    right: 0;
    border-radius: 5px;
    content: "";
    font-family: "Phosphor";
    font-size: 24px;
    color: rgba(var(--n4), 0.8);
    transform: rotate(0deg);
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 575px) {
    .cmn-faq .header-area button::after {
        font-size: 16px
    }
}

.cmn-faq .content-area {
    display: none;
    width: 80%
}

.cmn-faq .accordion-single::before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .7s cubic-bezier(0.4, 0, 0.2, 1)
}

.cmn-faq .accordion-single.active button::after {
    transform: rotate(180deg)
}

.box-shadow-p1 {
    box-shadow: var(--box-shadow-p1)
}

.box-shadow-p2 {
    box-shadow: var(--box-shadow-p2)
}

.box-shadow-p3 {
    box-shadow: var(--box-shadow-p3)
}

.video-bg-thumb .btn-popup-animation:before,
.video-bg-thumb .btn-popup-animation::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: rgba(var(--p1), 1);
    border-radius: 50%;
    width: 80px;
    min-width: 80px;
    height: 80px
}

@media(max-width: 767px) {

    .video-bg-thumb .btn-popup-animation:before,
    .video-bg-thumb .btn-popup-animation::after {
        width: 56px;
        min-width: 56px;
        height: 56px
    }
}

.video-bg-thumb .btn-popup-animation:before {
    z-index: 1
}

.video-bg-thumb .btn-popup-animation:after {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid rgba(var(--p1), 0.8);
    z-index: -1;
    animation: waves 2s 1s ease-out infinite
}

.video-bg-thumb.second .btn-popup-animation:before,
.video-bg-thumb.second .btn-popup-animation::after {
    background-color: rgba(var(--n1), 1);
    animation: initial
}

.video-bg-thumb.third .btn-popup-animation:before,
.video-bg-thumb.third .btn-popup-animation::after {
    animation: initial;
    width: 40px;
    min-width: 40px;
    height: 40px
}

@media(max-width: 767px) {

    .video-bg-thumb.third .btn-popup-animation:before,
    .video-bg-thumb.third .btn-popup-animation::after {
        width: 25px;
        min-width: 25px;
        height: 25px
    }
}

.video-bg-thumb.fourth .btn-popup-animation:before,
.video-bg-thumb.fourth .btn-popup-animation::after {
    animation: initial;
    width: 60px;
    min-width: 60px;
    height: 60px
}

@media(max-width: 767px) {

    .video-bg-thumb.fourth .btn-popup-animation:before,
    .video-bg-thumb.fourth .btn-popup-animation::after {
        width: 35px;
        min-width: 35px;
        height: 35px
    }
}

.ul-decimal li {
    list-style: decimal
}

.ul-decimal li::marker {
    color: rgba(var(--p1), 1)
}

.ul-dots li .style-one::before {
    content: "";
    position: absolute;
    background: rgba(var(--p1), 0.2);
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    z-index: 1
}

.ul-dots li .style-one.style-2nd::before {
    width: 16px;
    min-width: 16px;
    height: 16px
}

.counter-area .odometer span {
    color: rgba(var(--n1), 1);
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit
}

.counter-area .odometer-inside {
    display: flex;
    gap: 4px
}

.counter-area .odometer-inside .odometer-digit {
    letter-spacing: 8px
}

.counter-area .odometer-digit-inner {
    right: initial !important
}

.counter-area.second .odometer span {
    color: rgba(var(--n4), 1)
}

.counter-area.third .odometer-inside .odometer-digit {
    letter-spacing: 0px
}

.singleFilter .filter-list li {
    cursor: pointer
}

.singleFilter .filter-list li .active * {
    color: rgba(var(--p1), 1);
    transition: var(--transition)
}

.singleFilter .filter-list.second li .active * {
    color: rgba(var(--n1), 1);
    background-color: rgba(var(--p1), 1)
}

.singleFilter .filter-list.third li .active * {
    color: rgba(var(--n1), 1);
    background-color: rgba(var(--p1), 1)
}

.singleFilter .filter-list.fourth li .active {
    border-color: rgba(var(--p1), 1) !important
}

.singleFilter .filter-list.fourth li .active * {
    color: rgba(var(--n4), 1)
}

.singleFilter .filterItems {
    position: relative
}

.singleFilter .filterItems>div {
    position: absolute;
    z-index: -1;
    top: 0;
    opacity: 0;
    transition: .8s all;
    transform: scale(0.001);
    transition-property: opacity, transform;
    transition-duration: .6s;
    transition-delay: 0ms
}

.singleFilter .filterItems>div.active {
    position: initial;
    z-index: 1;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px)
}

.mouse-follower {
    z-index: 10
}

.mouse-follower span {
    z-index: 10;
    opacity: 1;
    top: -10px;
    left: -10px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    position: fixed;
    transition: 100ms ease-in-out;
    pointer-events: none
}

.mouse-follower .cursor-outline {
    height: 30px;
    width: 30px;
    border: 1px solid rgba(var(--s3), 1)
}

.mouse-follower .cursor-dot {
    height: 6px;
    width: 6px;
    background: rgba(var(--s3), 1);
    transition: var(--transition)
}

.mouse-follower.hide-cursor span {
    border-color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

.table thead th,
.table td,
.table th {
    border: none
}

/* ::-webkit-scrollbar-track {
    background: rgba(var(--n4), 0.5)
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-thumb {
    background: rgba(var(--s3), 1)
} */


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(var(--s3));
    background-image: -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent)
}




.cus-scrollbar {
    overflow-y: auto;
    overflow-x: hidden;
    position: sticky;
    max-height: 90vh;
    top: 110px;
}

.cus-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0)
}

.cus-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 211, 198, .5)
}

.cus-scrollbar::-webkit-scrollbar-button,
.cus-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(var(--p1), 0.5);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.cus-scrollbar:hover::-webkit-scrollbar {
    width: 5px
}

.cus-scrollbar:hover::-webkit-scrollbar-button,
.cus-scrollbar:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--p1), 1)
}

.d-center {
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 768px) {
    .cus-sticky {
        position: sticky;
        top: 100px
    }
}

@media(min-width: 575px) {
    .cus-sticky.second {
        position: sticky;
        top: 60px
    }
}

@media(min-width: 768px) {
    .cus-sticky-second {
        position: sticky;
        top: 120px
    }
}

.scrollToTop {
    position: fixed;
    bottom: 0;
    width: 52px;
    min-width: 52px;
    height: 52px;
    right: 30px;
    padding: 0 12px;
    line-height: 120%;
    font-size: 12px;
    text-align: center;
    z-index: 9;
    cursor: pointer;
    transition: all 1s;
    transform: translateY(100%)
}

.scrollToTop:hover i {
    margin: 0;
    opacity: 1
}

.scrollToTop i {
    transition: var(--transition);
    margin-bottom: -25px;
    opacity: 0
}

.scrollToTop.active {
bottom: 11%;
    transform: translateY(0%);
    right: 1.08%;
}

#preloader {
    background-color: rgba(var(--n1), 1);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999
}

#preloader #loader {
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top-color: rgba(var(--p3), 1);
    animation: preload 2s linear infinite
}

#preloader #loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top-color: rgba(var(--s3), 1);
    animation: preload 3s linear infinite
}

#preloader #loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top-color: rgba(var(--p4), 1);
    animation: preload 1.5s linear infinite
}

@keyframes preload {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.singleTab .nav-links {
    cursor: pointer
}

.singleTab .tabContents {
    position: relative
}

.singleTab .tabContents .tabItem {
    transform: translateY(100px);
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: .8s all
}

.singleTab .tabContents .tabItem.active {
    position: initial;
    z-index: 1;
    opacity: 1;
    transform: translateY(0)
}

.ql-snow * {
    color: rgba(var(--n4), 1)
}

.pagination li a {
    color: rgba(var(--n4), 1)
}

.pagination .page-item .page-link {
    outline: none;
    bottom: 0;
    padding: 0;
    border: 0;
    width: 40px;
    min-width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    z-index: 999;
    color: rgba(var(--n4), 1)
}

@media(max-width: 757px) {
    .pagination .page-item .page-link {
        width: 32px;
        min-width: 32px;
        height: 32px
    }
}

.pagination .page-item:hover a,
.pagination .page-item:hover span,
.pagination .page-item.active a,
.pagination .page-item.active span,
.pagination .page-item:focus a,
.pagination .page-item:focus span {
    background-color: rgba(var(--p1), 1);
    color: rgba(var(--n1), 1);
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.slider-pagination {
    left: initial
}

.slider-pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
    background-color: rgba(var(--p1), 0.2);
    opacity: 1;
    width: 10px;
    min-width: 10px;
    height: 10px
}

.slider-pagination span.swiper-pagination-bullet-active {
    background-color: rgba(var(--p1), 1);
    transform: scale(1.2)
}

.slider-pagination.second span {
    background-color: rgba(var(--n4), 0.4);
    position: relative;
    width: 8px;
    min-width: 8px;
    height: 8px
}

.slider-pagination.second span.swiper-pagination-bullet-active {
    background-color: rgba(var(--p1), 1);
    margin: 0 16px;
    transform: scale(1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-2)
}

.slider-pagination.second span.swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: inherit;
    border: 1px solid rgba(var(--p1), 1)
}

.slider-pagination.third span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
    background-color: rgba(var(--n1), 1);
    opacity: 1;
    width: 10px;
    min-width: 10px;
    height: 10px
}

.slider-pagination.third span.swiper-pagination-bullet-active {
    background-color: rgba(var(--p1), 1);
    transform: scale(1.2)
}

.breadcrumb-area .breadcrumb {
    row-gap: 8px
}

.breadcrumb-area .breadcrumb .breadcrumb-item {
    position: relative
}

.breadcrumb-area .breadcrumb .breadcrumb-item::before {
    content: "";
    font-family: Phosphor;
    z-index: 1;
    position: absolute;
    right: -18px;
    font-size: 18px;
    color: rgba(var(--n4), 1);
    padding: 0 !important
}

@media(max-width: 767px) {
    .breadcrumb-area .breadcrumb .breadcrumb-item::before {
        right: -16px
    }
}

.breadcrumb-area .breadcrumb .breadcrumb-item:last-child span,
.breadcrumb-area .breadcrumb .breadcrumb-item.active span {
    color: rgba(var(--p1), 1)
}

.breadcrumb-area .breadcrumb .breadcrumb-item:last-child::before,
.breadcrumb-area .breadcrumb .breadcrumb-item.active::before {
    display: none
}

.select2 .select2-selection {
    padding: 0;
    height: initial;
    border: none;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0)
}

.select2 .select2-selection:focus-visible {
    outline: none
}

.select2 .select2-selection__rendered {
    line-height: 150% !important;
    font-weight: 500
}

.select2 .select2-selection__clear {
    display: none
}

.select2 .select2-selection__arrow {
    width: 0 !important;
    height: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial !important
}

.select2 .select2-selection__arrow b {
    display: none
}

.select2 .select2-selection__arrow:after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    color: rgba(var(--n4), 1);
    position: absolute;
    border: none;
    transition: var(--transition);
    font-size: 14px;
}

.select2.select2-container--open .select2-selection__arrow::after {
    transform: rotate(180deg)
}

.select2-results li {
    color: rgba(var(--n4), 1)
}

.select2-results li:hover,
.select2-results li.select2-results__option--highlighted,
.select2-results li.select2-results__option--selected {
    background-color: rgba(var(--p1), 1) !important;
    color: rgba(var(--n1), 1) !important
}

.select2-dropdown {
    z-index: 1100
}

.select2-dropdown input:focus-visible {
    outline: none
}

.single-select-auto .select2-selection__arrow::after {
    font-size: 14px
}

.single-select-auto:hover .select2-selection__rendered {
    color: rgba(var(--n1), 1);
    transition: var(--transition)
}

.single-select-auto:hover .select2-selection__arrow::after {
    color: rgba(var(--n1), 1);
    transition: var(--transition)
}

.single-select.second .select2-selection {
    justify-content: end
}

.single-select.third .select2 {
    width: 100% !important
}

.single-select.third .select2-selection__rendered {
    padding: 0
}

.single-select.third .label {
    top: -6px
}

.single-select.w-auto .select2-container {
    width: auto !important
}

.input-color .select2-selection__rendered {
    color: rgba(var(--n1), 1) !important
}

.input-color .select2-selection__arrow::after {
    color: rgba(var(--n1), 1);
    right: 4px
}

.select2-container.w-auto .select2-dropdown {
    width: -moz-max-content !important;
    width: max-content !important;
    left: initial !important;
    overflow: hidden !important
}

.single-range .range-slider-bg {
    height: 8px
}

.single-range .range-slider {
    -webkit-appearance: none;
    width: 100%;
    height: inherit;
    background: linear-gradient(to right, rgba(var(--p1), 1), rgba(var(--p1), 1)) no-repeat;
    background-size: calc((var(--value) - var(--min))*100%/(var(--max) - var(--min))) 100%;
    outline: none
}

.single-range .thumb-value {
    transform: translateX(-50%)
}

.ui-datepicker {
    background-color: rgba(var(--n1), 1);
    box-shadow: var(--box-shadow-p1);
    z-index: 1100 !important
}

.ui-datepicker .ui-state-default {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--n4), 1);
    transition: var(--transition)
}

.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-state-default.ui-state-highlight {
    background-color: rgba(var(--p1), 1);
    color: rgba(var(--n1), 1)
}

.ui-datepicker .ui-datepicker-title *,
.ui-datepicker table * {
    color: rgba(var(--n4), 1)
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background-color: rgba(var(--p1), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev::after,
.ui-datepicker .ui-datepicker-next::after {
    content: "";
    position: absolute;
    font-family: phosphor;
    font-size: 16px;
    color: rgba(var(--n1, 1))
}

.ui-datepicker .ui-datepicker-next {
    left: initial;
    right: 0
}

.ui-datepicker .ui-datepicker-next::after {
    transform: rotate(180deg)
}

.ui-datepicker .ui-timepicker-div * {
    color: rgba(var(--n4), 1)
}

.ui-datepicker .ui-timepicker-div .ui-slider {
    height: 3px;
    background-color: rgba(var(--p1), 1);
    display: flex;
    align-items: center
}

.ui-datepicker .ui-timepicker-div .ui-slider:focus-visible,
.ui-datepicker .ui-timepicker-div .ui-slider span {
    width: 16px !important;
    height: 16px !important;
    background-color: rgba(var(--p1), 1) !important;
    border: 2px solid rgba(var(--n1), 1) !important;
    border-radius: 50%;
    top: initial !important
}

.ui-datepicker .ui-timepicker-div .ui_tpicker_minute,
.ui-datepicker .ui-timepicker-div .ui_tpicker_hour {
    margin-top: 22px
}

.single-checkbox {
    cursor: pointer
}

.single-checkbox .checkmark {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid rgba(var(--n4), 0.2)
}

.single-checkbox .checkmark::after {
    content: "";
    font-family: "Phosphor";
    position: absolute;
    font-size: 16px;
    opacity: 0;
    border-radius: inherit;
    transition: var(--transition);
    color: rgba(var(--n4), 1)
}

@media(max-width: 767px) {
    .single-checkbox .checkmark {
        width: 18px;
        min-width: 18px;
        height: 18px
    }
}

.single-checkbox input:checked~.checkmark::after {
    opacity: 1
}

.single-checkbox.second .checkmark {
    border: 1px solid rgba(var(--n4), 0.8)
}

.single-checkbox.radio .checkmark {
    border: 1px solid rgba(var(--n4), 0.2);
    width: initial;
    max-width: initial;
    height: initial
}

.single-checkbox.radio .checkmark::after {
    display: none
}

.single-checkbox.radio input:checked~.checkmark {
    background-color: rgba(var(--p1), 1)
}

.single-checkbox.radio input:checked~.checkmark * {
    color: rgba(var(--n1, 1))
}

.single-checkbox.radio.second.active {
    border-color: rgba(var(--p1), 1) !important
}

.single-checkbox.radio.second .checkmark {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border: 1px solid rgba(var(--n4), 0.2);
    background-color: rgba(0, 0, 0, 0) !important
}

.single-checkbox.radio.second .checkmark::after {
    content: "";
    display: flex;
    width: 10px;
    min-width: 10px;
    height: 10px;
    background-color: rgba(var(--n2), 1)
}

.single-checkbox.radio.second input:checked~.checkmark {
    border-color: rgba(var(--p1), 1)
}

.single-checkbox.radio.second input:checked~.checkmark::after {
    background-color: rgba(var(--p1), 1)
}

.item-centerY {
    transform: translateY(-50%)
}

.item-centerX {
    bottom: -40%;
    transform: translate(-50%, -50%)
}

@media(max-width: 470px) {
    .cus-row>div {
        width: 100% !important
    }
}

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

.input-area {
    border: 1px solid rgba(0, 0, 0, 0)
}

.input-area:focus-within {
    border: 1px solid rgba(var(--p1), 1) !important
}

.input-area .active {
    background-color: rgba(var(--p1), 1);
    color: rgba(var(--n1), 1)
}

.input-area input,
.input-area textarea {
    border-radius: 0;
    padding: 0;
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0)
}

.input-area input::-moz-placeholder,
.input-area textarea::-moz-placeholder {
    color: rgba(var(--n1), 0.4);
    font-weight: 500
}

.input-area input::placeholder,
.input-area textarea::placeholder {
    color: rgba(var(--n1), 0.4);
    font-weight: 500
}

.input-area.second *::-moz-placeholder {
    color: rgba(var(--n4), 0.5)
}

.input-area.second *::placeholder {
    color: rgba(var(--n4), 0.5)
}

.cursor-pointer {
    cursor: pointer
}

@keyframes fadeInOut {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .6
    }
}

@keyframes swing {
    0% {
        transform: rotate(-4deg)
    }

    50% {
        transform: rotate(4deg)
    }

    100% {
        transform: rotate(-4deg)
    }
}

@keyframes pixel-bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-8px)
    }

    60% {
        transform: translateY(-4px)
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(50deg)
    }

    0% {
        transform: rotate(0deg)
    }
}

@keyframes run {
    0% {
        left: 0
    }

    50% {
        left: 40px
    }

    100% {
        left: 0
    }
}

@keyframes run2 {
    0% {
        left: 0
    }

    50% {
        left: -20px
    }

    100% {
        left: 0
    }
}

@keyframes rotateY {
    0% {
        transform: rotateY(15deg)
    }

    50% {
        transform: rotateY(45deg)
    }

    100% {
        transform: rotateY(15deg)
    }
}

@keyframes waves {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes fadeIn2nd {
    0% {
        opacity: 0;
        transform: translate3d(-10%, 0, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(180deg)
    }
}

.header-section {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

@media(max-width: 991px) {
    .header-section {
        background-color: rgba(var(--n1), 1)
    }

    .header-section.index-four {
        background: rgba(var(--n4), 1)
    }
}

.header-section .nav-brand {
    width: 265px;
    max-width: 265px
}

@media(max-width: 991px) {
    .header-section .nav-brand {
        width: 150px;
        max-width: 150px
    }
}

@media(max-width: 991px) {
    .header-section .main-navbar {
        border-radius: 0 !important
    }

    .header-section .main-navbar .navbar-toggle-item {
        display: none
    }

    .header-section .main-navbar .nav-logo {
        width: 100%
    }
}

@media(min-width: 992px) {
    .header-section .main-navbar .navbar-toggle-item {
        display: initial !important
    }
}

@media(min-width: 1199px) {
    .header-section .main-navbar .logo {
        display: none
    }
}

.header-section .main-navbar .custom-nav .menu-item button::after {
    position: absolute;
    content: "";
    font-family: "FontAwesome";
    font-weight: 500;
    font-size: 12px;
    right: 0;
    z-index: -1;
    transition: all 1s ease
}

.header-section .main-navbar .custom-nav .menu-item button.arrow-none::after {
    display: none
}

.header-section .main-navbar .custom-nav .menu-item button,
.header-section .main-navbar .custom-nav .menu-item a,
.header-section .main-navbar .custom-nav .menu-link button,
.header-section .main-navbar .custom-nav .menu-link a {
    transition: var(--transition);
    font-weight: 500;
    margin-left: 20px;
}

@media(max-width: 991px) {
    .header-section .main-navbar .custom-nav {
        max-height: 50vh;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%
    }

    .header-section .main-navbar .custom-nav .sub-menu {
        display: none;
        border-left: 1px solid rgba(var(--p1), 1);
        padding: 10px 20px
    }

    .header-section .main-navbar .custom-nav .sub-menu a,
    .header-section .main-navbar .custom-nav .sub-menu button {
        position: relative
    }

    .header-section .main-navbar .custom-nav .sub-menu a::before,
    .header-section .main-navbar .custom-nav .sub-menu button::before {
        content: "";
        position: absolute;
        background-color: rgb(var(--p1));
        width: 16px;
        height: 1px;
        left: -20px;
        top: 5px;
        z-index: -1
    }
}

@media(min-width: 992px) {
    .header-section .main-navbar .custom-nav .menu-item {
        position: relative
    }

    .header-section .main-navbar .custom-nav .menu-item:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto
    }

    .header-section .main-navbar .custom-nav .menu-item button:hover button::after {
        transform: rotate(-180deg)
    }

    .header-section .main-navbar .custom-nav .sub-menu {
        position: absolute;
        top: 24px;
        left: 0;
        opacity: 0;
        width: -moz-max-content;
        width: max-content;
        visibility: hidden;
        transform: translateY(20px);
        text-wrap: nowrap;
        transition: var(--transition);
        display: initial !important;
        z-index: 10;
        pointer-events: none
    }

    .header-section .main-navbar .custom-nav .sub-menu::after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        top: -8px;
        right: calc(100% - 24px);
        z-index: -1;
        transform: rotate(45deg)
    }

    .header-section .main-navbar .custom-nav .sub-menu .sub-menu {
        left: 100%;
        top: -20px
    }
}

.header-section .navbar-toggle-btn {
    width: 40px;
    height: 28px;
    position: relative;
    right: 0;
    transition: var(--transition);
    top: 0
}

.header-section .navbar-toggle-btn span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: rgb(var(--p1));
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: var(--transition)
}

.header-section .navbar-toggle-btn span:nth-child(1) {
    top: 0
}

.header-section .navbar-toggle-btn span:nth-child(2),
.header-section .navbar-toggle-btn span:nth-child(3) {
    top: 12px
}

.header-section .navbar-toggle-btn span:nth-child(4) {
    top: 24px
}

.header-section .navbar-toggle-btn.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%
}

.header-section .navbar-toggle-btn.open span:nth-child(2) {
    transform: rotate(45deg)
}

.header-section .navbar-toggle-btn.open span:nth-child(3) {
    transform: rotate(-45deg)
}

.header-section .navbar-toggle-btn.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

.sidebar-items .cmn-head {
    cursor: pointer
}

.sidebar-items .single-item {
    position: relative
}

.sidebar-items .single-item .close-btn {
    right: 15px;
    top: 15px
}

.sidebar-items .single-item .nav-items-wrapper {
    max-width: 500px;
    min-height: 100vh;
    overflow-y: auto;
    -webkit-backdrop-filter: blur(22.5px);
    backdrop-filter: blur(22.5px);
    z-index: 999;
    transform: translateX(100%);
    transition: all 1.3s
}

.sidebar-items .single-item.active .nav-items-wrapper {
    transform: translateX(0)
}

.sidebar-items .content-box .icon-box {
    max-width: 100px
}

.sidebar-wrapper .side-menubar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 5
}

.sidebar-wrapper .nav-brand .logo {
    transform: rotate(-90deg)
}

.sidebar-wrapper .slider-pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    font-size: inherit;
    width: initial;
    height: initial;
    color: inherit;
    opacity: 1
}

.sidebar-wrapper .slider-pagination span.swiper-pagination-bullet-active {
    color: rgba(var(--p1), 1);
    font-weight: 600
}

.header-fixed.index-three {
    background: rgba(var(--n1), 1)
}

.header-fixed.index-four {
    background: rgba(var(--n4), 1)
}

@media(max-width: 575px) {
    .footer-section .rent-car .img-area img {
        min-height: 130px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.footer-section .rent-car::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 25.7%, rgba(0, 0, 0, 0.9) 93.92%)
}

.footer-section .footer-inner::before,
.footer-section .footer-inner::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: inherit;
    background: rgba(var(--n1), 0.08);
    z-index: 0
}

.footer-section .footer-inner::after {
    width: calc(100% - 50px);
    height: 1px;
    left: 50%;
    bottom: 0;
    top: initial;
    transform: translateX(-50%);
    background: rgba(var(--n1), 0.3)
}

.footer-section .footer-links a span:first-child::before {
    content: "";
    z-index: 1;
    position: absolute;
    background-color: rgba(var(--p1), 0.5);
    width: 12px;
    min-width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    border-radius: 50%;
    transition: var(--transition)
}

.footer-section .footer-links a span:first-child::after {
    content: "";
    z-index: 1;
    position: absolute;
    background-color: rgba(var(--p1), 1);
    width: 5px;
    min-width: 5px;
    height: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    border-radius: 50%;
    transition: var(--transition)
}

.footer-section .footer-links a:hover span {
    color: rgba(var(--p1), 1)
}

.footer-section .footer-links.second span:before,
.footer-section .footer-links.second span:after {
    display: none !important
}

.footer-section .footer-links.second a:hover span {
    color: rgba(var(--n1), 1);
    transform: translateX(8px)
}

.footer-section .footer-link a:hover span {
    color: rgba(var(--p1), 1)
}

.footer-section .footer-text {
    font-size: 30vw;
    line-height: 80%
}

@media(max-width: 1699px) {
    .footer-section .footer-text {
        line-height: 100%
    }
}

@media(max-width: 1199px) {
    .footer-section .footer-text {
        line-height: 150%
    }
}

@media(max-width: 767px) {
    .footer-section .footer-text {
        line-height: 250%
    }
}

@media(max-width: 575px) {
    .footer-section .footer-text {
        line-height: 300%
    }
}

@media(max-width: 480px) {
    .footer-section .footer-text {
        line-height: 350%
    }
}

.footer-section.second .footer-inner::before {
    background-color: rgba(var(--p1), 1);
    z-index: -1;
    height: 90%;
    top: initial;
    bottom: 0
}

.banner-section.index-one .banner-img {
    position: relative
}

.banner-section.index-one .banner-img::before {
    content: "";
    position: absolute;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 21%, rgba(0, 0, 0, 0.41) 37.92%, rgba(0, 0, 0, 0.8) 88.53%);
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: inherit
}

@media(max-width: 991px) {
    .banner-section.index-one .banner-img::before {
        background-color: rgba(var(--s1), 0.4)
    }
}

.banner-section.index-one .banner-img img {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: top;
    object-position: top
}

.banner-section.index-one .border-area::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--p1), 1);
    height: 8px;
    width: 100%;
    bottom: 40px;
    z-index: -1;
    left: 0
}

@media(max-width: 1699px) {
    .banner-section.index-one .border-area::before {
        height: 4px;
        bottom: 30px
    }
}

@media(max-width: 1199px) {
    .banner-section.index-one .border-area::before {
        height: 3px;
        bottom: 20px
    }
}

@media(max-width: 575px) {
    .banner-section.index-one .border-area::before {
        bottom: 10px
    }
}

.banner-section .form-content {
    border-radius: 100px 100px 0px 0px
}

@media(max-width: 991px) {
    .banner-section .form-content {
        border-radius: 20px 20px 0px 0px
    }
}

@media(max-width: 1600px) {
    .banner-section .form-content .input-area>span {
        display: none
    }
}

.banner-section.index-two::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--n4), 1);
    width: 100%;
    height: 70%;
    top: 0;
    left: 0
}

@media(max-width: 991px) {
    .banner-section.index-two::before {
        height: 90%
    }
}

@media(max-width: 1399px) {
    .banner-section.index-two .banner-img .abs-image {
        max-width: 100% !important
    }
}

@media(min-width: 1199px) {
    .banner-section.index-two .banner-img .circle-text {
        top: 0;
        right: 0
    }
}

.banner-section.index-three::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--n4), 1);
    background: linear-gradient(180deg, rgba(215, 0, 7, 0.4) 0%, rgba(215, 0, 7, 0) 90%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media(max-width: 991px) {
    .banner-section.index-three::before {
        height: 90%
    }
}

.banner-section.index-three::after {
    content: "";
    position: absolute;
    background-image: url(../images/banner-bg-math.webp);
    background-repeat: repeat;
    background-position: top;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media(max-width: 991px) {
    .banner-section.index-three .since-days {
        border-radius: 20px !important
    }
}

@media(max-width: 1399px) {
    .banner-section.index-three form {
        border-radius: 30px !important
    }
}

@media(max-width: 1600px) {
    .banner-section.index-three form .input-card {
        display: none
    }
}

.banner-section.index-four::after {
    background-image: url(../images/banner-index-4-overlay.webp);
    background-repeat: no-repeat;
    background-position: bottom
}

@media(min-width: 1800px) {
    .banner-section.index-four::after {
        left: 12px
    }
}

.banner-section.index-four::before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, #000 100%)
}

.banner-section.index-four .overlay-area {
    background-size: contain
}

@media only screen and (min-width: 1400px)and (max-width: 1800px) {
    .banner-section.index-four .col-text {
        width: 55.5555555556%
    }
}

@media(max-width: 1699px) {
    .banner-section .banner-text .display-two {
        font-size: 220px
    }
}

@media(max-width: 1399px) {
    .banner-section .banner-text .display-two {
        font-size: 180px
    }
}

@media(max-width: 1199px) {
    .banner-section .banner-text .display-two {
        font-size: 150px
    }
}

@media(max-width: 991px) {
    .banner-section .banner-text .display-two {
        font-size: 110px
    }
}

@media(max-width: 767px) {
    .banner-section .banner-text .display-two {
        font-size: 80px
    }
}

@media(max-width: 480px) {
    .banner-section .banner-text .display-two {
        font-size: 40px
    }
}

.banner-section .banner-content::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--n4), 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media(min-width: 1650px) {
    .banner-section.index-six .cus-col>div {
        width: 25% !important
    }

    .banner-section.index-six .cus-col>div:first-child {
        width: 74.0740740741% !important
    }
}

@media only screen and (min-width: 1400px)and (max-width: 1650px) {
    .banner-section.index-six form i {
        display: none !important
    }
}

@media(min-width: 992px) {
    .banner-section.index-six .wr-mode {
        writing-mode: sideways-lr
    }
}

.banner-section.index-seven .banner-img::before {
    content: "";
    position: absolute;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 21%, rgba(0, 0, 0, 0.41) 37.92%, rgba(0, 0, 0, 0.8) 88.53%);
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: inherit
}

@media(max-width: 991px) {
    .banner-section.index-seven .banner-img::before {
        background-color: rgba(var(--n4), 0.4)
    }
}

@media(max-width: 575px) {
    .cars-search .select2-container .select2-dropdown {
        right: initial !important;
        background-color: rgba(var(--p1), 1)
    }
}

.explore-vehicles .single-item:hover {
    border: 1px solid rgba(var(--p1), 1) !important
}

.explore-vehicles .single-item:hover .border-top {
    border-color: rgba(var(--p1), 1) !important
}

.next-gen-features .single-item {
    min-height: 490px;
    background-position: bottom
}

.next-gen-features .single-item.size-auto {
    background-size: auto;
    background-position: bottom right 120px
}

@media(max-width: 991px) {
    .next-gen-features .single-item {
        min-height: 280px;
        background-size: 90%
    }

    .next-gen-features .single-item.size-auto {
        min-height: 280px;
        background-size: 50%
    }
}

.banner-item .abs-text {
    font-size: 320px;
    line-height: 62%;
    letter-spacing: 38.4px
}

.our-brand .grid-item {
    grid-template-columns: repeat(8, 1fr)
}

@media(max-width: 1399px) {
    .our-brand .grid-item {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(max-width: 1199px) {
    .our-brand .grid-item {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(max-width: 992px) {
    .our-brand .grid-item {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 767px) {
    .our-brand .grid-item {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 575px) {
    .our-brand .grid-item {
        grid-template-columns: repeat(2, 1fr)
    }
}

.our-brand .single-item {
    border-color: rgba(0, 0, 0, 0) !important
}

.our-brand .single-item:hover {
    border-color: rgba(var(--p1), 1) !important
}

.explore-car::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(60.23% 60.23% at 50% 50%, #D70007 0%, rgba(217, 217, 217, 0) 100%);
    z-index: 1
}

@media only screen and (min-width: 1400px)and (max-width: 1699px) {
    .form-column .cus-column {
        width: 100% !important
    }
}

@media only screen and (min-width: 1400px)and (max-width: 1599px) {
    .form-column {
        margin: 0 !important
    }
}

.steps-area .single-step.steps-done .steps-point {
    border-color: rgba(var(--p1), 1) !important
}

.steps-area .single-step.steps-done .steps-point::before {
    content: "";
    font-family: Phosphor;
    background-color: rgba(0, 0, 0, 0);
    color: rgba(var(--p1), 1)
}

.steps-area .single-step.steps-pending p {
    color: rgba(var(--p1), 1) !important
}

.steps-area .single-step.steps-pending .steps-point {
    border-color: rgba(var(--p1), 1) !important
}

.steps-area .single-step.steps-pending .steps-point::before {
    background-color: rgba(var(--p1), 1)
}

.steps-area .single-step:last-child::before {
    display: none
}

.steps-area .single-step::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    transform: translateX(50%);
    background-color: rgba(var(--n5), 1);
    z-index: -1
}

@media(max-width: 767px) {
    .steps-area .single-step::before {
        width: 1px;
        height: 150%;
        top: 30px;
        transform: translateY(50%)
    }
}

.steps-area .steps-point {
    background-color: rgba(var(--n1), 1)
}

.steps-area .steps-point::after,
.steps-area .steps-point::before {
    content: "";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--p1), 0.04)
}

.steps-area .steps-point::before {
    width: 10px;
    height: 10px;
    background-color: rgba(var(--n5), 1)
}

.testimonial .odometer-digit {
    letter-spacing: 0 !important
}

@media(min-width: 1199px) {
    .our-process .main-content {
        position: absolute
    }
}

@media(min-width: 1399px) {
    .our-process .circle-text {
        right: 0;
        top: 0
    }
}

@media only screen and (min-width: 1399px)and (max-width: 1799px) {
    .handpicked-cars .row-items-2>div {
        width: 50%
    }
}

@media(min-width: 1199px) {
    .app-download .img-area {
        right: 0
    }
}

.vehicles-details .swiper-slide-active .see-all-btn {
    transform: translate(0%);
    opacity: 1
}

.vehicles-details .see-all-btn {
    transform: translateY(200%) rotate(5deg);
    transition: var(--transition-2);
    opacity: 0
}

.vehicles-details.second img {
    transform: scale(0.8)
}

.vehicles-details.second .swiper-slide-active img {
    transform: scale(1.1)
}

.big-deals .before-content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 550%;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    background-color: rgba(var(--p1), 0.12);
    z-index: -1
}

@media only screen and (min-width: 1400px)and (max-width: 1699px) {
    .big-deals .cus-col>div {
        width: 50%
    }
}

@media(max-width: 1599px) {
    .cta-section .subscribe img {
        max-width: 220px
    }
}

@media(max-width: 991px) {
    .cta-section .subscribe img {
        max-width: 140px
    }
}

.blog-section .single-blog .hover-area {
    transform: translateX(-100%)
}

.blog-section .single-blog .hover-area::after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: rgba(var(--n4), 0.6)
}

.blog-section .single-blog:hover .hover-area {
    transform: translateX(0)
}

@media(min-width: 768px) {
    .blog-section .single-blog:hover * {
        color: rgba(var(--n1), 1)
    }
}

.blog-section .single-blog:hover a {
    background-color: rgba(var(--p1), 1)
}

.blog-section .single-blog:hover a i {
    transform: rotate(45deg);
    color: rgba(var(--n1), 1)
}

@media(min-width: 1399px) {
    .blog-section .cus-height {
        height: 100%
    }
}

.comment-form {
    display: none
}

.section-sidebar {
    overflow: visible
}

@media(min-width: 1199px) {
    .section-sidebar .sidebar-common {
        height: 100% !important
    }
}

@media(max-width: 1199px) {
    .section-sidebar .sidebar-toggler .sidebar-head {
        position: absolute;
        overflow: hidden;
        height: 24px;
        z-index: 2;
        right: 0;
        top: 0
    }

    .section-sidebar .sidebar-toggler .sidebar-head.active .side-wrapper {
        visibility: visible;
        opacity: 1;
        transform: translateX(0px)
    }

    .section-sidebar .sidebar-toggler .sidebar-head .side-wrapper {
        transform: translateX(200px);
        opacity: 0;
        right: 0;
        background-color: rgba(var(--n8), 1);
        visibility: hidden;
        transition: all .7s cubic-bezier(0.4, 0, 0.2, 1)
    }

    .section-sidebar .sidebar-toggler .sidebar-head .sidebar-area {
        width: 100%
    }

    .section-sidebar .sidebar-toggler .sidebar-head .sidebar-wrapper {
        min-width: 350px;
        max-width: 350px
    }
}

@media(max-width: 1199px)and (max-width: 991px) {
    .section-sidebar .sidebar-toggler .sidebar-head .sidebar-wrapper {
        min-width: 310px;
        max-width: 310px
    }
}

@media(max-width: 1199px) {
    .section-sidebar .sidebar-toggler .sidebar-head.primary-sidebar {
        left: 0;
        right: initial
    }

    .section-sidebar .sidebar-toggler .sidebar-head.primary-sidebar.active .side-wrapper {
        transform: translateX(0px)
    }

    .section-sidebar .sidebar-toggler .sidebar-head.primary-sidebar .side-wrapper {
        transform: translateX(-200px)
    }

    .section-sidebar .sidebar-toggler .sidebar-head.secondary-sidebar {
        right: 0;
        left: initial
    }

    .section-sidebar .sidebar-toggler .sidebar-head.secondary-sidebar.active .side-wrapper {
        transform: translateX(0px)
    }

    .section-sidebar .sidebar-toggler .sidebar-head.secondary-sidebar .side-wrapper {
        transform: translateX(200px)
    }
}

.section-sidebar .grid-list-btn button.active,
.section-sidebar .grid-list-btn button:hover {
    background-color: rgba(var(--p1), 1);
    border-color: rgba(var(--p1), 1) !important
}

.section-sidebar .grid-list-btn button.active span,
.section-sidebar .grid-list-btn button:hover span {
    color: rgba(var(--n1), 1)
}

@media only screen and (min-width: 1200px)and (max-width: 1700px) {
    .section-sidebar .cus-padding>div.sidebar-content {
        width: 23.8095238095%
    }

    .section-sidebar .cus-padding>div.main-body-content {
        width: 50.2512562814%
    }
}

@media only screen and (min-width: 1400px)and (max-width: 1700px) {
    .section-sidebar .cus-padding.content-9-3 .col-xxl-9 {
        width: 71.4285714286%
    }
}

@media only screen and (min-width: 1400px)and (max-width: 1700px) {
    .section-sidebar .cus-padding.content-9-3 .col-xxl-3 {
        width: 27.7777777778%
    }
}

.section-sidebar .grid-list-template {
    -moz-column-count: 2;
    column-count: 2
}

@media(max-width: 600px) {
    .section-sidebar .grid-list-template {
        -moz-column-count: 1;
        column-count: 1
    }
}

.section-sidebar .grid-list-template>div {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 24px
}

.section-sidebar .grid-list-template .first-item {
    width: 71.4285714286%
}

.section-sidebar .grid-list-template .calculate-area {
    width: 26.3157894737%
}

@media(max-width: 1700px) {

    .section-sidebar .grid-list-template .first-item,
    .section-sidebar .grid-list-template .calculate-area {
        width: 100%
    }
}

.section-sidebar .grid-list-template .mid-item {
    display: none
}

.section-sidebar .grid-list-template .end-area {
    display: block
}

.section-sidebar .grid-list-template.active {
    -moz-column-count: 1;
    column-count: 1
}

.section-sidebar .grid-list-template.active .first-item {
    width: 41.6666666667%;
    display: flex;
    align-items: center
}

.section-sidebar .grid-list-template.active .calculate-area {
    width: 16.6666666667%
}

.section-sidebar .grid-list-template.active .mid-item {
    display: flex
}

@media(max-width: 1650px) {
    .section-sidebar .grid-list-template.active .mid-item {
        width: 100%;
        order: 1
    }

    .section-sidebar .grid-list-template.active .first-item,
    .section-sidebar .grid-list-template.active .calculate-area {
        width: 50%
    }
}

@media(max-width: 1199px) {
    .section-sidebar .grid-list-template.active .features-area ul {
        border-color: rgba(0, 0, 0, 0) !important
    }
}

@media(max-width: 700px) {
    .section-sidebar .grid-list-template.active .first-item {
        width: 71.4285714286%
    }

    .section-sidebar .grid-list-template.active .calculate-area {
        width: 25%
    }
}

@media(max-width: 480px) {

    .section-sidebar .grid-list-template.active .first-item,
    .section-sidebar .grid-list-template.active .calculate-area,
    .section-sidebar .grid-list-template.active .mid-item {
        width: 100%
    }
}

.section-sidebar .grid-list-template.active .specifications,
.section-sidebar .grid-list-template.active .end-area {
    display: none
}

.section-sidebar .grid-list-template.grid-single {
    -moz-column-count: 1;
    column-count: 1
}

@media only screen and (min-width: 600px)and (max-width: 1199px) {
    .section-sidebar .grid-list-template.grid-single {
        -moz-column-count: 2;
        column-count: 2
    }
}

.section-sidebar .grid-list-template.second-template.grid-single {
    -moz-column-count: 1;
    column-count: 1
}

@media only screen and (min-width: 600px)and (max-width: 1199px) {
    .section-sidebar .grid-list-template.second-template.grid-single {
        -moz-column-count: 2;
        column-count: 2
    }
}

.section-sidebar .grid-list-template.second-template .single-items {
    flex-direction: column
}

@media only screen and (min-width: 767px)and (max-width: 991px) {
    .section-sidebar .grid-list-template.second-template.active {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media(min-width: 991px) {
    .section-sidebar .grid-list-template.second-template.active .single-items {
        flex-direction: row
    }

    .section-sidebar .grid-list-template.second-template.active .first-items {
        width: 47.619047619%
    }

    .section-sidebar .grid-list-template.second-template.active .second-items {
        width: 55.5555555556%
    }
}

.section-sidebar .grid-list-template.second-template.active .list-only {
    display: flex
}

.section-sidebar .grid-list-template.second-template .first-items {
    width: 100%
}

.section-sidebar .grid-list-template.second-template .list-only {
    display: none
}

@media(min-width: 1400px) {
    .section-sidebar .grid-list-template.third-template {
        -moz-column-count: 3;
        column-count: 3
    }

    .section-sidebar .grid-list-template.third-template.active {
        -moz-column-count: 1;
        column-count: 1
    }

    .section-sidebar .grid-list-template.third-template.active .first-items {
        width: 35.7142857143%
    }

    .section-sidebar .grid-list-template.third-template.active .second-items {
        width: 100%
    }
}

.section-sidebar .right-sidebar .side-wrapper {
    transform: translateX(100%);
    max-width: 420px;
    z-index: 999;
    max-height: 100vh;
    pointer-events: none
}

.section-sidebar .right-sidebar.active .side-wrapper {
    pointer-events: auto;
    transform: translateX(0)
}

@media(max-width: 1199px) {
    .section-sidebar .map-content {
        min-height: 300px !important
    }
}

.section-sidebar table thead th {
    background-color: rgba(var(--p1), 0.04)
}

.section-sidebar .map-area {
    min-height: 300px !important
}

.section-sidebar .category-item ul a:hover {
    border-color: rgba(var(--p1), 1) !important
}

.section-sidebar .category-item ul a:hover .number-bg {
    color: rgba(var(--n1), 1);
    background-color: rgba(var(--p1), 1)
}

.section-sidebar .category-item ul a:hover .title-area {
    color: rgba(var(--p1), 1)
}

@media only screen and (min-width: 575px)and (max-width: 1199px) {
    .section-sidebar .sidebar-wrapper-area {
        -moz-column-count: 2;
        column-count: 2
    }

    .section-sidebar .sidebar-wrapper-area>div {
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        margin: 0 0 24px
    }
}

@media only screen and (min-width: 575px)and (max-width: 1399px) {
    .section-sidebar .sidebar-wrapper-area.second {
        -moz-column-count: 2;
        column-count: 2
    }

    .section-sidebar .sidebar-wrapper-area.second>div {
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        margin: 0 0 24px
    }
}

.scroll-content-wrapper .scroll-content {
    transition: transform 2.5s ease-out;
    will-change: transform;
    transform: translateX(0%)
}

@media(max-width: 1199px) {
    .scroll-content-wrapper .scroll-content {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto
    }

    .scroll-content-wrapper .scroll-content .counter-area {
        grid-column: span 2
    }

    .scroll-content-wrapper .scroll-content .single-area img {
        width: 100%
    }
}

.scroll-content-wrapper .scroll-contentY {
    transform: translateY(0%);
    transition: transform 2.5s ease-out
}

.scroll-content-wrapper .scroll-contentY.second {
    transform: translateY(0%)
}

.scroll-content-vh {
    height: 100vh
}

@media(max-width: 991px) {
    .scroll-content-vh {
        height: 50vh
    }
}

.special-offers .title-with-counter::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--n4), 0.4);
    width: 100%;
    height: 100%;
    z-index: 0
}

@media(max-width: 767px) {
    .our-history .grid-area {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto
    }
}

@media(max-width: 575px) {
    .our-history .grid-area {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media(min-width: 767px) {
    .our-history .single-box:nth-child(even) {
        background-color: rgba(var(--n4), 1)
    }
}

.limited-deals .tag-area::after {
    content: "";
    position: absolute;
    background-color: rgba(var(--p1), 1);
    -webkit-clip-path: polygon(94% 0, 100% 50%, 94% 100%, 0 100%, 0 0);
    clip-path: polygon(94% 0, 100% 50%, 94% 100%, 0 100%, 0 0);
    width: 100%;
    height: 100%;
    z-index: -1
}

.limited-deals .tag-area::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--n4), 1);
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    width: 8px;
    height: 8px;
    z-index: -1;
    left: 0;
    top: -8px
}

.book-online .border-item::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--n4), 1);
    width: 100%;
    height: 1px;
    bottom: 0;
    z-index: 0
}

.book-online .border-item.second::before {
    background-color: rgba(var(--n1), 1)
}

.book-online .icon-area img {
    max-width: 44px
}

.book-online .single-content::before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(215, 0, 7, 0) 0%, rgba(215, 0, 7, 0.16) 100%);
    border: 1px solid rgba(var(--p1), 1);
    border-radius: inherit;
    width: 100%;
    height: 0%;
    opacity: 0;
    bottom: 0;
    z-index: 0;
    left: 0;
    transition: var(--transition)
}

.book-online .single-content:hover::before {
    height: 100%;
    opacity: 1
}

.book-online.second::before {
    content: "";
    position: absolute;
    background: rgba(var(--n4), 0.4);
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -1
}

@media(max-width: 991px) {
    .rent-our-car .icon-area img {
        max-width: 44px
    }
}

.rent-car .countdown::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--p1), 1);
    -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
    width: 120%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1
}

@media only screen and (min-width: 1199px)and (max-width: 1450px) {
    .rent-car .content-row>div .btn-area {
        flex-wrap: wrap !important
    }
}

@media(min-width: 1199px) {
    .team-details .info-content span {
        width: 12%
    }
}

.top-deals .single-item::before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 17.5%, rgba(0, 0, 0, 0.8) 100%);
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-radius: inherit
}

@media(max-width: 767px) {
    .top-deals .single-item::before {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
    }
}

@media(min-width: 768px) {
    .top-deals .absolute-item {
        position: absolute
    }
}

@media(max-width: 1600px) {
    .marquee-section .img-area img {
        max-width: 100px
    }
}

@media(max-width: 1199px) {
    .marquee-section .img-area img {
        max-width: 70px
    }
}

@media(max-width: 991px) {
    .marquee-section .img-area img {
        max-width: 50px
    }
}

@media(max-width: 575px) {
    .marquee-section .img-area img {
        max-width: 30px
    }
}

.marquee-infinity .marquee-wrap {
    animation: marquee 10s linear infinite;
    animation-direction: alternate
}

.marquee-infinity .marquee-wrap:hover {
    animation-play-state: paused
}

.marquee-infinity .single-items img {
    width: 80px
}

@media(max-width: 1399px) {
    .marquee-infinity .single-items img {
        width: 85px
    }
}

@media(max-width: 991px) {
    .marquee-infinity .single-items img {
        width: 55px
    }
}

@media(max-width: 575px) {
    .marquee-infinity .single-items img {
        width: 45px
    }
}

.marquee-infinity .single-items img:first-child {
    animation: rotate 50s linear infinite
}

.marquee-infinity .single-box .linear-infinite img {
    animation: rotate 50s linear infinite;
    max-width: 50px
}

.marquee-infinity .item-single {
    transform: rotate(-6deg) translateY(-70%)
}

@media(max-width: 575px) {
    .marquee-infinity .item-single {
        transform: rotate(-6deg) translateY(-115%)
    }
}

.marquee-infinity .item-single img {
    max-width: 140px
}

.marquee-infinity .item-single.second {
    transform: rotate(6deg) translateY(70%)
}

.marquee-infinity .item-single.third {
    transform: rotate(-2deg)
}

.marquee-infinity .item-single.fourth {
    transform: rotate(0deg)
}

.marquee-infinity.second .display-ex-three {
    line-height: initial
}

@media(max-width: 1399px) {
    .core-values .icon-area img {
        width: 85px
    }
}

@media(max-width: 991px) {
    .core-values .icon-area img {
        width: 55px
    }
}

@media(max-width: 575px) {
    .core-values .icon-area img {
        width: 45px
    }
}

.our-team .bg-img::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--n4), 0.7);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0
}

.our-team .single-item .social-area {
    opacity: 0
}

.our-team .single-item:hover .social-area {
    opacity: 1;
    transform: translateY(-10px)
}

@media(min-width: 1200px) {
    .our-team .abs-item-one {
        position: absolute
    }
}

@media(min-width: 1400px) {
    .our-team .abs-item-two {
        position: absolute
    }
}

.our-team .single-area .abs-area {
    opacity: 0
}

.our-team .single-area:hover .abs-area {
    -webkit-backdrop-filter: blur(33px);
    backdrop-filter: blur(33px);
    opacity: 1
}

.video-intro .bg-img-area img,
.need-assistance .bg-img-area img {
    min-height: 250px
}

@media(max-width: 991px) {
    .video-section .video-controller {
        height: 250px !important
    }
}

.upload-media .img-area::before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: inherit;
    transform: translate(-50%, -50%);
    transition: all .7s cubic-bezier(0.4, 0, 0.2, 1)
}

.upload-media .img-area:hover::before {
    width: 100%;
    background-color: rgba(var(--p1), 0.1);
    border-color: rgba(var(--p1), 1)
}

.upload-media .img-area:hover .abs-item {
    opacity: 1;
    transform: initial
}

.upload-media .img-area .abs-item {
    opacity: 0;
    transform: scaleY(0.4)
}

.ready-for-ride .wr-mode {
    writing-mode: sideways-lr
}

.contact-section .form-area {
    border-radius: 16px;
    border: 1px solid rgba(var(--n1), 1);
    background: rgba(var(--n1), 0.4);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

@media(max-width: 1600px) {
    .contact-section.second {
        background-size: 50%
    }
}

@media(max-width: 1199px) {
    .contact-section.second {
        background-position: right
    }
}

@media(max-width: 991px) {
    .contact-section.second {
        background-image: initial !important
    }
}

.contact-section.second::before {
    content: "";
    width: 80%;
    height: 596px;
    position: absolute;
    top: 25%;
    z-index: -1;
    right: 0;
    background-image: url(../images/shape/contact-bg-shape.webp);
    background-repeat: no-repeat;
    background-position-y: center
}

@media(max-width: 1199px) {
    .contact-section.second::before {
        background-position: left;
        left: 0
    }
}

@media(max-width: 991px) {
    .contact-section.second::before {
        left: 0;
        width: 100%;
        background-size: cover
    }
}

.contact-section.third .form-area {
    border: 1px solid rgba(var(--n1), 1);
    background: rgba(var(--n1), 1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.contact-section .main-border::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border: 16px solid rgba(var(--n1), 1);
    top: 0;
    z-index: -1;
    right: 0;
    border-radius: inherit
}

.faq-section .header-area {
    cursor: pointer
}

.faq-section .header-area button {
    font-size: inherit;
    padding-right: 10%
}

.faq-section .header-area button::after {
    position: absolute;
    z-index: 1;
    right: 0;
    border-radius: 5px;
    content: "";
    font-family: "Phosphor";
    font-size: 24px;
    color: rgba(var(--n4), 1);
    transform: rotate(0deg);
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 575px) {
    .faq-section .header-area button::after {
        font-size: 16px
    }
}

.faq-section .content-area {
    display: none
}

.faq-section .accordion-single::before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .7s cubic-bezier(0.4, 0, 0.2, 1)
}

.faq-section .accordion-single.active {
    border-color: rgba(0, 0, 0, 0) !important
}

.faq-section .accordion-single.active::before {
    width: 100%;
    background-color: rgba(var(--p1), 0.1)
}

.faq-section .accordion-single.active button::after {
    transform: rotate(180deg);
    color: rgba(var(--n4), 1)
}

.faq-section .accordion-single.active button::before {
    background-color: rgba(var(--n4), 1)
}

.faq-section .accordion-single.second .header-area button {
    padding-right: 17%
}

.faq-section .accordion-single.second .header-area button::after {
    transform: rotateX(0deg);
    right: 0;
    width: 40px;
    height: 28px;
    background-color: rgba(var(--n1), 1);
    transition: var(--transition);
    border-radius: inherit
}

.faq-section .accordion-single.second.active {
    border: 1px solid rgba(var(--p1), 0.6) !important
}

.faq-section .accordion-single.second.active button::after {
    background-color: rgba(var(--p1), 0.4);
    color: rgba(var(--n1), 1);
    transform: rotateX(180deg)
}

@media(max-width: 767px) {
    .faq-section .faq-img img {
        height: 260px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.faq-section .faq-img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #020202 100%)
}

.service-small-font {
    font-size: 18px;
    display: block;
    line-height: 18px;
}

.feature-card-cus {
    min-height: 330px;
}

.testimonial-text-p {
    font-size: 20px;
}

.quote-icon-cus img {
    max-width: 40px;
}

.deals-view-btn {
    top: 50px;
}



.floating-icon-cus {
    position: relative;
    z-index: 999;
}

.floating-icon-cus .float-icons {
    position: fixed;
    bottom: 18%;
    right: 1%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.floating-icon-cus .float-icons a {
    width: 55px;
    height: 55px;
    background: #0e8f03;
    /* WhatsApp green */
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease;
    text-decoration: none;
}

.floating-icon-cus .float-icons a:hover {
    transform: scale(1.1);
}

/* Chat icon different color */
.floating-icon-cus .chat-icon {
    background: #d9bf48 !important;
    /* Orange */
}

/* Dummy chat window */
.floating-icon-cus .chat-box {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 280px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    display: none;
    flex-direction: column;
    overflow: hidden;
    font-family: Arial, sans-serif;
}

.floating-icon-cus .chat-header {
    background: #d9bf48;
    color: white;
    padding: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.floating-icon-cus .chat-header button {
    background: transparent;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.floating-icon-cus .chat-body {
    padding: 10px;
    font-size: 14px;
    color: #333;
    height: 150px;
}

.floating-icon-cus .chat-footer {
    padding: 8px;
    border-top: 1px solid #ddd;
}

.floating-icon-cus .chat-footer input {
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.tour-sec .tour-sec-row .single-item .bottom-area .d-grid.gap-2 h5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.tour-sec .tour-sec-row .single-item .bottom-area .box-area.box-seven.cus-border {
    border: none !important;
}

.inner-page-header.header-section {
    position: unset;
    background-color: #001a07;
}

.inner-page-header.header-section.header-fixed {
    position: sticky;
}

.count-cus-font-size span {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 0 !important;
}

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