@charset "UTF-8";

/*-----------------------------------------------------------    -------------------------------------------------------------*/
:root,
:root .v-light {
    --bg-color: #fff;
    --assistant-color: #ffff13;
    --theme-color: #6c6cfd;
    --font-color: #0009;
    --heading-color: #000;
    --border-color: #bebebe;
    --smooth-color: #141414;
    --reverse-color: #141414;
    --reverse-heading-color: #fff;
}

:root .v-dark,
:root .v-dark-head {
    --bg-color: #0000d2;
    --assistant-color: #ffff13;
    --theme-color: #ffff13;
    --font-color: #bbb;
    --heading-color: #fff;
    --border-color: rgba(255, 255, 255, 0.07);
    --smooth-color: #f9f9f9;
    --reverse-color: #f9f9f9;
    --reverse-heading-color: #000;
}

@media only screen and (max-width: 991px) {
    .v-dark-head-mobile {
        --bg-color: #000;
        --assistant-color: #101010;
        --theme-color: #14bfb5;
        --font-color: #bbb;
        --heading-color: #fff;
        --border-color: rgba(255, 255, 255, 0.07);
        --smooth-color: #f9f9f9;
        --reverse-color: #f9f9f9;
        --reverse-heading-color: #000;
        color: var(--font-color);
    }
}

:root {
    --body-font: "Roboto", sans-serif;
    --heading-font: "poppins";
    --font-code: Menlo, monaco, Consolas, Lucida Console, monospace;
    --font-pre: "Courier 10 Pitch", Courier, monospace;
    --font-size-base: 16px;
    --font-size-h1: 40px;
    --font-size-h2: 35px;
    --font-size-h3: 30px;
    --font-size-h4: 25px;
    --font-size-h5: 22px;
    --font-size-h6: 16px;
    --menu-size: 12px;
    --line-height-base: 1.4;
    --line-height-content: 1.6;
    --font-weight-heading: 600;
    --margin-padding: 120px;
    --margin-padding-mobile: 80px;
    --body-style-space: 100px;
    --smooth-width: 4px;
}

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap') @import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap') @import url('https://fonts.bunny.net/css?family=manrope:200,300,400,500,600,700,800')

/* -------------------------------------------------------    Core    -------------------------------------------------------- */
@font-face {
    font-family: "Manrope-Bold";
    src: url('Manrope-Bold.woff') format('woff'), url('./fonts/Manrope-Bold.woff2') format('woff2'), url('./fonts/Manrope-Bold.svg#Manrope-Bold') format('svg'), url('./fonts/Manrope-Bold.eot'), url('./fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: var(--font-size-base);
}

body h1,
h2,
h3,
h4 {
    font-family: "Manrope", sans-serif !important;
    font-weight: 900 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0px !important;
}

body span,
p,
a {
    font-family: "Manrope", sans-serif !important;
    font-weight: 400 !important;
}

body {
    line-height: var(--line-height-base);
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-transition: 100ms;
    -o-transition: 100ms;
    transition: 100ms;
    -webkit-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    transition-property: background-color, color;
}

body,
.main-cont {
    background-color: var(--bg-color);
    color: var(--font-color);
}

.main-cont {
    position: relative;
}

.line {
    position: absolute;
    background-color: var(--border-color);
}

.line.line-top,
.line.line-bottom {
    left: -15px;
    right: -15px;
    height: 1px;
}

.line.line-top.line-top,
.line.line-bottom.line-top {
    top: 0;
}

.line.line-top.line-bottom,
.line.line-bottom.line-bottom {
    bottom: 0;
}

.line.line-left,
.line.line-right {
    width: 1px;
    top: -15px;
    bottom: -15px;
}

.line.line-left.line-left,
.line.line-right.line-left {
    left: 0;
}

.line.line-left.line-right,
.line.line-right.line-right {
    right: 0;
}

.line-under,
.line-under-left {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.line-under:after,
.line-under:before,
.line-under-left:after,
.line-under-left:before {
    bottom: 0;
    width: 150px;
    height: 1.5px;
    background-color: var(--theme-color);
}

.line-under {
    padding-right: 15px;
}

.line-under:after {
    right: 0;
}

.line-under-left {
    padding-left: 15px;
}

.line-under-left:before {
    left: 0;
}

.line-bg-left,
.line-bg-right {
    position: relative;
    z-index: 1;
}

.line-bg-left:before,
.line-bg-left:after,
.line-bg-right:before,
.line-bg-right:after {
    top: 0;
    width: 80px;
    height: 100%;
    background-color: var(--assistant-color);
    z-index: -1;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
}

.background-section .line-bg-left:before,
.background-section .line-bg-left:after,
.background-section .line-bg-right:before,
.background-section .line-bg-right:after {
    background-color: var(--bg-color);
}

.line-bg-left.sub-heading:before,
.line-bg-right.sub-heading:before {
    width: 60px;
}

.line-bg-left {
    padding-left: 20px;
}

.line-bg-left:before {
    left: 0;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.line-bg-right {
    padding-right: 15px;
}

.line-bg-right:after {
    right: 0;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}
.footer-logo img.light-logo {
    width: 50px;
}
section.contactus.v-light.full-width.section-padding {
    padding-top: 90px;
}

.line-under:after,
.line-bg-left:before,
.line-bg-right:after,
.line-under-left:before {
    content: "";
    position: absolute;
}

.bg-circle-dotted {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 15vw;
    background-image: url(../images/pattern-cicle.png);
    background-size: contain;
    opacity: 0.4;
    background-repeat: no-repeat;
    z-index: -1;
}

.v-light .bg-circle-dotted {
    opacity: 0.04;
}

.bg-circle-dotted.bg-circle-dotted-right {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.line-shap:before,
.line-shap:after {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 4vw;
    height: 1px;
    background: var(--border-color);
}

h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
    line-height: 63px;
}
.slide-content.dsn-active{
    display: block !important;
}
.slide-content.make-it-active.dsn-active.dsn-active-cat {
    display: block !important;
}
.main-slider .dsn-slider-content .slide-content {
    display: none;
}
.qr-ban {
    margin-right: 30px;
}
@media only screen and (max-width: 400px) {

    .line-shap:before,
    .line-shap:after {
        display: none;
    }
}

.line-shap:not(.line-shap-before):after {
    content: "";
    margin-left: 15px;
}

.line-shap:not(.line-shap-after):before {
    content: "";
    margin-right: 15px;
}

.corner {
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: var(--reverse-color);
    z-index: 1;
}

.corner:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: var(--reverse-color);
}

.corner.corner-left-top,
.corner.corner-left-top:after,
.corner.corner-left-bottom,
.corner.corner-left-bottom:after {
    left: 0;
}

.corner.corner-left-top,
.corner.corner-left-top:after,
.corner.corner-right-top,
.corner.corner-right-top:after {
    top: 0;
}

.corner.corner-left-bottom,
.corner.corner-left-bottom:after,
.corner.corner-right-bottom,
.corner.corner-right-bottom:after {
    bottom: 0;
}

.corner.corner-right-top,
.corner.corner-right-top:after,
.corner.corner-right-bottom,
.corner.corner-right-bottom:after {
    right: 0;
}

/**    Body Style Line    */
.main-content {
    position: relative;
    width: 100%;
}

.testimonial-nav-inner img {
    width: 100px;
    height: 100px;
    border-radius: 60px;
    object-fit: cover;
}

.video-sect h2 {
    text-align: center;
    margin-bottom: 40px !important;
}

/*.video-sect .swiper-slide {        width: 100% !important;    }*/
.video-sect .box-padding {
    padding: 0px 60px;
}
section.full-width.v-light.section-padding.download-rd-section.ci-ban {
    padding: 30px 0px;
    padding-top: 90px;
}
    .yango-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0px 0px;
      gap: 40px;
      max-width: 1200px;
      margin: auto;
      flex-wrap: wrap;
    }

    .yango-text {
      flex: 1 1 400px;
      max-width: 500px;
    }

    .yango-text h1 {
      font-size: 40px;
      font-weight: 700;
      margin-bottom: 20px;
      line-height: 1.2;
    }

    .yango-text p {
      font-size: 16px;
      color: #555;
      margin-bottom: 30px;
      line-height: 1.6;
    }
.yango-download {
    display: flex;
    align-items: center;
    gap: 0px;
}
.qr-code {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.yango-download img {
    width: 120px;
    height: 120px;
    border-radius: 10px;
}
.yango-download h5 {
    font-size: 18px;
}
 .yango-section .download-text h3 {
      font-size: 16px;
      font-weight: 600;
      margin: 0;
    }

.yango-section .download-text p {
      font-size: 14px;
      color: #555;
      margin: 4px 0 0 0;
    }

    .yango-image {
      flex: 1 1 400px;
      max-width: 600px;
    }

    .yango-image img {
      width: 100%;
      border-radius: 20px;
      display: block;
    }
@media only screen and (min-width: 992px) {
    body.dsn-line-style .main-content {
        padding-left: var(--body-style-space);
        padding-right: var(--body-style-space);
    }
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .full-width .dsn-container {
        padding-left: calc(var(--body-style-space) + 50px);
        padding-right: calc(var(--body-style-space) + 50px);
    }
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .line-border-style {
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none;
    }

    body.dsn-line-style .line-border-style:after,
    body.dsn-line-style .line-border-style:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: var(--border-color);
        z-index: 100;
    }

    body.dsn-line-style .line-border-style:before {
        left: var(--body-style-space);
    }

    body.dsn-line-style .line-border-style:after {
        right: var(--body-style-space);
    }
}

/**    End Body Style Line    */
.wrapper {
    position: relative;
}

.content-inner {
    position: relative;
}

.social-side .icon i {
    color: #ffff13 !important;
}

.cursor {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 76px;
    height: 76px;
    z-index: 999999;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(0.35) translate(-50%, -50%);
    -ms-transform: scale(0.35) translate(-50%, -50%);
    transform: scale(0.35) translate(-50%, -50%);
    mix-blend-mode: exclusion;
    background-color: #fff;
}

.cursor.cursor-scale-full,
.mfp-zoom-out-cur .cursor {
    -webkit-transform: scale(1.2) translate(-50%, -50%);
    -ms-transform: scale(1.2) translate(-50%, -50%);
    transform: scale(1.2) translate(-50%, -50%);
}

.cursor.cursor-scale-full span,
.mfp-zoom-out-cur .cursor span {
    color: #000;
}

.cursor.cursor-scale-half {
    -webkit-transform: scale(0.85) translate(-50%, -50%);
    -ms-transform: scale(0.85) translate(-50%, -50%);
    transform: scale(0.85) translate(-50%, -50%);
    mix-blend-mode: unset;
    background-color: var(--bg-color);
}

.cursor.cursor-scale-half span {
    color: var(--heading-color);
}

.cursor.cursor-drag .cursor-next,
.cursor.cursor-drag .cursor-prev {
    position: absolute;
    top: 0;
    right: -25px;
}

.cursor.cursor-drag .cursor-prev {
    right: auto;
    left: -25px;
}

.cursor.cursor-drag.no-drag {
    mix-blend-mode: exclusion;
    color: #fff;
}

.cursor.cursor-drag.no-drag .cursor-next,
.cursor.cursor-drag.no-drag .cursor-prev,
.cursor.cursor-drag.no-drag .cursor-drag {
    display: none;
}

.cursor.cursor-drag.cursor-up-down .cursor-next,
.cursor.cursor-drag.cursor-up-down .cursor-prev {
    position: absolute;
    top: -50px;
    right: auto;
    left: 33px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.cursor.cursor-drag.cursor-up-down .cursor-prev {
    top: auto;
    bottom: -50px;
}

.cursor.cursor-drag.no-drag {
    mix-blend-mode: exclusion;
    background-color: #fff;
}

.cursor.cursor-drag.no-drag .cursor-next,
.cursor.cursor-drag.no-drag .cursor-prev,
.cursor.cursor-drag.no-drag .cursor-drag {
    display: none;
}

@media only screen and (max-width: 991px) {
    .cursor {
        display: none;
    }
}

.cursor .cursor-helper {
    position: absolute;
    border-radius: 50%;
    width: 100%;
    text-align: center;
}

.cursor .cursor-helper span {
    line-height: 76px;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 20px 20px 20px #000;
    display: none;
}

.cursor.cursor-view span.cursor-view {
    mix-blend-mode: unset;
    display: block;
}

.cursor.cursor-close span.cursor-close {
    mix-blend-mode: unset;
    display: block;
}

.cursor.cursor-play span.cursor-play {
    mix-blend-mode: unset;
    display: block;
}

.cursor.cursor-open span.cursor-open {
    mix-blend-mode: unset;
    display: block;
}

.cursor.cursor-prev span.cursor-prev {
    mix-blend-mode: unset;
    display: block;
}

.cursor.cursor-next span.cursor-next {
    mix-blend-mode: unset;
    display: block;
}

.cursor.cursor-drag span.cursor-drag {
    mix-blend-mode: unset;
    display: block;
}

.dsn-ajax-effect:not(.dsn-cursor-effect) .cursor {
    left: auto;
    top: auto;
    right: 10px;
    bottom: 10px;
    -webkit-transform: scale(0.3) translate(-50%, -50%);
    -ms-transform: scale(0.3) translate(-50%, -50%);
    transform: scale(0.3) translate(-50%, -50%);
    mix-blend-mode: unset;
}

.dsn-ajax-effect .cursor {
    display: inherit !important;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    mix-blend-mode: unset;
}

.dsn-ajax-effect .cursor:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 109px;
    border-radius: 50%;
    left: -9px;
    top: -15px;
    border-top: 5px solid #fff;
    -webkit-animation-name: animate-load;
    animation-name: animate-load;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.cursor.no-scale {
    -webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
}

@-webkit-keyframes animate-load {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-load {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.half-bg-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.dsn-paginate-right-page {
    position: fixed;
    right: 20px;
    mix-blend-mode: exclusion;
    pointer-events: none;
    z-index: 100;
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .dsn-paginate-right-page {
        right: calc(var(--body-style-space) / 2);
    }
}

.dsn-paginate-right-page,
.dsn-paginate-right-page .dsn-link-paginate:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dsn-paginate-right-page .dsn-link-paginate {
    position: relative;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    padding: 4px 25px;
    font-size: 13px;
    letter-spacing: 2px;
    pointer-events: auto;
    cursor: pointer;
    color: #000;
}

.dsn-paginate-right-page .dsn-link-paginate:not(:last-child) {
    margin-bottom: 10px;
}

.dsn-paginate-right-page .dsn-link-paginate:before {
    content: "";
    position: absolute;
    width: 1.5px;
    height: 100%;
    left: -0.5px;
    background-color: #fff;
    z-index: -1;
}

.dsn-paginate-right-page .dsn-link-paginate,
.dsn-paginate-right-page .dsn-link-paginate:before {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.dsn-paginate-right-page .dsn-link-paginate:hover {
    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    transform: translateX(25px);
}

.dsn-paginate-right-page .dsn-link-paginate:hover:before {
    width: 100%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-box input::-webkit-input-placeholder,
.form-box textarea::-webkit-input-placeholder {
    color: var(--heading-color);
}

input::-moz-placeholder,
textarea::-moz-placeholder,
.form-control::-moz-placeholder,
.form-box input::-moz-placeholder,
.form-box textarea::-moz-placeholder {
    color: var(--heading-color);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.form-box input:-ms-input-placeholder,
.form-box textarea:-ms-input-placeholder {
    color: var(--heading-color);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
.form-control::-ms-input-placeholder,
.form-box input::-ms-input-placeholder,
.form-box textarea::-ms-input-placeholder {
    color: var(--heading-color);
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.form-box input::placeholder,
.form-box textarea::placeholder {
    color: var(--heading-color);
}

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

.dsn-button {
    position: relative;
    padding: 15px 30px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--heading-color);
}

.dsn-button:hover .text-button {
    -webkit-animation: storm 0.7s ease-in-out both;
    animation: storm 0.7s ease-in-out both;
    -webkit-animation-delay: 0.06s;
    animation-delay: 0.06s;
}

.dsn-button .text-button {
    pointer-events: none;
}

.dsn-button:hover .dsn-border-rdu,
.dsn-button:hover .dsn-border {
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 94% 100%, 0 0, 5% 0, 100% 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0% 0%, 0% 100%, 94% 100%, 0 0, 5% 0, 100% 100%, 100% 100%, 100% 0%);
}

.dsn-button.has-border,
.dsn-button.has-border .dsn-border {
    border-radius: 60px;
}

.dsn-border-rdu {
    border-radius: 60px;
}

.dsn-border-rdu,
.dsn-border {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-width: 2px;
    border-style: solid;
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 44% 100%, 35% 0, 47% 0, 60% 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0% 0%, 0% 100%, 44% 100%, 35% 0, 47% 0, 60% 100%, 100% 100%, 100% 0%);
    -webkit-transition: -webkit-clip-path 0.5s;
    transition: -webkit-clip-path 0.5s;
    -o-transition: clip-path 0.5s;
    transition: clip-path 0.5s;
    transition: clip-path 0.5s, -webkit-clip-path 0.5s;
    z-index: 1;
    border-radius: 60px;
}

.dsn-border-rdu:after,
.dsn-border-rdu:before,
.dsn-border:after,
.dsn-border:before {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -30px;
    bottom: -30px;
    background-color: var(--theme-color);
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.dsn-border-rdu:after,
.dsn-border:after {
    -webkit-transform: translate(-3px, 3px);
    -ms-transform: translate(-3px, 3px);
    transform: translate(-3px, 3px);
    opacity: 0.5;
}

.border-color-default {
    border-color: var(--border-color);
}

.border-color-theme-color {
    border-color: var(--theme-color);
}

.border-color-reverse-color {
    border-color: var(--reverse-color);
}

.border-color-main {
    border-color: var(--bg-color);
}

.border-color-assistant {
    border-color: var(--assistant-color);
}

.border-color-gradient {
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, var(--theme-color), var(--border-color));
}

.play-btn {
    background-color: rgba(33, 33, 33, 0.7);
    width: 180px;
    height: 180px;
    border-radius: 50%;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
}

.play-btn.no-height {
    width: auto;
    height: auto;
    background-color: transparent;
}

.play-btn .text {
    color: var(--heading-color);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
}

.play-btn .play-icon {
    position: relative;
    background-color: var(--heading-color);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 10px;
}

.play-btn .play-icon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(var(--heading-color), 0.8);
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    z-index: -1;
}

.play-btn .play-icon i {
    font-size: 16px;
    color: var(--bg-color);
}

.play-btn:hover .play-icon::before {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.link-vist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .link-vist {
        margin-top: 20px;
    }

    span.application-step {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .guider-step-image a {
        display: block;
    }
}

.link-vist .link-vist-text {
    position: relative;
    font-size: 12px;
    letter-spacing: 2px;
    color: var(--heading-color);
    text-transform: uppercase;
    padding-bottom: 3px;
    font-family: var(--heading-font);
}

.link-vist .link-vist-text:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: var(--heading-color);
    bottom: 1px;
    left: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.link-vist .link-vist-arrow {
    margin-left: 10px;
}

.link-vist .link-vist-arrow svg {
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14);
    -o-transition: all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14);
    transition: all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14);
}

.link-vist .link-vist-arrow svg * {
    fill: none;
    stroke: var(--heading-color);
    stroke-width: 2px;
}

.link-vist:hover .link-vist-text:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}

.link-vist:hover .link-vist-arrow svg {
    -webkit-transform: translate(10px, -10px);
    -ms-transform: translate(10px, -10px);
    transform: translate(10px, -10px);
    opacity: 0;
}

.visit-site {
    position: relative;
    color: var(--heading-color);
}

.visit-site:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--heading-color);
    height: 10px;
    width: 10px;
    margin-right: 25px;
    border-radius: 50%;
    -webkit-transition: 0.5s right, 0.5s width, 0.5s -webkit-transform;
    transition: 0.5s right, 0.5s width, 0.5s -webkit-transform;
    -o-transition: 0.5s transform, 0.5s right, 0.5s width;
    transition: 0.5s transform, 0.5s right, 0.5s width;
    transition: 0.5s transform, 0.5s right, 0.5s width, 0.5s -webkit-transform;
}

.visit-site:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: var(--border-color);
    -webkit-transition: 0.5s width, 0.5s -webkit-transform;
    transition: 0.5s width, 0.5s -webkit-transform;
    -o-transition: 0.5s transform, 0.5s width;
    transition: 0.5s transform, 0.5s width;
    transition: 0.5s transform, 0.5s width, 0.5s -webkit-transform;
    z-index: -1;
}

.visit-site .text {
    position: relative;
    padding: 0 20px 0 30px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
}

.visit-site .text:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--border-color);
    height: 1px;
    z-index: -1;
    -webkit-transition: 0.7s -webkit-transform;
    transition: 0.7s -webkit-transform;
    -o-transition: 0.7s transform;
    transition: 0.7s transform;
    transition: 0.7s transform, 0.7s -webkit-transform;
}

.visit-site:hover::before {
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
}

.visit-site:hover:after {
    width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.visit-site:hover h6:before {
    -webkit-transform: translateY(-50%) scaleX(0);
    -ms-transform: translateY(-50%) scaleX(0);
    transform: translateY(-50%) scaleX(0);
}

.visit-site .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.visit-site .icon svg {
    height: 30px;
    width: 30px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.visit-site .icon svg .path {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1.8px;
}

/*--------------------------------------------------------------    ## Links    --------------------------------------------------------------*/
a {
    outline: 0;
    outline-style: none;
}

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

/*--------------------------------------------------------------    ## Menus    --------------------------------------------------------------*/
.font-heading {
    font-family: var(--heading-font);
}

.text-transform-upper {
    text-transform: uppercase;
}

.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 22px;
    padding-bottom: 22px;
    z-index: 10;
    pointer-events: none;
    -webkit-transition-property: background-color, padding-top, padding-bottom, -webkit-transform;
    transition-property: background-color, padding-top, padding-bottom, -webkit-transform;
    -o-transition-property: background-color, padding-top, padding-bottom, transform;
    transition-property: background-color, padding-top, padding-bottom, transform;
    transition-property: background-color, padding-top, padding-bottom, transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

body:not(.v-dark):not(.dsn-line-style) .site-header {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(255, 255, 255, 0.45);
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .site-header {
        padding-left: 0;
        padding-right: 0;
    }

    body.dsn-line-style .site-header .inner-header {
        width: var(--body-style-space);
        padding: 0 10px;
        text-align: center;
    }

    body.dsn-line-style .site-header .inner-header .main-logo {
        width: calc(var(--body-style-space) - 20px);
    }

    body.dsn-line-style .site-header .menu-icon {
        position: fixed;
        width: var(--body-style-space);
        padding: 0;
        top: 32px;
        right: 0px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body.dsn-line-style .site-header .menu-icon .text-menu {
        display: none;
    }
}

.site-header a {
    color: inherit;
}

.site-header .main-logo {
    color: var(--heading-color);
}

.site-header .main-logo .light-logo {
    display: inherit;
}

.site-header .main-logo .dark-logo {
    display: none;
}

body:not(.v-dark) .site-header .main-logo .light-logo {
    display: none;
}

body:not(.v-dark) .site-header .main-logo .dark-logo {
    display: inherit;
}

.admin-bar .site-header {
    top: 46px;
}

@media screen and (min-width: 783px) {
    .admin-bar .site-header {
        top: 32px;
    }
}

.site-header .menu-cover-title {
    position: absolute;
    top: 50%;
    left: -12px;
    font-size: 20vw;
    font-weight: 600;
    line-height: 1.15;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.05;
}

@media only screen and (max-width: 991px) {
    .site-header .menu-cover-title {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.site-header .inner-header .main-logo {
    width: 96px;
    pointer-events: all;
}

.site-header .inner-header .main-logo img {
    height: auto;
}

.site-header .main-navigation {
    pointer-events: all;
}

.site-header .menu-icon {
    position: relative;
    top: -5px;
    cursor: pointer;
    pointer-events: all;
}

.site-header .menu-icon .icon-m .menu-icon-line {
    background-color: var(--theme-color);
    width: 23px;
    height: 2px;
    -webkit-transition: -webkit-transform 0.2s ease-Out;
    transition: -webkit-transform 0.2s ease-Out;
    -o-transition: transform 0.2s ease-Out;
    transition: transform 0.2s ease-Out;
    transition: transform 0.2s ease-Out, -webkit-transform 0.2s ease-Out;
}

.site-header .menu-icon .icon-m .menu-icon-line.icon-top {
    width: 5px;
}

.site-header .menu-icon .icon-m .menu-icon-line.icon-center {
    width: 14px;
    transition: 0.5s;
}

.site-header .menu-icon.nav-active {
    transition: 0.5s;
}

.site-header .menu-icon.nav-active span.menu-icon-line.icon-bottom {
    top: -6px !important;
}

.site-header .menu-icon.nav-active .icon-m {
    top: 5px;
    position: relative;
}

.site-header .menu-icon .icon-m .icon-circle {
    position: absolute;
    top: -5px;
    left: -8px;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: none;
}

.site-header .menu-icon .icon-m:hover .icon-circle {
    display: inherit;
}

.site-header .menu-icon .text-menu {
    top: -4px;
    width: 45px;
    color: var(--heading-color);
    opacity: 0.9;
    font-size: 13px;
    font-weight: 600;
}

.site-header .menu-icon .text-menu>div {
    left: 0;
    top: 0;
}

.site-header .menu-icon .text-menu .text-button .dsn-word-wrapper {
    overflow: hidden;
    will-change: transform;
}

.site-header .menu-icon .text-menu .text-button .dsn-chars-wrapper {
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    -webkit-transform: translateY(50%) rotate(15deg) scale(0.8);
    -ms-transform: translateY(50%) rotate(15deg) scale(0.8);
    transform: translateY(50%) rotate(15deg) scale(0.8);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
    -o-transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
    transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
    transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
    -webkit-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
    -o-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
    transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
}

.site-header .menu-icon .text-menu .text-button .dsn-chars-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) rotate(0deg) scale(1);
    -ms-transform: translateY(0) rotate(0deg) scale(1);
    transform: translateY(0) rotate(0deg) scale(1);
}

.site-header .menu-icon .text-menu .text-open .dsn-word-wrapper,
.site-header .menu-icon .text-menu .text-close .dsn-word-wrapper {
    overflow: hidden;
    will-change: transform;
}

.site-header .menu-icon .text-menu .text-open .dsn-chars-wrapper,
.site-header .menu-icon .text-menu .text-close .dsn-chars-wrapper {
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    -webkit-transform: translateY(50%) rotate(15deg) scale(0.8);
    -ms-transform: translateY(50%) rotate(15deg) scale(0.8);
    transform: translateY(50%) rotate(15deg) scale(0.8);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
    -o-transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
    transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
    transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
    -webkit-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
    -o-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
    transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
}

.site-header .menu-icon.nav-active .text-menu {
    width: 50px;
}

.site-header .menu-icon:hover .icon-m .icon-top,
.site-header .menu-icon:hover .icon-m .icon-center {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
}

.site-header .menu-icon:hover .icon-m .icon-bottom {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.site-header .menu-icon:hover .text-menu .text-button .dsn-word-wrapper {
    overflow: hidden;
    will-change: transform;
}

.site-header .menu-icon:hover .text-menu .text-button .dsn-chars-wrapper {
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    -webkit-transform: translateY(50%) rotate(15deg) scale(0.8);
    -ms-transform: translateY(50%) rotate(15deg) scale(0.8);
    transform: translateY(50%) rotate(15deg) scale(0.8);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
    transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
    -o-transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
    transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
    transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
    -webkit-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
    -o-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
    transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
}

.site-header .menu-icon:hover:not(.nav-active) .text-menu .text-open .dsn-chars-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) rotate(0deg) scale(1);
    -ms-transform: translateY(0) rotate(0deg) scale(1);
    transform: translateY(0) rotate(0deg) scale(1);
}

.site-header .menu-icon:hover.nav-active .text-menu .text-close .dsn-chars-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) rotate(0deg) scale(1);
    -ms-transform: translateY(0) rotate(0deg) scale(1);
    transform: translateY(0) rotate(0deg) scale(1);
}

