@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"/cdn.jsdelivr.net/npm/phosphor-icons%401.4.2/src/css/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: 215, 0, 7;

    --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: 255, 157, 0;

    --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: #D70007;

    --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: 200px

}



@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: 25px

}



.fs-three,

h3 {

    font-size: 25px

}



.fs-four,

h4 {

    font-size: 28px

}



.fs-five,

h5 {

    font-size: 18px;

    line-height: 130%

}



.fs-six,

h6 {

    font-size: 15px;

    line-height: 130%

}



.fs-eight {

    font-size: 15px;

    line-height: 130%

}



.fs-nine {

    font-size: 13px;

    line-height: 130%

}



.fs-ten {

    font-size: 13px;

    line-height: 130%

}



table thead tr th {

    font-size: 18px;

    line-height: 130%

}



a,

p,

button,

span,

label,

li {

    font-size: 15px;

    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: 60px

}



.pb-120 {

    padding-bottom: 60px

}



@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: #183883;

}



.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: #183883;

}



.s4-color {

    color: rgba(var(--s4), 1)

}



.s5-color {

    color: rgba(var(--s5), 1)

}



.n1-color {

    color: rgba(var(--n1), 1)

}



.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: #333;

}



.p1-bg-color {

    background-color: #183883;

}



.p1-2nd-bg-color {

    background-color: #f5f5f5 !important;

}



.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: #183883;

}



.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: #183883;

}



.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, rgba(215, 0, 7, 0.2) 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: 40px;

    min-width: 40px;

    height: 40px

}



@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: #183883;

    transition: var(--transition)

}



.singleFilter .filter-list.second li .active * {

    color: rgba(var(--n1), 1);

    background-color: #324f91;

}



.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(--p1), 1)

}



.mouse-follower .cursor-dot {

    height: 6px;

    width: 6px;

    background: rgba(var(--p1), 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: 6px;

    height: 6px

}



::-webkit-scrollbar-button,

::-webkit-scrollbar-thumb {

    background: rgba(var(--p1), 1)

}



.cus-scrollbar {

    overflow-y: auto;

    overflow-x: hidden;

    position: sticky;

    max-height: 90vh;

    top: 110px

}



.cus-scrollbar::-webkit-scrollbar {

    width: 2px;

    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: 2px

}



.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: 30px;

    transform: translateY(0%)

}



#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: #183883;

    opacity: 1;

    width: 10px;

    min-width: 10px;

    height: 10px

}



.slider-pagination span.swiper-pagination-bullet-active {

    background-color: #183883;

    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: #183883;

    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 #183883;

}



.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)

}



.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: #183883;

}



.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: 5

}



@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: -6px;

    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

}



@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 0px

    }

    .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: 15px;

        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: #fff;

    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(5, 1fr)

}



@media(max-width: 1399px) {

    .our-brand .grid-item {

        grid-template-columns: repeat(5, 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: 150px

}



@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%)

}



.abb-dd li a{

    color: #000;

     font-family: "Lato", sans-serif;

     padding: 0px 10px;

     font-size: 13px;

     z-index: 999;

     position: relative;

}



.abhh-rr img{

    width: 230px;

}



.banner-dnhhd{

    margin-top: 70px;

}



.singl-enjjf{

    margin-top: 40px;

}



.margin-rnjjf{

    margin-top: 30px;

}



.pd-bot-hhg{

    padding-bottom: 20px;

}







h1,h2,h3,h4,h5,h6{

    font-family: "Lato", sans-serif !important;

}



.wh-rhhhg{

    color: #fff !important;

}



.pd-left-dbnhhf{

    padding-left: 30px;

}



.pd-bot{

    padding-bottom: 20px;

}



.new-fixed-ff{

    position: fixed;

    left: 10px;

    bottom: 10px;

    z-index: 99;

}



.new-fixed-ff a img{

    width: 70px;

}





@media(max-width768px){



.pd-bot-hhg {

  padding-bottom: 0px;

}



}







.bottom-action-buttons {

  position: fixed;

  bottom: 20px;

  right: 10px;

  display: flex;

  gap: 5px;

  z-index: 9999;

}



.action-btn {

  background-color: #007bff;

  color: white;

  padding: 8px 12px;

  border-radius: 4px; /* Set to 0 if you want sharp square edges */

  text-decoration: none;

  font-size: 15px;

  font-weight: 600;

  display: flex;

  align-items: center;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

  transition: background 0.3s ease;

  white-space: nowrap;

}



.action-btn i {

  margin-right: 5px;

  font-size: 16px;

}



/* Hover effects */

.call-btn {

  background-color: #25d366;

}





.contact-btn {

  background-color: #007bff;

}

.contact-btn:hover {

  background-color: #0056b3;

}



/* Optional: Responsive position tweak */

@media (max-width: 480px) {

  .bottom-action-buttons {

    bottom: 15px;

    right: 10px;

    gap: 8px;

    flex-wrap: wrap;

  }

}







.social-fixed {

  position: fixed;

  top: 40%;

  right: 0;

  transform: translateY(-50%);

  z-index: 9;

}



.social-box {

  position: relative;

  width: 180px;

  margin-bottom: 5px;

  right: -140px;

  transition: right 0.3s ease;

  background: #333;

  color: #fff;

  border-radius: 5px 0 0 5px;

}



.social-box a {

  display: flex;

  align-items: center;

  padding: 10px;

  color: white;

  text-decoration: none;

  font-size: 16px;

  transition: color 0.3s ease;

}



.social-box i {

  margin-right: 10px;

  font-size: 20px;

  width: 25px;

  text-align: center;

}



.social-box:hover {

  right: 0;

}



/* Force white on hover */

.social-box a:hover,

.social-box a:hover i {

  color: #fff !important;

  font-weight: 600;

}



/* Background Colors */

.facebook {

  background: #3b5998;

}

.twitter {

  background: #1da1f2;

}

.instagram {

  background: #e4405f;

}

.whatsapp {

  background: #25d366;

}

.testdrive {

  background: #183883;

}

.bookvehicle {

  background: #673ab7;

}



.nunsfhdhf{

   padding: 22px 10px;

}



.fs-thrss{

    font-size: 14px;

    font-weight: 600;

}



.main-fbhhf{

  margin-bottom: 20px;

  background: #fff;

  border-radius: 5px;

  border: 1px solid #d6d6d6;

  box-shadow: 0 0 16px 0 rgba(0,0,0,.08);

  position: relative;

  

}



.pd-bot-rr{

    padding-bottom: 10px;

    padding-top: 5px;

}







.pd-eq{

    padding: 6px 10px;

}



.br-top-fff{

   border-top: 1px dashed rgb(214, 214, 214);

   .bhhdfgdg

}







.brd-bot{

    border-bottom: 1px solid #ccc;

    margin-bottom: 10px;

}



.new-bhhdgd{

    background-color: #183883;

    padding: 10px 8px;

    color: #fff;

    font-weight: 600;

    font-size: 13px !important;

    border: none;

    border-radius: 5px;

    

}



.new-bhhdgd-2{

    background-color: transparent;

    padding: 10px 13px;

    color: #183883;

    font-weight: 600;

    font-size: 13px !important;

    border: none;

    border: 2px solid #183883;

    border-radius: 5px;



}



.new-bhhdgd-2 a{

     color: #183883;

}



.bac-dhhhd-ee{

  padding: 6px 2px 17px 2px;

   text-align: center;

}



