h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}
html {
    font-size: 16px; /* Default base font size */
}
#main_countedown_1 .element_conteiner {
    min-width: auto;
}
@media (max-width: 1200px) {
    html {
        font-size:16px; /* Smaller font size for medium screens */
    }
}

@media (max-width: 768px) {
    html {
        font-size: 16px; /* Even smaller font size for small screens */
    }
}

@media (max-width: 480px) {
    html {
        font-size: 16px; /* Smallest font size for mobile */
    }
}
/* .header-content
{
    position: absolute;
     width: 1610px;
     margin:0 auto;
} */
 .__large-image .title
 {
    left: 11%;
 }
 @media only screen and (max-width:2069px)
 {
    .__large-image .title{
         left: 5%;

    }
       
 }
  @media only screen and (max-width:650px)
 {
    .__large-image .title{
         left: 0;

    }
       
 }
  @media only screen and (max-width:2069px)
 {
 .__large-image .videoBox
 {
    height: 48rem;
 }}
.content-Title {
   text-align: left;
}
.content-Title .__f-h1.fntz {
    text-align: left;
    max-width: 402px;
}
.content-Title .__f-h1.fntz
{
    font-size: .24rem;
    letter-spacing: 0;
}
.content-Title .__f-h1.fntz em
{
    font-style:normal;
}
.box-image
{
        margin: 41px 6px 7px !important;
}
.box-image img {
    /* height: 2.5rem; */
    /* width: 2.6rem; */
    padding: 0;
   
}
.flex-nowrap
{
    flex-wrap: nowrap!important;
}
.flex-nowrap .row
{
    flex-wrap: wrap!important;
}
.p-md-2s {
    padding: 0.2rem !important;
}
.beautiful-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: var(--100vh);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.beautiful-box .beautiful--wrap {
    overflow: hidden;
    padding: 0 .24rem;
    position: relative;
}
.only-pc-block {
    display: block !important;
}
.beautiful-box ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.beautiful-box ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.imagecoverf
{
    overflow: hidden;
    position: relative;
}
.beautiful-box ul li.multi .imgsmall {
    height: 2.83rem;
    width: 2.95rem;
}
.beautiful-box ul li.multi .imgmid+.imgsmall, .beautiful-box ul li.multi .imgsmall+.imgmid {
    margin-left: .24rem;
}
.beautiful-box ul li.multi .imglarge {
    height: 4.18rem;
    width: 7.38rem;
}
.beautiful-box ul li.singular {
    width: 7.25rem;
}
.beautiful-box ul li.singular .big {
    height: 7.25rem;
    width: 7.25rem;
}
.configuration-box .item {
    -webkit-backdrop-filter: blur(.1rem);
    backdrop-filter: blur(.1rem);
    background-color: #fffc;
    border-radius: 13px;
    -webkit-box-shadow: 0 .06rem .18rem rgba(0, 0, 0, .15);
    box-shadow: 0 .06rem .18rem #00000026;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: auto;
    margin: 0 33px 15px;
    padding: 60px 66px 60px;
    text-align: center;

}
.configuration-box .swiper-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.configuration-box .bg {
    height: auto;
    left: 0;
    top: 0;
    width: 100%;
}
.configuration-box .item .name {
    color: #333d4f;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 37px;
}
.configuration-box .item .desc {
    border-top: 1px solid #333d4f4a;
    color: #333d4f;
    font-size: 24px;
    line-height: 35px;
    padding-top: 26px;
}
.configuration-box .list-box-swipe {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
}
.configuration-box .list-box.just-center .swiper .swiper-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.container.container-lg {
    width: 90%;
    max-width: 1600px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.__f-h1
{
    font-size: 52px;
    line-height: 1.7;
    text-align: center;
}
.video-image-text--box .text-container.right .car-name, .video-image-text--box .text-container.right .title, .video-image-text--box .text-container.right h4 {
    text-align: right;
}
.video-image-text--box .text-container.right {
    right: 1.2rem;
    text-align: right;
}
.content-Title  .__f-h1.fntz {
    font-size: 32px;
    display: block;
}
.swiper-image-text-box {
    height: 100%;
    position: relative;
}
.swiper-image-text-box .tabs-list {
    --var-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .4) 50%, transparent);
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4) 50%, transparent);
    bottom:53px;
    color: var(--var-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    padding: 53px 160px 133px;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(.2rem);
    transform: translateY(.2rem);
    z-index: 2;
}
.swiper-image-text-box .tabs-list li {
    border-bottom: .02rem solid;
    border-color: var(--var-color);
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .6rem;
    position: relative;
}
.swiper-image-text-box .tabs-list li.active
{
    opacity:1;
}
.swiper-image-text-box .tabs-list li
{
    opacity:0.5;
    transition:0.3s;
}
.swiper-image-text-box .tabs-list li:hover
{
    opacity:1;
}
.swiper-image-text-box .tabs-list li .nav-content, .swiper-image-text-box .tabs-list li .nav-item {
    color: var(--var-color);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    left: 0;
    padding: 0 .2rem;
    position: absolute;
}
.swiper-image-text-box .tabs-list li .nav-content,
.swiper-image-text-box .tabs-list li .nav-content p {
    font-size: 25px;
    line-height: 37px;
    top: .8rem;
    color:#fff;
}
.swiper-image-text-box .tabs-list li .nav-content p em{
    font-style:normal;
    white-space: nowrap;
}
.video-image-text--box {
    height: 85vh;
    position: relative;
}
.video-image-text--box .text-container {
    color: #fff;
    position: absolute;
    -webkit-transform: translateY(.2rem);
    transform: translateY(.2rem);
    z-index: 2;
}
.video-image-text--box .text-container.center {
    text-align: center;
    width: 100%;
    color: #fff;
    position: absolute;
    -webkit-transform: translateY(.2rem);
    transform: translateY(.2rem);
    z-index: 2;
    top: 1.2rem;
}
.video-image-text--box .text-container.center, .video-image-text--box .text-container.left, .video-image-text--box .text-container.right
{
    top:160px;
}
.video-image-text--box .text-container.center {
    text-align: center;
    width: 100%;
}
.video-image-text--box .text-container .car-name, .video-image-text--box .text-container .title, .video-image-text--box .text-container h4 {
    font-family: PingFangSC-Semibold;
    font-size: 4rem;
    line-height: 65px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    color:#fff;
}
.video-image-text--box .text-container .desc, .video-image-text--box .text-container .txt, .video-image-text--box .text-container h6 {
    font-family: PingFangSC-Light;
    font-size: 2rem;
    font-weight: 200;
    line-height: 45px;
    color:#fff;
}
.swiper-image-text-box .slide-item img {
    -o-object-fit: cover;
    object-fit: cover;
    object-position: bottom;
}
.video-image-text--box img, .video-image-text--box video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
.swiper-image-text-box .slide-item img {
    -o-object-fit: cover;
    object-fit: cover;
    filter: brightness(.8);
}
.swiper-image-text-box .tabs-list li
{
        /* border-bottom: .02rem solid; */
        border-color: #fff;
        cursor: pointer;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 80px;
        position: relative;
}
.swiper-image-text-box .tabs-list li+li {
    margin-left: 40px;
}
.swiper-image-text-box .tabs-list li .nav-content, .swiper-image-text-box .tabs-list li .nav-item {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    left: 0;
    padding: 0 10px;
    position: absolute;
    font-size: 32px;
}
.swiper-image-text-box .tabs-list li .nav-content {
    font-size: 24px;
    line-height: 28px;
    top: 18px;   
    line-height: 33px;
    top: 106px;
}
.gallery-block .box-image-hover:after
{
background: none;
}
.gallery-block .row .col-6
{
    margin:0 13px 22px 0;
}
.configuration-box .swiper-container
{
    overflow: visible;
}
.configuration-box .item
{
 max-width: 600px;
}
.mobile-tabs-list, .tabs-content-mobile
{
display:none!important;
}
@media only screen and (max-width:1500px)
{
    .swiper-image-text-box .tabs-list li .nav-content, .swiper-image-text-box .tabs-list li .nav-content p {
        font-size: 17px;
        line-height: 19px;
    }
    .swiper-image-text-box .tabs-list li .nav-content, .swiper-image-text-box .tabs-list li .nav-item
    {
        padding: 0 2%;
        line-height: 23px;
    }
    .swiper-image-text-box .tabs-list li .nav-content
    {
        top: 52px;
    }
    .swiper-image-text-box .tabs-list li
    {
        height: 44px;
    }
    }