.site-header .container-content {
    width: 40%;
    opacity: 0;
    visibility: hidden;
}

.site-header .container-content .nav-content:not(:first-of-type) {
    margin-top: 30px;
}

.site-header .container-content .nav-content p {
    color: var(--font-color);
}

.site-header .container-content .nav-content p:not(:last-of-type) {
    margin-bottom: 5px;
}

.site-header .container-content .nav-content p .link-hover {
    text-transform: uppercase;
}

.site-header .container-content .title-line,
.site-header .container-content p.title-line {
    color: var(--theme-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.site-header .container-content .nav-social ul li {
    font-size: 14px;
    margin-right: 15px;
    padding-right: 5px;
}

.site-header .container-content .nav-social ul li,
.site-header .container-content .nav-social ul li a {
    position: relative;
    color: var(--heading-color);
    display: inline-block;
    letter-spacing: 2px;
    font-family: var(--heading-font);
}

.site-header ul.extend-container {
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 991px) {
    .site-header ul.extend-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.site-header .extend-container .main-navigation {
    height: 100vh;
    top: 0;
    left: 0;
    background-color: var(--bg-color);
    z-index: -1;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    visibility: visible;
}

.site-header .extend-container .main-navigation:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    opacity: 0.05;
    background-size: cover;
    background-repeat: no-repeat;
}

.site-header .extend-container .main-navigation ul.extend-container li {
    color: var(--heading-color);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 10px;
    line-height: 1;
    font-family: var(--heading-font);
}

.site-header .extend-container .main-navigation ul.extend-container li.dsn-active,
.site-header .extend-container .main-navigation ul.extend-container li:hover {
    color: var(--theme-color);
}

.site-header .extend-container .main-navigation ul.extend-container li.dsn-active .dsn-meta-menu,
.site-header .extend-container .main-navigation ul.extend-container li:hover .dsn-meta-menu {
    color: var(--assistant-color);
}

.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img {
    width: 32px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu {
    font-size: 42px;
    margin-left: 5px;
}

@media only screen and (max-width: 767px) {
    .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu {
        font-size: 32px;
    }
}

@media only screen and (max-width: 575px) {

    ._form_element._x83818438._full_width,
    ._form_element._x57816345._full_width {
        width: 100% !important;
    }

    ._form_element._x61874600._full_width,
    ._form_element._x22069591._full_width {
        width: 100% !important;
    }

    .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu {
        font-size: 24px;
    }

    .inner-banner.terms-bg.pricing-term {
        height: 50vh !important;
    }
}

.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img,
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    -o-transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
}

.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover img {
    -webkit-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    transform: translateX(-22px);
    opacity: 0;
    visibility: hidden;
}

.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover .dsn-title-menu {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
}

.site-header .extend-container .main-navigation ul.extend-container li li {
    overflow: inherit;
    margin-bottom: 0;
}

.site-header .extend-container .main-navigation ul.extend-container li a {
    overflow: hidden;
    line-height: 1.2;
}

.site-header .extend-container .main-navigation ul.extend-container li a:after,
.site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu {
    position: absolute;
    display: inherit;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu {
    margin-left: 10px;
    font-size: 12px;
    letter-spacing: 2px;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
}

@media only screen and (max-width: 991px) {
    .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:after {
        content: "";
        background-image: url("../images/right.svg");
        background-size: 17px;
        height: 17px;
        width: 17px;
        background-repeat: no-repeat;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        -webkit-transform: translate(0, 8px);
        -ms-transform: translate(0, 8px);
        transform: translate(0, 8px);
    }

    .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:hover:after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(50%, 8px);
        -ms-transform: translate(50%, 8px);
        transform: translate(50%, 8px);
    }
}

.site-header .extend-container .main-navigation ul.extend-container>li {
    font-size: 42px;
}

@media only screen and (max-width: 991px) {
    .site-header .extend-container .main-navigation ul.extend-container>li {
        font-size: 32px;
    }
}

.site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-title-menu {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-meta-menu {
    opacity: 0;
    visibility: hidden;
}

.site-header .extend-container .main-navigation ul.extend-container>li ul {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 991px) {
    .site-header .extend-container .main-navigation ul.extend-container>li ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.site-header .extend-container .main-navigation ul.extend-container>li ul li {
    font-size: 32px;
    line-height: 1;
}

.site-header .extend-container .main-navigation ul.extend-container>li ul li a {
    line-height: 1.5;
}

.site-header .extend-container .main-navigation ul.extend-container>li ul li a .dsn-meta-menu {
    -webkit-transform: translateY(22px);
    -ms-transform: translateY(22px);
    transform: translateY(22px);
    margin-left: 10px;
}

@media only screen and (min-width: 992px) {
    .classic-menu:not(.dsn-line-style) .site-header .menu-icon {
        display: none;
    }

    .classic-menu:not(.dsn-line-style) .site-header .container-content {
        display: none;
    }

    .classic-menu:not(.dsn-line-style) .site-header>.extend-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .classic-menu:not(.dsn-line-style) .site-header>.extend-container .menu-cover-title {
        display: none;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation {
        position: inherit;
        display: block;
        margin-left: auto;
        height: auto;
        width: auto;
        top: unset;
        left: unset;
        background-color: transparent;
        z-index: 1;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation:after {
        display: none;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container {
        display: block;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu {
        display: none;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li a:after,
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu {
        display: none;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:after {
        display: none;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li {
        font-size: 14px;
        display: inline-block;
        margin-left: 30px;
        margin-bottom: 0;
        font-weight: 700;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li:first-of-type {
        margin-left: 0;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-title-menu {
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-meta-menu {
        display: none;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul {
        position: absolute;
        display: block !important;
        min-width: 195px;
        width: inherit;
        height: auto;
        left: unset;
        top: unset;
        margin-top: 10px;
        padding: 10px;
        margin-left: -10px;
        background-color: var(--assistant-color);
        -webkit-transition-property: opacity, visibility, -webkit-transform;
        transition-property: opacity, visibility, -webkit-transform;
        -o-transition-property: transform, opacity, visibility;
        transition-property: transform, opacity, visibility;
        transition-property: transform, opacity, visibility, -webkit-transform;
        -webkit-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
        border-radius: 3px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(35px);
        -ms-transform: translateY(35px);
        transform: translateY(35px);
        -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        -o-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul li {
        position: relative;
        width: 100%;
        padding: 7px 0;
        font-size: 13px;
        font-weight: 500;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul li:not(:last-child) {
        border-bottom: 0.5px dotted var(--assistant-color);
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul li .dsn-meta-menu {
        display: none;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul li:before {
        content: "";
        position: absolute;
        opacity: 0;
        left: -10px;
        top: 0;
        height: 100%;
        width: 1.5px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        background-color: var(--theme-color);
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul li.dsn-active,
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul li:hover {
        color: var(--heading-color);
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul li.dsn-active:before,
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul li:hover:before {
        opacity: 1;
        visibility: visible;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li:hover ul,
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li:focus {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
    }

    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li:last-child ul {
        right: -32px;
    }
}

.dsn-multi-lang {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100px;
    top: 35px;
    right: 165px;
    z-index: 999;
}

.admin-bar .dsn-multi-lang {
    top: 81px;
}

@media screen and (min-width: 783px) {
    .admin-bar .dsn-multi-lang {
        top: 67px;
    }
}

.about-section span.line-bg-right {
    font-size: 40px;
    font-weight: bold !important;
    color: #000;
}

.dsn-multi-lang .extend-container-lang .menu-item>a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 28px;
    cursor: pointer;
    padding: 6px 10px;
    background: var(--theme-color);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 12px;
    z-index: 2;
    color: var(--heading-color);
    font-size: 11px;
    text-transform: uppercase;
}

.dsn-multi-lang .extend-container-lang .menu-item>a:before {
    -webkit-clip-path: ellipse(10px 46% at 50% 50%);
    clip-path: ellipse(10px 46% at 50% 50%);
    margin-right: 5px !important;
}

.dsn-multi-lang .extend-container-lang img {
    width: 15px;
    height: 15px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.dsn-multi-lang .extend-container-lang span {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}

.dsn-multi-lang .extend-container-lang:hover .sub-menu {
    top: 20px;
    opacity: 1;
    visibility: visible;
}

.dsn-multi-lang .sub-menu {
    position: absolute;
    top: -5px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    background: rgba(16, 15, 15, 0.9);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 0;
    overflow: hidden;
}

.dsn-multi-lang .sub-menu li:first-of-type {
    padding: 15px 0 0;
}

.dsn-multi-lang .sub-menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 29px;
    padding: 6px 10px;
    line-height: 15px;
    border-radius: 0 !important;
}

@media only screen and (min-width: 992px) {
    .classic-menu .dsn-multi-lang {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        right: 15px;
    }
}

body:not(.dsn-line-style).nav-bg .site-header {
    background-color: var(--bg-color);
    padding-top: 15px;
    padding-bottom: 15px;
}

body:not(.dsn-line-style).nav-bg.hide-nav .site-header {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

section.story.v-light.full-width {
    padding: 80px 0px;
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .site-header .extend-container .main-navigation {
        padding-left: var(--body-style-space);
        padding-right: var(--body-style-space);
    }
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .site-header ul.extend-container {
        padding-left: 50px;
        padding-right: 50px;
        border-right: 1px solid var(--border-color);
        border-left: 1px solid var(--border-color);
    }
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .site-header .extend-container .main-navigation ul.extend-container>li ul {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .site-header .container-content {
        padding-right: calc(var(--body-style-space) + 15px);
    }
}

.social-side {
    position: fixed;
    left: 0;
    bottom: 70px;
    width: var(--body-style-space);
    z-index: 5;
    display: none;
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .social-side {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.social-side .icon {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.social-side .icon i {
    font-size: 18px;
    color: var(--heading-color);
}

.social-side:hover .socials {
    opacity: 1;
    visibility: visible;
}

.socials {
    opacity: 0;
    visibility: hidden;
    left: 0;
    bottom: 30px;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    width: var(--body-style-space);
    text-align: center;
    font-size: 14px;
}

.socials li a {
    position: relative;
    margin-bottom: 10px;
    margin-top: 5px;
    color: var(--heading-color);
}

.socials li a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--heading-color);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.2);
    -ms-transform: translate(-50%, -50%) scale(0.2);
    transform: translate(-50%, -50%) scale(0.2);
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
}

.socials li a i {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.socials li a span {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--heading-color);
    font-size: 13px;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    cursor: pointer;
}

.socials li a:hover i {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
    transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
}

.socials li a:hover label {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 12, -8);
    -ms-transform: matrix(1, 0, 0, 1, 12, -8);
    transform: matrix(1, 0, 0, 1, 12, -8);
    -webkit-transition: all 0.6s cubic-bezier(0.75, -0.5, 0, 1.75);
    -o-transition: all 0.6s cubic-bezier(0.75, -0.5, 0, 1.75);
    transition: all 0.6s cubic-bezier(0.75, -0.5, 0, 1.75);
}

.socials li a:hover:after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 0.5s cubic-bezier(0.75, -0.5, 0, 1.75);
    -o-transition: all 0.5s cubic-bezier(0.75, -0.5, 0, 1.75);
    transition: all 0.5s cubic-bezier(0.75, -0.5, 0, 1.75);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

/* Social menu */
.box-social li {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-align: center;
    border: 1px solid var(--border-color);
}

.box-social li a {
    color: var(--heading-color);
    width: 100%;
}

/** === Footer menu === */
.footer-navigation {
    display: inline;
}

.footer-navigation>div {
    display: inline;
}

.footer-navigation .footer-menu {
    display: inline;
    padding-left: 0;
}

.footer-navigation .footer-menu li {
    display: inline;
    margin-right: 1rem;
}

.thankyou-inner .main-content {
    margin: 0 auto;
    max-width: 820px;
    padding-top: 5%;
}

.thankyou-inner .main-content p {
    color: #000;
}

.thankyou-inner p.main-content__body {
    font-weight: bold !important;
    font-size: 24px !important;
}

section.thankuou-page {
    height: 100vh;
    text-align: center;
    padding-top: 5%;
    background: #fff;
}

body.nav-bg .site-header {
    background: #0000d2;
    transition: 0.5s;
}

body.nav-bg .language-translater {
    top: 20px;
    transition: 0.5s;
}

body.nav-bg .contact-btn {
    top: 28px;
    transition: 0.5s;
}

.language-translater {
    position: fixed;
    top: 25px;
    z-index: 999;
    right: 272px;
}

.language-translater ul li a {
    color: #ffff13;
}

.language-translater ul li {
    display: inline-block;
    padding: 4px 15px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
}

.language-translater ul li:hover {
    background: blue;
}

.language-translater li.active {
    background: blue;
}

.steps-rider {
    display: block;
    align-items: center;
    background: #fff;
    padding: 20px;
    width: 100%;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 6px;
}

.steps-rider img {
    width: 50%;
    text-align: right;
    margin-right: 10px;
}

p.screensot {
    width: 100%;
    padding-left: 0px;
    text-align: center;
    display: flex;
}

.steps-rider p {
    color: #000;
}

div#riders h3 {
    text-align: center;
    margin-bottom: 40px;
}

p.screensot.single-screen {
    display: block;
}

.steps-rider span.digits {
    color: #0000d2;
    font-size: 28px;
    font-weight: bold !important;
}

.steps-left {
    display: flex;
}

.steps-rider p {
    color: #000;
    width: 100%;
}

span.step-cont {
    min-height: 130px;
}

.driver-steps {
    display: flex;
    gap: 40px;
}

.driver-steps p {
    width: 20%;
}

div#drivers {
    margin-top: 40px;
}

.how-works .tabs-content h3 {
    text-align: center;
}

/*--------------------------------------------------------------    ## Next / Previous    --------------------------------------------------------------*/
/* Next/Previous Page */
@media only screen and (max-width: 991px) {
    .language-translater {
        top: 21px;
    }
        .yango-text h1 {
    font-size: 24px;
}
.yango-section {

    flex-wrap: nowrap;
}
    .next-page .c-wapp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
}

p.screensot.single-screen img {
    width: 80%;
}

@media only screen and (max-width: 768px) {

    .steps-left {
        display: block;
    }

    .driver-steps {
        display: block;
    }

    .driver-steps p {
        width: 100%;
    }

    span.step-cont {
        min-height: 100%;
    }

    .mobile-download img {
        width: 50vw !important;
    }

    .start-journey .mobile-download {
        text-align: center !important;
    }

    html body .main-slider h1.title-banner {
        font-size: 35px !important;
        line-height: 50px !important;
    }

    html body h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 50px !important;
        font-size: 40px !important;
    }
}
@media only screen and (max-width: 620px) {
    .yango-section {
    flex-wrap: wrap;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider h1.title-banner {
        line-height: 50px !important;
        width: 100% !important;
        font-size: 35px !important;
    }

    .start-journey h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .next-page .title br {
        display: none;
    }

    .language-translater {
        right: 132px;
    }

    .line__1,
    .line__2 {
        line-height: 20px !important;
    }

    p.description {
        font-size: 13px;
    }

    .main-slider h1.title-banner {
        width: 100% !important;
        font-size: 18px !important;
    }

    .rider-start-journey .app-journey li {
        width: 100% !important;
    }

    h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 50px !important;
        font-size: 40px !important;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .next-page .button-box {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.pagination-post {
    margin-top: 80px;
}

.pagination-post div {
    padding: 20px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.5px;
}

.pagination-post div a {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pagination-post div a::before,
.pagination-post div a:after {
    display: none;
}

.pagination-post div a:hover {
    color: var(--theme-color);
}

.pagination-post .icon {
    width: 70px;
}

.next-project .title {
    display: inline-block;
    color: var(--heading-color);
}

.next-project .title .title-stroke {
    color: transparent;
    -webkit-text-stroke: 1px var(--heading-color);
}

.next-project .title span.p-absolute {
    width: 0%;
    display: inherit;
    white-space: nowrap;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    overflow: hidden;
}

@media only screen and (max-width: 575px) {
    .next-project .metas {
        position: relative;
        top: auto;
        margin-top: 0;
        margin-bottom: 20px;
    }
}

.next-project a {
    display: block;
}

.next-project .case {
    position: absolute;
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
}

@media only screen and (max-width: 575px) {
    .next-project .case {
        top: auto;
        right: 30px;
        bottom: 40px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.next-project .bg img {
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.scrollmagic-pin-spacer+.footer,
.next-project+.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 0;
}

.dsn-paginations {
    position: relative;
}

.dsn-paginations .page-numbers {
    position: relative;
    font-size: 20px;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    -webkit-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
    -o-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
    transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
}

.dsn-paginations .page-numbers.current {
    color: var(--heading-color);
    background-color: var(--theme-color);
}

.dsn-paginations .page-numbers:hover {
    color: var(--heading-color);
    background-color: var(--theme-color);
}

.dsn-paginations .next {
    width: auto;
}

.dsn-paginations .next .button-m {
    text-align: center;
    width: 90px;
    height: 50px;
    margin-left: 10px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.dsn-paginations .next .button-m:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: var(--assistant-color);
    -webkit-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
    -o-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
    transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.dsn-paginations .next .button-m svg {
    position: absolute;
    top: 0;
    left: -10%;
    fill: var(--heading-color);
    z-index: 1;
    width: 30px;
    height: 100%;
    opacity: 1;
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    vertical-align: middle;
}

.dsn-paginations .next .button-m span {
    position: relative;
    z-index: 2;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--heading-color);
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dsn-paginations .next .button-m:hover:before {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

.dsn-paginations .next .button-m:hover svg {
    opacity: 0;
    -webkit-transform: translateX(20%) !important;
    -ms-transform: translateX(20%) !important;
    transform: translateX(20%) !important;
}

.dsn-paginations .next .button-m:hover span {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.dsn-paginations .next:hover {
    background-color: transparent;
}

@media only screen and (max-width: 991px) {
    .mt-sm {
        margin-top: 50px;
    }

    .inner-banner.privacy-term {
        height: 100vh;
        display: flex;
        align-items: center;
    }

    .terms-bg .ban-heading h1 {
        text-align: left !important;
    }

    .terms-bg .ban-heading {
        text-align: left !important;
    }

    .privacy-bg .ban-heading h1 {
        text-align: left !important;
    }

    .privacy-bg .ban-heading {
        text-align: left !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1195px) {
    .rider-using-sect .service-item-inner {
        min-height: auto !important;
    }

    .download-store img {
        width: 101px !important;
    }
}

@media only screen and (max-width: 991px) {
    .about-section .box-info {
        padding-top: 0;
    }
}

@media only screen and (max-width: 991px) {
    .about-section .box-info.box-padding {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 992px) {
    .about-section .title-move {
        position: absolute;
        right: -150px;
        top: 0;
    }
}

@media only screen and (max-width: 991px) {
    .about-section .title-block {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 991px) {
    .about-section .background-mask {
        position: relative;
        height: 70vh;
    }
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .about-section .background-mask {
        padding-right: 5px;
    }

    body.dsn-line-style .about-section .background-mask .line.line-right {
        display: none;
    }
}

.about-section .background-mask .border-header {
    position: absolute;
    top: 0;
    left: -65px;
    width: 160px;
    margin: 0;
}

.about-section .background-mask .border-header h2 {
    margin-left: -100px;
}

.about-section .background-mask .border-header svg {
    mix-blend-mode: exclusion;
}

.about-section .background-mask .img-box {
    position: relative;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .about-section-2 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 991px) {
    .about-section-2 .box-bottom {
        padding-top: 30px;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .about-section-2 .box-bottom .item:not(:last-of-type) {
        padding-right: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .about-section-2 .box-bottom .item:not(:last-of-type) {
        padding-right: 15px;
    }
}

.about-me .padding-line {
    padding: 20px;
}

@media only screen and (max-width: 991px) {
    .about-me .background-mask {
        position: relative;
        height: 70vh;
    }
}

@media only screen and (max-width: 991px) {
    .about-me .box-info {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .about-me .box-info {
        padding-top: 50px;
    }
}

.about-me ul {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 991px) {
    .about-services-page .box-right {
        margin-top: 50px;
    }
}

.box-awards-item.big-number .title {
    font-size: 110px;
}

.box-awards-item.has-border {
    padding: 10px;
    border: 1px solid var(--border-color);
}

.box-awards-item .title {
    font-weight: bold;
    margin-right: 5px;
}

.box-awards-item .sm-title-block {
    font-weight: 400;
}

.services {
    counter-reset: workcounter;
}

@media only screen and (min-width: 992px) {
    .services.dsn-under-header .dsn-container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 992px) {
    .services .dsn-isotope .services-item:nth-of-type(2) {
        margin-top: 80px;
    }
}

.services .service-box-img {
    z-index: -1;
    opacity: 0.7;
}

.services.with-number .services-item {
    padding: 30px 30px 15px;
}

.services.with-number .services-item::before {
    counter-increment: workcounter;
    content: counters(workcounter, ".", decimal-leading-zero);
    position: absolute;
    left: 45px;
    top: 10px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
}

@media only screen and (max-width: 400px) {
    .services.with-number .services-item {
        padding-right: 15px;
        padding-left: 15px;
    }

    .services.with-number .services-item:before {
        left: 30px;
    }
}

.services.with-line .services-item .services-item-inner {
    padding: 15px;
}

.services .services-item .services-item-inner {
    position: relative;
}

.services .services-item .services-item-inner .line-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 55px;
    right: 0;
    background-color: var(--heading-color);
    height: 1px;
}

.services .services-item .services-item-inner .line.line-left,
.services .services-item .services-item-inner .line.line-right {
    top: -25px;
}

.services .services-item .services-item-inner .services-content {
    position: relative;
    padding: 30px 20px;
}

.services .services-item .services-item-inner .icon {
    margin-bottom: 15px;
    line-height: 1;
}

.services .services-item .services-item-inner .icon img,
.services .services-item .services-item-inner .icon svg {
    width: 60px;
    fill: var(--theme-color);
}

@media only screen and (min-width: 768px) {
    .services.icon-left .services-item .services-item-inner .services-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .services.icon-left .services-item .services-item-inner .services-content .icon {
        margin-right: 25px;
        margin-bottom: 0;
    }

    .services.icon-left .services-item .services-item-inner .services-content .icon img {
        max-width: inherit;
        width: 60px;
    }
}

.service-lest-item {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media only screen and (max-width: 575px) {
    .service-lest-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 30px;
        border: 1px solid var(--border-color);
        margin-top: 30px;
    }

    .service-lest-item:first-of-type {
        margin-top: 0;
    }
}

@media only screen and (min-width: 576px) {
    .service-lest-item:last-of-type {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.service-lest-item .block-number {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30px;
    flex: 0 1 30px;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .service-lest-item .block-number {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50px;
        flex: 0 1 50px;
    }
}

@media only screen and (max-width: 575px) {
    .service-lest-item .block-number {
        display: none;
    }
}

.service-lest-item .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60px;
    flex: 0 1 60px;
    margin-left: 60px;
}

@media only screen and (max-width: 767px) {
    .service-lest-item .icon {
        margin-left: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .service-lest-item .icon {
        margin-left: 0;
    }
}

.service-lest-item .icon img,
.service-lest-item .icon svg {
    fill: var(--theme-color);
    width: 60px;
}

.service-lest-item .service-description {
    margin-left: 60px;
}

@media only screen and (max-width: 575px) {
    .service-lest-item .service-description {
        margin-top: 30px;
        margin-left: 0;
    }
}

.services-lest-2 .service-lest-item {
    margin-top: 0;
}

@media only screen and (min-width: 576px) {
    .services-lest-2 .service-lest-item {
        padding: 0;
    }
}

.services-lest-2 .service-lest-item .icon,
.services-lest-2 .service-lest-item .content {
    margin-left: 0;
}

.skills-item {
    position: relative;
    width: 100%;
}

.skills-item .bar {
    position: relative;
    width: 100%;
    height: 20px;
}

.skills-item .bar::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--assistant-color);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.background-section .skills-item .bar::before {
    background-color: var(--bg-color);
}

.skills-item .bar .fill {
    position: absolute;
    width: 0;
    height: 100%;
}

.skills-item .bar .fill:not(.background-section):not(.background-main):not(.background-theme) {
    background-image: url("../images/patterns.png");
}

.skills-item .bar .fill .number {
    position: absolute;
    top: -30px;
    right: 0;
    font-family: var(--heading-font);
    font-size: 16px;
    color: var(--heading-color);
}

.skills-item {
    position: relative;
    width: 100%;
}

.skills-item .bar {
    position: relative;
    width: 100%;
    height: 20px;
}

.skills-item .bar::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--assistant-color);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.background-section .skills-item .bar::before {
    background-color: var(--bg-color);
}

.skills-item .bar .fill {
    position: absolute;
    width: 0;
    height: 100%;
}

.skills-item .bar .fill:not(.background-section):not(.background-main):not(.background-theme) {
    background-image: url("../images/patterns.png");
}

.skills-item .bar .fill .number {
    position: absolute;
    top: -30px;
    right: 0;
    font-family: var(--heading-font);
    font-size: 16px;
    color: var(--heading-color);
}

.fleet-section .swiper-container {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fleet-section .swiper-slide .box-img,
.fleet-section .swiper-slide .box-img img,
.fleet-section .work-item .box-img,
.fleet-section .work-item .box-img img {
    border-radius: 2px;
    width: 97%;
}

.fleet-section .swiper-slide .box-content .cat,
.fleet-section .work-item .box-content .cat {
    margin-bottom: 10px;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.9;
}

.fleet-section .swiper-slide .box-content .sec-title,
.fleet-section .work-item .box-content .sec-title {
    margin-bottom: 0;
}

.v-light .fleet-section:not(.work-no-scale) .swiper-slide .sec-title>a,
.v-light .fleet-section:not(.work-no-scale) .work-item .sec-title>a {
    background-color: var(--reverse-color);
    color: var(--reverse-heading-color);
    padding: 5px 5px 0;
}

.fleet-section .swiper-slide:not(.swiper-slide-active) {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.work-no-scale .swiper-slide,
.work-no-scale .work-item {
    position: relative;
}

/*.work-no-scale .swiper-slide .box-img,    .work-no-scale .work-item .box-img {    height: 70vh;    }*/
.testimonials p.p-larg {
    color: #fff;
}

@media only screen and (min-width: 992px) {
    .testimonials .dsn-move-section {
        top: -50px;
        opacity: 0;
        margin-bottom: 0;
    }
}

.testimonials .sm-title-block {
    color: var(--theme-color);
    font-size: 14px;
}

.testimonials .testimonials-box {
    background: #0808ef;
}

@media only screen and (min-width: 992px) {
    .testimonials .testimonials-box {
        padding: 60px 35px;
    }
}

.testimonials .testimonials-box.pt-0 {
    padding-top: 0;
}

.testimonials .testimonials-box.pt-0::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 45px;
    background-color: var(--bg-color);
}

.testimonials .testimonial-nav {
    position: relative;
    margin-bottom: 15px;
}

.testimonials .testimonial-nav .testimonial-nav-inner {
    position: relative;
    width: 80%;
    margin: auto;
}

@media only screen and (max-width: 991px) {
    .testimonials .testimonial-nav .testimonial-nav-inner {
        width: 100%;
    }
}

.testimonials .testimonial-nav .swiper-slide {
    position: relative;
    margin: auto;
    padding-bottom: 60px;
}

.testimonials .testimonial-nav .swiper-slide.d-flex {
    padding-bottom: 0;
}

.testimonials .testimonial-nav .swiper-slide.d-flex .box-img img {
    width: 70px;
    height: 70px;
}

.testimonials .testimonial-nav .swiper-slide.d-flex.swiper-slide-active::before {
    display: none;
}

.testimonials .testimonial-nav .swiper-slide .box-img {
    position: relative;
}

.testimonials .testimonial-nav .swiper-slide .box-img img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.testimonials .testimonial-nav .swiper-slide .box-text {
    opacity: 0;
}

.testimonials .testimonial-nav .swiper-slide:not(.swiper-slide-active) {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.testimonials .testimonial-nav .swiper-slide-active::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 40px;
    background-color: #fff;
}

.testimonials .testimonial-nav .swiper-slide-active .box-text {
    position: relative;
    opacity: 1;
}

.testimonials .testimonial-nav .swiper-next,
.testimonials .testimonial-nav .swiper-prev {
    position: absolute;
    top: 22px;
    cursor: pointer;
}

.testimonials .testimonial-nav .swiper-next {
    right: 0;
}

.testimonials .testimonial-nav .swiper-prev {
    left: 0;
}

.testimonials .testimonial-content {
    position: relative;
    width: 80%;
    margin: auto;
}

@media only screen and (max-width: 991px) {
    .testimonials .testimonial-content {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .testimonials.testimonials-half .section-title {
        margin-bottom: 50px;
    }

    .footer .column-right {
        text-align: left !important;
    }

    .footer .column-left .footer-social ul {
        text-align: left !important;
    }

    .start-journey {
        padding: 0px;
    }

    .start-journey .mobile-download {
        padding-top: 30px;
    }

    .start-journey h2 {
        margin: 40px 0px;
    }

    .start-journey {
        padding: 0px !important;
    }

    .app-journey.download-store {
        padding-bottom: 20px;
    }

    .innovative-text {
        padding: 50px 15px;
        text-align: left;
    }

    .rider-start-journey h2 {
        text-align: left;
    }

    .start-journey {
        padding: 0px;
    }

    .rider-start-journey {
        padding: 50px 0px;
    }

    .innovative-text h4 {
        text-align: left;
        font-size: 20px !important;
        line-height: 27px;
    }

    .rider-start-journey h2 {
        text-align: left !important;
        font-size: 30px;
    }
}

.testimonials.testimonials-half .testimonials-box:after {
    content: "”";
    right: 30px;
    bottom: -134px;
    position: absolute;
    font-size: 150px;
    font-weight: bold;
}

.testimonials.testimonials-half .swiper-next {
    right: 25px;
}

@media only screen and (max-width: 991px) {
    .testimonials.testimonials-half .swiper-next {
        right: 0;
    }
}

.testimonials.testimonials-half .swiper-prev {
    left: 25px;
}

@media only screen and (max-width: 991px) {
    .testimonials.testimonials-half .swiper-prev {
        left: 0;
    }
}

.testimonials.testimonials-half .testimonial-content,
.testimonials.testimonials-half .testimonial-nav .testimonial-nav-inner {
    width: 100%;
}

.testimonials.testimonials-half .testimonial-nav {
    margin-bottom: 30px;
}

.testimonials.testimonials-half .dsn-container {
    padding: 0;
}

.lest-number .number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: var(--theme-color);
    color: var(--heading-color);
    text-align: center;
    margin-right: 15px;
    font-size: 14px;
}

@media only screen and (max-width: 575px) {
    .lest-number .number {
        display: none;
    }
}

.accordion {
    line-height: 1.2;
}

.accordion__answer {
    display: none;
    max-width: 400px;
    padding-top: 15px;
    padding-left: 45px;
}

.accordion__answer.active {
    display: block;
}

.accordion__item {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 30px;
}

.accordion__item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

.accordion__question {
    padding: 8px 15px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.accordion__question .number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: var(--theme-color);
    color: var(--heading-color);
    text-align: center;
    margin-right: 15px;
    font-size: 14px;
}

.accordion__question:first-of-type {
    padding-top: 0;
}

.accordion__question .icon {
    width: 35px;
    margin-right: 15px;
}

.accordion__question h4 {
    font-weight: 600;
    margin-bottom: 0;
}

.accordion__question::before {
    content: "";
    position: absolute;
    display: inline-block;
    border: solid var(--theme-color);
    border-width: 0 2px 2px 0;
    padding: 3px;
    top: 40%;
    right: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.expanded.accordion__question::before {
    content: "";
    border: solid var(--theme-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.our-blog .swiper-container {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (min-width: 992px) {
    .our-blog .dsn-container {
        padding-left: 0;
        padding-right: 0;
    }
}

.our-blog.our-blog-classic .blog-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
}

.our-blog.our-blog-classic .blog-item .box-meta {
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset;
    -webkit-text-orientation: unset;
    text-orientation: unset;
    margin-left: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.our-blog.our-blog-classic .blog-item .box-img {
    position: relative;
    width: 100%;
    height: 220px;
}

.our-blog.our-blog-classic .blog-item .box-content {
    margin-left: 0;
    width: 100%;
}

.our-blog.our-blog-classic.our-blog-full-img .box-meta {
    display: none;
}

.our-blog.our-blog-classic.our-blog-full-img .box-img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.3;
    top: 0;
}

.our-blog.our-blog-classic.our-blog-full-img .box-content {
    padding: 80px 30px;
}
.swiper-slide {
  opacity: 1 !important;
  z-index: auto !important;
  visibility: visible !important;
}
@media only screen and (max-width: 991px) {
    .our-blog.our-blog-classic.our-blog-full-img .box-content {
        padding: 50px 30px;
    }
}

.our-blog .swiper-slide-next,
.our-blog .swiper-slide-prev {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.blog-item {
    border: 2px solid var(--border-color);
    padding-left: 50px;
    margin-right: 0;
    min-height: 250px;
}

@media only screen and (max-width: 767px) {
    .blog-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
    }
}

.blog-item .metas {
    padding: 0;
}

.blog-item .box-meta {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
    text-orientation: mixed;
    margin-left: -35px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 13px;
}

@media only screen and (max-width: 767px) {
    .blog-item .box-meta {
        padding-top: 15px;
        padding-bottom: 15px;
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        -webkit-text-orientation: unset;
        text-orientation: unset;
        margin-left: 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}

.blog-item .box-meta .author {
    position: relative;
    color: var(--heading-color);
}

.blog-item .box-meta .author:after {
    content: "-";
    padding: 10px 0;
}

.blog-item .box-meta .entry-date {
    font-weight: 500;
}

.blog-item .box-img {
    position: absolute;
    width: calc(45% - 30px);
    height: 100%;
    border-right: 2px solid var(--border-color);
}

@media only screen and (max-width: 767px) {
    .blog-item .box-img {
        position: relative;
        width: 100%;
        height: 300px;
    }
}

.blog-item .box-img img {
    width: 100%;
    height: 100%;
}

.blog-item .box-content {
    padding: 30px 20px;
    margin-left: 47%;
}

@media only screen and (max-width: 767px) {
    .blog-item .box-content {
        margin-left: 0;
        width: 100%;
    }
}

.blog-item .box-content .metas {
    margin-bottom: 10px;
}

.blog-item .box-content .metas span {
    padding: 0;
    border: 0;
    color: var(--font-color);
}

.blog-item .box-content .metas span:after,
.blog-item .box-content .metas span::before {
    display: none;
}

.blog-item .box-content .link-vist {
    left: auto;
    bottom: auto;
}

.blog-item .box-content .link-vist .link-vist-text {
    font-weight: bold;
}

.blog-item .box-content .link-vist .link-vist-text::before {
    height: 1.5px;
}

.not-filter .swiper-slide {
    -webkit-filter: none !important;
    filter: none !important;
}

.brand-client {
    position: relative;
}

.brand-client .swiper-container {
    padding-left: 1px;
    padding-right: 1px;
}

.brand-client .wrapper-client {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.brand-client .wrapper-client .logo-box {
    position: relative;
    width: calc(25% - 2px);
    padding: 15px;
    min-height: 240px;
    overflow: hidden;
    border-bottom: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

@media only screen and (max-width: 991px) {
    .brand-client .wrapper-client .logo-box {
        border: 1px solid var(--border-color);
    }
}

.brand-client .wrapper-client .logo-box:nth-child(-n+4) {
    border-top: 1px solid var(--border-color);
}

.brand-client .wrapper-client .logo-box:nth-child(4n+1) {
    border-left: 1px solid var(--border-color);
}

.brand-client .wrapper-client .logo-box .logo-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--assistant-color);
    width: 100%;
    height: 100%;
}

.v-light .brand-client .wrapper-client .logo-box .logo-box-inner {
    background-color: var(--reverse-color);
}

@media only screen and (max-width: 991px) {
    .brand-client .wrapper-client .logo-box {
        width: calc(33.333% - 2px);
    }
}

@media only screen and (max-width: 767px) {
    .brand-client .wrapper-client .logo-box {
        width: calc(50% - 2px);
    }
}

@media only screen and (max-width: 640px) {
    html body h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 40px !important;
        font-size: 30px !important;
    }

    html body .main-slider h1.title-banner {
        font-size: 30px !important;
        line-height: 50px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 575px) {
    .brand-client .wrapper-client .logo-box {
        width: 100%;
    }

    .main-slider h1.title-banner p.line__2 {
        line-height: normal !important;
        animation: none !important;
        white-space: normal;
    }

    html body .main-slider h1.title-banner {
        font-size: 28px !important;
    }

    html body .main-slider h1.title-banner p {
        line-height: 35px;
    }

    p.description {
        font-size: 12px;
        padding: 0 10px;
    }

    html body h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 35px !important;
        font-size: 28px !important;
    }

    .dsn-slider-content .content {
        animation: none;
    }
}

.brand-client .wrapper-client .logo-box img {
    position: relative;
    max-width: 180px;
    margin: auto;
}

@media only screen and (max-width: 575px) {
    .brand-client .wrapper-client .logo-box img {
        width: auto;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

.brand-client.v-light .wrapper-client .logo-box .logo-box-inner {
    background-color: var(--reverse-color);
}

.brand-client.v-dark .wrapper-client .logo-box .logo-box-inner {
    background-color: var(--assistant-color);
}

.box-seat {
    position: relative;
}

.box-seat [data-overlay]:before {
    z-index: 1;
}

@media only screen and (max-width: 991px) {
    .box-seat .box-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.box-seat .pro-text {
    position: absolute;
    right: 80px;
    bottom: -50px;
}

@media only screen and (max-width: 991px) {
    .box-seat .pro-text {
        position: relative;
        left: 0;
        right: auto;
        bottom: 0;
        max-width: 100%;
    }
}

.box-seat .pro-text:not(.container) {
    max-width: 600px;
}

@media only screen and (max-width: 991px) {
    .box-seat .pro-text:not(.container) {
        bottom: 0;
        max-width: 100%;
    }
}

.box-seat.box-seat-full .pro-text {
    position: relative;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    .box-seat.box-seat-full .pro-text {
        right: auto;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .box-seat.box-seat-parallax .pro-text {
        position: relative;
        max-width: 100%;
        right: auto;
        bottom: auto;
    }
}

.box-gallery-vertical .box-info .service-lest-item .icon,
.box-descr .box-info .service-lest-item .icon {
    margin-left: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100px;
    flex: 1 0 100px;
    font-size: 60px;
    font-weight: 600;
}

.box-gallery-vertical .box-info .service-lest-item .content,
.box-descr .box-info .service-lest-item .content {
    margin-left: 25px;
}

@media only screen and (max-width: 575px) {

    .box-gallery-vertical .box-info .service-lest-item .content,
    .box-descr .box-info .service-lest-item .content {
        margin-left: 0;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .facts-item {
        border-right: 1px solid var(--border-color);
    }

    .facts-item:last-of-type {
        border: 0;
    }
}

@media only screen and (max-width: 991px) {
    .facts-item {
        border: 1px solid var(--border-color);
    }
}

.facts-item .number {
    color: var(--theme-color);
    opacity: 0.4;
    font-size: 130px;
    font-weight: bold;
}

.circular-wrap .box-im::before,
.facts-section .box-im::before {
    z-index: 1;
}

.resume .resume-box-inner:nth-of-type(n + 3) {
    margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    .resume .resume-box-inner:nth-of-type(n + 2) {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .resume .resume-box {
        margin-bottom: 0;
    }
}

.resume .resume-box .item-resume-box {
    padding-left: 20px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 991px) {
    .resume .resume-box .item-resume-box {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .resume .resume-box .item-resume-box {
        padding-bottom: 20px;
    }
}

.resume .resume-box .item-resume-box:last-of-type {
    padding-bottom: 0;
}

.resume .resume-box .item-resume-box:last-of-type:after {
    display: none;
}

.resume .resume-box .item-resume-box:before,
.resume .resume-box .item-resume-box:after {
    content: "";
    position: absolute;
}

.resume .resume-box .item-resume-box:before {
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--theme-color);
}

.resume .resume-box .item-resume-box:after {
    top: 20px;
    left: 4px;
    width: 1px;
    height: calc(100% - 24px);
    background-color: var(--border-color);
}

.resume .resume-box .item-resume-box h6 {
    max-width: 460px;
    font-family: var(--body-font);
    font-size: inherit;
    line-height: 1.6;
    font-weight: 500;
    color: var(--font-color);
}

.title-cover {
    position: absolute;
    width: 100%;
    font-family: var(--heading-font);
    font-size: 80px;
    font-weight: 600;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 1;
    color: var(--heading-color);
    text-transform: uppercase;
    pointer-events: none;
    overflow: hidden;
}

.title-cover.title-stroke {
    color: transparent;
    -webkit-text-stroke: 1px var(--heading-color);
}

.awards-section .box-right {
    position: relative;
    height: 100%;
}

.awards-section .box-right .container-img {
    width: 100%;
    height: 100%;
}

.awards-section .box-right .container-img img {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 576px) {
    .awards-section .awards-inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 40px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px;
    }
}

.awards-section .award-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    border: 1px solid var(--border-color);
    padding: 30px;
}

@media only screen and (max-width: 575px) {
    .awards-section .award-item:not(:first-of-type) {
        margin-top: 30px;
    }
}

.awards-section .award-item:first-child {
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4;
}

.awards-section .award-item .award-number {
    color: var(--heading-color);
    font-size: 80px;
}

.awards-section .award-item .award-logo {
    max-width: 150px;
}

.awards-section .award-item .sm-title-block {
    color: var(--font-color);
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 0;
}

.mask-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(70% + 20px);
    height: 100%;
    background-color: var(--assistant-color);
    z-index: -1;
}

.intro-project strong {
    font-weight: bold;
    letter-spacing: 2px;
}

.intro-project:not(.text-center) .inner {
    max-width: 750px;
}

@media only screen and (max-width: 991px) {
    .intro-project .intro-project-right {
        margin-top: 30px;
    }
}

.intro-project .intro-project-cat {
    color: var(--heading-color);
}

@media only screen and (max-width: 767px) {
    .intro-project .intro-project-cat {
        margin-top: 20px;
    }
}

.intro-project .intro-project-cat .cat-item {
    position: relative;
}

@media only screen and (max-width: 767px) {
    .intro-project .intro-project-cat .cat-item {
        margin-top: 10px;
    }
}

.intro-project .intro-project-cat .cat-item:not(:last-of-type):after {
    content: "-";
    position: relative;
    padding: 0 8px;
}

.intro-project-list li:not(:last-of-type) {
    margin-bottom: 15px;
}

.intro-project-list li::before {
    content: "";
    margin-right: 7px;
    width: 3px;
    height: 3px;
    background-color: var(--heading-color);
    display: inline-block;
    vertical-align: middle;
}

.intro-project-list li strong {
    color: var(--heading-color);
    margin-right: 5px;
}

.box-gallery-vertical .col-lg-6 {
    overflow: hidden;
}

.box-gallery-vertical .box-info-inner {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .box-gallery-vertical.box-gallery-content .box-info:not(.box-padding) {
        padding-left: 0;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 991px) {
    .box-gallery-vertical.box-gallery-content .box-order {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media only screen and (max-width: 991px) {
    .box-gallery-vertical .col-lg-6 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .box-gallery-vertical .box-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media only screen and (max-width: 767px) {
    .has-in-halg-bg .half-bg-bottom {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .video-section .box-info {
        margin-bottom: 0;
    }
}

.box-img-tow-col {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .box-img-tow-col {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 575px) {
    .box-img-tow-col {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .box-img-tow-col .img-item.mb-80 {
        margin-bottom: 50px;
    }

    .box-img-tow-col .img-item.mt-80 {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 575px) {
    .box-img-tow-col .img-item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .box-img-tow-col .img-item.mt-80 {
        margin-top: 0;
        padding-right: 0;
    }

    .box-img-tow-col .img-item.mb-80 {
        margin-bottom: 30px;
        padding-right: 0;
    }
}

.box .box-img {
    width: 100px;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .box .box-img {
        width: 60px;
    }
}

.box .box-img img {
    width: 100%;
    border-radius: 50%;
}

.box-view-item {
    border-radius: 3px;
}

.box-view-item .box-img {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}

.box-view-item .box-title .background-label {
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    color: var(--border-color);
}

.box-view-item .box-title .title-block {
    z-index: 2;
}

.box-view-item .content a {
    font-size: 14px;
    color: var(--heading-color);
    border-radius: 30px;
    padding: 8px 20px;
    letter-spacing: 2px;
}

.box-view-item .content .content-btn span {
    font-size: 14px;
    color: var(--heading-color);
    letter-spacing: 2px;
}

.features .feature-item {
    display: inline-block;
    width: 16%;
}

.features .feature-item:nth-of-type(n + 7) {
    margin-top: 30px;
}

@media only screen and (max-width: 991px) {
    .features .feature-item {
        width: 24%;
    }

    .features .feature-item:nth-of-type(n + 5) {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .features .feature-item {
        width: 32%;
    }

    .features .feature-item:nth-of-type(n + 4) {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .features .feature-item {
        width: 49%;
    }

    .features .feature-item:nth-of-type(n + 3) {
        margin-top: 30px;
    }
}

.features .feature-item .box-icon {
    width: 120px;
    margin: auto;
    padding: 40px 0;
    border-radius: 3px;
}

.features .feature-item .box-icon svg {
    width: 40px;
    fill: var(--theme-color);
}

.features .feature-item h5 {
    color: var(--font-color);
    font-weight: 400;
}

.end-features .features-box .feature-item {
    width: calc(50% - 2px);
    float: left;
    display: inline-block;
    margin: 0 0.5px;
}

.end-features .features-box .feature-item:first-of-type {
    border-radius: 3px 0 0 3px;
}

.end-features .features-box .feature-item:last-of-type {
    border-radius: 0 3px 3px 0;
}

.end-features .features-box .feature-item .icon i {
    font-size: 30px;
}

.box-view-item .scroll-content {
    height: 350px;
}

.box-view-item .box-img {
    max-height: 350px;
    height: 350px !important;
    overflow: hidden;
}

.box-view-item .box-img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.box-view-item .box-img a img {
    width: 100%;
    height: auto;
}

.box-view-item .scrollbar-track {
    right: 0 !important;
    left: auto !important;
}

.view-pages .box-view-item .box-img {
    position: relative;
    min-height: auto;
    height: auto !important;
}

.view-pages .box-view-item .box-img a {
    position: relative;
    width: 100%;
    height: 100%;
}

.view-pages .box-view-item img {
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.footer-social.p-relative.social-media {
    width: 48%;
}
.overlay-ban {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.about-page .about-section .aboutus p {
    color: #333;
}
.slide-content img {
    width: 120px;
    border-radius: 6px;
    margin-top: 20px;
}
h6.hotline {
    font-size: 20px;
}
.hotline strong {
    font-size: 24px;
}
h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
    margin-bottom: 30px;
}
.qrcode {
    display: flex;
    justify-content: start;
    align-items: center;
}
@media only screen and (max-width: 991px) {
    .box-descr-view .box-bg {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .box-descr-view .box-right {
        padding-left: 0;
        padding-right: 0;
        margin-top: 50px;
    }
}

.section-image .swiper-container:not(:last-of-type) {
    margin-bottom: 30px;
}

.section-image .swiper-slide {
    width: calc(100% / 3);
}

.section-image .swiper-slide:not(:last-of-type) {
    padding-right: 30px;
}

.section-image .swiper-slide .image-item {
    padding: 2px;
}

.section-image .swiper-slide img {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    border-radius: 3px;
}

.twentytwenty-container .twentytwenty-overlay {
    display: none;
}

@media only screen and (min-width: 992px) {
    .wrapper>*:first-child.dsn-under-header {
        position: relative;
        margin-top: -80px;
        z-index: 2;
    }

    .wrapper>*:first-child.dsn-under-header.hero-under-header {
        margin-top: -150px;
    }

    .wrapper>*:first-child.dsn-under-header .section-title,
    .wrapper>*:first-child.dsn-under-header .section-title-2 {
        display: none;
    }
}

.hero-under-header img {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}

.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,
.sidebar-single,
.dsn-work-scrollbar {
    overflow: hidden;
    height: 100vh;
}

.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track,
.sidebar-single .scrollbar-track,
.dsn-work-scrollbar .scrollbar-track {
    background: none;
    width: 4px;
    mix-blend-mode: exclusion;
}

.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track .scrollbar-thumb,
.sidebar-single .scrollbar-track .scrollbar-thumb,
.dsn-work-scrollbar .scrollbar-track .scrollbar-thumb {
    background: #fff;
    width: var(--smooth-width);
}

.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,
.sidebar-single,
.dsn-work-scrollbar {
    height: calc(100vh - 46px);
}

@media screen and (min-width: 783px) {

    .admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,
    .sidebar-single,
    .dsn-work-scrollbar {
        height: calc(100vh - 32px);
    }
}

.locked-scroll #dsn-scrollbar {
    background-color: var(--bg-color);
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .scrollbar-track {
        left: calc(var(--body-style-space) - (var(--smooth-width) /2));
        right: auto;
    }
}

/*--------------------------------------------------------------    ## Header    --------------------------------------------------------------*/
/* -------------------------------------------------------    Header    -------------------------------------------------------- */
@media only screen and (max-width: 991px) {

    .header-personal .w-50,
    .header-project .w-50 {
        width: 100%;
    }
}

.project-number {
    top: 30px;
    padding-top: 40px;
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .project-number {
        padding-top: 0;
    }
}

.project-number h6 {
    margin-right: 15px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.project-number span {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--heading-font);
    color: var(--heading-color);
}

.project-number span.curent {
    padding-right: 80px;
}

@media only screen and (max-width: 575px) {
    .project-number span.curent {
        padding-right: 30px;
    }
}

.project-number span.curent::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    width: 60px;
    height: 1px;
    background-color: var(--heading-color);
}

@media only screen and (max-width: 575px) {
    .project-number span.curent::before {
        width: 20px;
    }
}

.project-number span.full {
    margin-left: 20px;
}

@media only screen and (max-width: 575px) {
    .project-number span.full {
        margin-left: 15px;
    }
}

/**    page Personal    */
@media only screen and (max-width: 991px) {
    .header-personal .w-50 {
        width: 100%;
    }
}

.header-personal .title,
.header-personal .sm-title-block {
    margin-left: -120px;
}

@media only screen and (max-width: 991px) {

    .header-personal .title,
    .header-personal .sm-title-block {
        margin-left: 0;
    }
}

.header-personal .dsn-button::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    left: -50px;
    top: 50%;
    background-color: var(--theme-color);
}

@media only screen and (max-width: 991px) {
    .header-personal .dsn-button::before {
        display: none;
    }
}

/**    border in normal page like contact & about    */
.border-header {
    position: relative;
    width: 130px;
    margin: 80px auto 0 auto;
}

.border-header *,
.border-header path {
    fill: none;
    stroke: var(--heading-color);
}

.border-header path {
    stroke-dashoffset: 0;
}

h1.title-banner {
    line-height: 20px !important;
    width: 100% !important;
    font-size: 52px !important;
}

.line__1,
.line__2 {
    white-space: nowrap;
    /* keep text in one line */
    overflow: hidden;
    /* hide text behind the cursor */
    margin: 0 auto;
    font-weight: bold;
    line-height: 47px;
}

.line__1 {
    border-right: 2px solid rgba(17, 17, 17, 0.9);
    animation: animated-text__1 6s steps(20, end) 1s 1 normal both, animated-cursor__1 900ms steps(20, end) 8;
}

.line__2 {
    border-right: 2px solid rgba(17, 17, 17, 0.0);
    animation: animated-text__2 5s steps(20, end) 1s 1 normal both, animated-cursor__2 900ms steps(20, end) infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@keyframes animated-cursor__1 {
    from {
        border-right-color: rgba(17, 17, 17, 0.9);
    }

    to {
        border-right-color: rgba(255, 255, 255, 0.8);
    }
}

@keyframes animated-cursor__2 {
    from {
        border-right-color: #ffff13;
    }

    to {
        border-right-color: #ffff13;
    }
}

@keyframes animated-text__1 {
    from {
        width: 0;
    }

    to {
        width: 65rem;
    }
}

@keyframes animated-text__2 {
    from {
        width: 0;
    }

    to {
        width: 57rem;
    }
}

.download-store img:hover {
    filter: drop-shadow(4px 4px 10px #ccc);
}

/* -------------------------------------------------------    -------------------------------------------------------- */
header .scroll-d {
    right: 0;
    bottom: 40px;
    cursor: pointer;
    z-index: 2;
}

header .scroll-d img {
    width: 60px;
}

.v-light header .scroll-d img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

/*--------------------------------------------------------------    ## pages    --------------------------------------------------------------*/
/* -------------------------------------------------------    09 - Slider    -------------------------------------------------------- */
.main-slider .dsn-webgl {
    position: relative;
}

.main-slider .v-dark,
.main-slider .v-light {
    background: transparent;
}

.main-slider .slide-inner:before {
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.main-slider .dsn-slider-content {
    top: 0;
    z-index: 4;
    pointer-events: none;
}

@media only screen and (max-width: 767px) {
    .main-slider .dsn-slider-content .dsn-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.main-slider .dsn-slider-content .slide-content {
    padding-bottom: 40px;
    padding-top: 40px;
    width: 88%;
    text-align: left;
}
.qr-ban {
    text-align: center;
}
.main-slider .dsn-slider-content .slide-content:before {
    display: none;
}

.main-slider .dsn-slider-content .slide-content.dsn-active {
    z-index: 3;
}

.main-slider .dsn-slider-content .slide-content.dsn-active .title,
.main-slider .dsn-slider-content .slide-content.dsn-active .metas,
.main-slider .dsn-slider-content .slide-content.dsn-active .link-custom {
    pointer-events: auto;
}

.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .title,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .metas,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .link-custom,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .description,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) hr {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.main-slider .dsn-slider-content .slide-content .metas,
.main-slider .dsn-slider-content .slide-content .link-custom,
.main-slider .dsn-slider-content .slide-content .description {
    -webkit-transition-property: opacity, visibility, -webkit-transform, -webkit-box-shadow;
    transition-property: opacity, visibility, -webkit-transform, -webkit-box-shadow;
    -o-transition-property: opacity, visibility, transform, box-shadow;
    transition-property: opacity, visibility, transform, box-shadow;
    transition-property: opacity, visibility, transform, box-shadow, -webkit-transform, -webkit-box-shadow;
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    -o-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.main-slider .dsn-slider-content .dsn-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.main-slider hr {
    width: calc(100vw - 100px);
    border: 0 solid var(--border-color);
    border-top-width: 1.5px;
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .main-slider hr {
        width: calc(100vw - (var(--body-style-space) * 2) + 100px);
    }
}

@media only screen and (max-width: 767px) {
    .main-slider hr {
        display: none;
    }
}

.main-slider .description {
    color: var(--font-color);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.main-slider .control-nav {
    position: absolute;
    bottom: 30px;
    right: 0;
    z-index: 3;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: transparent;
}

@media only screen and (max-width: 767px) {
    .main-slider .control-nav {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.main-slider .control-nav .slider-counter {
    position: relative;
    color: var(--reverse-color);
    margin: 0 30px;
    top: -3px;
}

.main-slider .control-nav .slider-counter .slider-counter-delimiter {
    height: 30px;
    border-right: 1px solid var(--reverse-color);
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.main-slider .control-nav .slider-current-index {
    margin-right: 15px;
}

.main-slider .control-nav .slider-total-index {
    margin-left: 15px;
    font-size: 20px;
}

.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .prev-container,
.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .next-container,
.main-slider.controller-right .control-nav .prev-container,
.main-slider.controller-right .control-nav .next-container {
    position: absolute;
    right: 7px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .next-container,
.main-slider.controller-right .control-nav .next-container {
    bottom: 100px;
}

.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .prev-container,
.main-slider.controller-right .control-nav .prev-container {
    bottom: 15px;
}

.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .slider-counter,
.main-slider.controller-right .control-nav .slider-counter {
    margin: 0;
}

.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav,
.main-slider.controller-right.nav-center .control-nav {
    height: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    pointer-events: none;
}

.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav *,
.main-slider.controller-right.nav-center .control-nav * {
    pointer-events: auto;
}

.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container,
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container,
.main-slider.controller-right.nav-center .control-nav .prev-container,
.main-slider.controller-right.nav-center .control-nav .next-container {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 20px;
}

@media only screen and (min-width: 992px) {

    body.dsn-line-style .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container,
    body.dsn-line-style .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container,
    body.dsn-line-style .main-slider.controller-right.nav-center .control-nav .prev-container,
    body.dsn-line-style .main-slider.controller-right.nav-center .control-nav .next-container {
        right: calc(0px - ((var(--body-style-space) / 2) + 25px + 20px));
    }
}

.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container,
.main-slider.controller-right.nav-center .control-nav .next-container {
    bottom: calc(50% - 100px);
}

.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container,
.main-slider.controller-right.nav-center .control-nav .prev-container {
    bottom: calc(50% - 15px);
}

.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .slider-counter,
.main-slider.controller-right.nav-center .control-nav .slider-counter {
    margin: 0;
}

@media only screen and (min-width: 992px) {

    body.dsn-line-style .main-slider:not(.has-horizontal):not(.controller-bottom).full-width .control-nav .prev-container,
    body.dsn-line-style .main-slider:not(.has-horizontal):not(.controller-bottom).full-width .control-nav .next-container,
    body.dsn-line-style .main-slider.controller-right.full-width .control-nav .prev-container,
    body.dsn-line-style .main-slider.controller-right.full-width .control-nav .next-container {
        right: 0;
    }
}

@media only screen and (min-width: 992px) {

    .main-slider.demo-2 .bg-container,
    .main-slider.demo-2 .dsn-slider-content {
        width: 50%;
        overflow: hidden;
    }
}

.main-slider.demo-2 .slide-content {
    width: calc(100% - 100px);
}

ul.nos-offer {
    display: flex;
    gap: 20px;
}

.nos-offer li {
    width: 33%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 30px;
}

.offer-cate h4 {
    margin-bottom: 20px;
}

.service-main .offer-cate p {
    font-weight: 600 !important;
}

.nos-offer li span svg {
    background: #e5eef7;
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 60px;
}

.savoir-plus h5 {
    margin-bottom: 0 !important;
}

@media only screen and (min-width: 992px) {
    .main-slider.demo-2:not(.content-left) .dsn-slider-content {
        left: 50%;
    }
}

@media only screen and (min-width: 992px) {
    .main-slider.demo-2.content-left .bg-container {
        left: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .main-slider.demo-1.dsn-container {
        padding-left: 0;
        padding-right: 0;
    }
    .slide-content img {
    margin-top: 20px;
}
}

@media only screen and (min-width: 768px) {
    .main-slider.demo-1 .bg-container {
        padding-top: 110px;
        padding-bottom: 110px;
    }
}

.main-slider.demo-1 .bg-container .slide-inner {
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .v-light .main-slider.demo-1 .dsn-slider-content .align-items-end .title {
        color: var(--reverse-heading-color);
    }
}

/* -------------------------------------------------------    09 - portfolio    -------------------------------------------------------- */
.work {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    counter-reset: workcounter;
}

.work.dsn-col:not(.dsn-col-space) .work-inner .work-item {
    padding-left: 0;
    padding-right: 0;
}

.work__item {
    position: relative;
    text-align: center;
}

.work__item:last-of-type {
    margin-bottom: 0;
}

.work__item a:hover .work__item-textinner {
    color: transparent;
    -webkit-text-stroke: 1.5px var(--font-color);
}

.work__item::before {
    counter-increment: workcounter;
    content: counters(workcounter, ".", decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    border-left: 1px solid var(--reverse-color);
    opacity: 0;
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.work__item:hover::before {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.work-inner {
    position: relative;
    counter-reset: workcounter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.work-inner.work-one-page .work-item {
    width: 33.333%;
}

@media only screen and (max-width: 991px) {
    .work-inner.work-one-page .work-item {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .work-inner.work-one-page .work-item {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) {

    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 2) a,
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 3) a,
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 7) a {
        padding: 5vw;
    }
}

@media only screen and (min-width: 992px) {

    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 2) .box-img,
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 3) .box-img,
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 7) .box-img {
        height: 25vw;
    }
}

@media only screen and (min-width: 992px) {
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 6) a {
        padding: 5vw 0;
    }
}

@media only screen and (min-width: 992px) {

    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 5),
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 8) {
        width: 100%;
    }
}

.work-inner .work-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 0 15px;
    padding-top: 30px;
}

@media only screen and (max-width: 767px) {
    .work-inner .work-item {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {

    .work-inner .work-item .line.line-top,
    .work-inner .work-item .line.line-bottom {
        left: 0;
        right: 0;
    }
}

@media only screen and (max-width: 767px) {

    .work-inner .work-item .line.line-left,
    .work-inner .work-item .line.line-right {
        top: 0;
        bottom: 0;
    }
}

.work-inner .work-item a {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.work-inner .work-item a:hover .box-img {
    -webkit-transform: scale(0.96) translateY(-10px);
    -ms-transform: scale(0.96) translateY(-10px);
    transform: scale(0.96) translateY(-10px);
}

.work-inner .work-item a:hover .line {
    -webkit-transition: all 1.2s cubic-bezier(0.13, 0.28, 0, 0.91);
    -o-transition: all 1.2s cubic-bezier(0.13, 0.28, 0, 0.91);
    transition: all 1.2s cubic-bezier(0.13, 0.28, 0, 0.91);
}

.work-inner .work-item a:hover .line.line-top,
.work-inner .work-item a:hover .line.line-bottom {
    left: -50px;
    right: -50px;
}

.work-inner .work-item a:hover .line.line-left,
.work-inner .work-item a:hover .line.line-right {
    top: -50px;
    bottom: -50px;
}

.work-inner .work-item .box-img {
    position: relative;
    height: 360px;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.13, 0.28, 0, 0.91);
    transition: -webkit-transform 1.2s cubic-bezier(0.13, 0.28, 0, 0.91);
    -o-transition: transform 1.2s cubic-bezier(0.13, 0.28, 0, 0.91);
    transition: transform 1.2s cubic-bezier(0.13, 0.28, 0, 0.91);
    transition: transform 1.2s cubic-bezier(0.13, 0.28, 0, 0.91), -webkit-transform 1.2s cubic-bezier(0.13, 0.28, 0, 0.91);
}

.work-inner .work-item .work-item-inner {
    position: relative;
    padding: 20px;
}

.work-inner .work-item .work-item-inner::before {
    counter-increment: workcounter;
    content: counters(workcounter, ".", decimal-leading-zero);
    position: absolute;
    left: 20px;
    top: -20px;
    height: 30px;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.work-inner .work-item .work-item-inner .cat {
    top: -20px;
    right: 20px;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    opacity: 0.9;
}

.work-inner .work-item .box-content {
    padding: 15px 30px 0;
}

.work-inner .work-item .box-content .title-block {
    margin-bottom: 0;
}

.hover-reveal {
    position: fixed;
    z-index: -1;
    width: 280px;
    height: 420px;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
}

.hover-reveal__inner,
.hover-reveal__img {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
}

.hover-reveal__deco {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bg-color);
}

/* -------------------------------------------------------    Blog    -------------------------------------------------------- */
.dsn-posts.d-grid.grid-lg-1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: var(--margin-padding);
}

@media only screen and (max-width: 991px) {
    .dsn-posts.d-grid.grid-lg-1 {
        grid-row-gap: var(--margin-padding-mobile);
    }
}

.dsn-posts.d-grid.grid-lg-3 .dsn-paginations {
    grid-column: 1/-1;
    margin-top: 90px;
}

@media only screen and (max-width: 991px) {
    .dsn-posts.d-grid.grid-lg-3 .dsn-paginations {
        margin-top: 50px;
    }
}

.dsn-posts .blog-item .title-block {
    max-width: 400px;
}

.metas-blog>a {
    margin-left: 15px;
}

.root-blog {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.root-blog .post-list-item {
    position: relative;
    margin-bottom: var(--margin-padding);
}

.root-blog .post-list-item figure {
    position: relative;
    width: 100%;
}

.root-blog .post-list-item figure a {
    width: 100%;
}

.root-blog .post-list-item figure img {
    position: relative;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 80vh;
}

.root-blog .post-list-item .post-list-item-content {
    margin-top: 30px;
    width: 100%;
    position: relative;
}

.root-blog .post-list-item .post-list-item-content .post-info-date {
    margin-right: 20px;
}

@media only screen and (max-width: 575px) {
    .root-blog .post-list-item .post-list-item-content {
        padding-left: 0;
        padding-right: 0;
    }
}

.root-blog .post-list-item .post-list-item-content .post-info-top a {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.2px;
    word-spacing: 2px;
    margin-bottom: 20px;
    color: var(--heading-color);
}

.root-blog .post-list-item .post-list-item-content .post-info-top>div {
    position: relative;
    display: inline-block;
}

.root-blog .post-list-item .post-list-item-content h3 {
    margin-bottom: 30px;
}

.root-blog .post-list-item .post-list-item-content .post-author {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.root-blog .post-list-item .post-list-item-content .post-author img {
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

.root-blog .post-list-item .post-list-item-content .post-author span {
    font-weight: 300;
}

.root-blog .post-list-item .post-list-item-content .post-author span a {
    color: var(--heading-color);
    padding-left: 5px;
    letter-spacing: 2px;
}

.news-content {
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    .news-content {
        padding-left: 0;
        padding-right: 0;
    }
}

.news-content .news-content-inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.news-content .post-content {
    position: relative;
    display: block;
}

.news-content .post-content>* {
    margin-bottom: 30px;
}

.news-content .post-content>*:first-child,
.news-content .post-content:first-child {
    margin-top: 0;
}

.news-content .post-content>*:last-child,
.news-content .post-content:last-child {
    margin-bottom: 0;
}

.news-content .post-content p {
    letter-spacing: -0.6px;
}

.news-content .post-content p a {
    display: inline-block;
}

.news-content .post-content blockquote {
    font-size: 20px;
    font-family: serif;
    color: var(--heading-color);
    font-style: italic;
    padding: 10px 0 10px 15px;
    border-left: 1px solid var(--border-color);
}

.news-content .post-content a {
    position: relative;
    text-decoration: none;
    -webkit-transition: color 670ms linear 417ms;
    -o-transition: color 670ms linear 417ms;
    transition: color 670ms linear 417ms;
}

.news-content .post-content a:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 45%;
    left: -0.15em;
    right: -0.15em;
    background: rgba(82, 83, 85, 0.19);
    background-size: 100% 100%;
    -webkit-transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1), 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.98, 0) translateZ(0);
    transform: scale(0.98, 0) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
    background-repeat: repeat-x;
}

.news-content .post-content a:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    left: -0.025em;
    right: -0.075em;
    background: rgba(82, 83, 85, 0.19);
    background-size: 100% 100%;
    -webkit-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
    -o-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
    transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.news-content .post-content a:hover:before {
    -webkit-transform: scale(1, 0.99999999) translateZ(0);
    transform: scale(1, 0.99999999) translateZ(0);
}

.news-content .post-content a:hover:after {
    opacity: 0;
    -webkit-transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);
}

.news-content .post-tags {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0 0;
}

@media only screen and (max-width: 767px) {
    .news-content .post-tags {
        padding: 30px 0 0;
    }
}

.news-content .post-tags a {
    color: var(--heading-color);
    margin-right: 30px;
    display: inline-block;
    line-height: 1;
    float: left;
}

.news-content .post-tags a:before {
    content: "#";
    position: relative;
    margin-right: 5px;
    font-size: 14px;
    background-color: transparent;
    border: 0;
}

.news-content .post-tags a::after {
    display: none;
}

.car-detail span {
    color: #000;
    font-size: 14px;
}

.why-content p {
    color: #fff;
}

/* -------------------------------------------------------    contact    -------------------------------------------------------- */
.form-box {
    position: relative;
    padding: 40px;
}

@media only screen and (max-width: 575px) {
    .form-box {
        padding: 40px 20px;
    }
}

.form-box .form-group {
    width: 100%;
    margin-bottom: 30px;
}

.form-box .form-group .help-block {
    color: red;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 15px;
}

.form-box .form-group li {
    list-style: none;
}

.entry-box {
    width: 100%;
}

.entry-box input,
.entry-box textarea {
    font-size: 16px;
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1.5px solid var(--border-color);
    padding-bottom: 10px;
    color: var(--font-color);
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: -0.5px;
}

.entry-box input::-webkit-input-placeholder,
.entry-box textarea::-webkit-input-placeholder {
    color: var(--font-color);
    font-size: 16px;
    letter-spacing: -0.5px;
}

.entry-box input::-moz-placeholder,
.entry-box textarea::-moz-placeholder {
    color: var(--font-color);
    font-size: 16px;
    letter-spacing: -0.5px;
}

.entry-box input:-ms-input-placeholder,
.entry-box textarea:-ms-input-placeholder {
    color: var(--font-color);
    font-size: 16px;
    letter-spacing: -0.5px;
}

.entry-box input::-ms-input-placeholder,
.entry-box textarea::-ms-input-placeholder {
    color: var(--font-color);
    font-size: 16px;
    letter-spacing: -0.5px;
}

.entry-box input::placeholder,
.entry-box textarea::placeholder {
    color: var(--font-color);
    font-size: 16px;
    letter-spacing: -0.5px;
}

.entry-box input {
    height: 100%;
}

label {
    color: var(--theme-color);
}

.box-info-contact {
    padding-left: 30px;
}

.contactus .box-info-contact {
    padding-left: 30px;
    background: #ffff13;
    min-height: 600px;
    padding-top: 30px;
}

section.driver-client {
    padding-top: 50px;
}

.accordion,
.accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.accordion {
    overflow: hidden;
    /*    border-top: 1px solid #acacac;*/
}

.accordion-section {
    border-bottom: 1px solid #acacac
}

.accordion-section-title {
    width: 100%;
    padding: 15px 5px;
    display: inline-block;
    position: relative;
    background: #ffffff;
    color: #1a1918;
    transition: all linear 0.15s
}

.accordion-section-title:focus {
    color: #1a1918
}

.accordion-section-title .plus,
.accordion-section-title .minus {
    position: absolute;
    right: 0;
    width: 10px
}

.accordion-section-title .plus {
    display: inline-block;
    float: right
}

.accordion-section-title .minus {
    display: none
}

.accordion-section-title.active {
    color: #1a1918
}

.accordion-section-title.active .minus {
    display: inline-block;
    float: right
}

.accordion-section-title.active .plus {
    display: none
}

.accordion-section-title.active,
.accordion-section-title:hover {
    text-decoration: none
}

.accordion-section-content {
    padding: 15px 5px;
    display: none
}

.accordion-section-content p {
    margin-top: 0
}

.accordion-section-content#accordion-3 p {
    margin-bottom: 2px;
    line-height: 1.2
}

.title-block-head h1.title {
    font-size: 210px;
    position: absolute;
    top: -80px;
    opacity: 0.1;
    -webkit-text-stroke-color: rgba(0, 0, 0, .33);
    -webkit-text-stroke-width: 1px;
    color: #fff;
}

.why-choose-main .title-block-head h1.title {
    font-size: 149px;
}

.why-choose-bg {
    padding-top: 160px;
}

@media only screen and (max-width: 991px) {
    .box-info-contact {
        margin-top: 20px;
        padding-left: 0;
    }
}

.box-info-contact ul li:not(:first-of-type) {
    margin-top: 30px;
}

@media only screen and (max-width: 991px) {
    .box-info-contact ul li {
        display: inline-block;
        width: 32.8%;
    }
}

@media only screen and (max-width: 767px) {
    .box-info-contact ul li {
        width: 49%;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 400px) {
    .box-info-contact ul li {
        width: 100%;
    }
}

.box-info-contact ul li .text-p:not(:nth-last-child) {
    margin-bottom: 10px;
}

.box-info-contact ul li a {
    display: block;
    text-decoration: underline;
}

.box-info-contact ul li .social-item:not(:last-of-type) {
    margin-bottom: 10px;
}

.box-info-contact ul li .social-item a {
    text-decoration: none;
}

.comments-form textarea,
.comments-form input {
    width: 100%;
    border: 1px solid var(--border-color);
    padding: 15px;
    color: var(--heading-color);
    background-color: transparent;
    font-size: 16px;
}

.comments-form textarea::-webkit-input-placeholder,
.comments-form input::-webkit-input-placeholder {
    font-size: 16px;
    color: var(--heading-color);
}

.comments-form textarea::-moz-placeholder,
.comments-form input::-moz-placeholder {
    font-size: 16px;
    color: var(--heading-color);
}

.comments-form textarea:-ms-input-placeholder,
.comments-form input:-ms-input-placeholder {
    font-size: 16px;
    color: var(--heading-color);
}

.comments-form textarea::-ms-input-placeholder,
.comments-form input::-ms-input-placeholder {
    font-size: 16px;
    color: var(--heading-color);
}

.comments-form textarea::placeholder,
.comments-form input::placeholder {
    font-size: 16px;
    color: var(--heading-color);
}

.comments-form input[type=submit] {
    padding: 15px 40px;
    border-radius: 30px;
    background: transparent;
    position: relative;
    width: auto;
    font-size: 15px;
    border: 2px solid var(--heading-color);
    color: var(--heading-color);
    padding: 20px 41px;
    cursor: pointer;
    min-height: 48px;
    letter-spacing: 1.2px;
    font-weight: 600;
}

.comments-form .box-textarea {
    grid-column: 1/-1;
}

/*    Map    */
.map-custom {
    position: relative;
    width: 100%;
    height: 70vh;
}

.map-custom .gm-fullscreen-control,
.map-custom .gm-bundled-control,
.map-custom .gm-bundled-control-on-bottom,
.map-custom .gmnoprint,
.map-custom .gm-style-cc {
    display: none !important;
}

/**    Contact Button    */
.contact-btn {
    position: fixed;
    right: 135px !important;
    top: 32px;
    width: 12px;
    height: 12px;
    z-index: 12;
    /*mix-blend-mode: exclusion;*/
    color: #ffff13;
    right: 55px;
}

.cover-bg-img {
    object-fit: cover;
}

.fleet-section .cover-bg-img {
    object-fit: contain;
    animation: none;
}

.fleet-section .box-content a.book-button {
    background: #ffff2d;
    margin-right: 5px;
    padding: 8px 20px;
    border-radius: 60px;
    font-size: 14px;
    font-weight: bold !important;
    margin-top: 10px;
    color: #000;
}

.fleet-section .box-content a.book-button.btn-prize {
    background: #fff;
    margin-right: 5px;
    padding: 6px 20px;
    border-radius: 60px;
    font-size: 14px;
    font-weight: bold !important;
    margin-top: 10px;
    color: #0000d2;
    border: 1px solid;
}

.swiper-button-prev {
    background: rgba(255, 255, 255, 0.9);
    padding: 25px !important;
    border-radius: 60px;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    font-size: 29px;
}

.swiper-button-next {
    background: rgba(255, 255, 255, 0.9);
    padding: 25px !important;
    border-radius: 60px;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    font-size: 29px;
}

.cover-bg-img {
    position: relative;
    left: 0;
    bottom: 0;
    object-position: top;
}

@keyframes MoveUpDown {

    0%,
    100% {
        bottom: 0;
    }

    50% {
        left: 15px;
    }
}

.cover-bg-img1 {
    position: relative;
    left: 0;
    bottom: 0;
}

@keyframes MoveUpDown {

    0%,
    100% {
        bottom: 0;
    }

    50% {
        bottom: 15px;
    }
}

.preloader {
    cursor: none !important;
}

@keyframes enter-animation {
    0% {
        transform: translateY(200px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .image-animation {
        animation: enter-animation 2.8s 1;
    }
}

@media only screen and (min-width: 992px) {
    body.dsn-line-style .contact-btn {
        right: calc(var(--body-style-space) / 2 - 4px);
    }
}

.contact-btn:before {
    content: "";
    position: absolute;
    right: 102px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #ffff13;
    transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.65s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s;
}

.contact-btn .contact-btn-txt {
    position: absolute;
    right: 0;
    top: 0px;
    height: 13px;
    padding-left: 20px;
    font-size: 13px;
    letter-spacing: 5px;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transform-origin: calc(100% - 6px) 50%;
    -ms-transform-origin: calc(100% - 6px) 50%;
    transform-origin: calc(100% - 6px) 50%;
    cursor: pointer;
    -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 99999999999;
}

.contact-modal.background-section {
    background: #0000d2;
}

.contact-btn-txt img {
    height: 20px;
    width: 20px;
    object-fit: contain;
    display: none;
    transition: 0.5s;
    position: fixed !important;
    left: 0px;
}

.dsn-show-contact .contact-btn:before {
    display: none;
}

.dsn-show-contact .contact-btn-txt span {
    font-size: 0px;
}

.dsn-show-contact .contact-btn-txt {
    top: 0px;
}

.dsn-show-contact img {
    display: inline-block;
    transition: 0.5s;
}

.download-app {
    position: fixed;
    top: 50%;
    left: -30px;
    transform: rotate(-90deg);
}

.download-app a {
    text-decoration: underline;
}

.contact-modal {
    position: fixed;
    width: calc(100% - 100px);
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    padding-right: 100px;
    z-index: 11;
    -webkit-transform: translate3d(120%, 0, 0);
    transform: translate3d(120%, 0, 0);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.contact-modal .contact-container {
    position: relative;
    padding-left: 60px;
    overflow: hidden;
    overflow-y: auto;
}

section.fleet-section.full-width.work-no-scale.not-filter.p-relative.dsn-swiper.over-hidden {
    background: #f3f3fb;
}

.contact-us h1 {
    font-size: 55px;
    line-height: 50px;
    text-transform: capitalize;
    margin-top: 10px;
}

/*.contact-us h1, {    border-right: solid 3px #ffff13;      white-space: nowrap;      overflow: hidden;          font-family: 'Source Code Pro', monospace;        color: #fff;      animation: animated-text 6s steps(29,end) 1s 1 normal both,      animated-cursor 600ms steps(29,end) infinite;    }    @keyframes animated-text{      from{width: 0;}      to{width: 100%;}    }    @keyframes animated-cursor{      from{border-right-color: #ffff13;}      to{border-right-color: transparent;}    }*/
.dsn-slider-content .content {
    animation: drop-in 3s ease 200ms backwards;
}

@keyframes drop-in {
    from {
        opacity: 0;
        transform: translateY(-200px);
    }

    to {
        opacity: 1;
        transform: translate(0px);
    }
}

.banner-titles-content {
    animation: fadeInUp 2s ease;
}

@keyframes fadeInUp {
    0% {
        transform: translate(0px, 150px);
        opacity: 0;
    }

    100% {
        transform: translate(0px, 0);
        opacity: 1;
    }
}

.email i.fa.fa-envelope {
    margin-right: 7px;
}

@media only screen and (max-width: 991px) {

    .contact-btn,
    .contact-modal,
    .line-border-style,
    .dsn-paginate-right-page,
    .box-options {
        display: none;
    }
}

body.dsn-show-contact .contact-btn .contact-btn-txt {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

body.dsn-show-contact .contact-modal {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*--------------------------------------------------------------    ## Comments    --------------------------------------------------------------*/
.comments-post {
    position: relative;
    width: 100%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.comments-post .comments-title {
    margin-bottom: 70px;
}

@media only screen and (max-width: 991px) {
    .comments-post .comments-title {
        margin-bottom: 35px;
    }
}

.comments-post .comments-title .subtitle {
    margin-bottom: 0;
}

.comments-post .comments-area {
    position: relative;
}

.comments-post .comments-area .comment-list>li.comment:first-child {
    margin-top: 0;
}

.comments-post .comments-area .comment-list>li.comment:first-child>.comment-body {
    padding-top: 0;
}

.comments-post .comments-area .comment {
    list-style: none;
    margin-top: 20px;
}

.comments-post .comments-area .comment .comment-body {
    position: relative;
    padding-top: 30px;
}

.comments-post .comments-area .comment .comment-body .comment-author {
    position: relative;
    top: 10px;
    left: 0;
    width: 64px;
    height: 64px;
    display: block;
    float: left;
}

@media only screen and (max-width: 575px) {
    .comments-post .comments-area .comment .comment-body .comment-author {
        width: 30px;
        height: 30px;
    }
}

.comments-post .comments-area .comment .comment-body .comment-author img {
    display: block;
    height: auto;
    max-width: 100%;
    border-radius: 50%;
}

.comments-post .comments-area .comment .comment-body .comment-text {
    padding: 0 0 0 90px;
    min-height: 64px;
}

@media only screen and (max-width: 575px) {
    .comments-post .comments-area .comment .comment-body .comment-text {
        padding: 0 0 0 40px;
    }
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-date {
    font-size: 13px;
    color: var(--font-color);
    margin-top: 5px;
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-date:before {
    content: "/";
    display: inline-block;
    margin-right: 5px;
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-info {
    position: relative;
    display: inline-block;
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-info .comment-name {
    float: left;
    margin: 0;
    font-weight: 700;
    font-size: 17px;
}

.comments-post .comments-area .comment .comment-body .comment-text .text-holder p {
    margin: 7px 0 10px;
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link {
    position: relative;
    text-decoration: none;
    -webkit-transition: color 670ms linear 417ms;
    -o-transition: color 670ms linear 417ms;
    transition: color 670ms linear 417ms;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--heading-color);
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 45%;
    left: -0.15em;
    right: -0.15em;
    background: rgba(82, 83, 85, 0.19);
    background-size: 100% 100%;
    -webkit-transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1), 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.98, 0) translateZ(0);
    transform: scale(0.98, 0) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
    background-repeat: repeat-x;
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    left: -0.025em;
    right: -0.075em;
    background: rgba(82, 83, 85, 0.19);
    background-size: 100% 100%;
    -webkit-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
    -o-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
    transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:before {
    -webkit-transform: scale(1, 0.99999999) translateZ(0);
    transform: scale(1, 0.99999999) translateZ(0);
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:after {
    opacity: 0;
    -webkit-transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);
}

.comments-post .comments-area .comment .children {
    margin-left: 90px;
}

@media only screen and (max-width: 575px) {
    .comments-post .comments-area .comment .children {
        margin-left: 40px;
    }
}

@media only screen and (max-width: 400px) {
    .comments-post .comments-area .comment .children {
        margin-left: 20px;
    }
}

.comments-post .comments-form {
    position: relative;
    width: 100%;
    margin-top: var(--margin-padding);
}

/*--------------------------------------------------------------    ## Archives    --------------------------------------------------------------*/
/*--------------------------------------------------------------    ## Footer    --------------------------------------------------------------*/
/* -------------------------------------------------------    Footer    -------------------------------------------------------- */
.footer {
    border-top: 1px solid var(--border-color);
}

.footer .footer-container {
    padding: 30px 0;
}

@media only screen and (max-width: 767px) {
    .footer .footer-container>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer .column-left,
.footer .column-right {
    width: calc(50% - 35px);
}

@media only screen and (max-width: 767px) {

    .footer .column-left,
    .footer .column-right {
        width: 100%;
        text-align: center;
    }
}

.footer .column-left .logo-footer img {
    width: 75px;
}

.footer .column-left .footer-social ul {
    margin: 0;
}

.footer .column-left .footer-social ul li {
    color: var(--heading-color);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    padding-right: 5px;
}

@media only screen and (max-width: 575px) {
    .footer .column-left .footer-social ul li {
        font-size: 13px;
        margin-right: 3px;
        padding-right: 3px;
    }
}

.footer .column-left .footer-social ul li:first-of-type {
    padding-left: 0;
}

.footer .column-left .footer-social ul li a {
    color: var(--heading-color);
    display: inline-block;
    letter-spacing: 2px;
    font-size: 13px;
    font-family: var(--heading-font);
    font-weight: 400;
    position: relative;
}

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

@media only screen and (max-width: 767px) {
    .footer .column-right {
        text-align: center;
        margin-top: 20px;
    }
}

.footer .column-right h5 {
    color: var(--font-color);
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
}

.footer .column-right h5 .love {
    color: #fd4145;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
    font-weight: bold;
}

.footer .column-right h5 .link-hover {
    text-transform: initial;
}

.footer .scroll-top {
    position: relative;
}

@media only screen and (max-width: 767px) {
    .footer .scroll-top {
        position: absolute;
        right: 15px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media only screen and (max-width: 575px) {
    .footer .scroll-top {
        position: relative;
        margin-top: 20px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

.footer .scroll-top .icon-circle {
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    border-radius: 50%;
    display: none;
}

.footer .scroll-top:hover .icon-circle {
    display: inherit;
}

.footer .scroll-top img {
    width: 60px;
}

.v-light .footer .scroll-top img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.footer .scroll-top i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 14px;
    color: var(--heading-color);
    cursor: pointer;
}

.cap {
    position: absolute;
    bottom: 30px;
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#0e0e0e5c), to(#1b1515));
    background-image: -o-linear-gradient(left, #0e0e0e5c 0%, #1b1515 100%);
    background-image: linear-gradient(to right, #0e0e0e5c 0%, #1b1515 100%);
    padding: 4px 15px;
    color: #fff;
    z-index: 10;
}

.cap span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.caption {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    color: #fff;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    margin-top: 15px;
}

.box-seat .pro-text {
    bottom: -120px;
}

ul.footer-links {
    margin-top: 40px;
    display: inline-table;
}

.footer-links li {
    display: inline-block;
    padding-right: 20px;
}

.footer-links li a {
    color: #fff;
    text-decoration: underline;
}

.fleet-section h2 {
    text-align: center;
    padding: 50px 0px;
    padding-top: 0px;
}

.fleet-section .box-content {
    margin-top: 0;
    margin-bottom: 0px;
    padding: 0px 10px;
    /* position: absolute; */
    bottom: 0;
    /*    background: #fff;*/
    width: 94%;
    text-align: center;
}

.about-page .about-section p {
    color: #fff;
}

.story img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 0px;
    margin-top: 50px;
}

.story ul li {
    margin-bottom: 10px;
    color: #333;
}

/*section.fleet-section {    padding-bottom: 100px;    padding-top: 40px;    }*/
.fleet-section h4.sec-title a {
    font-weight: 900 !important;
    font-size: 18px !important;
}

.mb-30.vision {
    margin-bottom: 20px;
}

.about-choose p span {
    background: #0000d2;
    text-align: center;
    color: #fff;
    font-weight: 900;
    font-size: 20px;
    border-radius: 50%;
    padding: 11px 22px;
    float: left;
    margin-right: 10px;
}

section.testimonials-sect.v-light.full-width.section-padding {
    background: #F5F9FC;
}

.testimonials-sect .about-choose h2.section-title {
    text-align: left;
}

.testimonials-sect .swiper-slide {
    width: 100% !important;
}

.about-choose strong {
    color: #333;
}

.about-choose p {
    margin: 10px 0px;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    background: #fff;
    box-shadow: 2px 3px 4px #eee;
    padding: 20px;
}

.testimonials-sect .box-img img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonials-sect .box-padding {
    padding: 35px 0px;
    background: #fff;
    margin-top: 10px;
    box-shadow: 2px 3px 4px #eee;
}

.testimonials-sect h2.section-title {
    text-align: left;
    font-size: 24px;
    margin-bottom: 30px;
}

.testimonials-sect .section-title {
    position: relative;
    font-size: 40px;
    letter-spacing: 2px;
    text-align: center;
}

p.discover {
    background: transparent;
    box-shadow: none;
    border: navajowhite;
}

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

.choose-fleet {
    background-image: url(../images/choose-fleet-bg.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.collg6 {
    /*    background-image: url(../img/driver-left.png) !important;*/
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    align-items: center;
    /*    display: flex;*/
    width: 50%;
}

/*19-1-2024*/
section.marq-section {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 100px;
    margin-top: 0px;
}

.full-marq marquee h2 {
    margin: 0;
    font-size: 70px;
    color: #0000d2;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.full-marq marquee h2 strong {
    font-family: 'Sora', sans-serif;
    margin-bottom: -30px;
}

.full-marq marquee h2 span {
    color: #ffff2d;
    /* -webkit-text-stroke: 0.7px #000; */
    font-weight: 900 !important;
    margin: 0px 15px;
}

.full-marq .slide-marq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*.full-marq {    padding: 60px 0px;    border-bottom: 1px solid black;    border-top: 1px solid #000;    }*/
.marq-section .slide-inner {
    position: relative;
    -webkit-animation: slide-har 80s linear infinite;
    animation: slide-har 80s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.marq-section .slide-inner .slide {
    padding: 0 30px;
}

.marq-section .slide-inner .slide h4 {
    white-space: nowrap;
    margin: 0;
    font-size: 70px;
    color: #fff;
    text-transform: capitalize;
}

.marq-section .slide-inner .slide.slide-stroke h4 {
    color: #ffff2d;
    -webkit-text-stroke: 0.7px #000;
}

.marq-section .slide-inner .slide span.icon {
    font-family: 'Sora', sans-serif;
    margin-bottom: -30px;
}

@-webkit-keyframes slide-har {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

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

@keyframes slide-har {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

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

@-webkit-keyframes slide-har-revers {
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slide-har-revers {
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.service-main {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 100px;
    padding-top: 100px;
}

.service-head h6 {
    padding: 7px 30px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 30px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
}

.service-head h2 {
    position: relative;
    font-size: 40px;
    letter-spacing: 2px;
    margin-top: 20px;
}

.service-head p {
    color: #fff;
}

.service-head .row {
    align-items: center;
}

.service-item-inner {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px;
    border-radius: 5px;
    min-height: 340px;
}

.service-item-inner img {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    object-fit: contain;
}

.service-item-inner h6 {
    margin-bottom: 15px !important;
    font-size: 20px;
}

.service-item-inner p {
    color: #fff;
}

.service-item-inner a {
    padding: 10px 50px 10px 50px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    position: relative;
}

.service-item-inner a i {
    font-family: 'FontAwesome';
    color: #fff;
    font-weight: 300;
}

.service-item-inner a {
    padding: 11px 0px 11px 30px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    position: relative;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    width: 100%;
}

.service-item-inner a span {
    position: absolute;
    top: -2px;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.service-head {
    margin-bottom: 70px;
}

.service-space {
    padding-top: 30px;
}

section.service-main {
    /*    background-image: url(../img/graph-bg.avif);*/
    padding: 100px 0px;
    position: relative;
}

.service-main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000d2;
    opacity: .8;
}

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

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.02);
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 40px;
}

.service-item-inner a:hover {
    background: #fff;
    color: #000;
}

.service-item-inner a:hover i {
    color: #000;
}

.why-choose-main {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    /*    background: #fff;*/
}

.choose-Key-mid {
    border-left: 1px solid #b3acac;
    border-right: 1px solid #b3acac;
}

.why-choose-Key {
    padding: 0 20px;
}

.why-choose-text h2 {
    text-transform: capitalize;
    position: relative;
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.why-choose-text p {
    color: #fff;
}

.why-choose-text h2 span.why-head {
    display: block;
}

.choose-key-main {
    padding: 70px 0px 0px 0px;
}

.why-choose-bg.v-light {
    padding: 80px 30px;
}

.why-choose-text mark {
    background: transparent;
    display: inline-block;
    position: relative;
    color: inherit;
}

.why-choose-text mark span.lqd-highlight-inner {
    bottom: 0;
    background: #ffff13;
    transform: scale(1, 1) !important;
    width: 42%;
    opacity: 1;
    z-index: 0;
    position: absolute;
    display: inline-block;
    transform-origin: left center;
    transition: transform .85s, opacity .85s, height .45s, bottom .45s, color .45s;
    transition-timing-function: cubic-bezier(0.3, 0.8, 0.35, 1);
    height: 0.275em;
}

.why-choose-Key .why-icon span {
    height: 40px;
    width: 40px;
    border: 1px solid #b3acac;
    text-align: center;
    border-radius: 100%;
    padding-top: 8px;
}

.why-choose-bg.v-light>.row {
    align-items: center;
}

.why-choose-Key:hover .why-icon span {
    border: 1px solid #0000d2;
    background: #0000d2;
    color: #fff;
}

.why-choose-Key {
    display: flex;
}

.why-choose-Key .why-content h4 {
    font-size: 18px;
    margin-bottom: 8px;
}

.why-choose-Key .why-icon {
    margin-right: 18px;
    position: relative;
}

.why-choose-text mark span.height-text {
    position: relative;
    z-index: 1;
}

.why-choose-text mark:hover span.lqd-highlight-inner {
    height: 100% !important;
    bottom: 0 !important;
}

section.safety-care {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 100px;
    padding-top: 100px;
    /*    background: #0000d2;*/
    padding-left: 120px;
}

.safety-img img {
    width: 100%;
}

.safety-content h6 {
    padding: 7px 30px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 30px;
    border: 2px solid #0000d2;
    display: inline-block;
    color: #0000d2;
}

video#myVideo {
    object-fit: cover;
    width: 100%;
}

.safety-content h2 {
    position: relative;
    font-size: 40px;
    letter-spacing: 2px;
    margin-top: 20px;
    color: #000;
    margin-bottom: 20px;
    line-height: 42px;
}

.safety-content p {
    color: #000;
}

.contactus h5.title-block.mb-15 {
    margin-bottom: 5px;
}

/*hover-css*/
.why-choose-img .box {
    position: relative;
    display: inline-block;
}

.why-choose-img .box-title {
    -webkit-animation: Animate2 3s infinite alternate ease-in-out;
    animation: Animate2 3s infinite alternate ease-in-out;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    text-shadow: 0 0 80px rgba(0, 0, 0, .4);
    text-transform: uppercase;
}

.why-choose-img .box-title .title {
    font-weight: 700;
    font-size: 60px;
    letter-spacing: 10px;
    color: #fff;
}

.why-choose-img .box-title .sub-title {
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
}

.why-choose-img .border {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 40px;
    top: 40px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .1);
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}

/*hover-css*/
/*19-1-2024*/
/*20-1-2024*/
section.blog-sect {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    padding-bottom: 100px;
}

.blog-head {
    text-align: center;
    margin-bottom: 50px;
}

.blog-head h2 {
    position: relative;
    font-size: 40px;
    letter-spacing: 2px;
    margin-top: 20px;
    color: #000;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.faq-sect .faq-head {
    margin-bottom: 30px;
}

.faq-sect .accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    margin-bottom: 10px;
    padding: 0 20px;
}

.blog-head h5 {
    letter-spacing: 2px;
    font-size: 16px;
    padding: 0 150px;
}

.blog-main {
    display: flex;
    flex-wrap: wrap;
}

.blog-main .blog-col {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    box-sizing: border-box;
}

.blog-main .blog-col:last-child {
    margin-right: 0;
}

.blog-content {
    padding: 20px 15px 20px 15px;
    background: white;
}

.blog-col img {
    height: 300px;
    object-fit: cover;
}

.blog-content a span {
    background-color: #292929;
    color: #fff;
    padding: 5px 7px;
    font-size: 13px;
}

.blog-content h5 {
    margin: 20px 0 12px 0;
    color: #000;
    font-size: 20px;
}

.blog-content p {
    color: #000;
}

section.faq-sect {
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 100px;
    padding-top: 100px;
    background: #fff;
}

.faq-head p span {
    color: #000;
}

.faq-head p img {
    width: 90px;
    object-fit: contain;
}

.faq-head .row {
    align-items: center;
}

.faq-head h2 {
    text-transform: capitalize;
    position: relative;
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    color: #000;
}

.faq-list .accordion {
    cursor: pointer;
    width: 100%;
    transition: 0.4s;
    font-size: 18px;
    margin-bottom: 8px;
    text-align: left;
    border-bottom: 1px solid #dadde1;
    padding: 17px 0;
}

/ .faq-list .active,
.accordion:hover {
    background-color: #ccc;
}

.faq-list .panel {
    background-color: white;
    display: none;
    overflow: hidden;
}

.faq-list .panel p {
    font-size: 18px;
}

.faq-list {
    margin-top: 40px;
}

.accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
}

.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}

.accordion button:hover,
.accordion button:focus {
    cursor: pointer;
    color: #0000d2;
}

.accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
}

.accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
    font-size: 20px;
    color: #333;
}

.faq-inner .accordion button span.accordion-title {
    font-size: 20px;
}

.faq-inner .accordion button span.icon {
    border: none;
    top: 25px;
    right: 20px;
    width: 25px;
    height: 25px;
}

.faq-inner .accordion button span.icon:before {
    width: 15px;
    height: 2px;
    background: #000;
    top: 11px;
    left: 5px;
}

.faq-inner .accordion button span.icon:after {
    top: 5px;
    left: 12px;
    width: 2px;
    height: 15px;
    background: #000;
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}

.accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

.accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.accordion button[aria-expanded='true'] {
    color: #0000d2;
}

.accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}

.accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: max-content;
    transition: all 200ms linear;
    will-change: opacity, max-height;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

section.marq-section.faq-marq.v-light {
    position: relative;
    overflow: hidden;
    padding: 50px 0px 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}

.accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 2em 0;
}

.inner-banner.privacy-bg.about-us {
    height: 100%;
}

/*20-1-2024*/
/*22-1-2024*/
.inner-banner.privacy-bg.about-us {
    background: url('../images/driver-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
    display: flex;
}

.inner-banner.privacy-bg.contact-us {
    background: url('../images/contact-ban.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    background-position: center center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.inner-banner.privacy-bg.about-us.drivers-ban {
    background: url('../images/driveban1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
    display: flex;
}

.inner-banner.privacy-bg.riders-ban {
    background: url('../images/passengers.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
    display: flex;
    background-position: center center;
}

.inner-banner.privacy-bg.riders-ban:before {
    opacity: 0.5;
}

.download-store img {
    width: 170px;
}

.col-md-6.mobile-download {
    text-align: center;
}

.download-store a {
    width: 100%;
    margin-bottom: 20px;
    display: inline;
}

.mobile-download img {
    width: 100%;
}

.inner-banner.register-bg:before {
    background: #0000d2;
}

form input {
    width: 100%;
}

.regis-form input {
    width: 49%;
    height: 38px;
    padding: 0 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 60px;
    color: #999;
    padding: 0px 10px;
}

.regis-form select {
    width: 49%;
    height: 38px;
    border-radius: 60px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    color: #333;
    padding: 0px 10px;
}

form.regis-form {
    background: #ffff13;
    padding: 30px 10px;
    border-radius: 10px;
}

.benifits {
    padding: 80px 0px;
}

.benifits ul {
    display: flex;
    flex-wrap: wrap;
}

.benifits ul li {
    width: 32%;
    background: #edf2fb;
    margin-right: 15px;
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #ccc;
    background-repeat: no-repeat;
    background-position: 12px 9px;
    padding-left: 53px;
    background-size: 30px;
    font-weight: bold;
    line-height: 138%;
    background-image: url(../images/list-check-round-blue.svg);
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    border-radius: 10px;
    min-height: 120px;
}

.benifits ul li:hover {
    background: #ffff13;
    background-image: url(../images/list-check-round-blue.svg);
    background-repeat: no-repeat;
    background-position: 12px 9px;
    background-size: 30px;
}

.eligibility ul li span:hover {
    background: yellow;
}

.benifits h2 {
    margin-bottom: 50px;
    margin-top: 20px;
}

.eligibility ul {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
}

.eligibility ul li {
    width: 48%;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 30px;
    background: #edf2fb;
    margin-left: 10px;
    padding: 20px;
    border-radius: 40px;
    color: #333;
}

.eligibility ul li span.colum3 {
    width: 120px;
}

.eligibility ul li span.colum4 {
    width: 150px;
}

.eligibility ul li span {
    border: 4px solid #0000d2;
    width: 100px;
    height: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    font-size: 60px;
    font-weight: 500 !important;
    color: #0000d2;
    float: left;
    margin-right: 10px;
    background: #fff;
}

.eligibility h2 {
    text-align: center;
    margin-bottom: 50px;
}

.regis-form h6 span {
    font-size: 22px;
    color: #0000d2;
    font-weight: bold !important;
}

select.posses-hire {
    width: 98.6%;
}

.regis-form h6 {
    color: #000;
    padding: 0 20px;
    margin-bottom: 30px;
}

.regis-form input#certify {
    width: 25px;
    vertical-align: middle;
    margin: 3px;
    height: auto;
}

.regis-form p {
    font-size: 14px;
    line-height: 3;
    display: flex;
}

.regis-form h1 {
    margin-bottom: 30px;
}

.col-lg-6.flex-schdule {
    align-items: center;
    display: inline-block;
    padding-top: 7%;
}

.regis-form label {
    display: inline-block;
    line-height: 20px;
    margin-left: 5px;
    margin-top: 15px;
    font-size: 13px;
    color: #000;
}

.regis-form span.dsn-border.border-color-reverse-color {
    border-color: #0000d2;
}

.regis-form a.mt-30.dsn-button.link-custom {
    color: #0000d2;
}

.flex-schdule img {
    margin-top: 20px;
    width: 80%;
}

.inner-banner.register-bg {
    position: relative;
    width: calc(100vw - 0px);
    left: 50%;
    margin-left: -50vw;
    padding: 20px 0px 20px;
    height: 75px;
}

.inner-banner.privacy-bg.about-us.riders-ban {
    padding: 140px 0px 140px;
}

section.innovative-text.full-width.v-light.section-padding {
    padding: 80px 20px;
    text-align: center;
}

.rider-using-sect .service-item-inner {
    min-height: 280px;
    margin-bottom: 30px;
}

/*.rider-using-sect .service-item-inner:hover {    border: 2px solid #ffff13;    }*/
.rider-using-sect .service-item-inner:hover p {
    color: #fff;
}

.value-icons img {
    width: 60px;
    height: auto;
    margin: 0;
    margin-right: 10px;
}

.r-values ul li {
    min-height: 190px;
}

.faq-driver h5 {
    margin-bottom: 40px;
}

section.faq-sect.full-width.v-light.faq-driver {
    background: #f3f3fb;
}
section.faq-sect.full-width.v-light.faq-driver.savoir-plus {
    background: #fff;
}
section.rider-start-journey.full-width.v-light.section-padding.ch-offers{
        background: #f3f3fb;
} 
.main-slider p.max-w570.mb-15.description {
    color: #fff;
}

.faq-driver ul li {
    list-style: disc !important;
    padding: 8px;
}

section.start-journey.full-width.section-padding.download-rd-section {
    padding-bottom: 0;
}

.box-info-contact ul a.link-hover:hover {
    transform: none;
}

.rider-using-sect .service-item-inner p {
    color: #fff;
    font-size: 18px;
    font-weight: bold !important;
}

.inner-banner.privacy-bg.about-us.drivers-ban:before {
    opacity: 0.6;
}

.advantage-sect h2 {
    font-size: 80px;
    text-transform: uppercase;
    line-height: 85px;
    color: #ffff13;
}

.register-sect .service-item-inner ul {
    margin-left: 20px;
}

.register-sect .service-item-inner li {
    list-style: disc;
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
}

.advantage-sect span.brder-text {
    color: #0000ff;
    font-weight: 900 !important;
}

.advantage-sect ul li:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f18e";
    color: #0000d2;
    font-size: 24px;
    margin-right: 10px;
}

.advantage-sect ul li {
    margin-bottom: 10px;
    box-shadow: 1px 4px 29px #eee;
    padding: 10px;
    line-height: 20px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding-left: 10px;
    font-size: 15px;
    color: #000;
}

.journey-column {
    padding: 15px;
}

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

.journey-column .bottom-text {
    margin-top: 10px;
}

.app-journey li:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f18e";
    color: #0000d2;
    font-size: 24px;
    margin-right: 10px;
}

.app-journey li {
    margin-bottom: 10px;
    box-shadow: 1px 4px 29px #eee;
    padding: 10px;
    line-height: 20px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding-left: 10px;
    font-size: 15px;
    color: #000;
}

.rider-start-journey .app-journey li {
    font-size: 16px;
    color: #000;
    border-radius: 0px 20px 20px 0px;
    font-weight: 500;
    border: 1px solid #ccc;
    min-height: 77px;
    width: 46%;
    padding: 0px;
    margin: 7px;
    line-height: 22px;
    padding-right: 20px;
}

/*.active-app span {    background: blue !important;    color: #fff !important;    }*/
.thankyou-inner .main-content img {
    width: 40%;
}

.rider-start-journey .app-journey li:before {
    content: none;
}

.rider-start-journey .app-journey span {
    background: #ffff13;
    width: 80px;
    text-align: center;
    height: 40px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 40px;
    border-radius: 0px 20px 20px 0px;
    margin-right: 10px;
    min-height: 100px;
    font-weight: bold !important;
    font-size: 30px;
    border-right: 1px solid #ccc;
}

.rider-start-journey .app-journey span:hover {
    background: blue;
    color: #fff;
}

.rider-start-journey .app-journey li.active-app:before {
    color: #fff;
}

.rider-start-journey h2 {
    text-align: center;
    margin-bottom: 60px;
}

.start-journey h2 {
    margin: 50px 0px;
    margin-bottom: 20px;
    font-size: 30px;
}

.start-journey .apk-dwnld-text h4.app-sub-head {
    margin-bottom: 8px;
}

.start-journey .app-journey.download-store {
    margin-bottom: 20px;
}

.register-sect .service-item-inner {
    min-height: 393px;
}

.rider-start-journey .app-journey.app-journey-right li {
    margin-left: 0;
    margin-right: 30px;
}

section.content-page {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 100px;
    padding-top: 70px;
    margin-top: 0px;
    background: #fff;
}

.rider-start-journey ul.app-journey {
    display: flex;
    flex-wrap: wrap;
}

section.start-journey.full-width.v-light.section-padding {
    padding-bottom: 0;
}

.content-page-head h2 {
    font-size: 60px;
    color: #000;
}

.content-page-head.terms {
    margin-bottom: 50px;
}

.content-page-head span {
    position: relative;
    font-weight: 500;
    color: #0000d2;
    font-size: 18px;
    margin-bottom: 15px;
}

.bg-header {
    background: #000;
}

.contact-btn.bg-btn {
    top: 25px;
}

.bg-header .menu-icon {
    top: 25px !important;
}

.content-page-head {
    text-align: center;
    margin-bottom: 60px;
}

.content-page h3 {
    text-transform: capitalize;
    font-size: 25px;
    font-weight: 700 !important;
    margin-bottom: 10px;
    color: #000;
}

.content-page h4 {
    color: #000;
    font-weight: 700 !important;
    font-size: 22px;
    margin: 5px 0 5px 0;
    text-transform: capitalize;
}

.content-page ul {
    margin: 20px 0 20px 0;
}

.content-page ul li {
    color: #000;
    margin-bottom: 7px;
}

.content-page p a {
    color: #0000d2;
}

.sidebar-content ul li {
    list-style: decimal;
}

.sidebar-content ul {
    padding-left: 20px;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.content-page p {
    color: #000;
    margin-bottom: 10px;
}

.sidebar-content ul li a {
    text-decoration: underline;
    font-size: 15px;
}

.content-page-head {
    text-align: center;
    margin-bottom: 70px;
}

.back-btn a {
    color: #000;
    font-size: 20px;
}

.back-btn a span i {
    font-size: 25px;
    margin-left: 10px;
}

section.faq-page {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 100px;
    padding-top: 100px;
    margin-top: 0px;
    background: #fff;
}

.home-menu {
    position: absolute;
    top: 22px;
    right: 270px;
}

.home-menu li {
    padding: 0;
    border-radius: 30px;
    display: inline-block;
}

.home-menu ul li a {
    background: #0000d2;
    padding: 5px 20px;
    border-radius: 60px;
    margin-right: 5px;
    color: #ffff13;
}

.faq-inner .accordion {
    border: none;
}

.faq-inner .accordion-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: var(--white-color);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.faq-inner .accordion-item button {
    position: relative;
    cursor: pointer;
    font-weight: 500;
    font-size: 20px;
    overflow: hidden;
    line-height: 30px;
    padding: 20px 25px;
    color: var(--black-color);
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

.faq-inner .accordion button span.accordion-title {
    font-size: 20px;
    padding: 0;
}

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

.faq-heading h2 {
    position: relative;
    font-size: 50px;
    letter-spacing: 2px;
    color: #000;
    text-transform: capitalize;
    line-height: 60px;
    margin-bottom: 20px;
}

.faq-heading p {
    text-transform: capitalize;
    padding: 0 200px;
    color: #000;
}

.faq-inner .accordion .accordion-content p {
    color: rgb(68, 68, 68);
    font-size: 16px;
    margin: 25px 0px 25px 0px;
    position: relative;
    padding: 0px 30px 0px 30px;
}

.ban-heading {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.ban-heading h1 {
    text-align: center !important;
}

.faq-heading h2 span {
    display: block;
    color: #ffff2d;
    -webkit-text-stroke: 0.7px #000;
}

section.privacy-section {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 70px;
    padding-top: 70px;
    margin-top: 0px;
    background: #fff;
}

.auto-container {
    position: static;
    max-width: 1320px;
    padding: 0px 15px;
    margin: 0 auto;
}

.privacy-section h3 {
    font-weight: 700 !important;
    margin-bottom: 10px;
    color: #000;
}

.privacy-section h4 {
    margin-bottom: 10px;
    color: #000;
    font-weight: 700 !important;
    font-size: 20px;
}

.privacy-section .privacy-list {
    position: relative;
    margin-left: 20px;
}

.privacy-section .privacy-list {
    position: relative;
    margin-left: 20px;
}

.privacy-section p {
    margin-bottom: 15px;
    color: #000;
}

.privacy-section .date {
    position: relative;
    font-weight: 500;
    color: #0000d2;
    font-size: 18px;
    margin-bottom: 15px;
}

.privacy-section {
    position: relative;
    padding: 110px 0px 80px;
}

.privacy-section .privacy-content {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e2e2e2;
}

.privacy-section .privacy-list li {
    position: relative;
    font-weight: 400;
    padding-left: 26px;
    line-height: 1.7em;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}

.privacy-section .privacy-list li:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #0000d2;
}

.inner-banner {
    position: relative;
    width: calc(100vw - 0px);
    left: 50%;
    margin-left: -50vw;
    padding: 140px 0px 160px;
    height: 70vh;
}

.inner-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
}

.inner-banner.privacy-bg.about-us:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
}

.inner-banner.privacy-bg.about-us {
    position: relative;
    width: calc(100vw - 0px);
    left: 50%;
    margin-left: -50vw;
    padding: 140px 0px 140px;
    height: 70vh;
}

.inner-banner.privacy-bg.about-us h6 {
    color: #ffff2d;
}

.inner-banner h1 {
    font-size: 55px;
    line-height: 70px;
    text-transform: capitalize;
}

.inner-banner.faq-banner {
    background-position: center;
    background-size: cover;
    padding: 109px 0px;
    background: #0000d2;
    height: 70vh;
}

.inner-banner.faq-banner h1 {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
    text-align: left;
    padding: 0px;
}

.inner-banner.faq-banner p {
    color: #fff;
}

.inner-banner.faq-banner:before {
    display: none;
}

.faq-banner .search-form input {
    background: #fff;
    border: none;
    padding: 17px 30px;
    width: 100%;
    border-radius: 20px;
    box-shadow: 0px 0px 9px #dfdfdf;
}

.faq-banner .search-form {
    margin-top: 30px;
    position: relative;
}

.faq-banner .search-form i.fa.fa-search {
    position: absolute;
    right: 20px;
    top: 18px;
}

.terms-pages .content-page .container {
    max-width: 980px;
}

.privacy-section .container {
    max-width: 980px;
}

.inner-banner marquee h2 {
    margin: 0;
    font-size: 140px;
    color: #ffff13;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-weight: 900 !important;
}

.inner-banner marquee h2 span {
    color: transparent;
    -webkit-text-stroke: 0.5px #fff;
    font-family: "Sora", sans-serif !important;
    margin: 0 40px;
    font-weight: 900 !IMPORTANT;
}

.inner-banner p {
    color: #fff;
    margin: 20px 0;
}

.inner-banner marquee {
    position: absolute;
    bottom: 0;
}

/*22-1-2024*/
.next-page {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 100px;
    padding-top: 100px;
    /* background: #0000d2; */
}

.site-header .extend-container .main-navigation ul.extend-container li a span {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(0px, 0px) !important;
}

section.contactus.v-light.full-width.section-padding {
    padding-bottom: 0;
}

.map-outer {
    margin-top: 80px;
}

.contactus .form-box .form-group {
    width: 48%;
    margin-bottom: 30px;
    margin-left: 10px;
}

.contactus .input__wrap.controls {
    display: flex;
    flex-wrap: wrap;
}

textarea#form_message {
    margin-top: 0;
    padding: 0;
}

.home-btn-dr a {
    color: #ffff13;
}

.button-box.contact-btn-footer {
    position: relative;
    z-index: 999;
}

.home-btn-dr .border-color-reverse-color {
    border-color: #ffff13;
}

.home-btn-dr a {
    margin-left: 10px;
}

.text-left {
    text-align: left;
    width: 100%;
}

/*8-4-2024*/
.privacy-content .term-inner li {
    color: #000;
}

.privacy-content .term-block li {
    color: #000;
}

.privacy-content a {
    color: blue;
}

.privacy-page p {
    margin-bottom: 0px;
}

.privacy-page p span {
    font-weight: 600 !important;
}

.privacy-page h4 {
    margin-bottom: 5px;
    margin-top: 20px;
}

.privacy-page ul li {
    color: #000;
    margin-bottom: 7px;
    list-style: disc;
}

.privacy-page ul {
    padding-left: 20px;
    margin-top: 10px;
}

.privacy-page h3 {
    margin-top: 20px;
}

/*===========media============*/
@media screen and (min-width: 1024px) and (max-width: 1440px) {
    h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        font-size: 42px;
        line-height: 54px;
    }
}

@media(max-width: 1299px) {
    section.safety-care {
        padding-left: 100px;
    }
}

@media(max-width: 1240px) {
    section.safety-care {
        padding-left: 30px;
    }
}

@media(max-width: 1080px) {
    .box-img-tow-col .img-item.mt-80 {
        margin-top: 50px;
    }

    .service-item-inner {
        min-height: 360px;
    }

    .service-item-inner img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }

    .about-section {
        padding: 100px 0px 100px 0px;
    }

    section.safety-care {
        padding-left: 40px;
    }

    .site-header .extend-container .main-navigation ul.extend-container>li {
        font-size: 30px;
    }

    .main-content {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    video#myVideo {
        height: 100%;
    }

    h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 50px;
        font-size: 40px !important;
    }

    h1.title-banner {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .safety-care .col-lg-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer .container {
        padding: 0px;
    }

    .site-header .menu-icon.nav-active span.menu-icon-line.icon-top {
        top: 3px !IMPORTANT;
    }

    .site-header .menu-icon {
        width: auto !important;
        right: 15px !important;
    }

    body.nav-bg .site-header {
        background: #0000d2;
    }

    .inner-banner.privacy-bg.about-us {
        padding: 170px 0px 170px;
    }

    .content-page h4 {
        font-size: 20px;
    }

    .content-page h3 {
        margin-bottom: 20px;
    }

    .inner-banner.terms-bg.guide-step .ban-heading {
        width: 100%;
    }

    .site-header .extend-container .main-navigation .nav-content a.download-app-cta {
        margin-top: 0px;
        padding: 13px 20px;
    }

    section.guide-section {
        padding-left: 20px;
    }
}

@media(max-width: 1024px) {
    .ban-heading {
        width: 80%;
    }

    section.faq-page {
        padding-bottom: 70px;
        padding-top: 90px;
    }

    .inner-banner.privacy-bg.about-us {
        padding: 150px 0px 150px;
    }

    section.faq-sect {
        padding-bottom: 90px;
        padding-top: 80px;
    }
}

@media(max-width: 991px) {
    .safety-care .safety-content {
        margin-bottom: 50px;
    }

    .service-item-inner {
        min-height: auto;
        margin-bottom: 20px;
    }

    section.service-main {
        padding-bottom: 80px;
    }

    section.marq-section {
        padding-top: 80px;
    }

    .full-marq marquee h2 {
        font-size: 60px;
    }

    section.safety-care {
        padding-left: 0px;
    }

    .safety-care .container-fluid {
        max-width: 100%;
        padding-right: 40px;
        padding-left: 40px;
    }

    .site-header ul.extend-container {
        align-items: baseline;
    }

    .sidebar-content {
        margin-top: 20px;
    }

    section.content-page {
        padding-bottom: 70px;
    }

    h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 50px;
        font-size: 35px !important;
    }

    h1.title-banner {
        font-size: 35px !important;
        line-height: 50px !important;
    }
}

@media(max-width: 860px) {
    .about-section {
        padding: 80px 0px 80px 0px;
    }

    .box-img-tow-col {
        padding-bottom: 40px;
    }

    section.service-main {
        padding-bottom: 70px;
        padding-top: 80px;
    }

    .service-head h2 {
        margin-bottom: 20px;
    }

    .service-head {
        margin-bottom: 40px;
    }

    section.marq-section {
        padding-top: 70px;
    }

    .safety-care {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .about-section h2.section-title {
        line-height: 50px;
    }

    .about-section h5.sm-title-block {
        margin-bottom: 15px;
    }

    .next-page {
        padding-bottom: 50px !important;
    }

    .next-page h2 {
        line-height: 50px;
    }

    .inner-banner h1 {
        font-size: 45px;
        line-height: 55px;
    }

    h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 50px !important;
        font-size: 45px !important;
    }

    .main-slider h1.title-banner {
        font-size: 45px !important;
        line-height: 50px !important;
    }
}

@media(max-width: 820px) {
    h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 55px;
        font-size: 45px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .about-section .box-info .mb-30 {
        margin-bottom: 15px;
    }

    .full-marq marquee h2 {
        font-size: 50px;
    }

    .safety-content h2 {
        line-height: 50px;
    }

    section.next-page h2 {
        line-height: 50px;
    }

    .inner-banner.faq-banner h1 {
        font-size: 45px;
        line-height: 60px;
    }

    .ban-heading {
        width: 100%;
    }

    section.story.v-light.full-width {
        padding: 70px 0px 80px;
    }

    .about-section {
        padding: 70px 0px 80px 0px;
    }

    section.faq-sect {
        padding-bottom: 80px;
        padding-top: 60px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1367px) {
    .benifits ul li {
        width: 31.6%;
    }
}

@media screen and (min-width: 860px) and (max-width: 1390px) {
    .inner-banner h1 {
        font-size: 42px;
        line-height: 54px;
    }

    .section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .start-journey h2 {
        line-height: 40px;
    }

    .pre-register h2 {
        line-height: 45px;
    }

    .service-head {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .inner-banner.privacy-bg.about-us {
        height: 90vh;
    }

    .advantage-sect h2 {
        margin-bottom: 30px;
        font-size: 50px;
        line-height: 55px;
    }

    .benifits ul li {
        width: 47%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1115px) {
    .contactus .form-box .form-group {
        width: 47%;
    }
}

@media screen and (min-width: 769px) and (max-width: 1054px) {
    .mobile-download {
        position: relative;
    }

    .mobile-download img {
        position: absolute;
        bottom: 0;
    }

    .register-sect .service-item .row {
        flex-wrap: nowrap;
    }

    .register-sect .service-item-inner {
        min-height: 440px;
    }

    .flex-schdule img {
        display: none;
    }

    form.regis-form {
        margin-top: 30px;
    }

    section.register-page.v-light.full-width.section-padding {
        padding-top: 0;
    }
}

@media(min-width: 1900px) {
    .inner-banner.privacy-bg.about-us {
        height: 100%;
    }

    .inner-banner {
        height: 100%;
    }
}

@media(max-width: 1080px) {
    body.nav-bg .language-translater {
        top: 20px;
    }

    body.nav-bg .contact-btn {
        top: 28px;
    }

    body.nav-bg .menu-icon.d-flex.align-items-baseline {
        top: 28px;
    }
}

@media(max-width: 991px) {
    .menu-icon span.word.dsn-word-wrapper {
        display: none;
    }

    body.nav-bg .menu-icon.d-flex.align-items-baseline {
        top: -6px;
    }
}

@media(max-width: 767px) {
    .register-page .main-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .eligibility ul li span {
        border: none;
        width: auto;
        height: auto;
        background: transparent;
        padding: 10px;
    }

    .register-page h2 {
        font-size: 24px;
    }

    .benifits ul li {
        width: 100%;
        margin-right: 0;
    }

    .eligibility ul li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        padding: 0px 15px;
    }

    .regis-form .clearfix {
        text-align: center;
    }

    .regis-form select {
        width: 100%;
    }

    .regis-form input {
        width: 100%;
    }

    section.register-page.v-light.full-width.section-padding {
        padding-top: 0;
    }

    .flex-schdule img {
        display: none;
    }

    form.regis-form {
        margin-top: 30px;
    }

    .contactus .box-info-contact {
        min-height: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .contactus .form-box .form-group {
        width: 100%;
        margin-left: 0px;
    }

    .register-sect .service-item-inner {
        min-height: 100%;
    }

    .register-sect .service-item .col-lg-4 {
        margin-top: 10px;
    }

    .advantage-sect h2 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 30px;
    }

    .rider-using-sect .service-item-inner {
        min-height: 140px;
    }

    .inner-banner.privacy-bg.about-us {
        height: 100vh;
    }

    .rider-start-journey img {
        width: 340px;
        margin: 0px auto;
        text-align: center;
        margin-top: 40px;
    }

    .rider-start-journey .col-md-4 {
        text-align: center;
    }

    .service-head h2 {
        margin-bottom: 10px !important;
    }

    section.marq-section {
        padding-top: 60px;
    }

    section.safety-care {
        padding-top: 40px;
    }

    .safety-content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    section.next-page h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .next-page .button-box a {
        padding: 13px 20px;
        font-size: 12px;
    }

    .faq-inner .accordion-item button {
        padding: 15px 15px;
    }

    .faq-inner .accordion button span.accordion-title {
        font-size: 18px;
    }

    .faq-inner .accordion button span.icon {
        top: 20px;
    }

    .faq-inner .accordion .accordion-content p {
        margin: 20px 0px 20px 0px;
        padding: 0px 15px 0px 15px;
    }

    .story img {
        height: auto;
    }

    h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 50px !important;
        font-size: 40px !important;
    }

    .main-slider h1.title-banner {
        font-size: 45px !important;
        line-height: 50px !important;
    }

    .main-slider h1.title-banner p.line__2 {
        line-height: normal !important;
    }
}

@media(max-width: 575px) {
    .safety-care .container-fluid {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    section.next-page {
        padding-top: 70px;
    }

    section.next-page {
        padding-bottom: 30px !important;
    }

    .box-img-tow-col .img-item.mt-80 {
        margin-top: 30px;
    }

    .box-img-tow-col {
        padding-bottom: 50px;
    }

    .safety-content h2 {
        line-height: 40px;
        font-size: 30px;
    }

    .site-header .extend-container .main-navigation ul.extend-container>li {
        font-size: 18px;
    }

    .site-header .container-content {
        width: 100%;
    }

    .site-header .container-content {
        width: 100%;
        left: 150px;
    }

    .site-header .menu-icon.nav-active span.menu-icon-line.icon-top {
        top: 1px !important;
    }

    .site-header .menu-icon {
        width: auto !important;
        right: 0;
    }

    section.faq-page {
        padding-bottom: 65px;
        padding-top: 80px;
    }

    .full-marq marquee h2 {
        font-size: 45px;
    }

    section.marq-section.faq-marq.v-light {
        padding: 50px 0px 55px;
    }

    .inner-banner h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .inner-banner.privacy-bg.about-us {
        padding: 130px 0px 130px;
    }

    section.story h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .faq-head h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .accordion .accordion-content p {
        margin: 1em 0;
    }

    section.content-page {
        padding-bottom: 70px;
        padding-top: 60px;
    }

    .inner-banner {
        padding: 120px 0px 100px;
        height: auto;
    }

    .content-page ul {
        margin: 15px 0 20px 0;
    }

    .inner-banner h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
}

@media(max-width: 480px) {
    section.next-page {
        padding-left: 37px;
        padding-right: 20px;
    }

    .dsn-slider-content .content a.dsn-button {
        font-size: 11px;
    }

    .inner-banner.privacy-bg.riders-ban {
        height: 100vh;
    }

    .inner-banner.privacy-bg.contact-us {
        height: 100vh;
    }

    .footer-links li {
        padding-right: 15px;
    }

    .footer-links li a {
        font-size: 14px;
    }

    h1.title.user-no-selection.d-inline-block.text-uppercase.words.chars.splitting {
        line-height: 40px;
        font-size: 35px;
    }

    .box-img-tow-col .img-item.mb-80 {
        margin-bottom: 0px;
    }

    .box-img-tow-col .img-item.mt-80 {
        margin-top: 20px;
    }

    .about-section h2.section-title {
        line-height: 40px;
    }

    .service-head h2 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .service-item-inner img {
        width: 70px;
        height: 70px;
        margin-bottom: 0px;
    }

    .service-item-inner h6 {
        margin-bottom: 5px !important;
        font-size: 20px;
    }

    section.marq-section {
        padding-top: 60px;
    }

    .full-marq marquee h2 {
        font-size: 40px;
    }

    ul.footer-links {
        margin-top: 30px;
        display: inline-table;
    }

    section.service-main {
        padding-bottom: 60px;
        padding-top: 70px;
    }

    .site-header .extend-container .main-navigation ul.extend-container>li {
        font-size: 20px;
    }

    .site-header ul.extend-container {
        align-items: baseline;
    }

    .site-header .container-content {
        width: 60%;
        left: auto;
        right: 0px;
    }

    .site-header .container-content .nav-content:not(:first-of-type) {
        margin-top: 20px;
    }

    .site-header .container-content .nav-social.nav-content {
        padding-right: 50px;
    }

    .site-header .container-content p {
        font-size: 15px;
    }

    .inner-banner.faq-banner h1 {
        font-size: 35px;
        line-height: 45px;
    }

    section.faq-page {
        padding-bottom: 60px;
        padding-top: 70px;
    }

    .faq-inner .accordion button span.icon {
        right: 10px;
    }

    .inner-banner h1 {
        font-size: 28px;
        line-height: 35px;
    }

    section.story h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .about-section h2.section-title {
        font-size: 30px;
    }

    .faq-head h2 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 40px;
    }

    .inner-banner.privacy-bg.about-us {
        padding: 130px 0px 90px;
    }

    .accordion button .accordion-title {
        font-size: 18px;
    }

    .footer .scroll-top img {
        width: 40px;
    }

    section.story.v-light.full-width {
        padding: 60px 0px 70px;
    }

    .story img {
        height: auto;
        margin-top: 20px;
    }

    .content-page h3 {
        font-size: 22px;
    }

    section.privacy-section {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .advantage-sect h2 {
        font-size: 35px !important;
        line-height: 45px !important;
    }

    .site-header .extend-container .main-navigation ul.extend-container>li {
        font-size: 14px;
    }

    html body .main-slider h1.title-banner {
        width: 100% !important;
        margin: 0 auto;
    }

    .banner-titles-content .dsn-button {
        padding: 14px 25px;
        font-size: 11px;
    }

    .clearfix .dsn-button.link-custom {
        padding: 15px 25px !important;
        font-size: 11px !important;
    }

    .eligibility h2 {
        text-align: left !important;
    }

    .footer-container.register-footer {
        padding: 0px 0px;
    }

    section.next-page {
        padding-bottom: 30px !important;
        padding-left: 22px !important;
        padding-right: 20px !important;
    }

    section.next-page h2 {
        font-size: 20px !important;
        line-height: 30px;
    }

    a.mt-30.dsn-button.link-custom.download-app-cta {
        margin-top: 0;
        padding: 13px;
        font-size: 11px;
    }

    .site-header .extend-container .main-navigation .nav-content a.download-app-cta {
        margin-top: 0px;
        padding: 10px 20px;
        font-size: 10px;
    }

    .footer .column-left .footer-social ul li a.dsn-button.link-custom {
        padding: 12px 20px;
        margin-top: 20px;
    }

    .left-arrow:after {
        left: -5px !important;
        right: auto;
        padding: 8px 8px !important;
    }

    .right-arrow:after {
        left: -5px !important;
        right: auto;
        padding: 8px 8px !important;
    }
}

@media(max-width: 430px) {
    .faq-inner .accordion-item button {
        padding: 10px 10px;
    }

    .faq-inner .accordion-item {
        margin-bottom: 15px;
    }

    .faq-page {
        padding-bottom: 55px;
    }
}

section.register-page.v-light.full-width.section-padding {
    padding: 60px 0px;
}

.register-page form input {
    width: auto;
}

#home-contact-form label {
    width: 100%;
    display: block;
}

/*===========media============*/
/*------Pre Register----------*/
<<<<<<< HEAD=======>>>>>>>ce5bc5a5af895a795260a8847e69027e506821dd #_form_1_ {
    font-size: 14px;
    line-height: 1.6;
    font-family: arial, helvetica, sans-serif;
    margin: 0;
}

#_form_1_ * {
    outline: 0;
}

._form_hide {
    display: none;
    visibility: hidden;
}

._form_show {
    display: block;
    visibility: visible;
}

#_form_1_._form-top {
    top: 0;
}

#_form_1_._form-bottom {
    bottom: 0;
}

#_form_1_._form-left {
    left: 0;
}

#_form_1_._form-right {
    right: 0;
}

#_form_1_ input[type="text"],
#_form_1_ input[type="tel"],
#_form_1_ input[type="date"],
#_form_1_ textarea {
    padding: 6px;
    height: auto;
    border: #979797 1px solid;
    border-radius: 4px;
    color: #000000 !important;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#_form_1_ textarea {
    resize: none;
}

#_form_1_ ._submit {
    -webkit-appearance: none;
    cursor: pointer;
    font-family: arial, sans-serif;
    font-size: 14px;
    text-align: center;
    background: #004cff !important;
    border: 0 !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 10px !important;
}

#_form_1_ ._submit:disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

#_form_1_ ._submit.processing {
    position: relative;
}

#_form_1_ ._submit.processing::before {
    content: "";
    width: 1em;
    height: 1em;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    border: double 3px transparent;
    border-radius: 50%;
    background-image: linear-gradient(#004cff, #004cff), conic-gradient(#004cff, #ffffff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    animation: 1200ms ease 0s infinite normal none running _spin;
}

#_form_1_ ._submit.processing::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #004cff !important;
    border: 0 !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 10px !important;
}

@keyframes _spin {
    0% {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(450deg);
    }
}

#_form_1_ ._close-icon {
    cursor: pointer;
    background-image: url("https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png");
    background-repeat: no-repeat;
    background-size: 14.2px 14.2px;
    position: absolute;
    display: block;
    top: 11px;
    right: 9px;
    overflow: hidden;
    width: 16.2px;
    height: 16.2px;
}

#_form_1_ ._close-icon:before {
    position: relative;
}

#_form_1_ ._form-body {
    margin-bottom: 30px;
}

#_form_1_ ._form-image-left {
    width: 150px;
    float: left;
}

#_form_1_ ._form-content-right {
    margin-left: 164px;
}

#_form_1_ ._form-branding {
    color: #fff;
    font-size: 10px;
    clear: both;
    text-align: left;
    margin-top: 30px;
    font-weight: 100;
}

#_form_1_ ._form-branding ._logo {
    display: block;
    width: 130px;
    height: 14px;
    margin-top: 6px;
    background-image: url("https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png");
    background-size: 130px auto;
    background-repeat: no-repeat;
}

#_form_1_ .form-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

#_form_1_ ._form-label,
#_form_1_ ._form_element ._form-label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

#_form_1_._dark ._form-branding {
    color: #333;
}

#_form_1_._dark ._form-branding ._logo {
    background-image: url("https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png");
}

#_form_1_ ._form_element {
    position: relative;
    margin-bottom: 10px;
    font-size: 0;
    max-width: 100%;
}

#_form_1_ ._form_element * {
    font-size: 14px;
}

#_form_1_ ._form_element._clear {
    clear: both;
    width: 100%;
    float: none;
}

#_form_1_ ._form_element._clear:after {
    clear: left;
}

#_form_1_ ._form_element input[type="text"],
#_form_1_ ._form_element input[type="date"],
#_form_1_ ._form_element select,
#_form_1_ ._form_element textarea:not(.g-recaptcha-response) {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
}

#_form_1_ ._field-wrapper {
    position: relative;
}

#_form_1_ ._inline-style {
    float: left;
}

#_form_1_ ._inline-style input[type="text"] {
    width: 150px;
}

#_form_1_ ._inline-style:not(._clear)+._inline-style:not(._clear) {
    margin-left: 20px;
}

#_form_1_ ._form_element img._form-image {
    max-width: 100%;
}

#_form_1_ ._form_element ._form-fieldset {
    border: 0;
    padding: 0.01em 0 0 0;
    margin: 0;
    min-width: 0;
}

#_form_1_ ._clear-element {
    clear: left;
}

#_form_1_ ._full_width {
    width: 100%;
}

#_form_1_ ._form_full_field {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

#_form_1_ input[type="text"]._has_error,
#_form_1_ textarea._has_error {
    border: #f37c7b 1px solid;
}

#_form_1_ input[type="checkbox"]._has_error {
    outline: #f37c7b 1px solid;
}

#_form_1_ ._error {
    display: block;
    position: absolute;
    font-size: 14px;
    z-index: 10000001;
}

#_form_1_ ._error._above {
    padding-bottom: 4px;
    bottom: 39px;
    right: 0;
}

#_form_1_ ._error._below {
    padding-top: 8px;
    top: 100%;
    right: 0;
}

#_form_1_ ._error._above ._error-arrow {
    bottom: -4px;
    right: 15px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ffdddd;
}

#_form_1_ ._error._below ._error-arrow {
    top: 0;
    right: 15px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffdddd;
}

#_form_1_ ._error-inner {
    padding: 12px 12px 12px 36px;
    background-color: #ffdddd;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM9 3V9H7V3H9ZM9 13V11H7V13H9Z' fill='%23CA0000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 12px center;
    font-size: 14px;
    font-family: arial, sans-serif;
    font-weight: 600;
    line-height: 16px;
    color: #000;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 1px 4px rgba(31, 33, 41, 0.298295);
}

#_form_1_ ._error-inner._form_error {
    margin-bottom: 5px;
    text-align: left;
}

#_form_1_ ._button-wrapper ._error-inner._form_error {
    position: static;
}

#_form_1_ ._error-inner._no_arrow {
    margin-bottom: 10px;
}

#_form_1_ ._error-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

#_form_1_ ._error-html {
    margin-bottom: 10px;
}

.pika-single {
    z-index: 10000001 !important;
}

#_form_1_ input[type="text"].datetime_date {
    width: 69%;
    display: inline;
}

#_form_1_ select.datetime_time {
    width: 29%;
    display: inline;
    height: 32px;
}

#_form_1_ input[type="date"].datetime_date {
    width: 69%;
    display: inline-flex;
}

#_form_1_ input[type="time"].datetime_time {
    width: 29%;
    display: inline-flex;
}

@media (min-width: 320px) and (max-width: 667px) {
    ::-webkit-scrollbar {
        display: none;
    }

    #_form_1_ {
        margin: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    #_form_1_ * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1em;
    }

    #_form_1_ ._form-content {
        margin: 0;
        width: 100%;
    }

    #_form_1_ ._form-inner {
        display: block;
        min-width: 100%;
    }

    #_form_1_ ._form-title,
    #_form_1_ ._inline-style {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    #_form_1_ ._form-title {
        font-size: 1.2em;
    }

    #_form_1_ ._form_element {
        margin: 0 0 20px;
        padding: 0;
        width: 100%;
    }

    #_form_1_ ._form-element,
    #_form_1_ ._inline-style,
    #_form_1_ input[type="text"],
    #_form_1_ label,
    #_form_1_ p,
    #_form_1_ textarea:not(.g-recaptcha-response) {
        float: none;
        display: block;
        width: 100%;
    }

    #_form_1_ ._row._checkbox-radio label {
        display: inline;
    }

    #_form_1_ ._row,
    #_form_1_ p,
    #_form_1_ label {
        margin-bottom: 0.7em;
        width: 100%;
    }

    #_form_1_ ._row input[type="checkbox"],
    #_form_1_ ._row input[type="radio"] {
        margin: 0 !important;
        vertical-align: middle !important;
    }

    #_form_1_ ._row input[type="checkbox"]+span label {
        display: inline;
    }

    #_form_1_ ._row span label {
        margin: 0 !important;
        width: initial !important;
        vertical-align: middle !important;
    }

    #_form_1_ ._form-image {
        max-width: 100%;
        height: auto !important;
    }

    #_form_1_ input[type="text"] {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
        line-height: 1.3em;
        -webkit-appearance: none;
    }

    #_form_1_ input[type="radio"],
    #_form_1_ input[type="checkbox"] {
        display: inline-block;
        width: 1.3em;
        height: 1.3em;
        font-size: 1em;
        margin: 0 0.3em 0 0;
        vertical-align: baseline;
    }

    #_form_1_ button[type="submit"] {
        padding: 20px;
        font-size: 1.5em;
    }

    #_form_1_ ._inline-style {
        margin: 20px 0 0 !important;
    }
}

#_form_1_ {
    position: relative;
    text-align: left;
    margin: 25px auto 0;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    background: #ffff13 !important;
    border: 0px solid #b0b0b0 !important;
    max-width: 500px;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    color: #000000;
}

#_form_1_._inline-form,
#_form_1_._inline-form ._form-content {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
}