.nunsfhdhf p{

    margin: 0;

    color: #333;

    font-size: 13px;

}



.nunsfhdhf h6{

    margin: 0;

}



.bhhdfgdg{

    position: relative;

}



.sbhhhd-ttt{

   position: absolute;

  bottom: -11px;

  left: 0;

  right: 0;

  width: 100%;

  text-align: center;

}



.anjjj-abhhdd h1{

    color: #000;

    font-size: 23px;

    text-transform: uppercase;

    font-weight: 700;

}



.anjjj-abhhdd{

    text-align: center;

}





.fr-ryyyt{

    color: #000;

}



.bhh-sjuuug{

    font-size: 15px;

    font-weight: 600;

    color: #2c3294;

}



.ds-1{

  font-size: 14px;

    color: #2c3294;  

}



.abbb-dhyyyrt{

    background-color: #f6f6f6;

}



.cbgdttrgf{

    border-bottom: 1px solid #2c3294;

  

    margin-bottom: 20px;

    padding: 10px 10px;

}





.new-bt-dd{

    border: 1px solid #324f91;

    padding: 10px 20px;

    text-align: center;

    color: #324f91;

    font-size: 15px;

    font-weight: 600;

    width: 100%;

}





.bhh-sjuuug i{

    font-size: 14px;

}



.dvff-rhyyg i{

    color: #324f91;

}



.dvff-rhyyg{

    color: #324f91 !important;

}



.btyhbsdusjfj ul{

    padding: 0;

    margin: 0;

    

}



.btyhbsdusjfj ul li{

    list-style: none;

  background: url(../img/ri-ic.png) no-repeat 0 2px;

  padding: 0 0 20px 25px;

  color: #183883;

  font-size: 14px;

  width: 50%;

  float: left;

}





.new-bagggd{

    background-color: #f6f6f6;

    padding: 50px 0px;

}



.z-in{

    z-index: 9999;

}



.sgggd-rre{

    color: #fff !important;

}













.slider-wrapper {

  position: relative;

  max-width: 600px;

  margin: auto;

}



.slider img {

  width: 100%;

  height: auto;

  display: block;

}



.custom-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background: rgba(0, 0, 0, 0.6);

  border: none;

  color: white;

  font-size: 30px;

  padding: 10px;

  z-index: 10;

  cursor: pointer;

  border-radius: 50%;

}



.slick-prev {

  left: 10px;

}



.slick-next {

  right: 10px;

}



.custom-arrow:hover {

  background: rgba(0, 0, 0, 0.8);

}



.vgg-djuuuryt{

    max-width: 100% !important;

}



.bottomer-hhhf{

    background-color: #f6f6f6;

    padding: 50px 0px;

}



.an-dnjjjfh{

    margin: 10px;

}



.bgg-drr img{

    width: 100px !important;

    margin: 0 auto;

}











.new-ch-cs{

    padding:30px 40px;

    background-color:#fff;

}



.megamenu{ position:static !important; z-index:9}

.megamenu #megamenu{ position:absolute; right:0; padding-top: 15px;

 left:0; right: 0; margin: 0 auto; top: 30px;  display:none;   z-index:9; width: 55%;}

.megamenu:hover > #megamenu{  display: block}

.megamenu #megamenu a{ display:block;  padding:5px 0 !important;  font-size:13px; color:#000; }







.megamenu1{ position:static !important; z-index:9}

.megamenu1 #megamenu1{ position:absolute; right:0; padding-top: 15px;

 left:0; right: 0; margin: 0 auto; top: 30px;  display:none;   z-index:9; width: 30%;}

.megamenu1:hover > #megamenu1{  display: block}

.megamenu1 #megamenu1 a{ display:block;  padding:5px 0 !important;  font-size:13px; color:#000; }





.col-main-1 h3{

    color: #183883 !important;

    font-size: 14px;

    font-weight: 600;

    padding-bottom: 5px;

    border-bottom: 1px solid #183883;

    margin-bottom: 10px;

    display: inline-block;



}



.col-main-1 h3 i{

    color: #183883 !important;

    font-size: 15px;

}





.equal-padding{

    padding: 50px 0px;

}



.del-df{

/*    text-decoration: line-through;*/

     color: #000 !important;

     font-size: 15px;



}



.dhyyrttgf{

    color: #333 !important; 

    font-size: 13px;

}



.sbhhhd-ttt img{

    width: 70px;

    background-color: #fff;

}



.text-lft{

    text-align: left !important;

}



.new-bhhdgd-new-ff{

    background-color: #183883;

  padding: 6px 8px;

  color: #fff;

  font-weight: 600;

  font-size: 13px !important;

  border: none;

  border-radius: 5px;

  margin-top: 8px;

}



.pd-top-dd{

    padding-top: 10px;

    padding-bottom: 10px;

}



.lsv-rr h6{

    -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

}



.nunsfhdhf p span{

    font-size: 13px;

    color: #183883;

}



.nunsfhdhf p{

    margin: 0;

    font-size: 12px;

    padding-bottom: 5px;

}



.nrm{

    text-decoration: none !important;

}





@media(min-width:1500px){



.del-df{

    

     font-size: 17px;

   

}



.fs-thrss {

  font-size: 18px;

  

}



h5 {

  font-size: 24px;

 

}



.fs-eight {

  font-size: 18px;

  

}



.pe-115{

    padding-right: 115px;

}



}





.abbb-dhyyyrt-2{

    background-color: #f7f9ff;

}



.ds-icon-dnjjf img{

    width: 35px;

}



.main-fnhhfg{

    text-align: center;

}



.bhh-sjuuug-dnjjfh{

    color: #183883;

    font-size: 14px;

    padding-top: 10px;

    font-weight: 500;

}



.main-fnhhfg{

    text-align: center;

    padding: 20px 20px;

    border-bottom: 2px solid #324f91;

    height: 100%;

    background-color: #fff;

}





.pd-top-new{

    padding-top: 10px;

}



.bac-dhhhd-nds-e{

   padding: 10px 10px;

}





.new-colfjkjkg{

    background-color: #f6f6f6;

    padding: 50px 0px;

}





.tab {

  text-align: center;

}



/* Style the buttons inside the tab */

.tab ul li {

  display: inline-block;

  width: 40px;

  height: 40px;

  list-style: none;

  margin-right: 10px;

  cursor: pointer;



}



.tab button.active {

  

}





.tabcontent {

  display: none;

  

  border-top: none;

}



.a1{

    background: linear-gradient(rgb(30, 43, 113) 100%, rgba(255, 255, 255, 0) 50%);

  transform: translateX(0px);

}



.a2{

   background: linear-gradient(rgb(75, 75, 63) 100%, rgba(255, 255, 255, 0) 50%);

  transform: translateX(0px);

}



.a3{

  background: linear-gradient(225deg, rgb(172, 15, 15) 50%, rgb(23, 23, 23) 50%);

  transform: translateX(0px);

}



.a4{

 background: linear-gradient(225deg, rgb(249, 249, 249) 50%, rgb(23, 23, 23) 50%);

  transform: translateX(0px);

}



.a5{

 background: linear-gradient(225deg, rgb(182, 186, 189) 50%, rgb(23, 23, 23) 50%);

  transform: translateX(0px);

}



.a6{

 background: linear-gradient(rgb(172, 15, 15) 100%, rgba(255, 255, 255, 0) 50%);

  transform: translateX(0px);

}













.dnjhs-fbnhhg h2{

    color: #000;

    font-size: 30px;

    padding-bottom: 15px;

}





