/*<!-- ////////////////////////////// -->*/

.events-hd{
    line-height: 1.3;color: #3b89db;display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.events-p{
  padding-top: 2px;display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.events-d{
  padding-top: 2px;display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiper-event {
        width: 100%;
        height: 50%;
        /*margin: 90px;*/
        /*margin-left:-40px;*/
        /*margin: 20px;*/
        
        /*ma*/
      }

      .swiper-slide-event {

        text-align: center;
        /*border: 1px solid red;*/
        height: 450px !important;
        margin-top: 0px !important;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
      
      .swiper-wrapper-event{
           /*padding-top: 60px;*/
      } 
      .swiper-slide-event img {

        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }



  /*////////////////////////////////////*/
.swiper {
position: absolute !important;
top: 0 !important;
width: 100% !important;
background:white !important;
height:100% !important;
}

.swiper-slide{
z-index: 3;
height:100% !important;
background:transparent !important;
text-align: center;
font-size: 18px;
}
.slider-container{
	width: 100%;
   height: 100% !important;
   position: absolute;
   left: 0;
   right: 0;
}

.slider-container-row {
/*left:13px;*/
/*border:2px solid black;*/
width: 100% !important;
height:100% !important;
/*display: -webkit-box;*/
/*display: -ms-flexbox;*/
/*display: -webkit-flex;*/
/*display: flex;*/
/*-webkit-box-pack: center;*/
/*-ms-flex-pack: center;*/
/*-webkit-justify-content: center;*/
justify-content: center;
/*-webkit-box-align: center;*/
/*-ms-flex-align: center;*/
/*-webkit-align-items: center;*/
/*align-items: center;*/
}

.model-name-h{
	position: relative;
	top:12vh;
  /*height:400px;*/
}

.model-sec-event{
	position: relative;
	top:4vh;
}

.custom-size{
	position:absolute;
    bottom:40px;
}





@media only screen and (min-width:1px) and (max-width:520px){

  .slider-container{
  	width: 100%;
   height: 100% !important;
   position: absolute;
   left: 15px;
   right: 0;
}

.slider-container-row {
/*left:53px;*/
/*margin-left:0px;*/
/*border:2px solid black;*/
/*position: relative;*/
/*top:0;*/
width: 100% !important;
height:100% !important;
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}

.custom-size{
	position:absolute;
    bottom:40px;
    /*border: 2px solid red;*/
}
}

.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
right: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}



.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}

.sidenav:hover {
background:#f2f2f2;
}

.sidenav a:hover {
text-decoration: none !important;
}

.sidenav .closebtn {
position: absolute;
top: 20px;
right: 25px;
font-size: 36px;
margin-left: 50px;
}


/*/////////////////////////////*/

    
      .plus1 i{
           border: 3px solid black;
           padding: 10px;
           border-radius:50px;
           background:;
      }
      .plus1 i:hover{
           border: 3px solid black;
           padding: 10px;
           color: white !important;
           border-radius:50px;
           background:black;
      }




/*////////////////////////////////////////////*/

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}

}

.bd-imgg4{
background-image:url('../../images/32584793_916282411876850_2097293665201291264_n.jpg') !important;
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}

.bd-imgg1{
background-image:url('../../images/changan/15151.png') !important;
background-repeat: no-repeat;
width:100%;
height:100vh !important;
background-size: cover;
background-position: center;
}