#_form_1_._inline-form ._row span,
#_form_1_._inline-form ._row label {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em;
    color: black !important;
}

#_form_1__inlineform input[type="text"],
#_form_1__inlineform input[type="date"],
#_form_1__inlineform input[type="tel"],
#_form_1__inlineform select,
#_form_1__inlineform textarea:not(.g-recaptcha-response) {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
    font-color: #000000;
    line-height: 1.6em;
}

#_form_1_._inline-form ._html-code *,
#_form_1_._inline-form ._form-thank-you {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
    color: black !important;
}

#_form_1_._inline-form ._form-label {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6em;
    color: black !important;
}

#_form_1_._inline-form ._submit {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
}

#_form_1_._inline-form ._form-title {
    font-family: Manrope;
    font-size: 22px;
    line-height: normal;
    font-weight: 400;
    color: #0000d2;
    margin-bottom: 0;
}

#_form_1_._inline-form ._form-branding {
    font-family: "IBM Plex Sans", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 100;
    font-style: normal;
    text-decoration: none;
}

#_form_1_:before,
#_form_1_:after {
    content: " ";
    display: table;
}

#_form_1_:after {
    clear: both;
}

#_form_1_._inline-style {
    width: auto;
    display: inline-block;
}

#_form_1_._inline-style input[type="text"],
#_form_1_._inline-style input[type="date"] {
    padding: 10px 12px;
}