.dnjhs-fbnhhg p{

    color: #333;

    font-size: 14px;

   

}



.new-colfjkjkg-dnjjf{

    background-color: #eaeff1;

    padding: 50px 0px;

}



.nevggdffd h3{

    color: #183883;

    font-size: 25px;

    font-weight: 600;

    padding-bottom: 10px;

}



.nevggdffd h6{

    color: #333;

    font-size: 17px;

    font-weight: 600;

    padding-top: 10px;

    padding-bottom: 10px;

}





.nevggdffd p{

    color: #000;

    font-size: 14px;

    padding-bottom: 10px;

    border-bottom: 1px dotted #183883;

    margin-bottom: 10px;

}



.nevggdffd ul{

   padding: 0;

   margin: 0;

}



.nevggdffd ul li{

  list-style: none;

  font-size: 14px;

  line-height: 20px;

  color: #183883;



  background: url(../img/circle.png) no-repeat 0 9px;

  padding: 0 0 5px 25px;

}



.nevggdffd{

    padding: 30px 30px;

    border-radius: 10px;

    background-color: #fff;

    box-shadow: -13px 13px 20px -4px rgba(2.485380116959026,

     2.485380116959026, 2.485380116959026, 0.5);

    height: 100%;

    border-bottom: 2px solid #183883;

      

}



.pd-rnhhhfyr{

    margin-top: 40px;

}



.vgg-djuuuryt .slider .main-fbhhf{

    margin: 5px !important;

}



.pe-115 img{

    width: 300px;

}



.pe-115 img{

    width: 300px;

}



.pe-115{

    padding-right: 193px;

}



.bookvehicle2{

    background-color: #585858;

}



.vbgbdfsfd p{

    color: #389e44 !important;

    font-size: 15px;

    font-weight: 600;

}



.vbgbdfsfd p span{

   color: #000;

    font-size: 15px;

    font-weight: 600;

    font-weight: normal;

}



.new-bhhdgttefd{

    color: #333 !important;

    font-size: 15px;

}



.vbgbdfsfd{

   border-top: 1px dashed rgb(214, 214, 214);

    padding-top: 5px;

    padding-bottom: 7px;

    margin-top: 10px;

    padding-left: 10px;

}



.pnd-sghgf{

    color: red !important;

}



.posrel{

    position: relative;

}





.posrel::before,

.posrel::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 2px;

  background: red;

}



.posrel::before {

  transform: rotate(20deg);

}



.posrel::after {

  transform: rotate(-20deg);

}



.rd-ff{

    color: #389e44 !important;

    font-weight: 700;

    font-size: 16px;

}





.jbfgttrgfg{

    font-size: 14px;

    color: #183883;

    font-weight: 600;

}



.nujjfjdfj h2{

    color: #000;

    font-size: 25px;

    font-weight: 600;

    padding-bottom: 20px;

}



.mn-fnhhfgf{

    width: 100%;

    border: 1px solid #183883;

    padding-left: 10px;

    color: #333;

    height: 45px;

    border-radius: 5px;

    background-color: #fff !important;

}



.new-nhhfggf{

  background-color: #183883;  

  padding: 10px 20px;

  color: #fff;

  font-size: 15px;

  font-weight: 600;

  border-radius: 5px;

  border: none;

}



.new-nhfnhhf{

    padding: 50px 0px;

}



.bg-hjjfhg{

    background: #fff;

  padding: 20px 30px;

  box-shadow: 0 0 25px #ccc;

  border-radius: 10px;

  width: 100%;

  text-align: center;

}



.nujjfjdfj{

    text-align: center;

}



.snjjdhd-fgbn{

    width: 18%;

  margin-left: 10px;

  display: inline-block;

}



.dhh-fhyyt{

    background-color: #f5f5f5;

    padding: 50px 0px;

}



.abb-fjhuhhgh{

    background-color: #fff;

}



.fhhhg-rnjjg img{

    width: 50px;

}



.bottome-fnhhfb{

    padding: 50px 0px;

}











.tab {

    text-align: center;

}



/* Style the buttons inside the tab */

.tab button {

  background-color: inherit;

  display: inline-block;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 8px 10px;

  transition: 0.3s;

  font-size: 15px;

  display: inline-block;

  background-color: #a5a5a5;

}



/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #ddd;

}



/* Create an active/current tablink class */

.tab button.active {

  background-color: #183883;

  color: #fff;

}



/* Style the tab content */

.tabcontent {

  display: none;

  padding-top: 30px;

  border-top: none;

}















    /* Arrows styling */

    .owl-nav button{

      position:absolute;

      top:40%;

      transform:translateY(-50%);

      background:#333 !important;

      color:#fff !important;

      border-radius:50%;

      width:35px;height:35px;

      line-height: 35px;

      display:flex;

      align-items:center;

      justify-content:center;

      font-size:18px !important;

    }

    .owl-nav .owl-prev{left:-55px;}

    .owl-nav .owl-next{right:-55px;}



    .new-fbnfhhfgf{

        text-align: center;

    }



    .sbnhhdgfgtr{

  background-color: #183883;

  padding: 10px 20px;

  color: #fff;

  font-weight: 600;

  font-size: 16px !important;

  border: none;

  border-radius: 5px;

  text-transform: uppercase;

    }



    .new-fbnfhhfgf{

        text-align: center;

    }











    .tab.sbhhdgff {

    text-align: left !important;

}



/* Style the buttons inside the tab */

.tab.sbhhdgff button {

  background-color: inherit;

  display: inline-block;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 15px 30px;

  transition: 0.3s;

  font-size: 17px;

  display: inline-block;

  background-color: #ec383b !important;

  font-weight: 600;

  border-radius: 5px;

  position: relative;

}





.tab.sbhhdgff button.active::after {

  content: "";

  position: absolute;

  bottom: -10px;

  margin: 0 auto;

  left: 0px;

  right: 0px;

  width: 0px;

  height: 0px;

  border-left: 10px solid rgba(0,0,0,0);

  border-right: 10px solid rgba(0,0,0,0);

  border-top: 10px solid #0e5197;

  border-bottom: 0px;

}







/* Change background color of buttons on hover */

.tab.sbhhdgff button:hover {

  background-color: #ddd;

}



/* Create an active/current tablink class */

.tab.sbhhdgff button.active {

  background-color: #183883 !important;

  color: #fff;

}



/* Style the tab content */

.less-pd {

 background: #fff;

  padding: 40px 30px;

  box-shadow: 0 0 25px #ccc;

  border-radius: 10px;

  width: 100%;

  text-align: center;

}



.less-pd-2 {

 background: #fff;

  padding: 40px 30px;

  box-shadow: 0 0 25px #ccc;

  border-radius: 10px;

  width: 100%;

  text-align: center;

  width: 100%;

}



.fnn-ff img{

    width: 92px !important;

    margin: 0 auto;

}



.sbb-rnhhfgf p{

    font-size: 16px;

}



.snhhd-fnfn{

    color: #000;

}





.mn-image-sdncon h2{

    color: #183883;

    font-size: 19px;

    font-weight: 600;

    padding-bottom: 20px;

    padding-top: 15px;

}



.mn-image-sdncon p{

    color: #333;

    font-size: 14px;

    padding-bottom: 10px;

}



.mn-image-sdncon p a{

    color: #183883;

    font-size: 15px;

    font-weight: 600;

}



.sbnhhdgfgtr a{

    color: #fff;

}



