:root {
    --trust-text: #4976EB;
    --attention-text: #FFA701;
    --creative-text: #4C608A;
    --power-text: #0A0A0B;
    --maturity-text: #F3F3F3;
    --clarity-text: #FFFFFF;
    --intermiediate-black-text: #171B25;
    --lighter-black-text: #1E2432;

    --trust-bg: #4976EB;
    --attention-bg: #FFA701;
    --creative-bg: #4C608A;
    --power-bg: #0A0A0B;
    --maturity-bg: #F3F3F3;
    --clarity-bg: #FFFFFF;
    --intermiediate-black-bg: #171B25;
    --lighter-black-bg: #1E2432;

    --screen-height: 100vh;
}

b {
    font-weight: 700;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Maven Pro';
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--power-text);
}

html {
    scrollbar-width: thin
}

.overflow-hidden {
    overflow: hidden;
}

.flex {
    display: flex;
}

.block {
    display: block;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.dark_section {
    color: var(--clarity-text);
}

.light_section {
    color: #000000;
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

p:empty {
    display: none;
}

p {
    margin-top: 0;
    margin-bottom: 16px;
}

p:last-child {
    margin-bottom: 0;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

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

/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 400
}

h1,
.h1 {
    font-size: 25px;
    line-height: 54px;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-left: 20px;
}

h2,
.h2 {
    font-size: 20px !important;
    line-height: 45px;
    letter-spacing: 0.1em;
    font-weight: 400;
    text-transform: uppercase
}

h3,
.h3 {
    font-size: 18;
    line-height: 33px;
    letter-spacing: 0.1em;
}

h4,
.h4 {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.1em;
}

h5,
.h5 {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.1em;
}

.big_body {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 0.025em;
}

.medium_body {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.caption {
    font-size: 13px;
    line-height: 22px;
}

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

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

.fw-600,
.fw-semi-bold {
    font-weight: 600;
}

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

.fw-800,
.fw-extra-bold {
    font-weight: 800;
}

.fw-900,
.fw-black {
    font-weight: 900;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-18 {
    font-size: 18px;
}

.lh-30 {
    line-height: 30px;
}

.container {
    max-width: 1225px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto
}

.container_fluid {
    padding-left: 40px;
    padding-right: 40px
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

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

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

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

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

.flex-wrap {
    flex-wrap: wrap !important;
}

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

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed;
}

.stretched-link {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

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

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

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

figure {
    margin: 0px;
}

.row {
    display: flex;flex-wrap: nowrap;
}

.d-none {
    display: none !important;
}

a {
    text-decoration: none;
    color: #4F5AA5;
}

/* Buttons */
.btn_radius {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.2em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 35px;
    color: #1B1A20;
    border-radius: 48px;
    /* border:#0A0A0B 1px solid; */
    border-color: var(--power-bg);
    border-width: 1px;
    border-style: solid;
    transition: border-color 0.6s ease-in-out;
    display: inline-block;
    /* min-width: 174px; */
    text-align: center;
    position: relative;
    flex-shrink: 0;
}

.btn_radius.btn_10 {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    padding: 10px 16px;
    min-width: 168px !important;
    letter-spacing: 0.2em;
}

.btn_radius.btn_sm {
    font-size: 13px;
    letter-spacing: 0.025em;
}

.btn_radius.sb b {
    font-weight: 600;
}

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

.btn_radius.btn_dark.grey_border {
    border-color: #727272;
}

.btn_radius .icon {
    margin-left: 15px;
    line-height: 1;
    display: none;
}

.btn_radius .icon i {
    background: url(../images/angle-right-white.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 21px;
    height: 19px;
    display: inline-block;

    /* position: absolute;
    right: 25px;
    top: 17px; */
    vertical-align: middle;
    transition: all 0.3s ease-in;
}

.btn_radius.fill_grey {
    color: #1B1A20;
    border-color: #F2F2F2;
    background-color: #F2F2F2;
}

.btn_radius.fill_grey:hover {
    color: var(--attention-text);
    border-color: var(--attention-bg);
    background-color: var(--clarity-bg);
}

.btn_radius:hover {
    color: var(--attention-text);
    border-color: var(--attention-bg);
}

.btn_radius.btn_dark {
    color: var(--maturity-text);
    border-color: var(--maturity-bg);
}

.btn_radius.btn_dark:hover {
    color: var(--attention-text);
    border-color: var(--attention-bg);
}

.btn_radius.btn_dark:hover i {
    background: url(../images/arrow-yellow.svg) no-repeat;
    background-position: center center;
    background-size: contain;
}

.btn_radius.btn_light i {
    background: url(../images/arrow-black.svg) no-repeat;
    background-position: center center;
    background-size: contain;
}

.btn_radius.btn_light:hover i {
    background: url(../images/arrow-yellow.svg) no-repeat;
    background-position: center center;
    background-size: contain;
}

.btn_radius.btn_download .icon {
    margin-top: -1px;
}

.btn_radius.btn_download i {
    background: url(../images/download.svg) no-repeat;
    background-position: center center;
    background-size: 10px;
    width: 16px;
    /* height: 15px; */
}

.btn_radius.btn_download.grey i {
    background: url(../images/product/grey-download.svg) no-repeat;
    background-position: center center;
    background-size: 10px;
    width: 16px;
    height: 22px;
}

.btn_radius.btn_download:hover i {
    background: url(../images/download-yellow.svg) no-repeat;
    background-position: center center;
    background-size: 10px;
}

.btn_radius.btn_dark.fill {
    color: #000;
    border-color: #fff;
    background-color: #fff
}


.btn_radius.btn_dark.fill:hover {
    color: #fff;
    border-color: var(--attention-bg);
    background-color: var(--attention-bg);
}

.btn_radius.btn_dark.btn_yellow {
    color: #1D1D1D;
    border-color: var(--attention-bg);
    background-color: var(--attention-bg);
}

.btn_radius.btn_dark.btn_yellow:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
}

.btn_radius.no_outline {
    border: none;
}

.btn_radius.p-0 {
    padding: 0px;
}

.d-block {
    display: block !important;
}

/*******cta*******/
.cta-flip-text {
    display: inline-flex;
    justify-content: center;
}

.cta-flip-text .label {
    transition: transform .4s cubic-bezier(.215, .61, .355, 1)
}

.cta-flip-text .label:after {
    content: attr(data-text);
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

.cta-flip-text .icon-svg {
    transition: transform .4s cubic-bezier(.215, .61, .355, 1)
}

.cta-flip-text .icon-svg:last-child {
    left: 0;
    top: 0;
    transform: translate3d(-100%, 0%, 0)
}

.btn_download.cta-flip-text .icon-svg:last-child {
    transform: translate3d(0%, -100%, 0);
}

@media (hover:hover) {
    .cta-flip-text:hover .label {
        transform: translateY(-100%)
    }

    .cta-flip-text:hover .label:after {
        opacity: 1;
    }

    .cta-flip-text:hover .icon-svg:first-child {
        transform: translate3d(200%, 0%, 0)
    }

    .cta-flip-text:hover .icon-svg:last-child {
        transform: translate3d(0, 0%, 0)
    }

    .cta-flip-text.btn_download:hover .icon-svg:first-child {
        transform: translate3d(0px, 24px, 0px)
    }

    .cta-flip-text.btn_download:hover .icon-svg:last-child {
        transform: translate3d(0px, 0px, 0px)
    }
}

.tns-outer>button {
    display: none;
}


/* Slider dots */
.slider_dots {
    max-width: 160px;
    position: absolute;
    bottom: 33px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.slider_dots ul {
    margin: 0 -8px;
    padding: 0;
    list-style-type: none;
    display: inline-flex;
    justify-content: center
}

.slider_dots ul li {
    list-style: none;
    margin-block: 0;
    margin-inline: 8px;
    position: relative;
    height: 8px;
    width: auto
}

.slider_dots ul li {
    border-radius: 10px;
    background-color: #676767;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 8px;
    min-width: 8px;
    overflow: hidden;
    transition: min-width cubic-bezier(.33, 0, .67, 1) 400ms, background-color linear 250ms;
    transition-delay: 300ms
}

.slider_dots ul li span {
    content: "";
    background-color: #919191;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 5px;
    width: 0;
    transition: width 0.3s ease-in-out;
    transition-delay: 300ms
}

.slider_dots ul li.active span {
    width: 100%;
    animation: dot-width 10s linear
}

.slider_dots ul li.active {
    overflow: hidden;
    cursor: pointer;
    min-width: 71px
}

@keyframes dot-width {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

/* Counter Nav */
.product_nav {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-top: 34px
}

.product_nav .current_slide_number,
.product_nav .total_slide_number {
    font-size: 16px;
    color: #8B8B8B;
    padding: 5px;
    line-height: 26px;
    font-weight: 400
}

.product_nav .current_slide_number {
    color: #808080;
}

.product_nav.yellow .current_slide_number {
    color: #FFA701;
    width: 30px;
}

.product_nav .progress_bar {
    width: 50px;
    height: 1px;
    background-color: #808080;
    position: relative;
    margin-left: 14px;
    margin-right: 14px
}

.product_nav .progress_bar .status {
    display: block;
    background-color: #FFFFFF;
    height: 1px
}

.product_nav.yellow .progress_bar .status {
    background-color: #FFA701;
    transition: width .3s;
}

/* Customize Tools */

/*********** next prev buttons ***********/
.customize-tools .controls li {
    width: 75px;
    display: flex;
    pointer-events: auto;
}

.customize-tools .controls li:first-child {
    justify-content: right;
}

.customize-tools .controls {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.customize-tools .controls {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: -5px;
    z-index: 1;
}

.customize-tools .controls li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: #727272 1px solid;
    height: 36px;
    border-radius: 36px;
    cursor: pointer;
    padding: 7px 15px;
}

.customize-tools .controls li a:hover {
    border-color: #727272;
    background-color: #727272;
}

.cta-small {
    position: relative;
    /*display: inline-block;*/
    font-family: var(--font-sans-serif);
    font-weight: 500;
    letter-spacing: 0.1em;
    font-size: 13px;
    text-transform: uppercase;
    transition: color 300ms ease-in-out;
}

.cta-small:hover {
    color: #ffffff;
}

.cta-small .arrow {
    position: relative;
    /* top: 2px; */
    height: 20px;
    /*width: 100%;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-small .arrow .line {
    display: inline-block;
    height: 1px;
    background: #ffffff;
}


.cta-small .arrow .bar {
    width: 24px;
    position: relative;
    /* top: -6px; */
    transition: width 200ms ease-in-out;
}

.cta-small .arrow svg {
    position: absolute;
    top: -8px;
    right: -2px;
}

.cta-small.prev .arrow svg {
    position: absolute;
    top: -8px;
    left: -2px;
}

.cta-small:hover .arrow .bar {
    width: 3.2em;
}

.black_nav .cta-small .arrow .line {
    background: #727272;
}

.customize-tools .controls.black_nav li a:hover {
    background: #ffffff;
}

@media (min-width: 768px) {
    .cta-small .arrow .bar {
        width: 32px;
    }

    .cta-small:hover .arrow .bar {
        width: 4em;
    }
}

/* Center Heading */
.center_heading .tagline {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.center_heading .tagline.fs-24 {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 11px;
    text-transform: uppercase;
}

.center_heading .heading {
    font-size: 36px;
    line-height: 45px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.center_heading .heading.fs-45 {
    font-size: 45px;
    line-height: 54px;
}

.center_heading .description {}

/* Default Hero Wrapper */
.section-bg-video {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
}


.section-bg-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transition: 1s opacity;
}

.section-bg-video .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.video-player.video-playing .overlay {
    opacity: 0;
}

.section-bg-video.widescreen_ratio {
    height: 0px !important;
    padding-bottom: 56.25%;
}

.hesai_hero_wrap {
    background-color: #000;
    height: 100vh;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.hesai_hero_wrap figure {
    height: 100%;
}

.hesai_hero_wrap figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.hesai_hero_wrap .overlay {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* pointer-events: none; */
}

.hesai_hero_wrap .sh_context {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    max-width: 960px;
    width: 100%;
}

.hesai_hero_wrap .center_heading .tagline {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 11px;
}

.hesai_hero_wrap .center_heading .heading {
    font-size: 45px;
}

.hesai_hero_wrap .center_heading .date {
    font-size: 16px;
    line-height: 18px;
    color: #AAAAAA;
    margin-top: 15px;
}

.hesai_hero_wrap .sh_context figure {
    max-width: 84px;
    margin-top: 33px;
    margin-bottom: 33px;
    border-radius: 8px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.hesai_hero_wrap.small_hero {
    height: 450px;
}

/******** lenis *********/
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

/******* slicing ********/
span.char,
span.word {
    display: inline-block;
}

.words .word-item {
    transform: translateY(120%);
    transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: calc(var(--word-index) * 0.2s);
}

.words.show-words .word-item,
.animated-text .words .word-item {
    transform: translateY(0%);
}

.lines .word-item {
    transform: translateY(120%);
    transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: calc(calc(var(--line-index) * 0.2s) + .6s);
}

.lines.show-lines .word-item,
.animated-text .lines .word-item {
    transform: translateY(0%);
}

.word span.word-item {
    display: inline-block;
}

/********* Delay *******/
.delay-1 {
    animation-delay: 0.1s !important;
}

.delay-2 {
    animation-delay: 0.2s !important;
}

.delay-3 {
    animation-delay: 0.3s !important;
}

.delay-4 {
    animation-delay: 0.4s !important;
}

.delay-5 {
    animation-delay: 0.5s !important;
}

.delay-6 {
    animation-delay: 0.6s !important;
}

.delay-7 {
    animation-delay: 0.7s !important;
}

.delay-8 {
    animation-delay: 0.8s !important;
}

.delay-9 {
    animation-delay: 0.9s !important;
}

.delay-10 {
    animation-delay: 1s !important;
}

/***** slide up box******/
.slide-up {
    opacity: 0;
    transform: translateY(15%);
    will-change: transform opacity;
}

.animated-section .slide-up,
.slide-up.animated {
    animation: slideUp 0.7s cubic-bezier(.33, 0, .67, 1) forwards;
}

@keyframes slideUp {
    0% {
        transform: translateY(15%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    will-change: opacity;
}

.animated-section .fade-in,
.fade-in.animated {
    animation: fadeIn 0.7s cubic-bezier(.33, 0, .67, 1) forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/************ video player *************/
.video-player {
    position: relative;
}

.video-player .controls {
    max-width: 100%;
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    color: white;
    font-family: Arial, sans-serif;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease-in-out;
}

.video-player.video-playing .controls {
    opacity: 1;
    visibility: visible;
}

.video-player .progress-bar-container {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.video-player .progress-bar {
    width: 100%;
    height: 10px;
    border-top: 1px solid #A3A3A3;
    cursor: pointer;
}

.video-player .progress-filled {
    width: 0;
    height: 2px;
    background-color: #FFA701;
    will-change: width;
    position: relative;
    top: -1px;
}

.video-player .progress-pointer {
    position: absolute;
    top: -3px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #FFA701;
    transform: translateX(-50%);
    pointer-events: none;
    will-change: left;
}

.video-player+.sh_context,
.video-player+.hthh_context {
    pointer-events: none;
}

.video-player .overlay {
    cursor: pointer;
}

.video-player .play-pause {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, 40%);
    background: #4F5AA5;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: none;
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: -9999999px;
    box-shadow: rgba(0, 0, 0, 0.39) 0px 15px 6px;
    /* transition: 0.3s ease-in-out; */
}

.video-player .play-pause.pause-btn::after,
.video-player .play-pause.pause-btn::before {
    content: "";
    display: block;
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    letter-spacing: 0.031em;
    color: #DEDEDE;
    width: 2px;
    height: 12px;
    background-color: #DEDEDE;
    position: absolute;
    top: 16px;
}

.video-player .play-pause.pause-btn::after {
    left: 18px;
}

.video-player .play-pause.pause-btn::before {
    right: 18px;
}

.video-player .play-pause.play-btn {
    background-color: #36364B;
}

.video-player .play-pause.play-btn::after {
    content: "";
    width: 11px;
    height: 14px;
    background: url(../images/play-icon.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 18px;
}

.video-player .time-display {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    font-size: 12px;
    width: 100%;
}

.video-player .current-time,
.video-player .total-time {
    color: #fff;
}

/* Hero Scroll Down */
.scroll_down {
    position: absolute;
    bottom: 129px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-end;
}

.scroll_down .line {
    position: relative;
    height: 205px;
    width: 1px;
    background-color: #fff;
}

.scroll_down .line::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 36px;
    left: -1px;
    background-color: #fff;
    transition: all 0.3 ease-in;
}

.scroll_down.active .line::after {
    margin-top: calc(205px - 36px);
}

.scroll_down .text {
    margin-left: 14px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
}

.scroll_down .text b {
    font-weight: 500;
}

/* Custom Select 2 Dropdown */
.select_dropdown {
    min-width: 216px;
}

.select2-container .select2-selection--single {
    height: 42px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 48px 6px 20px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #D3D3D3;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 0px;
    width: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    background: url(../images/media/angle-down.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 12px;
    height: 8px;
    margin-left: -6px;
    margin-top: -4px;
    transition: transform 0.3s ease-in-out;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

.select2-dropdown {
    border: 1px solid #D3D3D3;
}

.select2-results__option {
    padding: 6px 20px;
    text-transform: uppercase;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--creative-text);

}

.select2-container--default .select2-results__option--selected {
    background-color: var(--creative-text);
    color: #fff;
}


/****** card ******/
.cards_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    /* row-gap: 47px; */
    margin-top: 37px;
    margin-bottom: 55px;
}

.cards_wrap .card {
    overflow: hidden;
    position: relative;
}

.cards_wrap .card figure {
    border-radius: 4px 4px 0px 0px;
    height: 236px;
    overflow: hidden;
	
}
.cards_wrap .award_items.card figure {
background-color: var(--lighter-black-bg);
}
.cards_wrap .card figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cards_wrap .card .context {
    background-color: #1F1F1F;
    border-radius: 0px 0px 4px 4px;
    padding: 20px 36px;
}

.cards_wrap .card h5 {
    font-size: 15px;
    line-height: 22px;
    color: var(--clarity-text);
    font-weight: 500;
    margin-bottom: 11px;
    min-height: 39px;
    text-transform: uppercase;
}

.cards_wrap .card .context .date {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--clarity-text);
    opacity: 0.4;
    /* text-decoration: underline; */
}

/* Colors */
.yellow {
    color: #FFBA00;
}

.trust_text {
    color: #5C68BA;
}

.trust_background {
    color: #5C68BA;
}

.attention_text {
    color: #FFA701;
}

.attention_background {
    background-color: #FFA701;
}

.creative_text {
    color: #36364B;
}

.creative_background {
    background-color: #36364B;
}

.power_text {
    color: #1B1A20;
}

.power_background {
    background-color: #1B1A20;
}

.maturity_text {
    color: #F3F3F3;
}

.maturity_background {
    background-color: #F3F3F3;
}

.clarity_text {
    color: #FFFFFF;
}

.clarity_background {
    background-color: #FFFFFF;
}


.tags ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

.tags ul li {
    font-size: 14px;
    line-height: 18px;
    color: var(--clarity-text);
    letter-spacing: 0.031em;
    text-transform: uppercase;
    background-color: var(--creative-bg);
    padding: 3px 10px;
    border-radius: 30px;
}

.tags.yellow_bg ul li {
    background-color: var(--attention-bg);
}

.tags ul li a {
    color: var(--clarity-text);
}


.heading-animation {
    visibility: hidden;
}

.heading-animation.splitting {
    visibility: visible;
}

.single-post main.ht_content_wrap {
    margin-top: 94px;
}

/* Single News page 09-11-2024 */
.news_single_hero_wrap .sh_context {
    top: 131px;
    max-width: 984px;
    position: static;
    transform: none;
    margin-inline: auto;
}

.news_single_hero_wrap {
    background-color: #fff;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.news_single_hero_wrap figure {
    display: none;
}

.go_back_wrap {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-top: 46px; */
}

.go_back_wrap .go_back {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1em;
    font-weight: 500;
    /* color: var(--clarity-text); */
    color: #1B1A20;
    text-transform: uppercase;

}

.go_back_wrap .go_back a {
    display: flex;
    align-items: center;
    gap: 8px;
    /* color: var(--clarity-text); */
    color: #1B1A20;
}

.go_back_wrap .go_back .icon {
    background: url(../images/newsroom/black-Home.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: block;
}

.new_releases_wrap {
    display: flex;
    align-items: center;
    gap: 19px;
    margin-bottom: 25px;
}

.featured_tags {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    /* color: var(--attention-text); */
    color: #4592FF;
    letter-spacing: 0.083em;
    display: flex;
    align-items: center;
    gap: 19px;
    text-transform: uppercase;
}

.featured_tags .icon {
    background: url(../images/newsroom/featured-icon-yellow.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 24px;
    height: 30px;
    display: block;
}

.new_releases_wrap .tags ul li {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: normal;
    font-weight: 500;
    background-color: #36364B;
}

.news_single_hero_wrap .sh_context h1 {
    /* color: var(--clarity-text); */
    color: #1B1A20;
    margin-bottom: 36px;
}

.news_single_hero_wrap .sh_context h1 strong {
    font-weight: 600;
}

.news_single_hero_wrap .sh_context .h2 {
    text-transform: inherit;
    font-weight: 600;
    letter-spacing: normal;
    font-size: 38px;
    line-height: 45px;
}

.date {
    font-size: 12px;
    line-height: 15px;
    /* color: var(--clarity-text); */
    color: #1B1A20;
    /* opacity: 0.5; */
    display: flex;
    align-items: center;
    gap: 7px;
}

.date .icon {
    background: url(../images/newsroom/black-Clock.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 13px;
    height: 13px;
    display: block;
}

.news_single_context {
    padding-bottom: 60px;
    padding-top: 0;
}

.news_single_context .container {
    max-width: 1016px;
}

.news_single_context .context {
    background-color: var(--clarity-bg);
    border-radius: 20px 20px 0px 0px;
    /* padding: 60px 109px; */
    /* margin-top: calc(-164px + -85px); */
    position: relative;
    color: rgba(40, 47, 54, 0.8);
    font-size: 18px;
    line-height: 30px;
    min-height: 600px;
}

.news_single_context .context p:not(p:last-child) {
    margin-bottom: 36px;
}

.news_single_context .context>p:first-of-type:first-letter {
    text-transform: uppercase;
    font-size: 100px;
    font-weight: 600;
    float: left;
    line-height: 0.72;
    /* -webkit-initial-letter: 3; */
    /* initial-letter: 3; */
    /* padding-right: 7px; */
    color: var(--power-text);
    /* vertical-align: text-top; */
}

/* .news_single_context .context > ul:first-child {
    padding-left: 0;
}
.news_single_context .context > ul:first-child li:first-of-type {
    list-style-type: none;
} */
.wp-block-list {
    padding-left: 29px;
    margin-top: 0;
    margin-bottom: 36px;
    list-style-type: none;
}

.wp-block-list li {
    position: relative;
}

.wp-block-list li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    top: 13px;
    left: -17px;
    background-color: rgba(40, 47, 54, 0.8);

}

.wp-block-list li::marker {
    font-size: 13px;
    display: none;
}

figure.wp-block-image,
.wp-block-image figure {
    margin-left: -94px;
    margin-right: -94px;
    /* border: rgba(40, 47, 54, 0.15) 1px solid; */
    border-radius: 10px;
    overflow: hidden;
    margin-top: 48px;
    margin-bottom: 48px;
}

figure.wp-block-image img,
.wp-block-image figure img {
    width: 100%;
}

figcaption.wp-element-caption {
    background-color: var(--clarity-bg);
    font-size: 14px;
    line-height: 20px;
    padding: 24px 35px;
    color: rgba(40, 47, 54, 0.8);
    margin-top: 0;
    margin-bottom: 0;
    border: rgba(40, 47, 54, 0.15) 1px solid;
    border-radius: 0px 0px 10px 10px;
}

figcaption.wp-element-caption em {
    font-style: normal;
}

figcaption.wp-element-caption em .has-text-align-center {
    text-align: left;
}

.wp-block-columns figure.wp-block-image {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.wp-block-image .aligncenter {
    /* display: block !important; */
}

.wp-block-image .aligncenter figcaption.wp-element-caption {
    display: block !important;
}


.other_news_wrap {
    background-color: rgba(40, 47, 54, 0.08);
    padding-top: 50px;
    padding-bottom: 70px;
}

.other_news_wrap .titlebar {
    font-size: 21px;
    line-height: 30px;
    letter-spacing: 0.1em;
    color: rgba(40, 47, 54, 1);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.othernews_card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 67px;
    margin-top: 0;
    margin-bottom: 0;
}

.othernews_card .card {}

.othernews_card .card figure {
    height: 232px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 21px;
}

.othernews_card .card figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.othernews_card .card .date {
    position: absolute;
    top: 17px;
    right: 18px;
    color: var(--maturity-text);
    opacity: 1;
}

.othernews_card .card .date .icon {
    background: url(../images/newsroom/white-Clock-clear.svg) no-repeat;
}

.othernews_card .card h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: rgba(40, 47, 54, 1);
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}

/* Post Navigation */
.post-navigation {
    transform: translateX(110px);
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 17px;
}

.go_back_wrap .nav-links {}

.nav-links a {
    font-size: 14px;
    line-height: 18px;
    /* color: var(--clarity-text); */
    color: #1B1A20;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: inline-block;
}

.nav-links a:hover span {
    border-bottom: var(--clarity-bg) 1px solid;
}

.nav-previous a {
    background: url(../images/newsroom/white-Arrow-Left.svg) no-repeat;
    background-position: left center;
    background-size: 15px;
    padding-left: 32px;

}

.nav-next a {
    background: url(../images/newsroom/white-Arrow-Right.svg) no-repeat;
    background-position: right center;
    background-size: 15px;
    padding-right: 32px;
}

/* CTA */
.cta_wrapper {
    padding-top: 100px;
    padding-bottom: 130px;
}

.cta_row .center_heading {
    margin-bottom: 46px;
}

.cta_row .buttons {
    gap: 23px;
    display: flex;
    justify-content: center;
}

.cta_wrapper.dark_section {
    background-color: var(--lighter-black-text);
}

/* Collaborative Spirit */

.colaborative_wrapper {
    position: relative;
    padding-top: 105px;
    padding-bottom: 105px;
    background-color: #000;
}
.postid-6006 .colaborative_wrapper {
    background: #000 url(../images/collaborative.jpg) no-repeat;
    background-position: bottom right;
    background-size: 100%;
    min-height: 900px;
}
.colaborative_wrapper .overlay {
    background-color: rgba(27, 26, 32, 0.78);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.colaborative_wrapper .container {
    position: relative;
    max-width: 1044px;
    margin-inline: auto;
}

.colaborative_wrapper .center_heading .description {
    font-size: 16px;
    line-height: 32px;
    max-width: 1012px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;
}

.industries_logos {
    margin-top: 67px;
}

.industry_logo_row {
    display: flex;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    /* height: 46px; */
    gap: 10px;
    row-gap: 30px;
    flex-wrap: wrap;

}

.industry_logo_row .logo_item {
    text-align: center;
    width: 160px;
}

.industry_logo_row .logo_item img {
    height: 65px;
    object-fit: contain;
}

.industry_logo_row:last-child {
    margin-bottom: 0px;
}

/* Channel Slider */
.home_channel_slider_wrap {
    padding: 32px 0;
    background-color: #000;
    /* min-height: 900px; */
}

.home_channel_slider_wrap .container {
    max-width: 1456px;
}
.home_channel_slider_wrap .center_heading {
    margin-bottom: 60px;
    margin-top: 48px;
}
.home_channel_slider_wrap .center_heading .description {
    margin-top: 16px;
}
.home_channel_slider {
    display: flex;
    gap: 28px;
}

.home_channel_slider .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.home_channel_slider .item {
    border-radius: 12px;
    overflow: hidden;
    width: 240px;
    height: 836px;
    /* height: 640px; */
    position: relative;
    cursor: pointer;
    transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}

.home_channel_slider .item.active {
    width: 887px;
}

.home_channel_slider .item figure {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

.home_channel_slider .item figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s cubic-bezier(.605, .15, .1, 1);
}

.home_channel_slider .item:hover figure img {
    transform: scale(1.1);
}

.home_channel_slider .item .title {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #fff;
    padding: 16px 24px;
    position: absolute;
    right: 0;
    top: 33px;
    backdrop-filter: blur(100px);
    z-index: 1;
    background-color: rgb(255 255 255 / 7%);
    transform: translateX(228px);
    opacity: 0;
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(.605, .15, .1, 1);
    width: 240px;
    text-transform: uppercase;
}

.home_channel_slider .item .title {
    /* width: 249px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px; */
    text-align: center;
}

.home_channel_slider_wrap.animated-section .home_channel_slider .item .title {
    opacity: 1;
    transform: translateX(0);
}

.home_channel_slider_wrap.animated-section .home_channel_slider .item.active .title {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.home_channel_slider_wrap.animated-section .home_channel_slider .item.active .title {
    opacity: 0;
    transform: translateX(228px);
}

.home_channel_slider .item .center_heading {
    position: absolute;
    z-index: 2;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    top: 163px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    width: 600px;
}

.home_channel_slider .item.active .center_heading {
    opacity: 1;
    visibility: visible;
}

.home_channel_slider .item .bottom_context_wrap {
    position: absolute;
    bottom: 20px;
    max-width: 769px;
    left: 60px;
    right: 60px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    width: 887px;
}

.home_channel_slider .item.active .bottom_context_wrap {
    opacity: 1;
    visibility: visible;
}

.home_channel_slider .item .bottom_context {
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.22);
    /* backdrop-filter: blur(30px) brightness(115%); */
    padding: 19px 24px;
    padding-right: 30px;
    display: flex;
    align-items: center;
}

.home_channel_slider .item .bottom_context .text {
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    /* border-right: rgba(178, 178, 178, 0.31) 1px solid;
    padding-right: 28px;
    margin-right: 50px; */
}

.home_channel_slider .item .bottom_context .btn_radius i {
    background: url(../images/arrow-right-yellow.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    position: static;
    margin-left: 4px;
}

.home_channel_slider .item .lists {
    margin-bottom: 40px;
}

.home_channel_slider .item .lists ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.home_channel_slider .item .lists ul li {
    font-size: 14px;
    line-height: 20px;
    color: #B9B9B9;
    text-transform: uppercase;
    padding-left: 16px;
    position: relative;
    border-left: rgba(255, 255, 255, 0.5) 1px solid;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.home_channel_slider .item .lists ul li:hover,
.home_channel_slider .item .lists ul li.active {
    color: #FFBA00;
}

.home_channel_slider .item .lists ul li::before {
    content: "";
    border-left: rgba(255, 255, 255, 1) 3px solid;
    height: 24px;
    width: 3px;
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
}

.home_channel_slider .item .lists ul li:hover::before,
.home_channel_slider .item .lists ul li.active::before {
    border-color: #FFBA00;
}

/* Key Specifactions */
.specification_footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-top: 56px;
}

.key_specifications_wrapper .foot_notes {
    /* margin-top: 10px; */
    max-width: 530px;
    /* background-color: #000;
    border-radius: 20px;
    padding: 13px 18px; */
    /* opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    display: none; */
}

/* .key_specifications_wrapper .foot_notes.tool_open {
    opacity: 1;
    visibility: visible;
    display: block;
} */

.key_specifications_wrapper .caption {
    font-size: 8px;
    line-height: 11px;
    /* color: var(--creative-text); */
    color: #919191;
}

.key_specifications_wrapper .caption a {
    color: #919191;
    font-weight: 700;
}

.key_specifications_wrapper .caption a:hover {
    color: var(--attention-text);
}

.specification_footer .buttons {
    /* margin-top: 30px; */
    flex-shrink: 0;
}

.key_specifications {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    width: 100%;
    /* min-height: 520px; */
}

.specification_figure .product_code {
    /* margin-top: -17px; */
}

.specification_figure .product_code .subtitle {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.012em;
    color: var(--creative-text);
    font-weight: 600;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.specification_figure .product_code h3 {
    font-weight: 700;
    letter-spacing: 0.08em;
}

.specification_figure .figure {
    max-width: 480px;
    min-height: 270px;
    display: flex;
    align-items: center;
    margin-top: 26px;
    margin-bottom: 26px;
}

.specification_figure .buttons {
    display: flex;
    align-items: center;
    gap: 50px;
    line-height: 1;
    margin-bottom: 10px;
}

.specification_figure .buttons .btn_radius {
    /* font-size: 9px;
    line-height: 11px; */
}

.specification_figure .buttons .btn_radius .icon {
    margin-left: 6px;
    margin-top: 0px;
}

.specification_figure .buttons .btn_radius.btn_download.grey i {
    /* background-size: 7px;
    width: 7px;
    height: 12px; */
}

.specification_figure .buttons .btn_radius.info_btn .icon {
    margin-left: 6px;
}

.specification_figure .buttons .btn_radius.info_btn .icon i {
    background: url(../images/info.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 12px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    transform: none;
}

.specification_figure .buttons .btn_radius.info_btn:hover .icon i {
    background: url(../images/info-yellow.svg) no-repeat;
    background-position: center center;
    background-size: contain;
}

.specification_figure .buttons .disclaimer_btn {
    display: flex;
}

/* Accordion  */

.eqd-accordion {
    margin-bottom: 38px;
    /* min-height: 518px; */
    min-height: 400px;
}

.eqd-accordion__heading {
    margin-bottom: 10px;
}

.eqd-accordion__button {
    border-radius: 4px;
    padding: 11px 25px;
    font-size: 15px;
    line-height: 18px;
    font-family: 'Maven Pro';
    font-weight: 400;
    cursor: default !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 4px;
    transition: background-color 0.3s linear;
    position: relative;
    width: 100%;
    text-align: left;
    border: none;
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    gap: 8px;
}

.eqd-accordion__button:after {
    content: "";
    background: url(../images/product/gold-minus-icon.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 23px;
    top: 7.4px;
    transition: all 0.3s ease-in-out;
}

.eqd-accordion__button[aria-expanded=false] {
    cursor: pointer !important;
}

.eqd-accordion__button[aria-expanded=false]:after {
    background: url(../images/product/gold-plus-icon.svg) no-repeat;
    background-position: center center;
    background-size: contain;

}

.eqd-accordion__button .info {
    width: 15px;
    height: 15px;
    background: url(../images/product/info.svg) no-repeat;
    background-position: center center;
    background-size: contain;
}

.eqd-accordion__content {
    margin-top: 0;
    padding: 10px 0px 20px 0px;
}

.eqd-accordion__content .header_copy {
    margin-bottom: 30px;
}

.eqd-accordion__content .header_copy h4 {
    margin-bottom: 16px;
}

.eqd-accordion__content .header_copy p {
    color: #707070;
}

.eqd-accordion__content[hidden] {
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.eqd-accordion__button .info {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.eqd-accordion__button .tooltip-text {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--power-bg);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    max-width: 300px;
    text-transform: initial;
    text-align: center;
}

.eqd-accordion__button .tooltip-text::before {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: var(--power-bg) transparent transparent transparent;
}

.eqd-accordion__button .info:hover .tooltip-text,
.eqd-accordion__button .info.active .tooltip-text {
    display: block;
    white-space: unset;
    font-size: 12px;
    line-height: 14px;
    width: 275px;
}

.eqd-accordion__button .tooltip-text.adjust-left {
    left: auto;
    right: 0;
    transform: translateX(0);
}


.spec_details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
    row-gap: 26px;
    padding-left: 25px;
    padding-right: 25px;
    /* height: 293px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 30px;
    margin-right: -30px; */
}

.spec_details .item .text {
    font-size: 16px;
    line-height: 18px;
}

.spec_details .item .label {
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0.025em;
    color: #919191;
    text-transform: uppercase;
}

.spec_details .item.imu_show5250,
.spec_details .item.imu_show6000 {
    display: flex;
    flex-direction: column;
}
.spec_details .item.imu_show5250 .label,
.spec_details .item.imu_show6000 .label {
    font-size: 16px;
    line-height: 18px;
    order: 1;
    color: var(--power-text);
}
.spec_details .item.imu_show5250 .text,
.spec_details .item.imu_show6000 .text {
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0.025em;
    color: #919191;
    text-transform: uppercase;
    order: 2;
}

.other_features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    /* row-gap: 40px; */
    /* padding:20px 0px 30px; */
    /* height: 293px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 30px;
    margin-right: -30px; */
}

.certifications_tab_context .other_features {
    padding-right: 25px;
    padding-left: 25px;
}

/* width */
::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #E0E0E0;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--attention-bg);
}

.other_features .figure {
    display: block;
    text-align: center;
}

.other_features .figure img {
    height: 58px;
    width: 58px;
    object-fit: contain;
}

.other_features .figure .caption {
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: block;
    margin-top: 14px;
}

.certifications_tab_context .other_features .figure .caption {
    letter-spacing: normal;
}


/********** show_more ************/
.show_more_wrapper .paragraph {
    transition: height .6s cubic-bezier(.215, .61, .355, 1);
}

.show_more {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    cursor: pointer;
    border-radius: 36px;
    /*! background-color: #333; */
    transition: background-color 0.3s;
    border: 1px solid #ffffff;
}

.show_more i {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.show_more i::before,
.show_more i::after {
    content: "";
    position: absolute;
    background-color: #fff;
    transition: transform 0.3s, opacity 0.3s;
}

.show_more:hover {
    border-color: var(--attention-bg);
}

.show_more:hover i::before,
.show_more:hover i::after {
    background-color: var(--attention-bg);
}

.show_more i::before {
    width: 100%;
    height: 2px;
    /* Horizontal line thickness */
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: transform 1s ease-in-out;
}

.show_more i::after {
    width: 2px;
    /* Vertical line thickness */
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: transform .3s ease-in-out;
}

/* When .show_less is added */
.show_more.show_less i::after {
    /*! opacity: 0; */
    /* Hide the vertical line to create a minus sign */
    transform: rotate(-90deg);
    /* Optional for smooth transition */

}


/* Privacy Policy */
.privacy_policy_wrap {}

.privacy_policy_wrap .hero_wrapper {
    background-color: var(--power-bg);
    padding-top: 208px;
    min-height: 555px;
    padding-bottom: 228px;
}

.privacy_policy_wrap .container {
    max-width: 1155px;
}

.privacy_policy_wrap .hero_wrapper .h2 {
    color: var(--clarity-text);
    font-weight: 600;
    font-size: 38px;
    text-transform: capitalize;
    padding-left: 64px;
    letter-spacing: normal;
}

.privacy_policy_wrap .context {
    padding: 46px 109px 120px;
    border-radius: 20px 20px 0 0;
    margin-top: -211px;
    background-color: var(--clarity-bg);
    color: rgba(40, 47, 54, 0.8);
    font-size: 18px;
    line-height: 30px;
}

.privacy_policy_wrap .context>p:first-of-type:first-letter {
    text-transform: uppercase;
    font-size: 100px;
    font-weight: 600;
    float: left;
    line-height: 0.72;
    color: var(--power-text);
}

.privacy_policy_wrap .context p:not(p:last-child) {
    margin-bottom: 36px;
}

.update_date,
.published_date {
    font-size: 12px;
    line-height: 15px;
    color: var(--creative-text);
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 46px;
}

.update_date {
    background: url(../images/clock-blue-dark.svg) no-repeat;
    background-position: left center;
    background-size: 13px;
    padding-left: 20px;
}

.update_date br {
    display: none;
}


/* Play video */

.play_video {
    position: relative;
    display: inline-flex;
    align-items: center;
    /* justify-content: center; */
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    font-family: 'Maven Pro';
    letter-spacing: 0.2em;
    color: #fff;
    cursor: pointer;
}

.play_video i {
    position: relative;
    width: 45px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.play_video i::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 14px;
    border-color: transparent transparent transparent #ffba00;
}

.play_video i {
    width: 44px;
    height: 44px;
    transition: transform .6s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.play_video:hover i {
    transform: scale(1.1);
}

.play_video.pause i::before {
    content: "";
    display: flex;
    width: 5px;
    height: 20px;
    background: transparent;
    margin: 0 3px;
    border-color: #ffba00;
    border-width: 0px 5px;
}

.thankyou_page {
    padding-left: 64px;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
}

.thankyou_page .h2 {
    margin-bottom: 24px;
}

.thankyou_page p {
    margin-bottom: 36px;
}

.privacy_policy_wrap .hero_wrapper .thankyou_page .h2 {
    padding-left: 0;
}


.plus_icon_wrap {
    position: absolute;
    right: 32px;
    top: 33px;
    z-index: 1;
    display: none;
}

.plus_btn {
    width: 44px;
    height: 44px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.plus_btn span.line-01 {
    width: 44px;
    height: 1px;
    background-color: #B9B9B9;
    display: inline-block;
}

.plus_btn span.line-02 {
    height: 44px;
    width: 1px;
    background-color: #B9B9B9;
    display: inline-block;
    position: absolute;
}

/* Category blog */
.cate_blog_hero_wrap {
    height: 450px;
}

.category_blog_wrapper {}

.category_blog_wrapper .cards_wrap .card h5 {
    font-size: 14px;
    line-height: 20px;
    text-transform: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: 60px;
}

.hesai_gravity_form .gform-theme--foundation .gform_footer {
    display: inline-block;
    position: relative;
}

.hesai_gravity_form .gform-theme--framework .gform-loader {
    position: absolute;
    top: 15px;
    right: -40px;
}


.hesai_gravity_form .gform-theme--foundation .gfield.region_hesai select.gfield_select {
    /* inline-size: 300px; */
}

main.ht_content_wrap {
    overflow: hidden;
}



/* Compare images */




.compare_wrap {
    position: relative;
    width:100%;
    height: 392px;
    user-select: none;
}
.compare_wrap .image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
}
.compare_wrap .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.compare_wrap .image.left {
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}
.compare_wrap .image.right {
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}
.compare_wrap .handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    background-color: #000;
    cursor: ew-resize;
    transform: translateX(-50%);
    z-index: 10;
}
.compare_wrap .handle::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0px;
    background: #000;
    z-index: -1;
}
.compare_wrap .handle-nav-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    border: 1px solid #FFA701;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    justify-content: center;
    align-items: center;
    background-color: #000;
    z-index: 20;
    gap: 20px;
    cursor: grab;
}
.compare_wrap .handle-nav-wrap img {
width: 4px;
pointer-events: none;
}
.compare_wrap .handle-nav-wrap .left-swipe-arrow {
    margin-right: -16px;
}
.compare_wrap .handle-nav-wrap .right-swipe-arrow {}



/* Cookie popup */
.cky-consent-container .cky-consent-bar {
    box-shadow: none !important;
    padding: 30px 16px !important;
}
.cky-consent-container .cky-consent-bar .cky-notice {
    max-width: 1080px;
    width: 100%;
    margin-inline: auto;
}
.cky-notice-btn-wrapper {
    margin-left: 30px;
}
.cky-consent-container .cky-consent-bar .cky-notice .cky-title {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 6px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
}
.cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group {
    font-size: 10px;
    line-height: 20px;
}
.cky-notice-group .cky-notice-des {
    font-size: 10px;
    line-height: 20px;
    color: #fff;
    max-width: 580px;
}
.cky-notice-btn-wrapper .cky-btn {
    border-radius: 50px;
    border-width: 1px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 6px 27px;
    margin-right: 16px;
}
.cky-prefrence-btn-wrapper .cky-btn {
    text-transform: uppercase;
}
.cky-notice-btn-wrapper .cky-btn:hover,
.cky-prefrence-btn-wrapper .cky-btn:hover {
    opacity: 1;
}
.cky-notice-btn-wrapper .cky-btn.cky-btn-reject:hover,
.cky-notice-btn-wrapper .cky-btn.cky-btn-customize:hover,
.cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject:hover,
.cky-prefrence-btn-wrapper .cky-btn.cky-btn-preferences:hover {
    color: #FFA701 !important;
    border-color: #FFA701 !important;
}


.hesai_gravity_form .gform-theme--foundation .gform-grid-row {
    /* margin-inline: 0px; */
}

/* Milestone */

.category_blog_wrapper {}
.post-type-archive-milestone .category_blog_wrapper .cards_wrap .card .context .date {
    display: none;
}
.post-type-archive-milestone .category_blog_wrapper .cards_wrap .card h5 {
    min-height: auto;
    margin-bottom: 0;
}
.single-milestone main.ht_content_wrap {
    margin-top: 93px;
}
.post-type-archive-milestone .TalkToSales_wrap, 
.single-milestone .TalkToSales_wrap,
.post-type-archive-award .TalkToSales_wrap {
    display: none;
}


/* Responsive */
@media screen and (min-width:992px) {
    .for_tablet {
        display: none !important;
    }
}

@media screen and (min-width:768px) {
    .for_mobile {
        display: none !important;
    }
}

@media screen and (max-width:1469px) {
    .container {
        max-width: 1172px;
    }

    .container_fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .home_channel_slider_wrap .container {
        max-width: 1201px;
    }

    .home_channel_slider .item {
        height: 750px;
    }

    .home_channel_slider .item.active {
        width: 632px;
    }

    .home_channel_slider .item .center_heading {
        width: 100%;
    }

    .home_channel_slider .item .bottom_context_wrap {
        left: 16px;
        right: 16px;
        bottom: 32px;
        width: auto;
    }

    .home_channel_slider .item .center_heading {
        top: 140px;
    }

    /* Privacy */
    .privacy_policy_wrap .context {
        padding: 46px 60px 120px;
    }

    .post-navigation {
        transform: translateX(90px);
    }

}

@media screen and (max-width:1199px) {
    .container {
        max-width: 982px;
    }

    .home_channel_slider_wrap .container,
    .privacy_policy_wrap .container,
    .news_single_context .container {
        max-width: 982px;
    }

    .single-post main.ht_content_wrap {
        margin-top: 70px;
    }

    .home_channel_slider_wrap {
        min-height: auto;
    }

    .home_channel_slider {
        gap: 16px;
    }

    .home_channel_slider .item {
        width: 188px;
    }

    .home_channel_slider .item .title {
        font-size: 13px;
        line-height: 20px;
        padding: 16px 16px;
        letter-spacing: 0.025em;
        width: 188px;
    }

    .home_channel_slider .item.active {
        width: 548px;
    }

    .home_channel_slider .item .lists ul {
        justify-content: center;
    }

    .home_channel_slider .item .lists ul li {
        width: 194px;
    }

    .home_channel_slider .center_heading .tagline {
        font-size: 14px;
        line-height: 18px;
    }

    .home_channel_slider .center_heading .heading {
        font-size: 28px;
        line-height: 32px;
    }

    .home_channel_slider .item {
        height: 680px;
    }


    .privacy_policy_wrap .hero_wrapper {
        padding-top: 128px;
        min-height: 355px;
        padding-bottom: 128px;
    }

    .privacy_policy_wrap .context {
        padding: 46px 46px 60px;
        margin-top: -111px;
    }

    .news_single_context .context {
        /* padding: 46px 46px 60px; */
    }

    .news_single_hero_wrap .sh_context {
        max-width: 982px;
        padding-inline: 16px;
    }

    figure.wp-block-image,
    .wp-block-image figure {
        margin-left: -16px;
        margin-right: -16px;
    }

    .othernews_card {
        gap: 16px;
    }

    .post-navigation {
        transform: translateX(0px);
    }

    .cta_wrapper {
        padding-bottom: 100px;
    }

    .center_heading .tagline.fs-24,
    .hesai_hero_wrap .center_heading .tagline {
        font-size: 16px;
    }

    .center_heading .heading.fs-45,
    .hesai_hero_wrap .center_heading .heading {
        font-size: 36px;
        line-height: 45px;
    }

    .plus_icon_wrap {
        display: block;
    }
    .compare_wrap {
        height: 350px;
    }

    .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group {
        flex-direction: column;
        row-gap: 20px;
        align-items: flex-start;
    }
    .cky-notice-group .cky-notice-des {
        max-width: 100%;
    }
    .cky-notice-btn-wrapper {
        justify-content: flex-start;
    }
    .cky-notice-btn-wrapper {
        margin-left: 0px !important;
    }
    .cky-consent-container .cky-consent-bar .cky-notice {
        max-width: 720px;
    }

    .single-milestone main.ht_content_wrap {
        margin-top: 70px;
    }


}

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

    .container,
    .privacy_policy_wrap .container,
    .news_single_context .container {
        max-width: 752px;
    }

    h1,
    .h1 {
        font-size: 36px;
        line-height: 46px;
    }

    /* .center_heading .tagline.fs-24 {
        font-size: 16px;
    }
    .center_heading .heading.fs-45 {
        font-size: 36px;
        line-height: 45px;
    } */
    .center_heading .tagline,
    .center_heading .tagline.fs-24 {
        font-size: 14px;
        line-height: 22px;
    }

    .center_heading .heading,
    .center_heading .heading.fs-45 {
        font-size: 28px;
        line-height: 32px;
    }

    .center_heading .description {
        font-size: 14px;
        line-height: 22px;
    }

    .home_channel_slider_wrap .container {
        max-width: 752px;
    }

    .home_channel_slider .item .bottom_context_wrap {
        left: 0;
        right: 0;
        bottom: 0;
    }

    .home_channel_slider .item .bottom_context {
        flex-direction: column;
        padding: 20px;
        padding-right: 20px;
    }

    .home_channel_slider .item .lists ul {
        gap: 16px;
        row-gap: 28px;
    }

    .home_channel_slider .item .lists ul li {
        width: 150px;
    }

    .home_channel_slider .item .title {
        width: 170px;
        padding: 16px 14px;
    }

    .home_channel_slider .item.active {
        width: 384px;
    }

    .home_channel_slider .center_heading .tagline {
        font-size: 11px;
        line-height: 14px;
        letter-spacing: 0.05em;
    }

    .home_channel_slider .center_heading .heading {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.05em;
    }

    .industry_logo_row {
        grid-template-columns: repeat(4, 1fr);
        height: auto;
    }

    .home_product_slider_wrap .customize-tools .controls {
        /* width: 777px;
        left: 50%;
        transform: translateX(-50%); */
    }

    .customize-tools .controls li {
        width: 90px;
    }


    .other_features {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .spec_details .item .text {
        font-size: 14px;
        line-height: 20px;
    }
    .spec_details .item.imu_show5250 .label, 
    .spec_details .item.imu_show6000 .label {
        font-size: 14px;
        line-height: 20px;
    }
    .spec_details .item.imu_show5250 .text, .spec_details .item.imu_show6000 .text {
        line-height: 16px;
    }

    .spec_details .item .label {
        /* font-size: 12px; */
        line-height: 16px;
    }

    .other_features .figure img {
        height: 36px;
        width: 36px;
    }

    .other_features .figure .caption {
        font-size: 9px;
        margin-top: 8px;
    }

    .thankyou_page {
        padding-left: 0px;
    }

    .news_single_hero_wrap .sh_context {
        max-width: 752px;
        padding-inline: 16px;
    }

    .post-navigation {
        transform: translateX(0px);
    }

    .hesai_hero_wrap .center_heading .tagline {
        font-size: 16px;
    }

    .hesai_hero_wrap .center_heading .heading {
        font-size: 36px;
    }

    .tags ul li {
        font-size: 12px;
        line-height: 16px;
    }

    .category_blog_wrapper .cards_wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .compare_wrap {
        height: 280px;
    }
}

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

    h1,
    .h1 {
        font-size: 36px;
        line-height: 45px;
    }

    h2,
    .h2 {
        font-size: 28px;
        line-height: 34px;
    }

    h3,
    .h3 {
        font-size: 24px;
        line-height: 28px;
    }

    h4,
    .h4 {
        font-size: 20px;
        line-height: 24px;
    }

    h5,
    .h5 {
        font-size: 15px;
    }

    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .fs-18 {
        font-size: 16px;
    }

    .lh-30 {
        line-height: 28px;
    }

    .container,
    .privacy_policy_wrap .container,
    .news_single_context .container {
        max-width: 540px;
    }

    main.ht_content_wrap {
        margin-top: 70px;
    }

    .for_desktop {
        display: none !important;
    }

    .btn_radius {
        padding: 12px 24px;
    }

    .hesai_hero_wrap {
        /* height: calc(100vh - 70px); */
    }

    .home_channel_slider {
        flex-direction: column;
        gap: 22px;
    }

    .home_channel_slider .item {
        width: 100%;
        height: 110px;
    }

    .home_channel_slider .item.active {
        width: 100%;
        height: 640px;
    }

    .home_channel_slider .item .title {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        transform: none;
        backdrop-filter: none;
        right: auto;
        left: 14px;
        font-size: 15px;
        line-height: 21px;
        top: 34px;
        width: 55%;
        text-align: left;
    }

    .home_channel_slider .item .center_heading {
        top: 50px;
    }

    .home_channel_slider .item .lists ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .home_channel_slider .item .bottom_context {
        padding: 24px 14px;
    }

    .home_channel_slider .item .bottom_context_wrap {
        left: 0;
        right: 0;
        bottom: 0;
    }

    .home_channel_slider .item .lists {
        padding-inline: 16px;
        margin-bottom: 28px;
    }

    .center_heading .tagline,
    .hesai_hero_wrap .center_heading .tagline,
    .center_heading .tagline.fs-24 {
        font-size: 14px;
        line-height: 22px;
    }

    .hesai_hero_wrap .center_heading .heading,
    .center_heading .heading {
        font-size: 24px;
        line-height: 34px;
    }

    .home_channel_slider .item .bottom_context .title {
        position: static;
        padding: 0;
        width: 100%;
        text-align: left;
        background-color: transparent;
        margin-bottom: 24px;
    }

    .home_channel_slider .item.active figure+.title {
        display: none;
    }

    .home_channel_slider .item.active .plus_icon_wrap {
        display: none;
    }

    .home_channel_slider .center_heading .tagline {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.1em;
    }

    .home_channel_slider .center_heading .heading {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0.1em;
    }


    .cta_wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .cta_row .center_heading {
        margin-bottom: 36px;
    }


    .privacy_policy_wrap .hero_wrapper .h2 {
        font-size: 28px;
        line-height: 38px;
        padding-left: 0px;
    }

    .privacy_policy_wrap .context {
        padding: 36px 26px 60px;
    }

    .update_date,
    .published_date {
        margin-bottom: 26px;
    }

    .industry_logo_row {
        grid-template-columns: repeat(3, 1fr);
    }

    .customize-tools .controls {
        top: 0;
    }

    .home_product_slider_wrap .customize-tools .controls {
        /* width: 100%;
        left: auto;
        transform:none; */
        top: 5px;
    }

    .news_single_context .context {
        /* padding: 36px 26px 60px; */
    }

    figure.wp-block-image,
    .wp-block-image figure {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 28px;
        margin-bottom: 28px;
    }

    figcaption.wp-element-caption {
        padding: 16px;
    }

    .new_releases_wrap {
        align-items: flex-start;
        flex-direction: column;
    }

    .news_single_hero_wrap .sh_context .h2 {
        font-size: 28px;
        line-height: 35px;
    }

    .go_back_wrap {
        margin-top: 0;
    }

    .othernews_card {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 32px;
    }

    .news_single_context .context {
        font-size: 16px;
        line-height: 28px;
    }

    .news_single_context .context p:not(p:last-child) {
        margin-bottom: 24px;
    }

    .hesai_hero_wrap .sh_context {
        /* top: 40%;
        transform: translate(-50%, -50%); */
    }

    .news_single_hero_wrap .sh_context {
        top: 100px;
        transform: none;
        max-width: 540px;
    }

    .news_single_hero_wrap {
        padding-top: 40px;
    }

    .key_specifications_wrapper {
        padding-bottom: 60px;
    }

    .key_specifications {
        grid-template-columns: 100%;
    }

    .specification_figure {
        margin-bottom: 22px;
    }

    .specification_figure .figure {
        max-width: 100%;
        /* min-height: 270px; */
        min-height: auto;
    }

    .eqd-accordion {
        min-height: auto;
        margin-bottom: 0;
    }

    .specification_footer {
        flex-direction: column;
        gap: 40px;
    }

    .specification_footer .buttons {
        text-align: center;
        width: 100%;
    }

    .cate_blog_hero_wrap {
        height: 50vh;
    }

    /* .industry_logo_row .logo_item {
        width: 160px;
    }
    .industry_logo_row .logo_item img {
        height: 48px;
    } */

    .compare_wrap {
        height: 200px;
    }


}

@media screen and (max-width:539px) {
    .cta_row .buttons {
        flex-wrap: wrap;
        gap: 16px;
    }

    .cta_row .buttons .btn_radius {
        max-width: 238px;
        width: 100%;
    }

    .privacy_policy_wrap .hero_wrapper {
        padding-top: 88px;
        min-height: 255px;
        padding-bottom: 104px;
    }

    .privacy_policy_wrap .context {
        margin-top: -80px;
    }

    .industry_logo_row {
        grid-template-columns: repeat(2, 1fr);
    }

    .news_single_hero_wrap .sh_context .h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .go_back_wrap .go_back {
        font-size: 12px;
        letter-spacing: 0.05em;
    }

    .nav-links a {
        font-size: 12px;
        letter-spacing: 0.05em;
    }

    .category_blog_wrapper .cards_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    .compare_wrap {
        height: 180px;
    }
    .hesai_gravity_form .gform-theme--foundation .gform_footer {
        display: block;
    }
}

@media screen and (min-width: 1024px) and (max-height: 768px) {
    body {
        font-size: 11px;
        line-height: 16px;
    }

    section {
        padding-top: 38px;
        padding-bottom: 38px;
    }

    .center_heading .heading.fs-45,
    .hesai_hero_wrap .center_heading .heading,
    .center_heading .heading {
        font-size: 25px;
        line-height: 40px;
    }

}
.site_brand img {
    padding-top: 20px;
    padding-left: 20px;
}
.ht_faq {
    padding-top: 46px;
    padding-bottom: 200px;
}
ul.faq,
ul.faq li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #000;
  background-color: #fff;
}

ul.faq button {
  margin: 0;
  margin-top: 16px;
  padding: 4px 8px;
  font-weight: bold;
  font-size: 110%;
  border: none;
  background-color: transparent;
  border-radius: 5px;
  color: #000;
}

ul.faq div.desc {
  margin: 0;
  margin-top: 0.25em;
  margin-left: 1em;
  padding: 0.5em;
  font-size: 110%;
  display: none;
  background-color: #fed;
}

ul.faq button:hover,
ul.faq button:focus {
  padding: 2px 6px;
  background-color: #def;
  border: 2px solid #005a9c;
  cursor: pointer;
}

ul.faq button[aria-expanded="false"]::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' style='forced-color-adjust: auto;'%3E%3Cpolygon points='1 1, 1 11, 8 6' fill='currentcolor' stroke= 'currentcolor' /%3E%3C/svg%3E%0A");
  position: relative;
  left: -2px;
}

ul.faq button[aria-expanded="true"]::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' style='forced-color-adjust: auto;'%3E%3Cpolygon points='1 1, 11 1, 6 8' fill='currentcolor' stroke= 'currentcolor' /%3E%3C/svg%3E ");
  position: relative;
  left: -4px;
  top: 2px;
}
@media screen and (min-width: 850px) {
    .large-9 {
        flex-basis: 75%;
        max-width: 75%;
    }
}
.col, .columns, .gallery-item {
    margin: 0;
    padding: 0 15px 30px;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 850px) {
    .large-3 {
        flex-basis: 25%;
        max-width: 25%;
    }
}
.all_content {
    display: flex;
}
/* Sidebar TOC đẹp hơn */
.toc-sidebar {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 16px 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  position: sticky;
  top: 20px; /* giữ TOC đứng yên khi cuộn */
}

.toc-sidebar h4 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #444;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 6px;
}

.faq-toc {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.faq-toc li {
  margin: 6px 0;
}

.faq-toc a {
  display: block;
  font-size: 0.95rem;
  color: #0073aa;
  text-decoration: none;
  padding: 6px 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.faq-toc a:hover {
  background: #f5f9ff;
  color: #005177;
}

.switch Select {color: #ffffff;}

.hesai_hero_wrap_faq {
    background-color: #000;
    height: 80vh;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}
.nhomfaqs {
    display: flex;
    column-gap: 20px;
}

.trip-price-highlight {
    font-size: 26px;
    font-weight: 700;
    color: #d62828; /* đỏ nổi bật */
    background: #fef3c7; /* nền vàng nhạt */
    padding: 10px 20px;
    border: 2px solid #d62828;
    border-radius: 8px;
    display: inline-block;
    margin-top: 0px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}
.wpte-gallery-wrapper__multi-banners {
    margin: 0 0 0px !important; 
}

.job-post {
    padding-top: 118px !important;
}
.hesai_form_wrap .wpcf7 {
    border: 1px solid #40403c;
    border-radius: 20px;
}

.trip-content-area .content-area  {
    width: 67%;
}

#secondary.widget-area {
  position: sticky;
  top: 20px;        /* khoảng cách tới mép trên */
  align-self: start; /* nếu dùng flex/grid */
  
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.desk_navbar {display: none}
}

.switch option {
   background:#000 !important;
}
@media screen and (max-width: 767px) {
    .desk_navbar {
        display: none;
    }
}
@media screen and (max-width: 1199px) {
     .desk_navbar {
        display: none;
    }
}

.download {
    font-size: 1.4rem;
    line-height: 100%;
    letter-spacing: normal;
    font-weight: 700;
    border-radius: 5px;
    min-width: unset;
    background: transparent;
    color: #307A55;
    border-color: #307A55;
    border-width: 2px;
    padding: 4px 24px;
    box-shadow: none;
    border: 1px solid;
}