#_form_1_._inline-style button._inline-style {
    position: relative;
    top: 27px;
}

#_form_1_._inline-style p {
    margin: 0;
}

#_form_1_._inline-style ._button-wrapper {
    position: relative;
    margin: 27px 12.5px 0 20px;
}

#_form_1_ ._form-thank-you {
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
}

@media (min-width: 320px) and (max-width: 667px) {
    #_form_1_._inline-form._inline-style ._inline-style._button-wrapper {
        margin-top: 20px !important;
        margin-left: 0 !important;
    }
}

#_form_1_ .iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

#_form_1_ .iti input {
    width: 100%;
    height: 32px;
    border: #979797 1px solid;
    border-radius: 4px;
}

#_form_1_ .iti--separate-dial-code .iti__selected-flag {
    background-color: #ffffff;
    border-radius: 4px;
}

#_form_1_ .iti--separate-dial-code .iti__selected-flag:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

#_form_1_ .iti__country-list {
    border-radius: 4px;
    margin-top: 4px;
    min-width: 460px;
}

#_form_1_ .iti__country-list--dropup {
    margin-bottom: 4px;
}

#_form_1_ .phone-error-hidden {
    display: none;
}

#_form_1_ .phone-error {
    color: #e40e49;
}

#_form_1_ .phone-input-error {
    border: 1px solid #e40e49 !important;
}