.new-mzxjasj{

    text-align: right;

    z-index: 999999 !important;

    position: relative;

}



.text-al-lf{

    text-align: left;

}



.new-ab-dbhhfg{

    padding: 50px 0px;

}



.mn-image-sdncon p a{

    text-decoration: underline;

}



.bybnsdhgshdfs{

  box-shadow: 0 0 25px #ccc;

  border-radius: 10px;

}



.bybnsdhgshdfs{

    padding: 20px 20px;

}



.equal-padding{

    background-color: #f9f9f9;

    padding: 50px 0px;

}



.eq-pd-f{

    padding: 10px 10px;

    text-align: center;

}







.hover-section {

      display: flex;

      gap: 15px;

      height: 450px;

      margin-top: 30PX;

    }



    .hover-box {

      flex: 1;

      position: relative;

      background-size: cover;

      background-position: center;

      border-radius: 12px;

      overflow: hidden;

      transition: flex 0.5s ease;

      cursor: pointer;

      color: #fff;

    }



    /* Hover expand for desktop/tablet */

    @media (min-width: 768px) {

      .hover-box:hover {

        flex: 3;

      }

    }



    /* Heading background gradient */

    .box-heading {

      position: absolute;

      bottom: 0;

      left: 0;

      right: 0;

      padding: 15px;

      z-index: 2;

      font-size: 1.25rem;

      font-weight: bold;

    }



    .box-heading::before {

      content: "";

      position: absolute;

      bottom: 0;

      left: 0;

      right: 0;

      top: 0;

      background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));

      z-index: -1;

    }



    /* Overlay hidden by default */

    .overlay {

      position: absolute;

      top: 0; left: 0; right: 0; bottom: 0;

      background: rgba(0,0,0,0.6);

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

      text-align: center;

      opacity: 0;

      transition: opacity 0.4s ease;

      padding: 20px;

    }



    .hover-box:hover .overlay {

      opacity: 1;

    }



    /* Responsive layout */

    @media (max-width: 767.98px) {

      .hover-section {

        flex-direction: column;

        height: auto;

      }

      .hover-box {

        height: 200px;

        flex: none;

      }

    }



    .top-fmnjnfghgn{

        padding: 50px 0px;

        background-color: #f6f6f6;

    }



    .snhh-rttt p{

        font-size: 20px;

        font-weight: 600;

        padding-bottom: 15px;

    }





.svvc h6{

    -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

}



.wh-ddd{

    background-color: #fff !important;

}





.modal-body {

      padding: 0;

    }

    .modal-image {

      background: url(../img/new-mod.jpg) center center/cover no-repeat;

      min-height: 100%;

      border-top-left-radius: .5rem;

      border-bottom-left-radius: .5rem;

    }

    .form-section {

      padding: 2rem;

    }

    .form-control {

      border-radius: .5rem;

      padding: .75rem;

    }

    .btn-primary {

      border-radius: .5rem;

      padding: .75rem;

      font-weight: 600;

    }



    .dnhhftbrgf{

        margin-bottom: 10px;

    }



    .dbbb-dhyyfg{

        background-color: #183883 !important;

    }



    .dbbb-dhyyfg{

        color: #fff !important;

    }



    .dbbb-dhyyfg .btn-close{

        color: #fff !important;

        opacity: 1 !important;

    }



    .form-control-dh{

        width: 100%;

        height: 45px;

        border: 1px solid #ccc !important;

        padding-left: 10px;

        color: #333 !important;

        font-size: 14px !important;

    }



    .form-control-dh-2{

         width: 100%;

        height: 80px;

        border: 1px solid #ccc !important;

        padding-left: 10px;

        color: #333 !important;

         font-size: 14px !important;

    }



    .dbbb-dhyyfg h5{

        text-transform: uppercase !important;

    }

    .dbbb-dhyyfg{

        padding: 10px 10px !important;

    }



    .he-qj{

        height: 100%;

    }



    .con-rgyyt{

        align-content: center;

    }



    .fvgggf-ss{

        width: 100px;

    }



    .new-nhhfgbr{

       background-color: #183883;

  padding: 10px 20px;

  color: #fff;

  font-weight: 700;

  font-size: 16px !important;

  border: none;

  border-radius: 5px;

  text-transform: uppercase; 

  margin-top: 15px;

    }



    .bg-ghyyt-wss{

        background-image: url(../img/dott.jpg) !important;

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

    }



    .snnn-ejhhgyt{

       background-color: #183883 !important;

    }



    .col-fhbnfg{

        background-color: #fff !important;

    }



    .col-fhbnfg a{

        color: #000 !important;

    }



    .dbgg-enjjdhf{

        position: absolute;

        bottom: 20px;

        left: 20px;

    }



    .dbgg-enjjdhf h3{

        color: #fff;

        font-size: 25px;

        font-weight: 600;

        padding-bottom: 10px;

    }



    .dbgg-enjjdhf p{

        color: #fff;

        font-size: 15px;

    }



    .pos-fjhg{

        position: relative;

    }



    .pos-fjhg:before{

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: rgba(0, 0, 0, 0.2);

        width: 100%;

        height: 100%;

        content: "";

    }



    .bybnsdhgshdfs-2{

        box-shadow: 0 0 25px #ccc;

  border-radius: 10px;

  /*background-image: url(img/usm-1.png);

  background-repeat: no-repeat;

  background-size: cover;*/

    }



    .bybnsdhgshdfs-2 img{

        height: 100%;

    }



    .new-ab-dbhhfg-bac-dd{

        background-color: #f5f5f5;

  padding: 50px 0px;

    }



    .mbss-fg{

        margin-bottom: 10px;

    }



    .bac-dbhhg-fj{

        background-image: url(../img/sl-pac.jpg) !important;

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover; 

    }



    .bybnsdhgshdfs-dd{

        background-color: #fff;

        padding: 10px;

    }



    .dfg-tyyt p{

        line-height: 28px;

    }



    .wh-bac-fhhg{

        background-color: #f5f5f5 !important;

    }



    .asd-fbhhfg p{

color: #333 !important;

padding-top: 10px;

    }



    .mx-wi{

        max-width: 650px;

    }



    .mn-about-dhhf{

        padding: 50px 0px;

    }



    .vggd-fhhg h3{

        padding-bottom: 5px;

        border-bottom: 1px solid #183883;

        display: inline-block;

        margin-bottom: 10px;

      



    }



    .vggd-fhhg p{

        color: #333;

        line-height: 30px;

        text-align: justify;

        font-size: 14px;

    }



    .new-bnsdfhsdfh img{

        box-shadow: -13px 13px 20px -4px rgba(2.485380116959026,

         2.485380116959026, 2.485380116959026, 0.5);

        padding: 8px;

        border-radius: 8px;

    }



    .vggd-fhhg{

        padding-right: 30px;

    }



    .empty-div{

        margin-top: 70px;

    }







.amn-rbhhyyfg{

    background-color: #f5f5f5;

    padding: 25px 25px;

    border-radius: 10px;

    margin-bottom: 30px;

}





   .vggd-fhhg-2 h3{

        padding-bottom: 5px;

        border-bottom: 1px solid #183883;

        display: inline-block;

        margin-bottom: 10px;

      



    }



    .vggd-fhhg-2 p{

        color: #333;

        line-height: 27px;

        text-align: justify;

        font-size: 14px;

        padding-bottom: 7px;

    }





    .vggd-fhhg-2 p span{

        color: #183883;

       font-weight: 600;

    }

  



  .image-bggdf{

    background-color: #183883;

    padding: 10px;

}