.bd-imgg5{
background-image:url('../../images/mechanic.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}



.btn-1{
background: transparent !important; 
width: 250px !important;
border-radius:20px !important;
background:#0009 !important;
border:none !important;
}

.btn-1 a{ color: white !important;
  text-decoration: none !important;
 }
 .btn-1 a:hover{
  text-decoration:none !important;
 }

.btn-2{
background:transparent !important;
width: 250px !important;
border-radius:20px !important;
background:#1111 !important;
border:none !important;
color:black !important;
}

.btn-2 a{
  color: black !important;
}

@media only screen and (min-width:1px) and (max-width:520px){
.display-mb{
display: none !important;
}
.bd-imgg{
background-image:url('../../images/M3-Homepage-M.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;}

.bd-imgg1{
background-image:url('../../images/Mobile-ModelY.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;}

.bd-imgg2{
background-image:url('../../images/ms-homepage-mobile.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;}

.bd-imgg3{
background-image:url('../../images/ModelX-Homepage-M.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;}

.bd-model-3{
    background-image:url('../../images/model-3-main-hero-a-desktop.jpg');
    background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}

.hide-menu{
display: none !important;
}

.header-inner{
position: relative;
}

.menu-on-right{
position: absolute;
margin-top:10px !important;
left:70vw;
/*background:#0001;*/
height: 40px;
width: 77px;
margin-left: 5px;
border-radius: 10px;
}

.logo-default{
position: absolute;
top:0px;
left:-25px;
}

.right-list{
cursor: pointer !important;
margin-top: -10px;
/*margin-left: 15px;*/
/*font-size:20px !important;*/
right: 5% !important;
}


.btn-1{
background: transparent !important; 
width: 100% !important;
height: 48px;
border-radius:20px !important;
background:#0009 !important;
border:none !important;
}

.btn-2{
margin-top: 10px !important;
height: 48px;
background:transparent !important;
width: 100% !important;
border-radius:20px !important;
background:#1111 !important;
border:none !important;
color:black !important;
/*margin-left: -80px;*/
}

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

.transparant_bg{
	background: rgba(255,255,255,0.4);
}
.fadeInUp2{
	display: none;
}
.fadeInUp3{
	display: none;
}
.fadeInUp1{
	display: none;
}
.fadeInUp {

-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 0s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;

-moz-animation-duration: 2s;
-moz-animation-delay: 0s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;

-o-animation-duration: 2s;
-o-animation-delay: 0s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;

animation-duration: 2s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode: both;
}

@-Webkit-keyframes fadeInUp {
	0% {
	    opacity: 0;
	    -moz-transform: translateY(20px);
	}
}
.first-model-bd-img{
background-image:url('../../upload/Oshan-new-kv Aug2024200824054018-drive.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}



.second-model-bd-img{
background-image:url('../../upload/alsvin-new-product-page-banner1080925114420-drive.jpg') !important;
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}



.third-model-bd-img{
background-image:url('../../upload/karvaan-plus-banner-3220825044319-drive.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}
.fourth-model-bd-img{
background-image:url('../../upload/sherpa130222044644-drive.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}


    .about-changan-bg-img{
    background-image:url(../../upload/Alsvin - Part III130222010702-drive.jpg);
    background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
    }
  

    .changan-quality-bg-img{
    background-image:url(../../upload/Alsvin - Part III130222010702-drive.jpg);
    background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
    }
  


/*//////////////////product/////////////////*/
.bg-img-half{
        background-image:url('../../images/alsvin/page3.jpg')!important;background-repeat: no-repeat;
        width:100%;height:65vh !important;
        background-size: cover;background-position: center;
        /*margin-top: */
       }
       .bg-img-half-sec3{
         background-image:url('../../images/alsvin/page4.jpg')!important;background-repeat: no-repeat;
        width:100%;height:65vh !important;
        background-size: cover;background-position: center;
        /*margin-top: */
       }

       .bg-img-half-sec4{
         background-image:url('../../images/alsvin/page5.jpg')!important;background-repeat: no-repeat;
        width:100%;height:100vh !important;
        background-size: cover;background-position: center;
        /*margin-top: */
       }

       .bg-img-half-sec5{
         background-image:url('../../images/alsvin/Steering-Wheel-Multi-Functional.jpg')!important;background-repeat: no-repeat;
        width:100%;height:65vh !important;
        background-size: cover;background-position: center;
        /*margin-top: */
       } 

       .bd-model-3{
         background-image:url('../../images/1974648061.jpg')!important;background-repeat: no-repeat;
        width:100%;height:100vh !important;
        background-size: cover;background-position: center;
        /*margin-top: */
       } 

       /*////////////////////////////////*/

/*mobile responsive*/

@media only screen and (min-width:1px) and (max-width:520px){

 	  .first-model-bd-img{
background-image:url('../../upload/oshan-new-homepage-banner-mobile230824012608-drive.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}



.second-model-bd-img{
background-image:url('../../upload/alsvin-new-main-banner-mobile100925011852-drive.jpg') !important;
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}



.third-model-bd-img{
background-image:url('../../upload/homepage-banners-karvaan-mobile-2025220825044605-drive.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}

.fourth-model-bd-img{
background-image:url('../../upload/home page sherpa mobile 3010322104323-drive.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}



.about-changan-bg-img{
background-image:url('../../upload/Alsvin Red - Mob130222070555-drive.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}

.changan-quality-bg-img{
background-image:url('../../upload/Hunter - Mobile130222043224-drive.jpg');
background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
}


/*//////////////////////////////////*/




       .bg-img-half{
        background-image:url('../../images/alsvin/Energy-Banner.jpg')!important;background-repeat: no-repeat;
        width:100%;height:55vh !important;
        background-size: cover;background-position: center;

       }
       .bg-img-half-sec3{
         background-image:url('../../images/alsvin/Fashion-Banner.jpg')!important;background-repeat: no-repeat;
        width:100%;height:40vh !important;
        background-size: cover;background-position: center;
        /*margin-top: */
       }
        .bg-img-half-sec4{
         background-image:url('../../images/alsvin/Elegance-Banner.jpg')!important;background-repeat: no-repeat;
        width:100%;height:40vh !important;
        background-size: cover;background-position: center;
        /*margin-top: */
       }

       .bg-img-half-sec5{
         background-image:url('../../images/alsvin/Super-EPS.jpg')!important;background-repeat: no-repeat;
        width:100%;height:50vh !important;
        background-size: cover;background-position: center;
        /*margin-top: */
       }

}

/*ForMap*/
/*@media (min-width: 768px) and (max-width: 1000px) {
}

@media (min-width: 1001px) and (max-width: 1199px) {
}

@media (min-width: 100px) and (max-width: 767px) {
}*/

.hidden {
    display: none !important
}




.overseas {
    position: relative;
}

.booxx{
    border: 1px solid #00D2FF;
    border-radius: 10px;
}



    .overseas .bg {
        width: 100%;
        min-width: 0;
        display: block;
        border: 1.4px #323131a6 solid;
        border-radius: 27px !important;
        padding: 3.4px;
        margin-top: 14px;
    }

    .overseas .inner {
        position: absolute;
        top: 0;
        text-align: center;
    }

        .overseas .inner h3 {
            font-size: 2rem;
            font-size: 35px\9;
            color: WHITE;
            padding-top: 5.1041666666666666666666666666667%;
            FONT-FAMILY: 'AlternateGothic2 BT';
            TEXT-ALIGN: center;
        }

        .overseas .inner p {
            color: #ffffff;
            padding-top: 1.0416666666666666666666666666667%;
            text-align: center;
            font-family: 'Calibri';
        }

        .overseas .inner .line {
            font-size: 2rem;
            font-size: 18px\9;
            font-size: 18px\9;
            color: #00d2ff;
        }

    .overseas .map {
        position: relative;
        width: 100%;
        min-width: 1001px;
    }

        .overseas .map .point {
            position: absolute;
            left: 0;
            top: 0;
            color: white;
            cursor: pointer;
        }

        .overseas .map .point {
            width: 40px;
            height: 40px;
            /*background: url('../../images/maps/overseas-point.png') no-repeat center center;*/
            /*background: url('../../images/maps/place.png') no-repeat center center;*/
            display: block;
            background-size: 70%;
        }

            .overseas .map .point .box {
                background: url(../../images/maps/image-overseas-box_40.png) no-repeat left top / 100% 100%;
                padding: 20px 15px;
                position: absolute;
                left: 56px;
                top: -265px;
                visibility: hidden;
                opacity: 0;
                transform: translateY(50%) !important;
                z-index: 9999;
                width: max-content;
            }

                .overseas .map .point .box img {
                    display: block;
                }

            .overseas .map .point h4 {
                padding-top: 10px;
                font-weight: bold;
                font-size: 15px\9;
            }

            .overseas .map .point:hover {
                /*background-image: url('../../images/maps/place-hov.png');*/
                /*border: 1px solid #00D2FF !important;*/
            }

            .overseas .map .point:hover .box {
                visibility: visible;
                opacity: 1;
                transform: translateY(0);
                transition: all 300ms;
            }

            .overseas .map .point.p1 {
                background-image: url('../../images/maps/place.png');
                /*<img src="" width="70%">*/
                /*border: 2px solid #fff;*/
                border-radius:50%;
                left: 19.7%;
                top: 53%;
            }

            .overseas .map .point.p1:hover{
                background-image: url('../../images/maps/place-hov.png');
            }

            .overseas .map .point.p2 {
                background-image: url('../../images/maps/place.png');
                border-radius:50%;
                left: 45.260416666666666666666666666667%;
                top: 46.1%;
            }

            .overseas .map .point.p2:hover{
                background-image: url('../../images/maps/place-hov.png');
            }

            .overseas .map .point.p3 {
                /*border: 2px solid #fff;*/
                background-image: url('../../images/maps/place.png');
                border-radius:50%;
                left: 50.625%;
                top: 56.8%
            }

            .overseas .map .point.p3:hover{
                background-image: url('../../images/maps/place-hov.png');
            }

            .overseas .map .point.p4 {
                background-image: url('../../images/maps/place.png');
                /*border: 2px solid #fff;*/
                border-radius:50%;
                left: 80%;
                top: 62.5%;
            }

                .overseas .map .point.p4 .r {
                /*border: 1px solid #00D2FF;*/
                    left: -380px;
            }

            .overseas .map .point.p4:hover{
                background-image: url('../../images/maps/place-hov.png');
            }

            .overseas .map .point.p5 {
                background-image: url('../../images/maps/place.png');
                /*border: 2px solid #fff;*/
                border-radius:50%;
                left: 81.302083333333333333333333333333%;
                top: 55.3%;
            }

                .overseas .map .point.p5 .r {
                    /*border: 1px solid #00D2FF;*/
                    left: -380px;
            }

            .overseas .map .point.p5:hover{
                background-image: url('../../images/maps/place-hov.png');
            }

            .overseas .map .point.p6 {
                background-image: url('../../images/maps/place.png');
                /*border: 2px solid #fff;*/
                border-radius:50%;
                left: 84.333333%;
                top: 62.5%;
            }

                .overseas .map .point.p6 .r {
                    /*border: 1px solid #00D2FF;*/
                /*border-radius:50%;*/
                    left: -380px;
            }

            .overseas .map .point.p6:hover{
                background-image: url('../../images/maps/place-hov.png');
            }

            .overseas .map .point.p7 {
                background-image: url('../../images/maps/place.png');
                /*border: 2px solid #fff;*/
                border-radius:50%;
                left: 89.84375%;
                top: 57.6%;
            }

            .overseas .map .point.p7:hover{
                background-image: url('../../images/maps/place-hov.png');
            }

                .overseas .map .point.p7 .r {
                    /*border: 1px solid #00D2FF;*/
                /*border-radius:50%;*/
                    left: -250px
                }

            .text-des{
                color: white;
                font-size: 17px !important;
                font-family:'Montserrat', sans-serif !important;
                font-weight: normal !important;
            }

.inner {
    min-width: 1001px;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1000px) {

    .hidden {
        display: none !important
    }




    .overseas {
        position: relative;
        width: auto;
    }

        .overseas .bg {
            width: 55% !important;
            min-width: 689.8px;
            margin-left: 15.2px;
        }

        .overseas .inner {
            position: absolute;
            top: 0;
            text-align: center;
        }

            .overseas .inner h3 {
                font-size: 2rem;
                font-size: 35px\9;
                color: WHITE;
                padding-top: 2.104167%;
                FONT-FAMILY: 'AlternateGothic2 BT';
                /* TEXT-ALIGN: initial; */
                margin-left: -200px;
            }

            .overseas .inner p {
                padding-top: 1.0416666666666666666666666666667%;
                text-align: left;
                font-family: 'Calibri';
                margin-left: 32px;
            }

            .overseas .inner .line {
                font-size: 2rem;
                font-size: 18px\9;
                font-size: 18px\9;
                color: #00d2ff;
            }

        .overseas .map {
            position: initial;
            width: 100%;
            min-width: 1001px;
        }

            .overseas .map .point {
                position: absolute;
                left: 0;
                top: 0;
                color: white;
                cursor: pointer;
            }

            .overseas .map .point {
                width: 40px;
                height: 40px;
                background: url('../../images/maps/overseas-point.png') no-repeat center center;
                display: block;
                background-size: 70%;
            }

                .overseas .map .point .box {
                    background: url(../../images/maps/image-overseas-box_40.png) no-repeat left top / 100% 100%;
                    padding: 20px 15px;
                    position: absolute;
                    left: 56px;
                    top: -265px;
                    visibility: hidden;
                    opacity: 0;
                    transform: translateY(50%) !important;
                    z-index: 9999;
                    width: max-content;
                }

                    .overseas .map .point .box img {
                        display: block;
                    }

                .overseas .map .point h4 {
                    padding-top: 10px;
                    font-weight: bold;
                    font-size: 15px\9;
                }

                .overseas .map .point:hover {
                    background-image: url('../../images/maps/overseas-point2.png');
                }

                    .overseas .map .point:hover .box {
                        visibility: visible;
                        opacity: 1;
                        transform: translateY(0);
                        transition: all 300ms;
                    }

                .overseas .map .point.p1 {
                    left: 19.7%;
                    top: 53%;
                }

                .overseas .map .point.p2 {
                    left: 45.260416666666666666666666666667%;
                    top: 46.1%;
                }

                .overseas .map .point.p3 {
                    left: 50.625%;
                    top: 56.8%
                }

                .overseas .map .point.p4 {
                    left: 80%;
                    top: 62.5%;
                }

                    .overseas .map .point.p4 .r {
                        left: -380px;
                    }

                .overseas .map .point.p5 {
                    left: 81.302083333333333333333333333333%;
                    top: 55.3%;
                }

                    .overseas .map .point.p5 .r {
                        left: -380px;
                    }

                .overseas .map .point.p6 {
                    left: 84.333333%;
                    top: 62.5%;
                }

                    .overseas .map .point.p6 .r {
                        left: -380px;
                    }

                .overseas .map .point.p7 {
                    left: 89.84375%;
                    top: 57.6%;
                }

                    .overseas .map .point.p7 .r {
                        left: -250px
                    }


    .inner {
        min-width: 1001px;
        overflow: hidden;
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
}

@media (min-width: 1001px) and (max-width: 1199px) {

    .hidden {
        display: none !important
    }




    .overseas {
        position: relative;
    }

        .overseas .bg {
            width: 93% !important;
            min-width: 4px;
            display: block;
        }
}

.overseas .inner {
    position: absolute;
    top: 0;
    text-align: center;
}

    .overseas .inner h3 {
        font-size: 23px;
        padding-top: 2.104167%;
        FONT-FAMILY: 'AlternateGothic2 BT';
        TEXT-ALIGN: center;
    }

    .overseas .inner p {
        color: #ffffff;
        padding-top: 1.0416666666666666666666666666667%;
        text-align: center;
        font-family: 'Calibri';
        width: 308px;
    }

    .overseas .inner .line {
        font-size: 2rem;
        font-size: 18px\9;
        font-size: 18px\9;
        color: #00d2ff;
    }

.overseas .map {
    position: initial;
    width: 100%;
    min-width: 1001px;
}

    .overseas .map .point {
        position: absolute;
        left: 0;
        top: 0;
        color: white;
        cursor: pointer;
    }

    .overseas .map .point {
        width: 40px;
        height: 40px;
        background: url('../../images/maps/overseas-point.png') no-repeat center center;
        display: block;
        background-size: 70%;
    }

        .overseas .map .point .box {
            background: url(../../images/maps/image-overseas-box_40.png) no-repeat left top / 100% 100%;
            padding: 20px 15px;
            position: absolute;
            left: 67px;
            top: -401px;
            visibility: hidden;
            opacity: 0;
            transform: translateY(50%) !important;
            z-index: 9999;
            width: auto;
        }

            .overseas .map .point .box img {
                display: block;
                width: 100%;
            }

        .overseas .map .point h4 {
            padding-top: 10px;
            font-weight: bold;
            font-size: 27px;
            width: 260px;
            text-align: left;
        }

        .overseas .map .point:hover {
            background-image: url('../../images/maps/overseas-point2.png');
        }

            .overseas .map .point:hover .box {
                visibility: visible;
                opacity: 1;
                transform: translateY(0);
                transition: all 300ms;
            }

        .overseas .map .point.p1 {
            left: 19.7%;
            top: 53%;
        }

        .overseas .map .point.p2 {
            left: 45.260416666666666666666666666667%;
            top: 46.1%;
        }

        .overseas .map .point.p3 {
            left: 50.625%;
            top: 56.8%
        }

        .overseas .map .point.p4 {
            left: 80%;
            top: 62.5%;
        }

            .overseas .map .point.p4 .r {
                /*                        left: -380px;*/
                left: -257px;
            }

        .overseas .map .point.p5 {
            left: 81.302083333333333333333333333333%;
            top: 55.3%;
        }

            .overseas .map .point.p5 .r {
                left: -257px;
            }

        .overseas .map .point.p6 {
            left: 84.333333%;
            top: 62.5%;
        }

            .overseas .map .point.p6 .r {
                /* left: -380px;*/
                left: -257px;
            }

        .overseas .map .point.p7 {
            left: 89.84375%;
            top: 57.6%;
        }

            .overseas .map .point.p7 .r {
                /*                        left: -250px*/
                left: -257px;
            }


.inner {
    min-width: 1001px;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 0 auto;
}



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

    .hidden {
        display: none !important
    }




    .overseas {
        position: relative;
        width: 105%;
    }

        .overseas .bg {
            /* max-width: 345px !important;
            min-width: 0;*/
            height: 243px;


        }

        .overseas .inner {
            position: absolute;
            top: 0;
            text-align: center;
        }

            .overseas .inner h3 {
                font-size: 21px;
                font-weight: 500;
                color: WHITE;
                padding-top: 2.104167%;
                FONT-FAMILY: 'AlternateGothic2 BT';
                TEXT-ALIGN: center;
                width: 36%;
            }

            .overseas .inner p {
                color: #ffffff;
                padding-top: 1.0416666666666666666666666666667%;
                text-align: inherit;
                font-family: 'Calibri';
                width: 35%;
                display: none;
            }

            .overseas .inner .line {
                font-size: 2rem;
                font-size: 18px\9;
                font-size: 18px\9;
                color: #00d2ff;
            }

        .overseas .map {
            position: initial;
            width: 99%;
            min-width: 0;
        }

            .overseas .map .point {
                position: absolute;
                left: 0;
                top: 0;
                color: white;
                cursor: pointer;
            }

            .overseas .map .point {
                width: 40px;
                height: 40px;
                background: url('../../images/maps/overseas-point.png') no-repeat center center;
                display: block;
                background-size: 70%;
            }

                .overseas .map .point .box {
                    background: url(../../images/maps/image-overseas-box_40.png) no-repeat left top / 100% 100%;
                    padding: 20px 15px;
                    position: absolute;
                    left: 56px;
                    top: -265px;
                    visibility: hidden;
                    opacity: 0;
                    transform: translateY(50%) !important;
                    z-index: 9999;
                    width: max-content;
                }

                    .overseas .map .point .box img {
                        display: block;
                        width: 100%;
                    }

                .overseas .map .point h4 {
                    padding-top: 10px;
                    font-weight: bold;
                    font-size: 20px;
                    width: auto;
                }

                .overseas .map .point:hover {
                    background-image: url('../../images/maps/overseas-point2.png');
                }

                    .overseas .map .point:hover .box {
                        opacity: 1;
                        transform: translateY(0);
                        transition: all 300ms;
                        width: 189px;
                        margin-left: -83px;
                    }

                .overseas .map .point.p1 {
                    left: 19.7%;
                    top: 53%;
                }

                .overseas .map .point.p2 {
                    left: 45.260416666666666666666666666667%;
                    top: 46.1%;
                }

                .overseas .map .point.p3 {
                    left: 50.625%;
                    top: 56.8%
                }

                .overseas .map .point.p4 {
                    left: 80%;
                    top: 62.5%;
                }

                    .overseas .map .point.p4 .r {
                        left: -184px;
                    }

                .overseas .map .point.p5 {
                    left: 81.302083333333333333333333333333%;
                    top: 55.3%;
                }

                    .overseas .map .point.p5 .r {
                        left: -184px;
                    }

                .overseas .map .point.p6 {
                    left: 84.333333%;
                    top: 62.5%;
                }

                    .overseas .map .point.p6 .r {
                        left: -184px;
                    }

                .overseas .map .point.p7 {
                    left: 89.84375%;
                    top: 57.6%;
                }

                    .overseas .map .point.p7 .r {
                        left: -250px
                    }


    .inner {
        min-width: 1001px;
        overflow: hidden;
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
}

.inspiro-slider .flickity-button {
      background:#0006;
      display: flex;align-items: center;justify-content: center;
      /*padding-bottom:40px !important;*/
      border:2px solid  #fff;
      width: 30px;
      height: 35px;
      border-radius: 6px;
    }
    
    .ff-head{
    line-height: 17px; 
    color: black !important; 
    font-weight: bold; 
    margin-bottom: -2px !important;
    }

    .ff-date{
    font-size: 12px !important;
    }

    .ff-con{
    line-height: 18px;
    }

    .dealer_part{
    background: url('../../upload/Dealership-map-new-5030322085955-drive.jpg');background-repeat: no-repeat;width:100%;height:100% !important;background-size: cover;background-position: center;
    }
    .footer-class{
    /* bottom:0;background:white;padding-bottom:10px;padding-top: 0px;margin-bottom: 100px; margin-top: -30px;display:none */
    bottom:0;background:white;padding-bottom:10px; margin-bottom: 100px; margin-top: -30px;display:none
    }

    @media only screen and (min-width:1px) and (max-width:520px){
    .footer-class{
    bottom:0;background:white;z-index: 99999999!important;padding-bottom:50px;padding-top: 10px;margin-bottom: 50px; z-index: 999999999999999 !important;margin-top: -100px;display:none
    }
    .dealer_part{
    background: url('../../upload/dealership map new 2 MOBILE060322104627-drive.jpg');background-repeat: no-repeat;width:100%;height:100% !important;background-size: cover;background-position: center;
    }
    }
    .events_sizes{
    height:75vh !important;
    }
    .count{
    color:white;
    margin: 0px;
    }

    .about-changan{
    line-height: 1.3;color: #3b89db;display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }

    .changan-care{
    padding-top: 9%;
    }
    .stories-p{
    line-height: 1.3;color: #3b89db;display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .stories-hd{
    line-height: 1.3;color: #3b89db;display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }

    .swiper-slide-sec-first {

    background: #fff !important;
    background-position: center;
    background-size: cover;
    width:350px;
    /*height: 420px !important;*/
    }

    .swiper-button-next{
    background: black;
    padding:20px;
    border-radius: 50px;
    position: absolute;
    right:5% !important;
    top:50% !important;
    /*bottom:3% !important;*/
    }

    .swiper-button-prev{
    background:black;
    padding:20px;
    border-radius: 50px;
    position: absolute;
    left:5% !important;
    top:50% !important;
    /*bottom:3% !important;*/
    }

    .swiper-slide-sec-first div p{
    text-align: justify;
    text-align: left;

    }
    .swiper-slide-sec-first img {
    border-radius:10px 10px 0px 0px  !important;
    display: block;
    width: 100%;
    }

    /*///////////////////////////////////////*/
    .bd-slide{
    background-image:url('../../images/32584793_916282411876850_2097293665201291264_n.jpg') !important;
    background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
    }
    .nav-item{
    width: 100% !important;
    }

    .quality{
    position: relative;
    /*top:5vh;*/
    /*height:85vh;*/
    background: #0009 !important;
    }

    .quality1{
    /*height: 100vh !important;*/
    position: relative;
    /*top:5vh;*/
    /*height:80%;*/
    background: #0009 !important;
    }

    .h-t{
    margin-top:10%;
    }

    .tabs-vertical{
    padding-top: 20px;
    }
    .stores-md{
     padding-top:5% !important;
     padding:0px 20px 0px 20px;
    }

    .slisde-caption{
    position:relative;top:30%;width:420px;
    left:15px;
    }
    .swiper-button-next-icon{
    z-index: 999;position:absolute;bottom:-35%;left:49.2%;right:50%
    }

    .storiepd{
    padding-top: 5% !important;
    }

    .margin-map{
     margin-top:7% !important; 
    }

    @media only screen and (min-width:1px) and (max-width:520px){
    .margin-map{
     margin-top:100px !important; 
    }

    .changan_care_feature{
    margin-top: 15%;
    }

    .stories-p{
    line-height: 1.3;color: #3b89db;display: -webkit-box;
    -webkit-line-clamp:8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }

    .storiepd{
    padding-top: 15% !important;
    }

    .events_sizes{
    padding-top: 10% !important;
    height:72vh !important;
    }

    .changan-care{
    padding-top: 20%;
    }

    .slisde-caption{
    position:relative;top:30%;width:90%;left:5px;
    }

    .swiper-button-next-icon{
    z-index: 999;position:absolute;bottom:-35%;left:47%;right:50%
    }

    .stores-md{
     padding-top:20% !important;
    }

    .bd-slide{
    background-image:url('../../images/gallery/gal2 - Copy.jpg') !important;
    background-repeat: no-repeat;width:100%;height:100vh !important;background-size: cover;background-position: center;
    }

    .distop-blockl{
    display:none !important;
    }

    .nav-tabs{
    border: 2px solid red;
    /*background:#fff !important;*/
    }

    .nav-item{
    margin-top: 10px;
    float: left !important;
    /*width: 250px !important;*/
    height:42px;
    margin: 0px;
    }

    .tab-content{
    margin-top:20px;
    }

    .tabs-vertical{
    padding-top: 10px;
    }

    .nav-link{
    font-size:17px !important;
    }

    .quality{
    background: #0007 !important;
    }

    .tab-pane{
    padding-top: 30px;
    }

    .mb-text-adjustment{
    line-height: 1.5;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp:14;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }

    .h-t{
    margin-top:25% !important;
    }

    }
    .fadeinitial{
    display: none;
    }

    .btn-danger{
    background-color: red !important;
    border-radius: 4px !important;
    border: none;
    padding: 2px;
    font-size: 12px !important;
    }

@media screen and (max-width: 1027px) and (min-width: 520px) {
                    /*@media screen and (max-width:1027px) {*/
                        .header-inner{
                            position: relative;
                        }
                        .header-extras{
                           /*border: 2px solid red;*/
                           /*float: right;*/
                           position: absolute;
                           right:2% !important;
                           
                        }
                     }
                   
      
                     @media screen and (max-width:520px) and (min-width: 520px) {
                        .header-extras{
                            display: none;
                        }  
                     }
                         @media only screen and (min-width:1px) and (max-width:520px){
                             .header-inner{
                            position: relative;
                        }
                             .mb-menu-st{
                                 margin-top:-10px;
                                 position:absolute;
                                 right:10% !important;
                             }
                         }

/* Styling for the WhatsApp button */
    .whatsapp-button {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background-color: #25D366;
        border-radius: 50%; /* Circular button */
        padding: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        width: 60px;  /* Size based on WhatsApp's official logo */
        height: 60px; /* Keep the button circular */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Style the FontAwesome logo */
    .whatsapp-button i {
        font-size: 30px;
        color: white;
    }

    /* Hover effect: Scale the button and add a shadow */
    .whatsapp-button:hover {
        transform: scale(1.2);  /* Scale the button */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Enhance the shadow on hover */
        animation: moveButton 0.9s ease-in-out;  /* Slight movement */
    }

    /* Animation for slight movement on hover */
    @keyframes moveButton {
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(-5px);
        }
        100% {
            transform: translateX(0);
        }
    }

    /* Media query for smaller screens */
    @media (max-width: 768px) {
        .whatsapp-button {
            bottom: 10px;
            right: 10px;
            width: 50px;
            height: 50px;
        }
    }