/*------------pre register french----------*/
<<<<<<< HEAD=======>>>>>>>ce5bc5a5af895a795260a8847e69027e506821dd #_form_3_ {
    font-size: 14px;
    line-height: 1.6;
    font-family: arial, helvetica, sans-serif;
    margin: 0;
}

#_form_3_ * {
    outline: 0;
}

._form_hide {
    display: none;
    visibility: hidden;
}

._form_show {
    display: block;
    visibility: visible;
}

#_form_3_._form-top {
    top: 0;
}

#_form_3_._form-bottom {
    bottom: 0;
}

#_form_3_._form-left {
    left: 0;
}

#_form_3_._form-right {
    right: 0;
}

#_form_3_ input[type="text"],
#_form_3_ input[type="tel"],
#_form_3_ input[type="date"],
#_form_3_ textarea {
    padding: 6px;
    height: auto;
    border: #979797 1px solid;
    border-radius: 4px;
    color: #000000 !important;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#_form_3_ textarea {
    resize: none;
}

#_form_3_ ._submit {
    -webkit-appearance: none;
    cursor: pointer;
    font-family: arial, sans-serif;
    font-size: 14px;
    text-align: center;
    background: #004cff !important;
    border: 0 !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 10px !important;
}

#_form_3_ ._submit:disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