.abhh-dhyyrt-fhhhg{

    box-shadow: -13px 13px 20px -4px rgba(2.485380116959026,

         2.485380116959026, 2.485380116959026, 0.5); 

    background-color: #fff;

    padding: 5px;



}



.image-bggdf{

    text-align: center;

}





.image-bggdf h3{

    color: #fff;

    font-weight: 700;

    font-size: 20px;

    padding-bottom: 5px;

}



.image-bggdf p{

    color: #fff;

       font-weight: 600; 

}



.py-fgg{

    padding: 12px;

}



.col-dhhf h3{

    color: #000 !important;

}



.anhh-fnyhfgf h3{

     color: #000;

    font-weight: 700;

    font-size: 16px;

    padding-bottom: 5px;

}



.anhh-fnyhfgf p{

    color: #333;

    font-size: 13px;

}



.anhh-fnyhfgf p span{

    color: #183883;

       font-weight: 600;

}



.main-team{

   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);

   border-radius: 10px;

   background-color: #fff;

}



.anhh-fnyhfgf{

    text-align:center;

    padding: 10px;



}



.team-fnhh{

   padding: 50px 0px;

    background-color: #f5f5f5;

   

}



.mn-about-dhhf-djjf{

    padding: 50px 0px 0px 0px;

}





@media(max-width:1500px){



.pe-115 img {

  width: 228px;

}



}





.abb-fnhhf ul{

    padding: 0;

    margin: 0;

}



.abb-fnhhf ul li{



  list-style: none;

  font-size: 14px;

  background: url(../img/fst.png) no-repeat 0 9px;

  padding: 0 0 20px 25px;

  color: #000;

}



.fbhh-rjuughg{

    margin-bottom: 40px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 60px;

}



.sbhh-fnjjfhfn ul{

 padding: 0;

  margin: 0;

  column-count: 4;

  column-gap: 10px;   

}



.sbhh-fnjjfhfn ul li{

 width: 100%;

  margin-bottom: 10px;

  list-style: none;

  background: #fff;

  padding: 10px;

  border-radius: 10px; 

  padding: 5px;

  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); 

  margin-bottom: 10px; 

}



.new-gal-fnhhdgf{

    padding: 50px 0px;

}



.vf-thyyg{

    margin-bottom: 20px;

    background-color: #fff;

}





.dbh-rhyyf{

    border-bottom: 2px solid #183883;

    color: #000 !important;

    

}



.bumijsdtwghe{

    color: #333;

    font-size: 16px;

    text-align: center;

    padding: 15px 10px;

    font-weight: 600;

    

}





.main-bnfhhgf{

   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);

    background-color: #fff; 

    height: 100%;

    border-radius: 10px;

}







.mb-ff{

  margin-bottom: 30px;   

}



.dbhh-fuut p{

    color: #000;

    line-height: 30px;

}



.equal-padding-fnhg{

    padding: 50px 0px;

}