@media only screen and (max-width:1500px)
{
    .swiper-image-text-box .tabs-list li .nav-content, .swiper-image-text-box .tabs-list li .nav-item{
    font-size: 1.5em;
    line-height: 1.3rem;
    }
    .video-image-text--box .text-container .car-name, .video-image-text--box .text-container .title, .video-image-text--box .text-container h4
    {
        font-size: 30px;
    }
    .video-image-text--box .text-container .desc, .video-image-text--box .text-container .txt, .video-image-text--box .text-container h6
    {
        font-size:20px;
        line-height: 30px;
    }
    .swiper-image-text-box .tabs-list
    {
        padding: 53px 2% 100px;
    }

}
@media only screen and (max-width:780px)
{
.desktop-tabs-list
    {
        display:none!important;;
    }
    .swiper-image-text-box .tabs-list li .nav-content.only-pc-block {
        display: none !important;
    }
    .mobile-tabs-list
{
display:flex!important;;
}
.tabs-content-mobile
{
display:block!important;
}
#nav-content-mobile-list2{
    display: none;
}
#nav-content-mobile-sec-list2{
    display: none;
}
.tabs-content-mobile {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 7px;
    z-index: 10;
    color: #fff;
    padding: 10px;
}
.tabs-content-mobile p {
          font-size: 17px;
        line-height: 26px;
    color: #fff;
    font-family: Neo-Sans-Cyr-Regular !important;
}
    .swiper-image-text-box .tabs-list
    {
        bottom: 124px;
    }
    .swiper-image-text-box .tabs-list li .nav-content, .swiper-image-text-box .tabs-list li .nav-content p {
        font-size: 14px;}
    .video-image-text--box {
        height: 65vh;
    }
    .content-Title .__f-h1.fntz {
        font-size: 21px;
    }
    .__f-h1 {
        font-size: 41px;
    line-height: 1.2em;
    }
    .swiper-image-text-box .tabs-list li .nav-content, .swiper-image-text-box .tabs-list li .nav-item {
       font-size: 1.2rem;
        line-height: 1rem;
    }
    .video-image-text--box .text-container.center, .video-image-text--box .text-container.left, .video-image-text--box .text-container.right {
        top: 9px;
    }
    .swiper-image-text-box .tabs-list
    {
        padding: 20px;
    }
    .video-image-text--box .text-container .desc, .video-image-text--box .text-container .txt, .video-image-text--box .text-container h6 {
        font-size: 16px;
        line-height: 22px;
    }
    .video-image-text--box .text-container.right .car-name, .video-image-text--box .text-container.right .title, .video-image-text--box .text-container.right h4
    {
        margin: 0;
    }
    .gallery-block .row .col-6 {
        margin: 0 13px 2px 0;
    }
    .configuration-box .item .name {
       
        font-size: 16px;
    }
    .configuration-box .item .desc
    {
        font-size: 17px;
        line-height: 26px;
    }
    .configuration-box .item
    {
        margin: 0 5px 15px;
        padding: 10px 5px;
    }
    .configuration-box .list-box-swipe
    {
        padding: 10px;
    }
    .configuration-box .item .name
    {
        margin-bottom: 10px;
    }
    .configuration-box .item
    {
        padding:5px;
    }
}

#main_countedown_1 .countdown {
    text-align: left!important;
}
@media only screen and (max-width:650px)
{
    .swiper-image-text-box .tabs-list {
        padding: 7px;
    }
    .configuration-box .item {
        max-width: 100%;
        width: 100% !important;
        padding: 10px 5px;
    }
        .__large-image .videoBox {
              height: 17rem;
        background-position: 73% 0;
    }
        .__large-image .title {
           font-size: 2.5rem;
        top: 14rem;
        background: #183d50;
        padding: 6px 0 0;
                width: 100%;
    }
        .__large-image {
        background-color: #000;
               min-height: 406px !important;
    }
        .__f-h1 {
             font-size: 26px;
    }
    .content-Title .__f-h1.fntz em
{
   font-size:12px;
           display: block;
}
.__skew-button {
        font-size: 14px;
    }
    .content-Title  .__f-h1.fntz, .content-Title
    {
text-align: center;
    }
    .content_countdown {
    z-index: 9999;
    position: RELATIVE;
}
#main_countedown_1 .countdown {
    text-align: center!important;
}
}