#_form_3_ ._submit.processing {
    position: relative;
}

#_form_3_ ._submit.processing::before {
    content: "";
    width: 1em;
    height: 1em;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    border: double 3px transparent;
    border-radius: 50%;
    background-image: linear-gradient(#004cff, #004cff), conic-gradient(#004cff, #ffffff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    animation: 1200ms ease 0s infinite normal none running _spin;
}

#_form_3_ ._submit.processing::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #004cff !important;
    border: 0 !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 10px !important;
}

@keyframes _spin {
    0% {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(450deg);
    }
}

#_form_3_ ._close-icon {
    cursor: pointer;
    background-image: url("https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png");
    background-repeat: no-repeat;
    background-size: 14.2px 14.2px;
    position: absolute;
    display: block;
    top: 11px;
    right: 9px;
    overflow: hidden;
    width: 16.2px;
    height: 16.2px;
}

#_form_3_ ._close-icon:before {
    position: relative;
}

#_form_3_ ._form-body {
    margin-bottom: 30px;
}

#_form_3_ ._form-image-left {
    width: 150px;
    float: left;
}

#_form_3_ ._form-content-right {
    margin-left: 164px;
}

#_form_3_ ._form-branding {
    color: #fff;
    font-size: 10px;
    clear: both;
    text-align: left;
    margin-top: 30px;
    font-weight: 100;
}