.new-n-dhfhdhf{

  height: 30%;

  bottom: 0;

  left: 0;

  background: linear-gradient(1turn, #000 2.88%, transparent 97.01%);

  content: "";

  width: 100%;

  position: absolute;

  z-index: 1;

  text-align: center;

  color: #fff;

  font-weight: 600;

  font-size: 20px;

  align-content: center;

  text-transform: uppercase;

}





.abb-ebhhgf h5{

    color: #000;

    font-size: 21px;

    font-weight: 600;

    padding-bottom: 10px;

    border-bottom: 1px solid #333;

    padding-bottom: 5px;

    margin-bottom: 15px;

}



.abb-ebhhgf h6{

    color: #333;

    font-size: 15px;

    font-weight: 600;

    padding-bottom: 10px;

    margin-bottom: 15px;   

}



.abb-ebhhgf p{

    color: #000;

    font-size: 15px;

    padding-bottom: 10px;

}





.abb-ebhhgf ul{

    padding: 0;

    margin: 0;

}



.abb-ebhhgf ul li{



  list-style: none;

  font-size: 14px;

  background: url(../img/fst.png) no-repeat 0 5px;

  padding: 0 0 20px 25px;

  color: #000;

}



.hdhyr-gjgh{

    background-color: #183883 !important;

}



.snnn-rgggf{

    border-radius: 10px;

    border: 1px solid #ccc;

    padding-left: 10px;

    color: #000;

    font-size: 14px;

    width: 100%;

    height: 45px;

}



.anpf-jhfgf{

    margin-bottom: 15px;

}



.anpf-jhfgf label{

    color: #000;

    font-weight: 600;

    font-size: 14px;

}



.pd-gbjjhnh{

    padding: 20px 20px;

}



.ann-fhbhhfyrtgf h2{

    color: #000;

    font-size: 20px;

    font-weight: 600;

    padding-bottom: 5px;

    border-bottom: 1px solid #183883;

    margin-bottom: 15px;

    display: inline-block;

}



.ann-fhbhhfyrtgf p{

    color: #333;

    font-size: 14px;

    line-height: 28px;

    padding-bottom: 10px;

    text-align: justify;

}







.ann-fhbhhfyrtgf ul{

    padding: 0;

    margin: 0;

}



.ann-fhbhhfyrtgf ul li{



  list-style: none;

  font-size: 14px;

  background: url(../img/fst.png) no-repeat 0 5px;

  padding: 0 0 20px 25px;

  color: #000;

}



.fnt-sz{

    font-size: 14px;

}



.bhghdggd-dd{

    margin-top: 20px;



}



.bhghdggd-dd-2{

     margin-top: 20px;

}





  .testimonial-wrapper {

      background: #fff;

      border-radius: 20px;

      box-shadow: 0 8px 30px rgba(0,0,0,0.1);

      padding: 50px;

      max-width: 1000px;

      margin: auto;

      position: relative;

      overflow: hidden;

    }

    .testimonial-wrapper::before {

      content: "";

      position: absolute;

      top: -60px;

      right: -60px;

      width: 200px;

      height: 200px;

      background: rgba(0,123,255,0.1);

      border-radius: 50%;

      z-index: 0;

    }

    .testimonial-item {

      margin-bottom: 40px;

      position: relative;

      z-index: 1;

    }

    .testimonial-item:last-child {

      margin-bottom: 0;

    }

    .testimonial-text {

      font-size: 1.15rem;

      line-height: 1.8;

      color: #333;

      background: #f8faff;

      padding: 20px 25px;

      border-radius: 12px;

      position: relative;

    }

    .testimonial-text::before {

      content: "“";

      font-size: 60px;

      position: absolute;

      top: -20px;

      left: 15px;

      color: #007bff;

      opacity: 0.2;

      font-family: Georgia, serif;

    }

    .testimonial-author {

      margin-top: 15px;

      display: flex;

      align-items: center;

      gap: 15px;

    }

    .testimonial-author img {

      width: 65px;

      height: 65px;

      border-radius: 50%;

      object-fit: cover;

      border: 3px solid #007bff;

    }

    .testimonial-author h6 {

      margin: 0;

      font-weight: 700;

      color: #222;

    }

    .testimonial-author small {

      color: #555;

      font-size: 0.9rem;

    }

    .heading-section {

      text-align: center;

      margin-bottom: 50px;

    }

    .heading-section h2 {

      font-size: 2.6rem;

      font-weight: 800;

      color: #007bff;

    }

    .heading-section p {

      color: #555;

      font-size: 1.1rem;

    }



    .mrt-jhhg{

        margin-top: 20px;

    }



    .mrb-ghujfhhg{

        margin-top: 20px;

    }



    .new-social-fnhhf ul{

        padding: 0;

        margin: 0;

    }



      .new-social-fnhhf ul li{

       display: inline-block;

       margin-right: 10px;

    }



      .new-social-fnhhf ul li i{

       width: 30px;

       height: 30px;

       text-align: center;

       line-height: 30px;

       color: #fff;

    }



    .new-social-fnhhf{

        padding-top: 10px;

    }



    .new-social-fnhhf .fa-facebook-f{

        background-color: #3b5998;

       



    }

        .new-social-fnhhf .fa-twitter{

        background-color: #1da1f2;

    }



          .new-social-fnhhf .fa-instagram{

        background-color: #e4405f;

    }



       .new-social-fnhhf .fa-whatsapp{

        background-color: #25d366;

    }



    .dnhh-fjuuhg{

        box-shadow: 0 0 25px #ccc;

        border-radius: 10px;

        padding: 20px 20px;

    }



    .new-bhhdggfff{

        height: 100%;

    }



    .snhhf-thggf ul{

        padding: 0;

        margin: 0;

    }



       .snhhf-thggf ul li{

       list-style: none;

       display: block;

       padding-bottom: 20px;

       color: #000;

    }



           .snhhf-thggf ul li a{

          color: #000;

          font-weight: 600;

    }



               .snhhf-thggf ul li a i{

          color: #183883;

          font-size: 20px;

          margin-right: 10px;

    }



    .new-contact-dbnhhf{

      background-color: #f5f5f5;

  padding: 50px 0px;  

    }



    .dbh-rh-dnjjfhf{

        border-bottom: 3px solid #183883;

    }



    .new-byt-nhhfg{

        background-color: #183883;

        text-align: center;

        color: #fff;

        font-weight: 700;

        font-size: 14px;

        padding: 5px 15px;

        margin-right: 5px;

        margin-top: 15px;

    }



    .nujkadhshd h3{

        color: #000;

      font-weight: bolder !important;

        font-size: 16px !important;

        margin: 0;

        padding-bottom: 10px;

        text-transform: uppercase !important;

        font-family: "Lato", sans-serif !important;

    }



        .nujkadhshd h6{

        color: #333;

        font-weight: 700;

        font-size: 15px;

        margin: 0;

        padding-bottom: 10px;

    }



             .nujkadhshd p{

        color: #000;

        padding-bottom: 10px;

        font-size: 13px;

        

    }



           .nujkadhshd p b{

        color: #000;

        font-weight: 600;

    }



    .new-nhhdg-main{

        background-color: #fff;

        padding: 20px 20px;

        height: 100%;

        border-radius: 5px;

       

    }



    .mb-njd{

        margin-bottom: 20px;

    }





.dfg-yyt{

    font-weight: 600;

}





.hbndhhhfbf{

  background-color: #f5f5f5;  

}



.dgg-fyythg p{

    color: #333;

}



.bac-dddd{

    background-color: #183883 !important;

}



.whm-ddas{

    color: #fff !important;

}



.fhh-reee{

    background-color: #fff;

}



.dbbb-sggd p{

    color: #333;

    padding-top: 10px;

}



.shh-eee img{

   height: 100px;

   object-fit: contain;

}



.shh-eee{

    text-align: center;

}



.sssd-rr a{

    color: #000;

}



.sbb-rbac{

    background-color: #fff;

}



.vghsdfudjf{

    padding-bottom: 15px;

}



.red-bhhfgf{

    color: red !important;

}



.dnnn-fgyyr-ss a{

    font-weight: 600;

    color: #000;

}



.ann-fghtgdfrre{

   background-color: #f5f5f5 !important;

    padding: 10px !important;

}



.ann-fghtgdfrre h4{

    color: #000 !important;

    font-size: 22px !important;

}



.bnn-basdyshd table{

    width: 100%;

    border-collapse: collapse;

    border: 1px solid #183883;

}



.bnn-basdyshd table th{

    background-color: #183883;

    color: #fff;

    font-weight: 600;

    font-size: 15px;

    border: 1px solid #1a419c;

}



.bnn-basdyshd table td{

    color: #000;

    font-size: 15px;

    border: 1px solid #183883;

}



.bnn-basdyshd{

    padding: 20px 20px !important;

}



.dvhh-eddd img{

    height: 50px;

    object-fit: contain;

}



.dvhh-eddd{

    text-align: center;

    padding: 10px;

}



.sbhh-dbyyfg p{

    color: #000;

}





.pb-gbhhd-d{

    padding-bottom: 60px;

}



.snnn-thgvbf{

    margin-bottom: 120px;

}



.vggd-uhhf ul{

    padding: 0px;

    margin: 0;

}



.vggd-uhhf ul li{

   color: #000;

   font-size: 14px;

   list-style: none;

}



.snnn-rr p{

    padding-top: 10px;

}



.wht-fp p{

    color: #fff !important;

}



.byhujjkjksjd{

    width: 70%;

    height: 45px;

    color: #000 !important;

    padding-left: 10px;

    background-color: #fff !important;

    border: none;

}



.nhbndfhdhfb{

    position: relative;

}



.se-gttdf{

    position: absolute;

    right: 0;

    height: 45px;

    padding: 10px 20px;

    color: #000;

    background-color: #fff;

    font-size: 15px;

    font-weight: 600;

}



.nujndjdjf h4{

    color: #000;

    font-size: 26px;

    font-weight: 600;

    padding-bottom: 10px;

}



.nujndjdjf p{

    color: #333;

    font-size: 15px;

    padding-bottom: 10px;

}



.bnyhsdfhsfh{

    padding: 70px 0px;

}



.new-ab-dbhhfg-dnhhhs{

    padding: 60px 0px;

    background-color: #f5f5f5;

}



.specs-table {

      background: #f5f5f5;

      border: 1px solidn #ccc;

      width: 100%;

     

    }





.specs-table th {

      background: #003366;

      color: #fff;

      text-align: center;

    }

    .specs-table td {

      text-align: center;

      vertical-align: middle;

    }



    .bb-fyyggrr{

        background-color: #fff !important;

    }



    .new-band-hh{

        padding-top: 50px;

    }



    .main-bnfhhgf-2{

        ox-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);

  background-color: #fff;

  border-radius: 10px;

}

    }



    .an-shadow{

       background: linear-gradient(359deg, rgba(0, 188, 164, 0.1) -48.53%,

        rgba(255, 255, 255, 0.1) 43.7%) !important; 

    }



    .annn-dfghggf{

    background-color: #183883 !important;

    }



    .annn-dfghggf h5{

        color: #fff !important;

        font-weight: 600 !important;

    }



    .nynsdhshdfsh-sg h4{

        color: #333 !important;

        font-size: 22px;

        padding-bottom: 15px;

    }



    .nynsdhshdfsh-sg p{

        text-align: justify;

        color: #333;

    }



    .nynsdhshdfsh-sg{

        padding: 20px 20px;

    }



    .bumijsdtwghe a{

        color: #333 !important;

        font-weight: 600;

    }



    .bumijsdtwghe a{

        cursor: pointer;

    }









    .hero {

      align-items: center;

      justify-content: center;

      background: #2e3495;

      color: #fff;

      text-align: center;

      flex-direction: column;

      padding: 50px 0px;

    }

    .hero h1 {

      font-size: 50px;

      font-weight: 800;

      letter-spacing: 3px;

      text-transform: uppercase;

      margin-bottom: 20px;

    }

    .hero p {

      font-size: 1.5rem;

      font-weight: 500;

    }



    /* Meaning Section */

    .meaning-section {

      padding: 80px 20px;

      background: #f8f9fa;

    }

    .letter-box {

      background: #fff;

      border-radius: 15px;

      padding: 20px 20px;

      text-align: center;

      transition: transform 0.4s ease, box-shadow 0.4s ease;

      height: 100%;

      position: relative;

      overflow: hidden;

    }

    .letter-box:hover {

      transform: translateY(-12px);

      box-shadow: 0px 12px 30px rgba(0,0,0,0.15);

    }

    .letter {

      font-size: 32px;

      font-weight: 800;

      color: #2e3495;

    }

    .letter-box h4 {

      margin-top: 15px;

      font-weight: 700;

    }

    .letter-box p {

      margin-top: 10px;

      font-size: 1rem;

      color: #555;

    }

    .letter-box i {

      font-size: 2rem;

      color: #2e3495;

      margin-bottom: 15px;

    }

    .highlight {

      font-weight: bold;

      color: #ff6f61;

    }



    .letter-box h4{

        color: #000;

        font-size: 20px;

    }



    .pd-top-gjjjf{

        padding-top: 40px;

    }



      .dbhhggff span{

        color: #fff !important;

    }



    .heading-fnhhfb{

        color: #183883;

        font-size: 22px;

        font-weight: 600;

        text-align: center;

        padding: 10px;

        text-transform: uppercase;



    }



    .bybnsdhg-new{

       box-shadow: 0 0 25px #ccc; 

       padding: 8px;

       border-radius: 10px;

    }



    .slider-six .owl-dots{

        display: none !important;

    }



       .slider-seven .owl-dots{

        display: none !important;

    }



    .bjnhhdggd-dd{

        width: 100%;

    }



    .bnjhndfjj{

        background-color: #fff;

        box-shadow: 0 0 25px #ccc; 

       padding: 8px;

       border-radius: 10px;

    }





