.sectionpad1 {
    padding-top: 0px !important;
}

 @media only screen and (min-width:481px){
 .ctabuttons
 {
     text-align:center;
 }
 }
  @media only screen and (max-width:480px){
 .ctabuttons
 {
     text-align:left;
 }
 }
 @media only screen and (max-width:480px){
.radbtn{
    width:45%;
    display:inline-block;
    padding-bottom: 15px;
}}

 @media only screen and (min-width:481px){
.radbtn{
    width:40%;
    display:inline-block;
    padding-bottom: 15px;
}}
 @media only screen and (max-width:480px){
.modal-dialog {
     
    margin: 15px !important;
    margin-top: 50px !important;
}}

 @media only screen and (min-width:481px){
.int {
  display: block;
  position: relative;
  padding-left: 27px;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}}

 @media only screen and (max-width:480px){
.int {
  display: block;
  position: relative;
  padding-left: 27px;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}}

/* Hide the browser's default radio button */
.int input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #bdbdbd;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.int:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.int input:checked ~ .checkmark {
  background-color: #ef4333;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.int input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.int .checkmark:after {
 	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}
 

 @media only screen and (max-width: 767px){
.mobilescroller
{
    display:none;
}}
.common-layout-desc h5 {
  
    font-size: 45px !important;
    line-height: 35px !important;
    
}

.common-layout-desc ul li {
   
    width: 100% !important;
     
}


.roadmapbg{
    background-color: #e9e9e9;
}

.iconbox-shadow{
   background-color: #e9e9e9; 
}

 @media only screen and (max-width: 767px){
#myCarousel{
    display:none;
}
}

