/* New Feature page */


/* CSS from old template.css file start */
.features_pages_short_description h1{
	font-family: Antonio;
	font-weight: 600;
	font-size: 60px;
	line-height: 135%;
	letter-spacing: 2%;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;

}
h2.vc_custom_heading.smalltitle,h2.vc_custom_heading{
	font-family: Antonio;
font-weight: 700;
font-size: 42px;
line-height: 135%;
letter-spacing: 3%;
text-align: center;
text-transform: uppercase;
color: #0e0e0e !important; 
}
 .page-template-feature-pages-2025 section:not(.counter_section){
        padding-top: 100px !important;
        padding-bottom: 100px !important;

    }
    .page-template-feature-pages-2025 h3:not(.help_heading){
    	font-size: 30px !important;
    	font-weight: 600 !important;
    	font-family: "Inter", serif !important;
    	text-transform: none !important;
    }
    .page-template-feature-pages-2025 .ebook_section h3{
    	    font-family: "Antonio", serif !important;
    	    text-transform: uppercase !important;
    }
.features_pages_header {
	  background-image: url(/wp-content/uploads/2025/03/fuel_feature_svg-1.svg);
  
    padding: 150px 0 95px;
}

.imageSection{max-width: 1000px; margin: 0 auto;}
.imageSection img{
/*	width: 704px !important;*/
	background: transparent;
/*	box-shadow: none;*/
	box-shadow : 17px 17px 17px 8px #00000015;
}

.headerBox{
	width: 482px;
/*	top: 145px;*/
top: auto;
bottom: 0px;
	left: -45px;
	
}
.second_section {
overflow: hidden !important;
}
.usecase-slider{
	padding-top: 40px;
}
.featuerList h4{

 font-family: "Antonio", serif; 
font-weight: 600;
font-size: 35px;
line-height: 100%;
letter-spacing: 1%;
text-transform: uppercase;
color: #0e0e0e;

}
  .featureSection01:before,.featureSection02_inner:before,.featureSection03:before,
		    .featureSection01:after,.featureSection02_inner:after,.featureSection03:after{display: none;}
.ft_counter_section .counter-count-new{

	 font-family: "Antonio", serif; 
font-weight: 700;
font-size: 42px;
line-height: 100%;
letter-spacing: 1.5%;
color: white !important;
padding-bottom: 0px;
}
.faqOuterFetuerPage h2.vc_custom_heading, .page-template-feature-pages-2025 h2{
	color: #0e0e0e !important;
	margin-bottom: 20px !important;
	line-height: 134% !important;
}

/*  added css - 08-04-2025*/

.featureSection01 ,.featureSection03, .featureSection02_inner{ display: grid;
 grid-template-columns:1fr 1fr ;
  gap: 0px; 


 align-items: center;
}
.usecasethumb img { width: 100%;max-height: 224px !important;min-height:224px !important;
object-fit:cover;
}
.featureSection03 {
    margin-top: -100px !important;
    padding-bottom: 80px;
}
.featureSection01 {margin:0px;}
.featureSection01::before,.featureSection03::before, .featureSection02_inner::before { display: none !important;}
.featureSection01 .wpb_column  { width: 100%;} 
.featureSection01 .wpb_column div { padding: 0px !important;}

.featureSection01  .imgeLeft img {-moz-transform: translateX(-25%);
	-webkit-transform: translateX(-25%);
	-o-transform: translateX(-25%);
	-ms-transform: translateX(-25%);
	transform: translateX(-25%);}

	/* .featureSection01Right {-moz-transform: translateX(-10%);
		-webkit-transform: translateX(-10%);
		-o-transform: translateX(-10%);
		-ms-transform: translateX(-10%);
		transform: translateX(-10%);} */

		.featureSection02:before{
			content: "";
			background: url(/wp-content/themes/uffizio/assets/images/shadow-img.svg);
			    position: absolute;
			    height: 722px;
			    width: 710px;
			    right: -20%;
			    top: -60%;
			    background-size: contain;
			    background-repeat: no-repeat;



		}
		.featureSection02{
			position: relative;
			z-index: 9999;
		}
		.featureSection03 .vc_col-sm-6,.featureSection02_inner .vc_col-sm-6{
			width: 100% !important
		}
		.featureSection03 {
			column-gap:60px;
		}

/* help with harishsir */