#_form_3_ ._form-branding ._logo {
    display: block;
    width: 130px;
    height: 14px;
    margin-top: 6px;
    background-image: url("https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png");
    background-size: 130px auto;
    background-repeat: no-repeat;
}

#_form_3_ .form-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

#_form_3_ ._form-label,
#_form_3_ ._form_element ._form-label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

#_form_3_._dark ._form-branding {
    color: #333;
}

#_form_3_._dark ._form-branding ._logo {
    background-image: url("https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png");
}

#_form_3_ ._form_element {
    position: relative;
    margin-bottom: 10px;
    font-size: 0;
    max-width: 100%;
}

#_form_3_ ._form_element * {
    font-size: 14px;
}

#_form_3_ ._form_element._clear {
    clear: both;
    width: 100%;
    float: none;
}

#_form_3_ ._form_element._clear:after {
    clear: left;
}

#_form_3_ ._form_element input[type="text"],
#_form_3_ ._form_element input[type="date"],
#_form_3_ ._form_element select,
#_form_3_ ._form_element textarea:not(.g-recaptcha-response) {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
}

#_form_3_ ._field-wrapper {
    position: relative;
}

#_form_3_ ._inline-style {
    float: left;
}

#_form_3_ ._inline-style input[type="text"] {
    width: 150px;
}

#_form_3_ ._inline-style:not(._clear)+._inline-style:not(._clear) {
    margin-left: 20px;
}

#_form_3_ ._form_element img._form-image {
    max-width: 100%;
}

#_form_3_ ._form_element ._form-fieldset {
    border: 0;
    padding: 0.01em 0 0 0;
    margin: 0;
    min-width: 0;
}

#_form_3_ ._clear-element {
    clear: left;
}

#_form_3_ ._full_width {
    width: 100%;
}

#_form_3_ ._form_full_field {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

#_form_3_ input[type="text"]._has_error,
#_form_3_ textarea._has_error {
    border: #f37c7b 1px solid;
}

#_form_3_ input[type="checkbox"]._has_error {
    outline: #f37c7b 1px solid;
}

#_form_3_ ._error {
    display: block;
    position: absolute;
    font-size: 14px;
    z-index: 10000001;
}

#_form_3_ ._error._above {
    padding-bottom: 4px;
    bottom: 39px;
    right: 0;
}

#_form_3_ ._error._below {
    padding-top: 8px;
    top: 100%;
    right: 0;
}

#_form_3_ ._error._above ._error-arrow {
    bottom: -4px;
    right: 15px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ffdddd;
}

#_form_3_ ._error._below ._error-arrow {
    top: 0;
    right: 15px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffdddd;
}

#_form_3_ ._error-inner {
    padding: 12px 12px 12px 36px;
    background-color: #ffdddd;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM9 3V9H7V3H9ZM9 13V11H7V13H9Z' fill='%23CA0000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 12px center;
    font-size: 14px;
    font-family: arial, sans-serif;
    font-weight: 600;
    line-height: 16px;
    color: #000;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 1px 4px rgba(31, 33, 41, 0.298295);
}

#_form_3_ ._error-inner._form_error {
    margin-bottom: 5px;
    text-align: left;
}

#_form_3_ ._button-wrapper ._error-inner._form_error {
    position: static;
}

#_form_3_ ._error-inner._no_arrow {
    margin-bottom: 10px;
}

#_form_3_ ._error-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

#_form_3_ ._error-html {
    margin-bottom: 10px;
}

.pika-single {
    z-index: 10000001 !important;
}

#_form_3_ input[type="text"].datetime_date {
    width: 69%;
    display: inline;
}

#_form_3_ select.datetime_time {
    width: 29%;
    display: inline;
    height: 32px;
}

#_form_3_ input[type="date"].datetime_date {
    width: 69%;
    display: inline-flex;
}

#_form_3_ input[type="time"].datetime_time {
    width: 29%;
    display: inline-flex;
}

@media (min-width: 320px) and (max-width: 667px) {
    ::-webkit-scrollbar {
        display: none;
    }

    #_form_3_ {
        margin: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    #_form_3_ * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1em;
    }

    #_form_3_ ._form-content {
        margin: 0;
        width: 100%;
    }

    #_form_3_ ._form-inner {
        display: block;
        min-width: 100%;
    }

    #_form_3_ ._form-title,
    #_form_3_ ._inline-style {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    #_form_3_ ._form-title {
        font-size: 1.2em;
    }

    #_form_3_ ._form_element {
        margin: 0 0 20px;
        padding: 0;
        width: 100%;
    }

    #_form_3_ ._form-element,
    #_form_3_ ._inline-style,
    #_form_3_ input[type="text"],
    #_form_3_ label,
    #_form_3_ p,
    #_form_3_ textarea:not(.g-recaptcha-response) {
        float: none;
        display: block;
        width: 100%;
    }

    #_form_3_ ._row._checkbox-radio label {
        display: inline;
    }

    #_form_3_ ._row,
    #_form_3_ p,
    #_form_3_ label {
        margin-bottom: 0.7em;
        width: 100%;
    }

    #_form_3_ ._row input[type="checkbox"],
    #_form_3_ ._row input[type="radio"] {
        margin: 0 !important;
        vertical-align: middle !important;
    }

    #_form_3_ ._row input[type="checkbox"]+span label {
        display: inline;
    }

    #_form_3_ ._row span label {
        margin: 0 !important;
        width: initial !important;
        vertical-align: middle !important;
    }

    #_form_3_ ._form-image {
        max-width: 100%;
        height: auto !important;
    }

    #_form_3_ input[type="text"] {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
        line-height: 1.3em;
        -webkit-appearance: none;
    }

    #_form_3_ input[type="radio"],
    #_form_3_ input[type="checkbox"] {
        display: inline-block;
        width: 1.3em;
        height: 1.3em;
        font-size: 1em;
        margin: 0 0.3em 0 0;
        vertical-align: baseline;
    }

    #_form_3_ button[type="submit"] {
        padding: 20px;
        font-size: 1.5em;
    }

    #_form_3_ ._inline-style {
        margin: 20px 0 0 !important;
    }
}

#_form_3_ {
    position: relative;
    text-align: left;
    margin: 25px auto 0;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    background: #ffff13 !important;
    border: 0px solid #b0b0b0 !important;
    max-width: 500px;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    color: #000000;
}

#_form_3_._inline-form,
#_form_3_._inline-form ._form-content {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
}

#_form_3_._inline-form ._row span,
#_form_3_._inline-form ._row label {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em;
    color: black !important;
}

#_form_3__inlineform input[type="text"],
#_form_3__inlineform input[type="date"],
#_form_3__inlineform input[type="tel"],
#_form_3__inlineform select,
#_form_3__inlineform textarea:not(.g-recaptcha-response) {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
    font-color: #000000;
    line-height: 1.6em;
}

#_form_3_._inline-form ._html-code *,
#_form_3_._inline-form ._form-thank-you {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
    color: black !important;
}

#_form_3_._inline-form ._form-label {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6em;
    color: black !important;
}

#_form_3_._inline-form ._submit {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 400;
}

#_form_3_._inline-form ._form-title {
    font-family: Manrope;
    font-size: 22px;
    line-height: normal;
    font-weight: 400;
    color: #0000d2;
    margin-bottom: 0;
}

#_form_3_._inline-form ._form-branding {
    font-family: "IBM Plex Sans", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 100;
    font-style: normal;
    text-decoration: none;
}

#_form_3_:before,
#_form_3_:after {
    content: " ";
    display: table;
}