.equal-pasdding-jjf{

    padding: 60px 0px;

}









.card-escalation {

      border-radius: 15px;

      overflow: hidden;

      box-shadow: 0 8px 20px rgba(0,0,0,0.1);

      transition: transform 0.3s ease, box-shadow 0.3s ease;

       border: 1px solid #183883;

    }



    .card-escalation:hover {

      transform: translateY(-5px);

      box-shadow: 0 12px 25px rgba(0,0,0,0.2);

    }



    .card-escalation .card-img-left {

      height: 100%;

      object-fit: cover;

    }



    .card-escalation .content {

      padding: 20px;

    }



    .card-escalation ul {

      list-style: none;

      padding: 0;

    }



    .card-escalation ul li {

      display: flex;

      align-items: center;

      margin-bottom: 10px;

      font-size: 18px;

      color: #183883;

      font-weight: 600;

      border-bottom: 1px solid #183883;

      padding-bottom: 10px;

    }



    .card-escalation ul li i {

      margin-right: 10px;

      color: #183883; /* Bootstrap primary color */

      width: 20px;

      text-align: center;

    }



    .card-escalation h5 {

      margin-bottom: 15px;

      font-weight: 700;

      color: #333;



    }





.wif-bggf{

    width: 250px;

}



.nujfjdjfjd h3{

    color: #000;

    font-weight: 700;

    font-size: 22px;

    text-transform: uppercase;

    padding-bottom: 20px;



}



.mt-nhhfbbg{

    margin-bottom: 40px;

}



.nujfjdjfjd{

    text-align: center;

    padding-bottom: 10px;

}



.txt-hggf{

    text-align: left !important;

}



.image-hjjfu a img{

    cursor: pointer;

}



.text-dark p{

    color: #000 !important;

}


.new-bhfggf-su{
    display: none;
}


@media(max-width:768px){

.header-section {
  position: relative !important;
}

.vggd-fhhg h3 {
  padding-top: 20px;
}

.new-bnsdfhsdfh{
    margin-top: 10px;
}

.dhh-fhyyt {
  padding: 30px 0px;
}

.team-fnhh {
  padding: 25px 0px;
}


.vf-thyyg {
  margin-bottom: 0px;
}

.vggd-fhhg-2{
    padding-top: 20px;
}

.banner-dnhhd {
  margin-top: 0px !important;
}

.header-section .navbar-toggle-btn span {
  background: #173987 !important;
}

.new-bhfggf-su{
    display: block !important;
}

.new-bhfggf-su img{
    width: 90px !important;
}

.fs-two, h2 {
    font-size: 23px !important;
    line-height: 30px !important;
    text-transform: capitalize !important;
  }

  .section-sidebar.pb-120 {
    padding-bottom: 5px;
  }

  .tab ul li {
  width: 30px;
  height: 30px;
}

.new-colfjkjkg-dnjjf {
  padding: 30px 0px;
}

.nevggdffd h3 {
  font-size: 22px;
}

.nevggdffd {
  padding: 20px 20px;
}

.new-nhfnhhf {
  padding: 30px 0px;
}

.tab.sbhhdgff button {
  padding: 10px 30px;
}

.new-ab-dbhhfg .col-md-6{
    margin-bottom: 20px;
}

.main-fbhhf {
  margin-bottom: 0px;
}


.upload-media.py-15{
    padding-top: 30px !important;
    padding-bottom: 25px !important;
}

.new-ab-dbhhfg {
  padding: 30px 0px;
}

.dhh-fhyyt .owl-carousel.slider-two .owl-dots{
    display: none;
}

.snjjdhd-fgbn-2{
    margin-top: 10px;
}

  .new-colfjkjkg .tab{
    padding-top: 20px;
  }

  .new-colfjkjkg {
  padding: 30px 0px;
}

  .top-fmnjnfghgn {
  padding: 30px 0px;
}

.dhh-fhyyt {
  padding: 30px 0px;
}

.dis-no-fnnf{
    display: none !important;
}

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

.hero h1 {
  font-size: 35px;
}

.hero {
  padding: 30px 0px;
}

.hero p {
  font-size: 16px;
}

.mn-about-dhhf {
  padding: 25px 0px;
}

.fbhh-rjuughg {
  margin-bottom: 0px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px;
}

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

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

}


.locations-njhf h3{
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    display: inline-block;
}

.locations-njhf ul{
    padding: 0;
    margin: 0;
}

.locations-njhf ul li{
   list-style: none;
   color: #fff;
   font-size: 14px;
   margin-right: 20px;
   display: inline-block;
   padding-bottom: 10px;
   position: relative;
}

.locations-njhf ul li:before{
   width: 1px;
  height: 14px;
  background-color: #fff;
  content: "";
  position: absolute;
  top: 4px;
  right: -12px;
}

.locations-njhf ul li:last-child:before {
    display: none;
}

.ann-fhbhhfyrtgf p strong{
  color: #000;
  font-size: 15x;
  
}


html, body {
  width: 100%;
  overflow-x: hidden !important;
}

body {
  position: relative;
}


@media (max-width: 767px) {

  .social-fixed {
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }

  .nnn-fdhfhdfhshdf{
    background-image: none !important;
  }

  .new-njjfhhfhf {
  padding: 15px 15px !important;
  
}

  .mb-no-ddswe{
    display: none;
  }

  .social-box {
    width: auto;
    border-radius: 6px;
  }

  .social-box:hover {
    right: -140px;              /* disable hover effect */
  }

  .social-box a {
    font-size: 14px;
    padding: 10px 12px;
  }
}


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

}