@media only screen and (min-width: 768px){
 .bgmin3{
     height: 100%; background-image: 
     url(../images/H_1.jpg);
background-position: 100% 50%; 
transform: translateY(-10.8846%);
    background-size: contain;
    background-color: #fbfbfb;
 }}
 
 @media only screen and (max-width: 767px){
 .bgmin3{
     height: 100%; background-image: url(../images/H_1.jpg);
background-position: 0% 50%; transform: translateY(-10.8846%);
background-size: cover !important;
 }
     
     
     
     
     
 }
 
 
 @media only screen and (min-width: 768px){
  .bgmin2{
     height: 100%; background-image: url(../images/H-2.jpg);
background-position: 0% 50%; transform: translateY(-10.8846%);
    background-size: contain;
 }}
 
 @media only screen and (max-width: 767px){
 .bgmin2{
     height: 100%; background-image: url(../images/H-2.jpg);
background-position: 100% 50%; transform: translateY(-10.8846%);
background-size: cover !important;
 }
     
   
 }
 
   @media only screen and (max-width: 767px){
     .bgm{
        
    padding: 10px;
  
        background: #0c0c0cad;
        color: white !important;
        font-size: 15px;
     }
   }
   
   
   /* Update CSS Start */
 /*@media only screen and (min-width: 768px){
  .bgmin1{
     height: 100%; background-image: url(../images/H_3.jpg);
background-position: 100% 50%; transform: translateY(-10.8846%);
    background-size: contain;
    background-color: #fbfbfb;
 }}*/
 
  @media only screen and (min-width: 768px){
  .bgmin1{
     height: 100%; background-image: url(https://youdhaauto.com/wp-content/uploads/2024/12/Youdha-Logo-25.png);
background-position: 100% 50%; transform: translateY(-10.8846%);
    background-size: contain;
    background-color: #fbfbfb;
 }}
    /* Update CSS End */
 
 
 
 
 @media only screen and (max-width: 767px){
 .bgmin1{
     height: 100%; 
     background-image: url(../images/H_3.jpg);
background-position: 0% 50%; transform: translateY(-10.8846%);
background-size: cover !important;
 }
     
     
     
 }
 
 
 
    .callout{
        background-color: #0000004a;
    padding: 40px 11px;
    width: 520px;
    }
.sectionpad{
    padding-top:35px !important;
}

.iconbox-shadow {
    box-shadow: 0 25px 70px rgb(0 0 0 / 0%);
}


@media only screen and (min-width: 767px) and (max-width:1920px){
.roadmap{
   padding: 15px 5% !important; 
}}

@media only screen and (min-width: 1920px)  {
.roadmap{
   padding: 50px 5% !important; 
}}


.contents_comp h3 {
    font-size: 31px;
    font-weight: 300;
    text-transform: uppercase;
}
.iconbox-icon-wrap{
margin-top: 6%;}

.iconbox-side .iconbox-icon-wrap {
    margin-right: 10px;
}

.contents_comp{
        color: black;
}

.iconbox h3 {
     
    margin: 0 0 0.1em !important;
    
}

.handling-carousel {
    background-color: #fbfbfb;
    
}
.public-charge-desc {
     
    margin: 0px 60px 0px 0px ;
    
}

 .ter {
    
    margin: 110px 0 60px 0px !important;
    
 }
 

.vc_custom_1546275208891 {
    padding-bottom: 60px !important;
   background: #efefef !important;
    padding-top: 60px !important;
}
@media (max-width: 768px){
.citytext{
    font-size:27px !important;
}
}
@media (max-width: 768px){
.citytextover{
    font-size:24px !important;
    color: white !important;
}


.ld_fancy_heading_5ca5db2f43b5a p{
    color:red;
}

}
 

@media (min-width: 768px){
.citytext2{
    font-size:26px !important;
}
}
@media (max-width: 768px){
.citytext2{
    font-size:20px !important;
}
}

@media (min-width: 992px){
.vc_col-md-9 {
    width: 60%;
}}
@media (max-width: 992px){
.btn-sm>span {
    padding: 0.6em 1.2em;
    font-size: 13px;
}}

@media screen and (min-width: 1200px){
.megamenu .megamenu-inner-row {
    background-color: #e3e3e3;
     
}}

.topmenu a {
    color:white;
}





@media only screen and (min-width:769px){
.handling-container {
    padding: 120px 100px 30px !important;
}
}

@media only screen and (max-width:768px){
.handling-container {
    padding: 0px 0px 0px !important;
}
}



@media only screen and (max-width:768px){
.wheelro{
	
	width:100%;
	
	
}}

@media only screen and (min-width:769px){
.wheelro{
	
width:50%;
	
	
}}

@media only screen and (max-width:768px){
.textro{
	
width:100%;
	
	
}}

@media only screen and (min-width:769px){
.textro{
	
	width:50%;
	
	
}}

 
@media only screen and (min-width: 2560px) and (max-width: 3000px) {
.vc_custom_1546938398438 {
    height: 80vh !important;
}} 
 
@media only screen and (min-width: 3000px) {
.vc_custom_1546938398438 {
    height: 69vh !important;
}}
@media only screen and (min-width: 1501px) and (max-width: 1920px) {


 
.vc_custom_1546938398438{
	
	height:98vh !important;
	
	
}}

 @media only screen and (min-width: 1367px) and (max-width: 1500px) {
.vc_custom_1546938398438 {
    height: 70vh !important;
}}


@media only screen and (min-width: 993px) and (max-width: 1366px) {


 
.vc_custom_1546938398438{
	
	height:98vh !important;
	
	
}}

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


 
.vc_custom_1546938398438{
	
	height:30vh !important;
	
	
}}





@media only screen and (min-width: 481px) and (max-width:768px){
.vc_custom_1546938398438{
	
	height:148vh !important;
	
	
}}

@media only screen and (max-width:480px){
.vc_custom_1546938398438{
	
	height:44vh !important;
	
	
}}


@media only screen and (max-width:480px){
 
   .ctabuttons
 {
	 background: #ffffff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -130px;}
}
  
  
  
  
  
  
  
  
  
@media only screen and (min-width: 481px) and (max-width:768px){
 
   .ctabuttons
 {
	 background: #ffffff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -247px;}
}
 



 @media only screen and (min-width:769px){
 
   .ctabuttons
 {
	 background: #ffffff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;}
}



@media only screen and (max-width:768px){
.bikero{
	
	width:100%;
	
	
}}

@media only screen and (min-width:769px){
.bikero{
	
width:60%;
	
	
}}

@media only screen and (max-width:768px){
.text2ro{
	
width:100%;
	
	
}}

@media only screen and (min-width:769px){
.text2ro{
	
	width:40%;
	
	
}}
re

img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}