#_form_3_:after {
    clear: both;
}

#_form_3_._inline-style {
    width: auto;
    display: inline-block;
}

#_form_3_._inline-style input[type="text"],
#_form_3_._inline-style input[type="date"] {
    padding: 10px 12px;
}

#_form_3_._inline-style button._inline-style {
    position: relative;
    top: 27px;
}

#_form_3_._inline-style p {
    margin: 0;
}

#_form_3_._inline-style ._button-wrapper {
    position: relative;
    margin: 27px 12.5px 0 20px;
}

#_form_3_ ._form-thank-you {
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
}

@media (min-width: 320px) and (max-width: 667px) {
    #_form_3_._inline-form._inline-style ._inline-style._button-wrapper {
        margin-top: 20px !important;
        margin-left: 0 !important;
    }
}

#_form_3_ .iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

#_form_3_ .iti input {
    width: 100%;
    height: 32px;
    border: #979797 1px solid;
    border-radius: 4px;
}

#_form_3_ .iti--separate-dial-code .iti__selected-flag {
    background-color: #ffffff;
    border-radius: 4px;
}

#_form_3_ .iti--separate-dial-code .iti__selected-flag:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

#_form_3_ .iti__country-list {
    border-radius: 4px;
    margin-top: 4px;
    min-width: 460px;
}

#_form_3_ .iti__country-list--dropup {
    margin-bottom: 4px;
}

#_form_3_ .phone-error-hidden {
    display: none;
}

#_form_3_ .phone-error {
    color: #e40e49;
}

#_form_3_ .phone-input-error {
    border: 1px solid #e40e49 !important;
}

/* ------------ pricing css start here --------------- */
.pricing-plan-main .pricing-table .head {
    background: #ffff13;
    border-radius: 10px;
}

.pricing-plan-main h1 {
    text-align: center;
    color: #000;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 25px;
}

.pricing-plan-main h3.highlight {
    color: #0009;
    font-size: 20px !important;
    text-align: center;
}

.pricing-table-main .pricing-table .content {
    min-height: 460px;
}

.pricing-table-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    padding: 50px 20px;
}

.pricing-plan-main {
    background: #0000d2;
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 70px;
    padding-top: 70px;
    margin-top: 0px;
    background: #fff;
}

.pricing-table {
    text-align: center;
    border-radius: 0px 35px 0px;
    position: relative;
    background-color: #0000d2;
    border: 5px solid #ffff13;
}

.pricing-table:hover {
    text-align: center;
    border-radius: 0px 35px 0px;
    position: relative;
    background-color: #ffff13;
    border: 5px solid blue;
}

.price h2 {
    font-size: 25px;
    font-weight: 600;
}

.pricing-table .head .title {
    /* margin-bottom: 20px; */
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0px;
}

.pricing-table .content .price {
    background: #f5f5f5;
    line-height: 90px;
}

.pricing-table .content .price h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

.pricing-table .content ul {
    list-style-type: none;
    padding: 13px;
    text-align: left;
}

.pricing-table .content ul li {
    margin: 20px 0px;
    font-size: 15px;
    border-bottom: 2px dotted #ffff13;
    padding-bottom: 20px;
    color: #fff;
    display: flex;
}

.pricing-table ul li:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f18e";
    color: #ffff13;
    font-size: 24px;
    margin-right: 10px;
}

.pricing-table:hover ul li:before {
    color: #00f;
}

.pricing-table:hover .content ul li {
    border-bottom: 2px dotted #00f;
}

.pricing-table:hover .content ul li {
    color: #000;
}

.pricing-table .content ul li:last-child {
    border-bottom: none;
}

.pricing-table .btn.round {
    font-size: 20px;
    text-decoration: none;
    background: blue;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 700;
    margin-bottom: 40px;
    position: relative;
    line-height: 16px;
    text-transform: uppercase;
}

.pricing-table:hover .btn.round {
    background: #00f;
    color: #ffff13;
}

/* .pricing-table .btn.round:after {      background: #fff none repeat scroll 0 0;      border-radius: 50px;      content: "";      height: 100%;      left: 0;      position: absolute;      top: 0;      -webkit-transition: all 0.4s linear;      -moz-transition: all 0.4s linear;      transition: all 0.4 linear;      width: 100%;      z-index: -1;      -webkit-transform:scale(1);      -moz-transform:scale(1);      transform:scale(1);    } */
.pricing-table:hover .content i.fa-circle-check {
    color: #0000d2;
}

.pricing-table .content i.fa-circle-check {
    color: #ffff13;
    padding-right: 6px;
}

.inner-banner.terms-bg.pricing-term {
    background: url(../images/young-uber-driver-car-interior_23-2149149653.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    background-position: center center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.pricing-plan-main h4 {
    color: #000;
    text-align: center !important;
}

/* -------------- pricing css end here ------------ */
/* ------------ guide css start here ------------- */
section.guide-section {
    position: relative;
    width: calc(100vw - 10px);
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 0px;
    padding-bottom: 70px;
    padding-top: 70px;
    margin-top: 0px;
    background: #fff;
    color: #333;
}

.guide-section h3 {
    font-weight: 700 !important;
    margin-bottom: 10px;
    color: #000;
}

.licence-guider img {
    width: 50%;
    margin: 20px 0px;
}

.application-guider img {
    width: 50%;
    margin: 20px 0px;
}

.telecharge-guider img {
    width: 50%;
    margin: 20px 0px;
}

.basses-guider img {
    width: 50%;
    margin: 20px 0px;
}

.guider-step-inner {
    display: flex;
    justify-content: space-between;
    margin: 70px 0px;
    position: relative;
}

.guider-step-image {
    width: 40%;
}

.guider-step-content {
    width: 45%;
    background: #ffff13;
    padding: 20px;
    border-radius: 8px;
}

.form-guider {
    position: relative;
}

.inner-banner.terms-bg.guide-step {
    background: url(../images/privacy-policy-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    background-position: center center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.form-guider:after {
    background-color: #000;
    bottom: 2px;
    content: "";
    position: absolute;
    left: 584px;
    top: 70px;
    -webkit-transition: height 0.5s ease-out 2s;
    -moz-transition: height 0.5s ease-out 2s;
    transition: height 0.5s ease-out 2s;
    width: 1px;
    height: 80%;
}

span.licence-step {
    background: #0000d2;
    color: #ffff13;
    padding: 17px 17px;
    border-radius: 30px;
    position: absolute;
    left: 556px;
    margin-top: 6px;
    z-index: 1;
    top: 22px;
    font-weight: 900 !important
}

span.list-step {
    background: #0000d2;
    color: #ffff13;
    padding: 17px 17px;
    border-radius: 30px;
    position: absolute;
    left: 556px;
    margin-top: 6px;
    z-index: 1;
    top: 22px;
    font-weight: 900 !important
}

span.verify-step {
    background: #0000d2;
    color: #ffff13;
    padding: 17px 17px;
    border-radius: 30px;
    position: absolute;
    left: 556px;
    margin-top: 6px;
    z-index: 1;
    top: 22px;
    font-weight: 900 !important
}

span.application-step {
    background: #0000d2;
    color: #ffff13;
    padding: 17px 17px;
    border-radius: 30px;
    position: absolute;
    left: 556px;
    margin-top: 6px;
    z-index: 1;
    top: 22px;
    font-weight: 900 !important
}

.right-arrow:after {
    background: #ffff13;
    content: "";
    padding: 17px 17px;
    position: absolute;
    left: -15px;
    margin-top: 6px;
    z-index: 1;
    top: 33px;
    font-weight: 900 !important;
    transform: rotate(45deg);
}

.left-arrow:after {
    background: #ffff13;
    content: "";
    padding: 17px 17px;
    position: absolute;
    right: -15px;
    margin-top: 6px;
    z-index: 1;
    top: 33px;
    font-weight: 900 !important;
    transform: rotate(45deg);
}

.guider-step-inner .right-arrow {
    position: relative;
}

.guider-step-inner .left-arrow {
    position: relative;
}

img.app-get-image {
    width: 340px;
    margin-bottom: 10px;
}

.guider-step-inner .guider-step-content p {
    margin-bottom: 10px;
}

.guide-step .banner-titles-content h4 {
    font-weight: normal !important;
}

/* ----------- guide css end here -------------- */
@media(max-width: 1680px) {
    .about-download h2 {
        font-size: 50px !important;
    }

    .apk-dwnld-text h4.app-sub-head {
        font-size: 30px !important;
    }

    .term-get-app a {
        width: 40% !important;
        margin-right: 20px !important;
    }

    .term-get-app a img {
        width: 270PX !important;
    }
}

@media(max-width: 1440px) {
    .about-download h2 {
        font-size: 42px !important;
        margin-bottom: 30px !important;
        line-height: 60px !important;
    }

    .apk-dwnld-text h4.app-sub-head {
        margin-bottom: 10px !important;
        font-size: 20px !important;
        text-align: left;
    }
}

@media(max-width: 1366px) {
    section.guide-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .about-download h2 {
        font-size: 40px !important;
    }

    .form-guider:after {
        left: 550px !important;
        top: 60px !important;
    }

    span.licence-step {
        left: 522px !important;
    }

    span.application-step {
        left: 522px !important;
    }

    span.list-step {
        left: 522px !important;
    }

    span.verify-step {
        left: 522px !important;
    }
}

@media(max-width: 1200px) {
    .form-guider:after {
        left: 525px !important;
        top: 60px !important;
    }

    span.licence-step {
        padding: 12px 12px !important;
        left: 500px !important;
    }

    span.application-step {
        padding: 12px 12px !important;
        left: 500px !important;
    }

    span.list-step {
        padding: 12px 12px !important;
        left: 500px !important;
    }

    span.verify-step {
        padding: 12px 12px !important;
        left: 500px !important;
    }
}

@media(max-width: 1100px) {
    .form-guider:after {
        left: -12px !important;
    }

    span.licence-step {
        left: -43px !important;
    }

    span.application-step {
        left: -43px !important;
    }

    span.list-step {
        left: -43px !important;
    }

    span.verify-step {
        left: -43px !important;
    }

    .form-guider .guider-step-inner {
        display: block;
    }

    .guider-step-image {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }

    .guider-step-content {
        width: 100%;
    }

    .form-guider .guider-step-inner.guider-flex {
        display: flex;
        flex-direction: column-reverse;
    }

    .guider-step-inner .right-arrow {
        position: relative;
        left: 20px;
    }

    .left-arrow:after {
        left: -15px;
        right: auto;
    }

    .guider-step-inner .left-arrow {
        position: relative;
        left: 20px;
    }

    .guider-step-content {
        width: 97% !important;
        margin-left: 30px;
    }

    .form-guider:after {
        height: 100%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .pricing-table-main .pricing-table .content {
        min-height: 498px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
    .pricing-table-main .pricing-table .content {
        min-height: 548px;
    }
}

@media(max-width: 1240px) {
    .term-get-app a {
        width: 37% !important;
    }
}

@media(max-width: 1080px) {
    .privacy-bg.how-to-download {
        padding: 140px 50px 100px 70px !important;
    }

    .apk-dwnld-img {
        padding-top: 0px !important;
    }

    .row.sec-download-app .col-lg-5 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .row.sec-download-app>.col-lg-2 {
        display: none !important;
    }

    .apk-dwnld-text h4.app-sub-head {
        font-size: 25px !important;
    }

    .footer .column-left .footer-social ul li a.dsn-button.link-custom {
        padding: 12px 20px;
        font-size: 12px;
    }
}

@media(max-width: 1024px) {
    .privacy-bg.how-to-download {
        padding: 140px 50px 100px 50px !important;
    }
}

@media only screen and (max-width: 991px) {
    .pricing-table-main {
        display: block;
        padding: 30px 0px;
    }

    .row.sec-download-app .col-lg-5 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .pricing-table {
        margin-bottom: 20px;
    }

    .pricing-table-main .pricing-table .content {
        min-height: 360px;
    }

    .pricing-plan-main h1 {
        font-size: 31px;
    }

    .privacy-bg.how-to-download {
        height: auto !important;
    }

    .about-download h2 {
        font-size: 50px !important;
        text-align: center !important;
    }

    .term-get-app {
        justify-content: center !important;
    }

    .term-get-app a img {
        width: 230PX !important;
    }

    .term-get-app a {
        width: auto !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .term-get-app {
        justify-content: center;
    }

    .privacy-bg.how-to-download {
        padding: 120px 60px 70px 60px !important;
    }

    .apk-dwnld-img img {
        width: 80% !important;
    }

    .row.sec-download-app {
        min-height: auto !important;
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .apk-dwnld-text h4.app-sub-head {
        text-align: center !important;
    }

    .about-download h2 {
        margin: 0px 0px 30px !important;
    }

    .apk-dwnld-img {
        padding-top: 50px !important;
    }
}

@media only screen and (max-width: 768px) {
    .nos-offer li {
        width: 100%;
        margin-bottom: 20px;
    }

    ul.nos-offer {
        display: block;
        gap: 20px;
    }

    .about-download h2 {
        font-size: 40px !important;
        margin-bottom: 30px !important;
    }

    .term-get-app a img {
        width: 180PX !important;
    }

    .apk-dwnld-img {
        padding-top: 40px !important;
    }

    .privacy-bg.how-to-download {
        padding: 110px 40px 60px 40px !important;
    }

    .apk-dwnld-text h4.app-sub-head {
        margin: 0px 0px 30px !important;
    }
}

@media only screen and (max-width: 767px) {
    .pricing-table-main {
        padding: 30px 0px;
    }

    .about-download h2 {
        margin-bottom: 20px !important;
    }

    .apk-dwnld-text h4.app-sub-head {
        font-size: 25px !important;
    }

    .guider-step-content {
        width: 90% !important;
        margin-left: 40px;
    }

    .form-guider:after {
        left: 8px !important;
    }

    span.licence-step {
        left: -20px !important;
    }

    span.application-step {
        left: -20px !important;
    }

    span.list-step {
        left: -20px !important;
    }

    span.verify-step {
        left: -20px !important;
    }

    img.app-get-image {
        width: 240px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 640px) {
    .pricing-plan-main h1 {
        font-size: 30px;
    }

    .apk-dwnld-img {
        padding-top: 30px !important;
    }

    .privacy-bg.how-to-download {
        padding: 110px 10px 60px 10px !important;
    }
}

@media only screen and (max-width: 575px) {
    .about-download h2 {
        font-size: 35px !important;
        margin-bottom: 20px !important;
        line-height: normal !important;
    }

    .apk-dwnld-img {
        text-align: right !important;
    }

    .apk-dwnld-img img {
        width: 100% !important;
    }

    .privacy-bg.how-to-download {
        padding: 110px 0px 60px 0px !important;
    }

    .apk-dwnld-text h4.app-sub-head {
        font-size: 23px !important;
    }

    .guide-section h3 {
        margin-bottom: 5px;
        font-size: 20px;
    }

    .guider-step-inner .right-arrow p {
        margin-bottom: 5px;
    }

    .guider-step-inner {
        margin: 50px 0px !important;
    }

    img.app-get-image {
        width: 260px !important;
    }

    .inner-banner.terms-bg.guide-step {
        height: 50vh !important;
    }

    .guider-step-content {
        width: 85% !important;
        margin-left: 50px;
    }

    .form-guider:after {
        left: 18px !important;
    }

    span.licence-step {
        left: 0px !important;
        padding: 10px 10px;
    }

    span.application-step {
        left: 0px !important;
        padding: 10px 10px;
    }

    span.list-step {
        left: 0px !important;
        padding: 10px 10px !important;
    }

    span.verify-step {
        left: 0px !important;
        padding: 10px 10px;
    }

    img.app-get-image {
        width: 200px;
        margin-bottom: 10px;
    }

    .guider-step-image img {
        width: 80%;
    }

    .left-arrow:after {
        top: 0px;
    }

    .right-arrow:after {
        top: 10px;
    }

    .left-arrow:after {
        top: 10px;
    }

    .right-arrow:after {
        left: -5px !important;
        right: auto;
        padding: 8px 8px !important;
    }

    .left-arrow:after {
        left: -5px !important;
        right: auto;
        padding: 8px 8px !important;
    }
}

@media only screen and (max-width: 499px) {
    .term-get-app a {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .about-download h2 {
        font-size: 30px !important;
        margin-bottom: 20px !important;
    }

    .term-get-app a img {
        width: 160PX !important;
    }

    .apk-dwnld-img {
        text-align: center !important;
    }

    .apk-dwnld-img img {
        width: 90% !important;
    }

    .apk-dwnld-text h4.app-sub-head {
        margin: 0px 0px 20px !important;
    }

    .apk-dwnld-img {
        padding-top: 20px !important;
    }

    img.app-get-image {
        width: 230px !important;
    }

    .guider-step-image {
        margin-bottom: 10px !important;
    }

    section.guide-section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .form-guider:after {
        left: 18px !important;
        top: auto !important;
    }

    .guider-step-content {
        width: 90% !important;
        margin-left: 30px;
    }

    .form-guider:after {
        left: 18px !important;
    }

    span.licence-step {
        left: 0px !important;
        padding: 8px 8px !important;
        top: -10px;
        font-size: 14px;
    }

    span.application-step {
        left: 0px !important;
        padding: 8px 8px !important;
        top: -10px;
        font-size: 14px;
    }

    span.list-step {
        left: 0px !important;
        padding: 8px 8px !important;
        top: -10px;
        font-size: 14px;
    }

    span.verify-step {
        left: 0px !important;
        padding: 8px 8px !important;
        top: -10px;
        font-size: 14px;
    }

    img.app-get-image {
        width: 230px;
        margin-bottom: 10px;
    }

    .guider-step-image img {
        width: 80%;
    }

    .guider-step-inner .guider-step-content p {
        margin-bottom: 0px;
        font-size: 15px;
    }

    .guide-section h3 {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .guider-step-content {
        width: 45%;
        padding: 15px;
    }

    section.guide-section {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 430px) {
    .term-get-app a img {
        width: 150PX !important;
    }

    .form-guider:after {
        left: 5px !important;
    }

    span.licence-step {
        left: -9px !important;
        padding: 7px 7px;
        top: -10px;
        font-size: 11px;
    }

    span.application-step {
        left: -9px !important;
        padding: 7px 7px;
        top: -10px;
        font-size: 11px;
    }

    span.list-step {
        left: -9px !important;
        padding: 7px 7px;
        top: -10px;
        font-size: 11px;
    }

    span.verify-step {
        left: -9px !important;
        padding: 7px 7px;
        top: -10px;
        font-size: 11px;
    }

    img.app-get-image {
        width: 230px;
        margin-bottom: 10px;
    }

    .guider-step-image img {
        width: 80%;
    }

    .guider-step-content {
        width: 90% !important;
        margin-left: 10px;
    }
}

@media only screen and (max-width: 390px) {
    img.app-get-image {
        width: 190px !important;
    }
}

/*------ download-app ---------*/
.privacy-bg.how-to-download {
    background: url('../images/banner-bg-app.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    width: calc(100vw - 0px);
    left: 50%;
    margin-left: -50vw;
    padding: 140px 50px 140px 50px;
    height: 100vh;
    /* background: rgb(0,0,210);        background: linear-gradient(166deg, rgba(0,0,210,1) 0%, rgba(8,8,134,1) 100%); */
}

.row.sec-download-app {
    min-height: 100vh;
    justify-content: center !important;
    align-items: center;
}

span.highlight-car {
    font-weight: 900 !important;
    color: #ffff13;
}

img.mobile-car-image {
    object-fit: cover !important;
}

.col-lg-12.iphone-download-img {
    text-align: center;
}

.term-get-app {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-bottom: 30px;
}

.about-download h2 {
    margin: 0px 0px 40px;
    font-size: 55px;
    text-align: left;
    line-height: 80px;
}

.apk-dwnld-text h4.app-sub-head {
    margin: 0px 0px 20px;
    font-size: 24px;
    text-align: left;
    font-weight: 100 !important;
    width: 100%;
}

li.over-hidden.cta-ap {
    float: left;
    width: 100%;
}

.term-get-app a {
    display: inline;
    width: 50%
}

.term-get-app a img {
    width: 90%
}

.apk-dwnld-img {
    padding-top: 50px;
    text-align: center;
}

.apk-dwnld-img img {
    width: 90%;
    object-fit: contain;
}

/* ------ download-app --------- */
/*******carpolling css page start here******/
section.rider-start-journey.full-width.v-light.section-padding.choose-carpooling ul.app-journey {
    flex-wrap: nowrap;
}

section.rider-start-journey.full-width.v-light.section-padding.choose-carpooling li {
    width: 33%;
    display: block;
    padding: 20px;
    border-radius: 20px;
}

.carpooling-benifits ul li {
    margin-bottom: 10px;
    box-shadow: 1px 4px 29px #eee;
    padding: 10px;
    line-height: 20px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding-left: 10px;
    font-size: 15px;
    color: #000;
}

.carpooling-benifits ul li:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f18e";
    color: #333;
    font-size: 24px;
    margin-right: 0;
}

ul.safety li strong {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

ul.safety {
    display: flex;
    margin-top: 30px;
}

ul.safety li {
    margin-bottom: 10px;
    box-shadow: 1px 4px 29px #eee;
    padding: 30px;
    line-height: 20px;
    vertical-align: middle;
    align-items: center;
    padding-left: 10px;
    font-size: 15px;
    color: #000;
    margin: 10px;
    width: 33%;
}

section.rider-start-journey.full-width.v-light.section-padding.choose-carpooling .benifitss li {
    width: 25%;
    margin: 10px;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    align-items: unset;
}

section.rider-start-journey.full-width.v-light.section-padding.choose-carpooling .benifitss {
    display: flex;
}

.carpooling-benifits h4 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 0;
}

.choose-carpooling .app-journey h4 {
    margin-bottom: 10px;
}

.benifitss li p {
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
}

section.innovative-text.full-width.v-light.section-padding.carpooling-services {
    background: #f3f3fb;
}

.carpooling-services ul.safety li {
    margin-bottom: 10px;
    box-shadow: 1px 4px 29px #eee;
    padding: 50px 30px;
    line-height: 20px;
    vertical-align: middle;
    align-items: center;
    padding-left: 10px;
    font-size: 17px;
    color: #000;
    margin: 10px;
    width: 50%;
    background: #fff;
}

.carpooling-services p {
    color: #000;
}

.carpooling-download ul li:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f18e";
    color: #ffff13;
    font-size: 24px;
    margin-right: 0;
}

.carpooling-download p {
    color: #fff;
    line-height: 20px;
    margin-bottom: 20px;
}

.carpooling-download li {
    color: #fff;
    line-height: 20px;
    margin-bottom: 20px;
    display: flex;
}

.col-md-5.carpool {
    padding-top: 10%;
}

.safety h5 {
    margin-bottom: 7px;
}

.carpool-criteria ul li {
    text-align: left;
    margin-bottom: 10px;
    line-height: 23px;
    display: flex;
}

.carpool-criteria ul li:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f18e";
    color: #0000d2;
    font-size: 24px;
    margin-right: 0;
}

.carpool-criteria h5 {
    text-align: left;
    margin-bottom: 20px;
}

.carpool-criteria h2 {
    margin-bottom: 60px;
}

ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    display: flex;
    align-items: center;
}

.how-works .ui-tabs-nav li {
    border-radius: 6px;
    width: 50%;
    display: inline-block;
    font-size: 24px;
    color: #fff;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    margin-left: 8px;
}

.how-works .ui-tabs-nav li.ui-state-active {
    width: 50%;
    display: inline-block;
    font-size: 24px;
    color: #6c6cfd;
    background: #ffff13;
}

/*.how-works #tabs {    display: flex;}*/
.how-works #tabs .tabs-content {
    width: 100%;
    padding: 10px;
    color: #fff;
}

.how-works #tabs .tabs-content p {
    margin-bottom: 20px;
}

.how-works .col-lg-12 {
    text-align: center;
}

section.how-works.rider-using-sect {
    padding: 60px 0px;
}

.how-works .tabs-content h3 {
    margin-bottom: 20px;
}

.how-works .tabs-content h3 {
    margin-bottom: 20px;
}

span.digits {
    color: yellow;
    font-size: 28px;
    font-weight: bold !important;
}

.inner-banner.privacy-bg.carpooling-ban {
    background: url('../images/carpooling-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
    display: flex;
    background-position: center center;
}

.choose-carpooling ul li img {
    width: 70px;
    margin-bottom: 10px;
}

.safety li img {
    width: 70px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    section.rider-start-journey.full-width.v-light.section-padding.choose-carpooling ul.app-journey {
        flex-wrap: wrap;
    }

    section.rider-start-journey.full-width.v-light.section-padding.choose-carpooling .benifitss {
        display: block;
    }

    section.rider-start-journey.full-width.v-light.section-padding.choose-carpooling .benifitss li {
        width: 100%;
    }

    .how-works #tabs {
        display: block;
    }

    .how-works #tabs .tabs-content {
        width: 100%;
        padding: 10px;
        color: #fff;
    }

    .how-works .tabs-content h3 {
        text-align: center;
    }

    ul.safety {
        display: block;
    }

    ul.safety li {
        padding: 10px;
        width: 100%;
    }

    .carpooling-services ul.safety li {
        padding: 20px 20px;
        padding-left: 20px;
        width: 100%;
    }

    .choose-carpooling ul li img {
        margin-top: 0;
    }

    .choose-carpooling h2 {
        margin-bottom: 20px;
    }

    section.rider-start-journey.full-width.v-light.section-padding.choose-carpooling .benifitss li {
        display: block;
    }

    .how-works .container.using-teracar.image-animation {
        padding: 0;
    }
}

/*******carpolling css page end here******/