.faqOuterFetuerPage  .faqListing{
	max-width: 1360px;
	padding-top: 0px;
}
.faqOuterFetuerPage {
	padding-top: 100px;

}
.faqOuterFetuerPage p{
	margin-bottom: 30px;
}
.homeBlogLisitngOUter .newBtnTheme{
height: 34px;
    padding: 10px 32px 0px 20px !important;
}
.homeBlogLisitngOUter.static-layout {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin:0 auto;
}
.telematics_faq .vc_toggle_active {
    box-shadow: 0px 8px 20px 0 #00000010 !important;
    transition-duration: 500ms;
}
.telematics_faq .vc_toggle:not(:last-child) {
    margin-bottom: 20px !important;
}
.telematics_faq .vc_toggle_content {
    padding-top: 10px !important;
    padding-left: 0px !important;
    margin-top: 10px !important;
    border-top: 1px solid #dddddd !important;
}
.telematics_faq .vc_toggle_title, .telematics_faq .vc_toggle_content {
    border: 0px;
}
.telematics_faq .vc_toggle {
    border: 1px solid #dddddd;
    border-radius: 16px !important;
    padding: 20px;
}
.telematics_faq .vc_toggle_title>h4 {
    font-family: Inter;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 28px;
    letter-spacing: 0%;
    max-width: 90%;
    display: inline-block;
    margin-bottom: 0px;
}
.telematics_faq .vc_toggle_icon {
    position: relative;
    float: right;
    right: 0;
}
.telematics_faq .vc_toggle_title{
	padding: 0px !important;
}

.feature_counter .counter-count-new , .feature_counter .funfact-project{
color:#fff !important;

}
.feature_counter .funfact-project{
	font-family: "Inter", serif;
font-weight: 400;
font-size: 20px;
line-height: 100%;
letter-spacing: 0.6px;
color: #fff;
}