.bac-gdvggdfdfd{
   background-image: url(../images/app-download.webp);
    background-repeat: no-repeat;       /* Prevent the image from repeating */
    background-position: right center;  /* Position it to the right center */
    background-size: 50% auto;          /* Make it take 50% of element width */  
}


.nnn-fdhfhdfhshdf {
    background-image: url(../images/app-download.webp);
    background-repeat: no-repeat;       /* Prevent the image from repeating */
    background-position: right center;  /* Position it to the right center */
    background-size: 50% auto;          /* Make it take 50% of element width */
 
}

.pt-lf{
    padding-left: 20px;
}

.z-hhdgd{
    z-index: 1;
    position: relative;
}

.new-njjfhhfhf{
    padding: 60px 0px;
    position: relative;
    align-content: center;
 
}

.nhhsdfhshdh{
    position: absolute;
    top: 0;
    left: 0;
    width: 210px;
}

.pos-bnhhghg{
    position: relative;
}
    
    .bggbsdfhsdhfh{
        background: #fff;
        padding-bottom: 5px;
    }

    .bggbsdfhsdhfh img{
        width: 100%;
    }
    .bggbsdfhsdhfh p{color: #333; font-size: 13px; text-align: center; font-weight: 600; margin-top: -14px;}


.pt-lf{
   padding-left: 20px;
   padding-right: 20px;
}


/*-----car animation-----*/

/* ==============================
   TOP FOOTER SECTION
================================ */

.top-footer {
    width: 100%;
    overflow: hidden;
}

/* ==============================
   ROAD BACKGROUND
================================ */

.main-bgsdgsdfsg {
    position: relative;
    width: 100%;
    height: 100px;
    background: url('../img/footer-image.jpg') repeat-x;
    background-size: auto 100%;
    background-position: bottom;
}

/* ==============================
   CAR BASE STYLE
================================ */

.car {
    position: absolute;
    left: -180px;
    bottom: -18px;            /* 🔥 road touch position */
    pointer-events: none;
}

.car img {
    width: 150px;
    display: block;
}

/* ==============================
   SAME ROAD LANE
================================ */

.car-2 {
    bottom: -12px;
}

/* ==============================
   DRIVE ANIMATION
================================ */

@keyframes drive {
    from {
        transform: translateX(-160px);
    }
    to {
        transform: translateX(120vw);
    }
}

/* ==============================
   OPTIONAL: ROAD SHADOW (REALISM)
================================ */

.main-bgsdgsdfsg::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    background: rgba(0, 0, 0, 0.25);
}

/* ==============================
   RESPONSIVE ADJUSTMENTS
================================ */

@media (max-width: 768px) {
    .main-bgsdgsdfsg {
        height: 90px;
    }

    .car img {
        width: 110px;
    }



    .car,
    .car-2 {
        bottom: 3px;
    }
}

.car-1 img{
    width: 225px !important;
}

.car-3 {
    bottom: -6px; /* thoda variation for natural look */
}

.cus-hdggf{
    border-radius: 0;
  padding: 0;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0);
}


.single-select select{
  border-radius: 0;
  padding: 0;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0);
}


@media (max-width: 767px) {
  .section-sidebar .sidebar-common .justify-content-end {
    justify-content: flex-start !important;
  }

  .new-ab-dbhhfg .col-md-4{
    margin-bottom: 20px;
  }
  .new-ab-dbhhfg-bac-dd {
  padding: 30px 0px;
}

.snnn-thgvbf {
  margin-bottom: 35px;
}

.our-brand.dhh-fhyyt .owl-carousel .owl-dots{
display: none;
}

.bnyhsdfhsfh {
  padding: 30px 0px;
}

.bottome-fnhhfb {
  padding: 30px 0px;
}

.tab button {
  margin-bottom: 10px;
}

.equal-padding-fnhg {
  padding: 30px 0px;
}

.equal-padding {
  padding: 30px 0px;
}

.new-ab-dbhhfg-dnhhhs .col-md-4{
    margin-bottom: 20px;
}

.new-ab-dbhhfg-dnhhhs {
  padding: 30px 0px;
}

.ann-rnjjgh .col-md-3{
    margin-bottom: 20px;
}

.equal-pasdding-jjf {
  padding: 30px 0px;
}

.new-contact-dbnhhf {
  background-color: #f5f5f5;
  padding: 30px 0px;
}

/* Video wrapper */
.bybnsdhgshdfs.he-qj {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio */
}

/* Iframe responsive */
.bybnsdhgshdfs.he-qj iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

}


.no-show-deks{
    display: none;
}


@media (max-width: 767px) {

  /* Sirf isi section ke cards ke liye */
  .new-class-dd .df-hnbchhf .card-escalation {
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
  }

  /* Image wrapper full width */
  .new-class-dd .df-hnbchhf .wif-bggf {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Image height auto (h-100 break karna zaroori hai) */
  .new-class-dd .df-hnbchhf .card-img-left {
    height: auto !important;
  }

  /* Content full width */
  .new-class-dd .df-hnbchhf .content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .no-show-deks{
    display: block;
}

.header-section .main-navbar .custom-nav .menu-item button{
    color: #000 !important;
  font-family: "Lato", sans-serif !important;
  padding: 0px 10px !important;
  font-size: 13px !important;
  z-index: 999 !important;
  position: relative;
}

.mob-njggg{
    display: none;
}

}




/*---new mobile menu----*/


@media (min-width: 992px){
    .xm-mobile-menu,
    .xm-menu-btn{
        display: none !important;
        pointer-events: none; /* clicks disable */
        z-index: auto !important; /* desktop header ke upar na aaye */
    }
}

/* Button */
.xm-menu-btn{
    background: none;
    border: none;
    font-size: 26px;
    color: #000;
}

/* Wrapper */
/* Make mobile menu scrollable */
.xm-mobile-menu{
    position: fixed;
    top: 0;
    left: -100%;
    width: 85%;
    height: 100vh; /* viewport height */
    background: #ffffff;
    z-index: 99999;
    transition: 0.3s ease;
    box-shadow: 4px 0 15px rgba(0,0,0,.3);
    overflow-y: auto; /* scroll enable */
    -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}


.xm-mobile-menu.active{ left: 0; }

/* Header */
.xm-header{
    display: flex;
    justify-content: space-between;
    padding: 16px;
    font-size: 18px;
    font-weight: 700;
    background: #183883;
    color: #fff;
}

.xm-close{
    background: none;
    border: none;
    font-size: 26px;
    color: #fff;
}

/* Menu */
.xm-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.xm-list a,
.xm-toggle,
.xm-sub-toggle{
    width: 100%;
    padding: 14px 16px;
    background: none;
    border: none;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: #183883;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

/* Submenus */
.xm-sub,
.xm-inner{
    display: none;
    background: #f7f7f7;
}

.has-child.open > .xm-sub,
.has-child.open > .xm-inner{
    display: block;
}

.xm-inner a{
    padding-left: 30px;
    font-weight: 500;
}

/* Social */
.xm-social{
    padding: 15px;
}

.xm-social a{
    font-size: 20px;
    margin-right: 15px;
    color: #183883;
}



/* Hide navbar-toggle-item on mobile */
@media (max-width: 991px){
    .navbar-toggle-item{
        display: none !important;
    }
}


.navbar-toggle-btn{
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}