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

.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;
}
}

@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;
        }
    }