.feature_cta{

    width: 180px;
    display: inline-block;
    text-transform: uppercase;
    font-family: Antonio;
    font-weight: 400;
    font-size: 18px;
    background: #fff;
    line-height: 100%;
    letter-spacing: 1%;
    text-align: center;
    vertical-align: middle;
    padding: 13px;
    font-weight: 400;
    border-radius: 4px;
    color: #0057ff;
    border: 1px solid transparent;

}
.feature_cta:hover {
    background: #0057ff;
    color: #fff;
    border: 1px solid #0057ff !important;
}
.feature_counter .counter-count-new{
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.counter_wrapper{
	    grid-template-columns: 1fr 1fr 1fr;
	    padding-bottom: 50px;
}
 .fe_download_ebook{
		 font-family: "Antonio", serif; 
		font-weight: 400;
		font-size: 18px;
		leading-trim: Cap height;
		line-height: 100%;
		letter-spacing: 1%;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		margin-bottom: 0px !important;

	}
	.usecase-slider:not(.static-layout) .blog-items a.boxLink{
		width: 100%;
	}
.headerBox span.featurebannerbtn {
	font-family: "Antonio", serif; ;
    margin: 30px auto;
    display: flex;
    width: 227px;
    background-color: #0057ff;
    height: 60px;
    align-items: center;
    text-align: center;
    cursor: pointer;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 1%;
    text-align: center;
    border-radius: 10px;
    border:1px solid transparent;
}
.homeBlogLisitngOUter::before, .homeBlogLisitngOUter::after{ display:none; }
.homeBlogLisitngOUter{
	overflow: hidden;
}
.usecase-slider{
	padding-top: 25px;
	margin:0 auto;
}

/* .featureusecaseOUter  .owl-item { margin: inherit !important;} */
.usecase-slider.homeBlogLisitngOUter  .owl-item{
	/*width: auto !important;*/
}

.usecase-slider.homeBlogLisitngOUter  .item {
  width: 100%; 
  box-sizing: border-box;


}
.featureusecaseOUter  .owl-item img { position: relative;}
.featureusecaseOUter .vc_column-inner { padding: 0px !important;}
.featureusecaseOUter .blog-items a h4,.featureusecaseOUter .blog-items a p{
	padding-top: 20px;
	padding-left:20px;
	padding-right:20px;
	font-size:16px;
	line-height: 140%;
/*	min-height: 100px;*/
}
.featureusecaseOUter .blog-items a p{
	margin-bottom: 30px;

}
.home .homeBlogLisitngOUter .newBtnTheme{
	margin-bottom: 10px;
}
.featureusecaseOUter .blog-items a h4{
	padding-top: 24px !important;
}

.DownloadEbook .whitebtn {
	margin-bottom: 0px !important;
}
.DownloadEbook{
	margin-top: 50px;
}
.ft_counter_section h2{
	margin-bottom:50px !important;
}
.featureusecaseOUter .blog-cate, .blog-info{
	padding: 0px;
}
h2.vc_custom_heading.white{color: white !important}
.featureusecaseOUter .blog-cate span{
	display: none;
}
.first_feature1 .wpb_single_image , .second_inner_row .wpb_single_image ,.second-feature1{
padding:0px !important;
margin-bottom: 0px !important;
}
.usecase-slider.homeBlogLisitngOUter  .item {
  margin: 0 !important; 
  padding: 0;
}
.hover_box_item {
/*	margin-top: 10px;*/
}
.shadow2.fuel_page img{
margin-bottom: -15%;
}
.homeBlogLisitngOUter .wpb_wrapper{
	/*display: grid;
	column-gap: 20px;
	 grid-template-columns: 1fr 1fr 1fr;*/
	}
.pages_short_description p{
	font-family: Inter;
	font-weight: 400;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: 0px;
	text-align: center;
	color: #ffffff;
}
.headerBox{
/*	background: #3E3E3ECC;*/
	background: rgb(255 255 255 / 80%);
	padding: 40px 20px;
	border-radius: 10px;
	    backdrop-filter: blur(50px);
	    box-shadow: 20px 20px 25px 12px #00000026;

}

 .headerBox p,.headerBox p em{
	color: #484848;
	font-family: "Inter", serif;

}

.headerBox h2{
	
font-weight: 600;
font-family: "Inter", serif;
font-size: 22px;
max-width: 430px;
color: #0e0e0e !important;
line-height: 130% !important;
letter-spacing: 0px;

}
.headerBox span.featurebannerbtn:hover{
	opacity: 1;
	background: #fff;
	color: #0057ff !important;
	border:1px solid #0057ff;
}
.headerBox p{

font-weight: 400;
font-size: 16px;
line-height: 130%;
margin-bottom: 0px !important;
letter-spacing: 0px;
}
.headerBox p em{

font-weight: 600 !important;
font-size: 12px !important;
width: 80% !important;
color: #3E3E3E !important;


}
/* END old css */
.second_section>.vc_column_container,
.fourth_section>.vc_column_container {
	max-width: 1360px;
	float: none;
	margin: 0 auto;
}
.full-img {
/*	box-shadow: 6.45PX 6.45PX 27.9px 0px rgba(0,0,0,0.06); */
}
.full-img figure,.full-img .vc_single_image-wrapper,.full-img  img {
	width: 100% !important;
	max-width: 100% !important;
}
/* .second_inner_row {
		gap: 80px;
		margin-top: 50px !important;
		flex-wrap: nowrap !important;

	} */
	.second_inner_row{    column-gap: 60px;
		flex-direction: row;
	flex-wrap: nowrap !important;
	}
	.faqOuterFetuerPage .faqListing:before, .faqOuterFetuerPage .faqListing:after, .telematics_faq:after{
		display: none;
	}
	.faqOuterFetuerPage .faqListing, .faqListing {
 
    display:grid;
    grid-template-columns: 660px 660px;
    column-gap: 40px;
/*    width: 660px;*/
    margin-bottom: 0px;
}
.faqListing .telematics_faq:first-child{
margin-bottom:20px;
}

.para-p p,.para-p ul li {
	font-size: 16px;
	line-height: 1.625em;
}
.lg-text {
	font-size: 20px;
	line-height: 1.4em;
	font-weight: 600;
	margin-bottom: 10px;
} 
.para-list ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.fourth_section .wpb_wrapper .hover_box_row:first-child{
		padding-top: 10px !important;
	}
.para-list ul li{
/*    display: flex;*/
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: nowrap;
    padding-left: 25px;
}
.para-list ul li:last-child{
	margin-bottom: 0px;
}
.para-list ul li::before {
	content: '';
    background: url(/wp-content/uploads/2025/03/checkbox-circle.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px;
/*    display: block;*/
    width: 24px;
    margin-left: -25px;
    display: inline-block;
    height: 14px;
}
.faqOuterFetuerPage .wpb_column::after,.faqOuterFetuerPage .wpb_column::before, .faqListing:after, .faqListing:before {
	display: none;
}
.ft_counter_section{
	
	 background: url(/wp-content/uploads/2025/03/counter_bg.png);
	    background-repeat: no-repeat;
	    background-size: cover;
}
.ebook_section{
	background: url(/wp-content/uploads/2025/03/counter_bg.png);
	   background-repeat: no-repeat;
	    background-size: cover;

}
.ebook_section h3{
	margin-bottom: 50px;
	font-family: Antonio;
font-weight: 700;
font-size: 42px;
line-height: 135%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
color: #fff;

}
.ebook_section .wpb_raw_code {
margin-bottom: 0px !important;
}
.hover_box_item img{
    height:36px;
     width:36px;
}
#usecase-slider-67e2a70db4a8b .owl-dots{
padding-top: 0px !important;
}
.hover_box_item>.vc_column-inner {
	box-shadow:none;
	transition: 250ms linear;
}
.hover_box_item>.vc_column-inner:hover {
	box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1);
}
@media only screen and (max-device-width: 1500px){
	.featureSection02:before{
		
			width: 500px;
			right: -13%;
    top: -47%;
			
		}
}
@media only screen and (max-device-width: 992px){
	.hover_box_row{
		margin-left:-15px !important ;
		margin-right: -15px !important;
	}

	.hover_box_item>.vc_column-inner{
		margin: 15px !important;
	}
	body .second_section {
/*		padding: 25px 0px !important;*/
        padding: 0px 20px 45px !important;
	}
	body .fourth_section {
		padding: 25px 30px 35px !important;
	}
	
	body .heading-h2 {
		font-size: 32px !important;
		margin: 25px 0px !important;
	}
	body .heading-h3{
		font-size: 28px !important;
	}
	body .second_inner_row {
		gap: 60px !important;
		margin-bottom: 25px !important;
	}
	.fourth_section .vc_custom_heading{
		margin-top:30px !important;
	}
	/*.for-mobile{
			display: none ;
		}*/

#ov-hidden .second_inner_row:first-child .wpb_column:nth-of-type(2) {
	padding-bottom: 30px;
}
		.featureSection02:before{
		
			width: 28%;
        right: 0;
        top: -35%;
			
		}


}
@media only screen and (max-device-width: 768px){
	.homeBlogLisitngOUter.static-layout{
		grid-template-columns: auto auto ;

	}

	.ladingCounter{
		padding-left: 0px !important;
	}
	.second_inner_row {
    column-gap: 60px;
    flex-direction: row;
    flex-wrap: nowrap !important;
}
	.imageSection {
        padding-bottom: 70px !important;
        padding-top: 30px;
    }
		.features_pages_short_description {
		    text-align: center;
		    width: 90%;
		    margin: 0 auto;
		}
		.features_pages_header{
		height:630px;
		}

		.headerBox{
		    height: max-content;
		top:12% !important;
		text-align: -webkit-center;
		}
	.fe_download_ebook .wpb_wrapper div{
		text-align: left !important;
	}
	.faqOuterFetuerPage h2.vc_custom_heading, .page-template-feature-pages-2025 h2{
		font-size: 16px !important;
	}
	.faqOuterFetuerPage .faqListing, .faqListing{
		 display: flex;
    column-gap: 40px;
    
    flex-wrap: wrap;
    margin-bottom: 0px;
    width: 100%;


	}
	
	.faqOuterFetuerPage {
	padding-top: 50px;
}
	.use_case_slider p,.faqOuter .faqListing h6, .faqOuter .faqListing li, .faqOuter .faqListing p{
		line-height: 140%;
	}
	.faqOuter .faqListing h6 , .faqOuter .faqListing h6 span{
		font-size: 13px !important;
	}
	.telematics_faq .vc_toggle_title>h4{line-height: 20px}
	 .hover_box_item .wpb_text_column:not(.para-p)  {

margin-bottom:10px !important;
}
.hover_box_item .wpb_single_image {margin-bottom: 10px !important}
	.ft_counter_section .counter-count-new{font-size: 24px !important}
	.ft_counter_section h2 {
    margin-bottom: 30px !important;
	}
	.DownloadEbook {
	    margin-top: 30px;
	}
	.ft_counter_section{
		background: url(/wp-content/uploads/2025/04/counter_bg-mobile.svg);
    
	}
	.ebook_section {
    background: url(/wp-content/uploads/2025/04/ebook-mobile.svg);
            background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}



		.features_pages_short_description h1{

		

		font-size: 26px !important;
		line-height: 135%;
		letter-spacing: 0.6px;


		}
		  
		.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner{

			position: relative !important;
			bottom: 0px;
			left: 0px;
		}

		    .ft_counter_section .funfact-project {
        font-size: 14px;
        line-height: 16px;
    }
		.faqOuterFetuerPage p{margin-bottom: 0px !important;}
		.faqOuterFetuerPage .faqListing.vc_row{
/*			padding-right: 20px !important;*/
/*			padding-left: 20px;*/
		}
		.featureusecaseOUter  .vc_column_container>.vc_column-inner{
padding-left: 11px;
padding-right: 10px;
}
		.use_case_slider p{
			font-size:16px !important;
		}
		 .page-template-feature-pages-2025 section:not(.counter_section){
		
        padding-top: 50px !important;
        padding-bottom: 50px !important;}

    
    .homeBlogLisitngOUter .blog-items{
    	margin-bottom: 0px !important;
    }
/*
		.for-desktop{
			display: none;

		}
		.for-mobile{
			display: block !important;
		}*/
		
			.featureSection03{
				margin-top: 0px !important;
				padding-bottom:30px ;
			}

		.pages_short_description p{
			font-size: 16px !important;
		}

		.second-feature1.fuel_page img {
    width: 90% !important;
    /* height: 100.83%; */
/*    max-width: 1200px !important;*/
	/*    margin: -50% 0% -15% -12% !important;*/
/*	margin:-40% 0% -35% -12% !important;*/
	        margin: 0% 0% -33% -30% !important;
/*	margin-bottom: -15% !important;*/
	}
	.hover_box_row{
		margin-left:-10px !important ;
		margin-right: -10px !important;
	}
	.counter_section .vc_row:not(.counter_section_inner):not(.for-desktop):first-child{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.page-id-42260 .counter_section .vc_row:not(.counter_section_inner):not(.for-desktop):first-child{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.hover_box_item>.vc_column-inner{
		margin: 10px !important;
		padding: 15px !important;
		border-radius: 10px !important;
	}
	body .second_section {
/*		padding: 25px 0px !important;*/
	}
	body .fourth_section {
		padding: 20px 20px 40px !important;
	}
	body .second_inner_row.reverse_inner_row{
		flex-direction: column-reverse !important;
	}
	body .heading-h2 {
		font-size: 24px !important;

/*		line-height: 1 !important;*/
		margin: 50px 0px 30px !important;

	}
	#ov-hidden .vc_row:not(:last-child) .wpb_text_column p:last-child {
    margin-bottom: 30px !important;
}
	body .heading-h3, .page-template-feature-pages-2025 h3:not(.help_heading){
		font-size: 18px !important;
		margin-bottom: 15px !important;
	}
	.ebook_section h3,  .page-template-feature-pages-2025 .ebook_section h3:not(.help_heading){
		margin-bottom: 30px !important;
		 font-family: "Antonio", serif !important; 
		text-transform: uppercase !important;

	}
	body .para-p p,body .para-p ul li {
		font-size: 14px !important;
		line-height: 1.625em !important;
	}
	.hover_box_item .wpb_text_column {
/*		margin-top: -20px !important;*/
		margin-bottom: 0px !important;
	}
	.second_inner_row .wpb_text_column {
		margin-top: 0px !important;
	}
	body .lg-text P{
		font-size: 16px !important;
		line-height: 1.45em !important;
		font-weight: 600 !important;
	} 
   
	.second_inner_row .wpb_text_column:not(.para-p){
		margin-bottom: 30px !important;
	}
	.second_inner_row .wpb_text_column.para-p{
		margin-bottom: 5px !important;
	}
	.hover_box_item img{
        height:23px;
        width:23px;
    }
    .headerBox{

        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 64%;
	}
	.features_pages_header{
		    padding: 110px 0 95px;
	}
	    .imageSection {
        padding-top: 30px;
    }
    .headerBox h2{
    	font-size: 18px !important;

    }
    .headerBox p{
    	font-size: 14px;
    }
    .container{
    	padding-right: 20px;
    	padding-left: 20px;
    }
    .featurebannerbtn {
		    	
		font-size: 16px;

		line-height: 100%;



		    }
		    .para-p p{
		    	font-weight: 400;
		    }
		    .headerBox span.featurebannerbtn{
		    	border-radius: 6px;
		    	min-height: 36px;
		    	height:36px;
/*		    	width: 100% !important;*/
		    	margin-top: 20px !important;
		    	margin-bottom: 20px !important;
		    	width:180px !important;

/*		    	width: 55% !important;*/
		    	font-size: 16px !important;
		    }

		.headerBox p em {
		    font-family: Inter;

		font-weight: 400;
		font-size: 12px;
		line-height: 130%;
		width: 100%;
		letter-spacing: 0%;
		text-align: center;
		}
		
		.imageSection{padding-bottom: 70px !important;}
		    .wpb_single_image img {
        max-height: 100%;
        width:100% !important;
/*                margin-bottom: -15%;*/
    }
    .shadow_img.fuel_page img{margin-left: -25%;

       
/*        margin-bottom: -20%;*/
    }
    .ft_counter_section .counter_wrapper{
    	    grid-template-columns: 1fr;
    }
    .feature_counter .funfact-outer{
    	padding-bottom: 0px ;
    }
      .feature_counter .funfact-content {
      	width: 200px;
      }
.ebook_section h3{
	font-size: 24px !important;
}
.featureSection02:before{
			
		
			/*width: 100%;
			top: 0px;
			right:0px;
			height: 100%;*/
			width: 250px;
        top: 48%;
        right: 0px;
        height: 250px;

			
		}
		.featureSection01 , .featureSection03{ 
			display: flex;
 
  row-gap: 0px; 

        flex-direction: column;

 align-items: center;
}
.featureSection02_inner{
	display: flex;
	 flex-direction: column-reverse;
	 align-items: center;
	  row-gap: 20px; 

}

.featureSection01 .imgeLeft img {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
            width: 60%;
}
.wpb_single_image.vc_align_left{
	text-align: center;
}

.hover_box_item .wpb_single_image.vc_align_left{
	text-align: left !important;
}
.featureSection01  .wpb_single_image.vc_align_left{


margin-left:-25% !important;
}
    body .second_inner_row {
		gap: 20px !important;
	}
	.telematics_faq .vc_toggle_title>h4{font-size: 18px !important;}
}

@media only screen and (max-device-width:475px){
	 .headerBox {
width:90%;
}
.features_pages_header{
margin-top:-40px;
/*  height: 72vh;*/
}
.faqOuterFetuerPage .faqListing, .faqListing{
	grid-template-columns: auto;
}
.telematics_faq .vc_toggle:not(:last-child)

 {
    margin-bottom: 10px !important;
}

}
@media only screen and (max-device-width: 430px) {
	.faqOuterFetuerPage {
	    padding-left: 24px !important;
	
    padding-right: 24px !important;
}
.usecase-slider.homeBlogLisitngOUter  .owl-item{
	/*width:390px !important;*/
	 width: calc(97vw) !important;
	   box-sizing: border-box;
	    margin: 0 20px 0 5px !important


}
.usecase-slider.homeBlogLisitngOUter .item-box{
	margin:0 10px !important;
}
.telematics_faq .vc_toggle{border-radius: 10px !important;padding: 10px !important;}
.page-id-42260 .counter_section .vc_row:not(.counter_section_inner):not(.for-desktop):first-child{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
.faqOuterFetuerPage .vc_toggle_content p{font-size: 13px !important;}

    .second_section .wpb_wrapper .second_inner_row:nth-of-type(2){
			flex-direction: column-reverse;

		}
		.homeBlogLisitngOUter.static-layout{
			grid-template-columns: 1fr;
		}
    body .second_inner_row {
		
		
		flex-wrap: wrap !important;
		margin-bottom: 0px !important;
	}
    .features_pages_header{
				padding-bottom: 0px !important;
			    background-image: url(/wp-content/uploads/2025/04/mobile-feature.svg) !important;
/*			        margin-top: -48px;*/
				margin-top: -30px;
			        background-size: cover;
			          display: flex;
			        align-items: center;
			 }
    .featureSection01,.featureSection02,.featureSection03{
    	padding-bottom: 30px !important;
    }

    .featureSection02:before {
        width: 250px;
        top: -8%;
        right: 0px;
        height: 250px;
    }
.telematics_faq .vc_toggle_title>h4{font-size: 14px !important;}
 }

@media only screen and (max-device-width: 375px) {
	.headerBox{position: absolute !important;}
    
        .featureSection02:before {
        width: 215px;
        top: -7%;
        right: 0px;
        height: 215px;
    }
	
}

.usecasethumb  img { border-radius: 10px 10px 0 0 ;}

@media (min-width: 200px) and (max-width: 767px) {
.featureusecaseOUter.usecase-slider  {
	padding:0 10px 0 15px;
} 
.featureusecaseOUter   .owl-item {
 /*margin: inherit !important;*/
}

}