/* Desktop css - 17 Feb 2025 */


.whychooseLandingBox {-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

.container {
/*    max-width: 1360px;*/
    position: relative;
}
.ladingPageBanner5BigImg img{
padding-left: 10px;
}
.gps_wrapper .vc_row.vc_column-gap-35{
/*    margin-left: 0px !important;*/
/*    margin-right: 0px !important;*/
    margin-left: -28.5px;
    margin-right: -37.5px;
}
.gps_device .wpb_wrapper{
    padding:50px 25px;
}
.accordions-landing-page-v5-outer ul >li

 {
    list-style: none;
    background: url(/wp-content/themes/uffizio/assets/images/contentArrow.png) left 4px top 8px no-repeat;
    padding: 0 0 0 30px;
    margin: 10px 0;
        font-size: 16px;
        background-size: 12px;
    color: #484848;
}
.accordions-landing-page-v5-outer ul{
padding-left: 0px !important;
}
.accordions-landing-page-v5-outer {
    display: grid;
    grid-template-columns: 1fr 650px;
    column-gap: 40px;
}
.page-id-42260 .gps_device .wpb_wrapper,.page-id-46994 .gps_device .wpb_wrapper{
padding-bottom: 100px;
}
.what-is-fleet p:not(:last-child){
   
    margin-bottom: 16px !important;
}

.what-is-fleet{overflow: hidden;}
.what-is-fleet p{font-size: 16px !important; font-weight: 400 !important;}
.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon{
margin-right:0px !important;
}
.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon{width: 18px !important}

.gps_col_1 .vc_column-inner, .gps_col_2 .vc_column-inner{
    max-width: 655px !important;
}
.telematics_faq{
    display: grid !important;
    grid-template-columns:660px 660px;
    column-gap: 40px;
}
.telematics_faq .vc_col-sm-6{width: 100% !important}
.telematics_faq .vc_toggle_icon{
    top: 2px;
}
.accordions-landing-page-v5-outer{
/*display: flex;
align-items: center;*/
}
.accordions-landing-page-v5-outer .vc_col-sm-6{
width:100%;
}
.accordions-landing-page-v5-outer .vc_column_container>.vc_column-inner{
    padding-left: 0px ;
    padding-right: 0px;
}
.whychooseLandingBox h3.vc_custom_heading,.whychooseLandingBox .paraText
{

    padding-left: 20px;
    padding-right: 20px;
}
.whychooseLandingBox a.vc_general{
padding-bottom: 20px !important;
    padding-left: 20px !important;
padding-right:30px !important;

}
.whychooseLandingBox .paraText{
    padding-bottom: 20px;
}
.whychooseLandingBox a.vc_general:hover{

        background: url(../images/arrow_v5_up.svg) no-repeat 120px 10px !important;
}

.telematics_faq:before, .telematics_faq:after{display: none;}
.telematics_faq > .wpb_column{padding-right: 0px}
.vc_toggle_arrow .vc_toggle_icon::after, .vc_toggle_arrow .vc_toggle_icon::before
{
transform: rotate(135deg);
}
.vc_toggle_active .vc_toggle_icon{
transform: rotate(-90deg);
}
.gps_wrapper  p{
max-width:1100px;
margin:0 auto;
}
.gps_col_2 .vc_column-inner{

}
.telematics_faq .vc_toggle_content{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.faqOuter .faqListing h6{
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
    padding-top: 0px;
}
.faqOuter .faqListing h6:last-child{
    padding-bottom: 0px !important;
}
.telematics_faq .vc_toggle_content ul li{
    padding-bottom: 5px !important;
}
.cta_blue_section_form select,
.cta_blue_section_form input,
.cta_blue_section_form textarea
 {
    background-color: #ECF6FF !important;
}
.whychooseLandingBox .vc_general.vc_btn3{
transition:none !important;

}
.faqOuter .faqListing h6:last-child{margin-bottom: 0px !important}
.telematics_faq .vc_toggle:not(:last-child){margin-bottom:20px !important;}
.telematics_faq .vc_toggle:last-child{margin-bottom:0px !important;}
.page-template-landing-page-v5 h2{
font-family: "Antonio", serif; 
font-weight: 700;
font-size: 42px !important;
color: #0e0e0e !important;
text-transform: uppercase;
line-height: 100%;
margin-bottom:16px !important;
    padding-bottom: 20px;
/*line-height: 42px;*/
letter-spacing:0.7px;
}
.what-is-fleet h2{
    line-height: 140% !important;
    margin-bottom: 0px!important;
}
.smartbusOuter .cta_5_outer{

padding-top:40px !important;
}
#getStarted , .smartbusOuter {
    
background: url('/wp-content/themes/uffizio/assets/images/get-started-desktop.png');
background-size: cover !important;
}
.telematics_faq .vc_toggle_title>h4{
    font-weight:500; }
.page-template-landing-page-v5 .modal-header h2 { font-size: 22px !important;}

 .videoBoxNew a::before {
    padding: 12px 20px 12px 19px;
}
.whychooseLandingBox .videoBoxNew .wpb_content_element {

margin-bottom:30px !important;
}
/*.accordions-landing-page-v5-outer .collapse .card-body p{padding-right: 10px;background: #fff}*/
.whychooseLandingBox h3.vc_custom_heading{padding-bottom: 10px !important}
.page-template-landing-page-v5 section:not(.what-is-fleet), .page-template-landing-page-v5 .vc_row[data-vc-full-width]{
/*	padding-top: 75px;*/
padding-top: 100px;
	padding-bottom: 100px;
}

  .counter_section > .vc_row[data-vc-full-width]:not(.rating_for-mobile) {
	padding-top: 50px !important;
	padding-bottom: 100px !important;
 }
.page-template-landing-page-v5 h2.dark{ color:#0e0e0e !important; }
.page-template-landing-page-v5 h2.light{color: #fff !important;}

.feature_row .wpb_wrapper .vc_row{
    display: grid;   
    grid-template-columns: 325px 325px 325px 325px;
    column-gap: 20px;
}
.feature_row .vc_row.vc_row-o-equal-height>.vc_column_container{
    padding-left: 25px !important;
}
.videoBoxNew a:before, .videoBoxNew a:after{
/*    display: none;*/
}
.videoBoxNew a:before {
    content: "\f04b";
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #000;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding: 12px 21px;
    width: 50px;
    display: flex;
    justify-self: center;
    border-radius: 50%;
    align-items: center;
    margin: auto;
    animation: zoom 2s infinite;
}
@keyframes zoom{
0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
50% {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    opacity: 0.5;
    transform: scale(1.2);
}
100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
}

.bg_layer_img{
	background: url(../images/blue-layer.png) no-repeat center center !important;
	margin-top: 20px;
	text-align: center;
	line-height: 50px;
}

ul.highlight_list
{
    margin: 0;
    padding: 0;

}

ul.highlight_list li
{
    list-style-type: none;
    display: inline;
    font-family: "Inter", serif;
font-weight: 400;
color: #fff;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;

}


ul.highlight_list li:not(:first-child):before {
    content: " | ";
    margin:0 20px;
}

.counter_section{

	background-color: #F0F3FB;
/*	height: 560px;*/
	padding-bottom:0px !important;
/*	margin-top: -320px;*/
}
.counter_section .counter-count-new{
	color: #0E0E0E;
    max-width: 120px;
	border-bottom: 1px solid;
    border-image-source: linear-gradient(to right, #0057ff, #fff);
    border-image-slice: 1;
  font-family: "Antonio", serif;
font-weight: 700;
font-size: 42px;
line-height: 42px;
letter-spacing: 0px;
padding-bottom: 12px;
margin-bottom: 12px;

}
 .page-template-landing-page-v5 .funfact-project:before{
    display:none !important;
}
.counter_section .funfact-project{
	color: #0E0E0E;
	    line-height: 18px;
}
.counter_section .usp_wrapper{
/*	padding-top: 150px !important;*/
padding-top:70px !important;
/*	max-width: 1110px;*/
/*	margin:0 auto;*/
}
.page-id-42260 .counter_section .usp_wrapper{
padding-top:0px !important;
}

.counter_section .vc_row:not(.counter_section_inner):not(.usp_wrapper):not(.usp_outer .vc_row):not(.feature_count):not(.for-desktop):first-child{
    padding-top: 95px !important;
}
.for-mobile{
display: none !important;

}
.ctaSectionv5btn_2 {
    margin-bottom: 0px;
}
.rating_section .vc_row.wpb_row.vc_inner.vc_row-fluid.for-desktop{
    display: grid;
    grid-template-columns: 250px 300px 350px;
    padding: 0;
    margin: 0 auto;
}
.rating_section .vc_row.wpb_row.vc_inner.vc_row-fluid.for-desktop:before, .rating_section .vc_row.wpb_row.vc_inner.vc_row-fluid.for-desktop:after{
    display: none;
}
.rating_section .vc_row.wpb_row.vc_inner.vc_row-fluid.for-desktop .vc_col-sm-4{
    width: 100% !important;
}

.hover_link a{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: none !important;
    text-indent: -9999999px;
}
.counter_section .text{
	font-family: "Antonio", serif;
	padding-top: 50px;
	padding-bottom: 20px;
font-weight: 700;
font-size: 24px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
}
.cta_5_outer .schedule_demo_btn{

margin-bottom:0px !important;
}
.cta_5_outer > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: 200px 200px;
    /* grid-template-columns: auto 200px; */
    justify-content: center;
/*    gap: 20px;*/
}
.cta_5_outer .vc_general, .cta_5_outer_1 .vc_general {
    font-weight: 400 !important;
    background-color: #0057FF !important;
    color: #fff !important;
    border-radius: 4px !important;
    font-family: "Antonio", serif;
    width: 200px;
    font-size: 18px !important;
    text-transform: uppercase;
    padding: 10px !important;
}
.telematics_faq ol {
    
    padding-left: 5%;
}
.telematics_faq ol li{
    color: #484848 !important;
}
.cta_5_outer .vc_general:after, .cta_5_outer_1 .vc_general:after, .cta_5_outer .vc_general:before, .cta_5_outer_1 .vc_general:before{
	display: none !important;
} 
.vc_toggle_size_md:not(.vc_toggle_active) .vc_toggle_icon{
width: 15px !important;
    margin-right: -4px !important;
}
.accordions-landing-page-v5-outer .schedule_btn a,.cta_5_outer .vc_general, .cta_5_outer_1 .vc_general,.cta_5_outer .schedule_demo_btn33,
.cta_5_outer .wpb_wrapper .vc_btn3-container:nth-child(2) .vc_general, .cta_5_outer .vc_general, .cta_5_outer_1 .vc_general,
.explore_now .vc_btn3.vc_btn3-shape-rounded, .explore_now_blue .vc_btn3.vc_btn3-shape-rounded{
width: 180px !important;
    height: 42px !important;
    padding: 8px !important;
    font-size: 18px !important;
    border:1px solid #0057ff !important;

}
.explore_now .vc_btn3.vc_btn3-shape-rounded{border:1px solid transparent !important;}
.accordions-landing-page-v5-outer .schedule_btn a:hover,.cta_5_outer .vc_general:hover, .cta_5_outer_1 .vc_general:hover,.cta_5_outer .schedule_demo_btn33:hover,
.cta_5_outer .wpb_wrapper .vc_btn3-container:nth-child(2) .vc_general:hover, .cta_5_outer .vc_general:hover, .cta_5_outer_1 .vc_general:hover,
.explore_now .vc_btn3:hover, .explore_now_blue .vc_btn3:hover
{
background: #fff !important;
border:1px solid #0057ff !important;
color: #0057ff !important;
}
.explore_now_blue .vc_btn3:hover{border:1px solid transparent !important;}

.feature_row  .feature_column  {
/*padding-right:20px !important;*/
/*padding-left:0px !important;*/
transition-duration: 500ms;
}
.faqOuter .faqListing h6 {
letter-spacing: 0px;
}
.gps_device {
    padding-top: 50px !important;
}
.page-id-42260 .gps_device,  .page-id-46994 .gps_device{
    padding-top: 45px !important;
}
#key_features .vc_column-inner{
    padding:0px !important;
}
.feature_row > .wpb_column > .vc_column-inner{
padding-left:0px !important;
}
.cta_5_outer .wpb_wrapper .vc_btn3-container:nth-child(2) .vc_general , .explore_now .vc_general{
    background-color: #fff !important;
    color: #0057FF !important;
}
.FeatuerTabOuter{
    min-height: 100%;
}
.cta_5_outer .wpb_wrapper .vc_btn3-container:nth-child(2) .vc_general:hover,  .explore_now .vc_general:hover{
    background: #0057ff !important;
    color: #fff !important;
    border: 1px solid #0057ff !important;
}
.gps_col_1 .vc_column-inner, .gps_col_2 .vc_column-inner{
    border-radius: 16px !important;
}
.page-template-landing-page-v5-feature .helpyou24InnerOuter, .helpyou24InnerOuter {
    padding: 100px 0px !important;
    background-color: #F0F3FB !important;
}
.helpyou24InnerOuter  .container{
    padding:0px ;
}


.accordions-landing-page-v5-outer .card-header{
    padding:0 0 10px 0 !important;
}
.helpyou24Inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* gap: 30px; */
    column-gap: 20px;
    padding: 33px 0 0px 0;
}
.helpyou24InnerList {
    background-color: #fff !important;
    border: solid 1px #DDDDDD !important;
    -webkit-box-shadow: 0 0 10px 0 #E0E0E0;
    box-shadow: 0 0 10px 0 #E0E0E0;
    padding: 20px;
    border-radius: 10px;
}
.helpyou24InnerList img {
    height: 35px !important;
}

.helpyou24Inner h3.vc_custom_heading {
    font-family: "Antonio", serif;
    text-transform: uppercase;
    padding-top: 24px !important;
    margin-bottom: 0px;
    color: #0e0e0e;
    font-weight: 600 !important;
}
.helpyou24InnerOuter p.vc_custom_heading:not(.help_sub_heading) {
    font-size: 16px !important;
    padding-top: 8px;
    margin-bottom: 24px;
    line-height: 100%;
}

.whatsupBtn, .emailbtn, .phoneBtn {
    width: 100% !important;
}
.whatsupBtn a.vc_general:after, .emailbtn a.vc_general:after, .phoneBtn a.vc_general:after{
display: none;
}
.whatsupBtn a.vc_general:hover, .emailbtn a.vc_general:hover, .phoneBtn a.vc_general:hover {
    color: white !important;
    background-color: #0057ff !important;
}
.whatsupBtn a.vc_general, .emailbtn a.vc_general, .phoneBtn a.vc_general {
    background: none !important;
    /* display: block; */
    display: grid;
    /* grid-template-columns: 30px 162px; */
    grid-template-columns: 23px auto;
    column-gap: 10px;
    align-items: center;
    justify-content: center;
    color: #0057FF !important;
    border: solid 1px #0057FF !important;
    border-radius: 7px !important;
    width: 100% !important;
    padding: 8px !important;
     font-family: "Antonio", serif; 
     font-size: 18px !important;
     font-weight: 400 !important;
}
.explore_now a, .explore_now_blue a{

    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 0.4px !important;
    width: 180px !important;
    height: 42px !important;
    padding: 9px !important;
}

.whatsupBtn a.vc_general::before, .emailbtn a.vc_general:before, .phoneBtn a.vc_general:before {
    background: url(../images/whatsupbtn.svg) no-repeat right center !important;
    content: "";
    width: 25px;
    height: 22px;
    display: block;
    position: relative;
    left: inherit;
    right: inherit;
    bottom: inherit;
    top: inherit;
    opacity: 1;
}

.emailbtn a.vc_general:before {
    background: url(../images/emailbtn.svg) no-repeat right center !important;
}


.phoneBtn a.vc_general:before {
    background: url(../images/phonebtn.svg) no-repeat right center !important;
}
.phoneBtn a.vc_general:hover:before, .emailbtn a.vc_general:hover:before, .whatsupBtn a.vc_general:hover:before {
    filter: brightness(0) invert(1);
}

/* FAQ CSS start */

.page-template-landing-page-v5 .faqOuter{
/*    padding-top:65px !important;*/
/*    padding-bottom: 100px;*/
}
.faqOuter .vc_column-inner{ padding-right:0px;padding-left:0px; }
.faqOuter .card-header {
    background: none !important;
    border: none !important;
    /*   padding: 15px 0px !important;*/
    padding: 34px 0px !important;
    ;
}


.faqOuter .card-header button{

	font-family: "Inter", serif;;
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: 0%;

}

.faqOuter .card {
    border: none !important;
    border-bottom: solid 1px #D0D0D0 !important;

    border-radius: 0px !important;
}

.faqOuter .card-header button,
.faqOuter .card-header button:hover {
    width: 95%;
    text-align: left !important;
    padding: 0px !important;
    display: block !important;
    background: none !important;
    border: none !important;
    color: #0E0E0E !important;
    text-decoration: none !important;
}

.faqOuter .card-header button {
    position: relative;
}

.faqOuter .card-header button::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0px !important;
    background-image: url(../images/faq-arrow-act.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: right;
    
    width: 30px;
    height: 30px;
    transform: translateX(75%);
}

.faqOuter .card-body {
    padding: 6px 0px 30px 0px !important;
    border-radius: 0px !important;
    margin: -30px 0 0 0;
    
    max-width: 1000px;
    
    font-family: "Inter", serif !important;
    color: #484848;

font-weight: 400;
font-size: 16px;
line-height: 22.4px;
letter-spacing: 0%;


}


.faqOuter .card-header button.collapsed::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    background-image: url(../images/faq-arrow.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: right;
    width: 30px;
    height: 30px;
    transform: translateX(75%);

}

.faqListing {
/*    padding: 0 12%;*/
    max-width: 1095px;
    margin: 0 auto;
    margin-bottom: 10px;

}
p.faqSubTiitle{
    margin-bottom: 0px !important;
    max-width: 885px;
    text-align: center;
    margin: 0 auto !important;
}
.faqOuter .card-header button::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0px !important;
    background-image: url(../images/faq-arrow-act.png);
    background-repeat: no-repeat;
    background-size: 13px 8px;
    background-position: right;
    width: 13px;
    height: 8px;
    transform: translateX(75%);
}
.faqOuter .card-header button.collapsed::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    background-image: url(../images/faq-arrow.png);
    background-repeat: no-repeat;
    background-size: 13px 8px;
    background-position: right;
    width: 13px;
    height: 08px;
    transform: translateX(75%);
}
/* FAQ CSS end */

/* what is fleet section  */


.what_is_fleet img {
/*	box-shadow: 3px 3px 16px 0px #0000001A;*/
}
.what-is-fleet .container .vc_row:first-child{align-items: center !important; }
.faqOuter  p.vc_do_custom_heading {  padding: 0 100px !important;}

.what-is-fleet .wpb_content_element{
    margin-bottom: 0px;
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner{padding-top: 0px !important;}

.counter_section_inner { 
    padding: 0 65px !important; 
    display: grid !important;
/* grid-template-columns: 1fr 1fr 1fr 1fr 125px !important;*/
  justify-content: space-between;
}
.counter_section_inner .vc_col-sm-1\/5 { width: 100% !important;}

.funfact-outer { display: block !important;}
.whychooseLanding { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap:40px;
/*    row-gap: 20px;*/
}
.whychooseLanding::before { display: none;}
.whychooseLanding .wpb_column  { width: 100%;}
.whychooseLandingBox  { background-color: #fff !important; border-radius: 16px !important; border: solid 1px #DDDDDD !important; 
/*    padding: 20px 20px 20px 20px !important;*/
padding: 0px !important;

} 

.whychooseLandingBox:hover {
    -webkit-box-shadow: 0 0 20px 0 #00000020;
    box-shadow: 0 0 20px 0 #00000020;
}

#pricingTableOuter{ padding-top: 40px !important; }

#pricingTableOuter .price { display: none ;}
.price-dec,  .LandingPrice .plan  { text-align: left;} 
.plan-name-1 { font-size: 35px; text-transform: uppercase; color: #0e0e0e; font-family: "Antonio", serif; }
.price-dec { padding: 0;color: #484848;}
.priceFeatureBtn { color: #0057ff !important;column-gap: 8px;}

.plan-icon { padding: 15px 20px  0 20px;}
.plan-header , .price-dec {padding: 0px 20px  0 20px;}
.plan-header {background: url(../images/linebg.png) no-repeat 20px  bottom !important; 
    padding-top: 20px;
     padding-bottom: 20px; 
     margin-bottom: 20px;}

.LandingPrice .recommended {   

 background: url(../images/recommended.png) no-repeat left top;
    width: 180px;
    height: 50px;
    display: block;
    top: 20px;
    right: -15px;
    display: none;

}

.premiumPrisingListing  .plan-icon { padding-top: 15px !important;}
.rating_section .vc_row .wpb_column{
/*    min-width: 200px;width: 200px;*/
}
.rating_section .vc_row{
    justify-content: center;
}
.tooltip-list .tooltiptext,.yellow_pricing .tooltip-list .tooltiptext{
background-color : #000E23
}
.tooltiptext::after,.yellow_pricing .tooltip-list .tooltiptext:after{
    border-top: 10px solid #000E23;
}
.price-dec{
    padding-bottom:20px;
}
#key_features1{
    padding-bottom: 70px !important;
    background-position: bottom;
}
.schedule_demo_btn {
    margin-bottom: 0px;
}
.feature_column{
max-width: 325px;
width: 100%;
}
.page-template-landing-page-v5 section.what-is-fleet{
    padding-bottom: 100px;
    padding-top: 100px;
/*    padding-left: 0px;*/
/*    padding-right: 0px;*/
}
.what-is-fleet p{
line-height: 140% !important;
letter-spacing: 0px;
max-width: 650px;

font-size: 16px !important;
}
.what-is-fleet .wpb_content_element{
    margin-bottom: 0px !important;
}
.what-is-fleet .vc_row{
    align-items: center;
}
.feature_column{
    margin-right: 0px !important;
}
.usp_column p{
color: #0E0E0E;
}


.ctaSectionv5btn_2 .vc_general:hover{
background: #0057ff !important;
color: #fff !important;
border: 1px solid #0057ff !important;
}

.whychooseLandingBox a.vc_general{
    background: url(../images/arrow_v5.svg) no-repeat 120px 10px !important;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
}
.feature_column:hover{

    border: 1px solid #0057ffd6 !important;
}
.telematics_faq .vc_toggle:hover{

    box-shadow: 0px 8px 20px 0 #00000010 !important;
    transition-duration:500ms ;
}

.telematics_faq .vc_toggle_active{
        box-shadow: 0px 8px 20px 0 #00000010 !important;
    transition-duration: 500ms;
}
.download_ebook a{
        font-family: "Antonio", serif; ;
font-weight: 400;
font-size: 18px !important;

line-height: 100%;
letter-spacing: 0.3px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
margin-right: 0px;
min-width: 180px;
padding: 8px !important;
    border-radius: 4px !important;
    margin-top: 50px;
     border:1px solid transparent !important;
    }
    .download_ebook{margin-bottom: 0px !important}
    .download_ebook a:before, .download_ebook a:after{
        display: none;
    }
    .download_ebook a:hover{
        background: #fff !important;
        color: #0057ff !important;
        border:1px solid #0057ff !important;
    }
    .text-center{
        text-align: center;
    }
    .video_icon_svg{
        line-height: 0px !important;
    }
    .priceFeatureBtn { align-items:center; 
        place-items: center;
    }
      .priceFeatureBtn i{
        font-size: 12px;
/*            height: 11px;*/
        }
      
    .video_icon_svg img {    

    position: absolute;
    vertical-align: top;
    right: 0px; 
    height: 100px !important;
    bottom:4px;
    line-height: 0px;
    width: 98px !important;  
   
  border-radius: 50%;
  border:0px #0057ff solid;
  animation: pulse 2s infinite;

    }

    @keyframes pulse {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.1);
            }

            100% {
                transform: scale(1);
            }
        }

        select#phone_ext-1ed579c3-dde4-4fe7-b02b-7b533420558c{
            padding-right: 25px;
        }


        @media  screen and (max-width: 1920px) {
    .container{
    max-width: 1360px;
    }

}
/*@media (min-width: 1350px) {
    .container {
        max-width: 1120px;
        overflow: visible !important;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .container {
      max-width: 720px;
    }
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}*/
/* -***************---------------******************************************************************************************** */
@media  screen and (max-width: 1280px) {
    .container{
    max-width: 1140px;
    }

}
@media screen and (max-width: 768px){
                .faqOuter p.vc_do_custom_heading{
                margin-bottom: 20px !important;
            }
            .telematics_faq .vc_toggle:first-child{
                margin-bottom: 10px !important;
            }
            .for-mobile{
                display: block !important;
            }
}
/* Mobile  */

@media screen and (max-width:600px){

            
            .second_section {
                overflow: hidden !important;
            }

            #key_features .wpb_wrapper p{
                padding-bottom: 20px !important;
            }
            .download_ebook a{margin-top: -70px !important;
            }
            .priceFeatureBtn i{
                    font-size: 11px;
                  }
                  .telematics_faq .vc_toggle_title>h4{
                    font-size: 14px !important;
                  }
            .video_icon_svg img {
                
            /*    max-width: 100%;   */
                
                right: 1%;   
                bottom:0.5rem !important;
                height: 51px !important;
                
                line-height: 0px;
                width: 89px !important;
                max-width: 70px !important;

            }
            #getStarted , .smartbusOuter{
            background: url('/wp-content/themes/uffizio/assets/images/get-started-mobile.png') !important;
            background-size: cover !important;


            }
            #getStarted .vc_column-inner, .smartbusOuter .vc_column-inner{
                padding-top: 0px;
            }
            .download_ebook {
                margin-top: 18px !important;
                margin-bottom: 22px !important;

            }
            .download_ebook a {

                font-size: 16px !important;
            }
            .what-is-fleet   .wpb_content_element{
                max-width: 105%;
            }
                #key_features1 .wpb_column::-webkit-scrollbar-thumb {
                    background: #0057FF !important;
                    -webkit-overflow-scrolling: initial;
                }
                #key_features1 .feature_column{
/*                    max-width: 353px !important;*/
            max-width: 100% !important;
                }
            .telematics_faq{
                display: grid !important;
                grid-template-columns:1fr;
                row-gap: 10px;
            }
            section.what-is-fleet img:not(.video_icon){
            /*    max-width: 370px !important; */
            /*    margin-left: -5px !important; */

            /*    width:auto !important;*/
            /*    margin-right: -15px !important;*/
            }
            .helpyou24InnerList img{
                height: 26px !important;
                width: 26px !important;
            }
            .plan-icon img{
            /*    width: 29px !important;*/
            }
                .feature_row .wpb_wrapper .feature_column:last-child {
                    margin-bottom: 8px !important;
                }
            .plan-header {
                background: url(../images/linebg.png) no-repeat 14px  bottom !important;
            margin-right: 14px !important;
            }
            .accordions-landing-page-v5-outer .schedule_btn a,.cta_5_outer .vc_general, .cta_5_outer_1 .vc_general,.cta_5_outer .schedule_demo_btn33,
            .cta_5_outer .wpb_wrapper .vc_btn3-container:nth-child(2) .vc_general, .cta_5_outer .vc_general, .cta_5_outer_1 .vc_general,.explore_now_blue .vc_btn3.vc_btn3-shape-rounded,
            .explore_now .vc_btn3.vc_btn3-shape-rounded, .explore_now_blue .vc_btn3.vc_btn3-shape-rounded{
            width: 160px !important;
                height: 36px !important;
                padding: 6px !important;
                font-size: 16px !important;
                border:1px solid #0057ff !important;

            }
            .accordions-landing-page-v5-outer{
                grid-template-columns: 1fr;
                row-gap: 30px;
            }
            .faqOuter .faqListing h6{
                padding-bottom: 5px !important;
            }
            .plan-icon{
                padding:14px 14px 10px !important;
            }
            .LandingPrice .price-dec{
                padding:0 14px 14px !important;
            }
            .plan-header{padding-right:14px !important;
            padding-left: 14px !important;
        }
            #pricingTableOuter{ padding-top: 20px !important; 
            }
            .explore_now .vc_btn3.vc_btn3-shape-rounded, .explore_now_blue .vc_btn3.vc_btn3-shape-rounded,.explore_now_blue .vc_btn3.vc_btn3-shape-rounded{
                padding: 6px !important;
            }
            /*.page-template-landing-page-v5 .container:nth-child(2){padding-left: 0px !important;padding-right: 0px !important}*/
            .helpyou24Inner{
                row-gap: 20px !important;
            }
            .gps_wrapper , .LandingPrice {
                padding-left: 20px !important;
                padding-right: 20px !important;

            }
            .gps_device {
                padding-top: 30px !important;
            }
            .priceFeatureBtn{ font-size:14px !important;
            padding-bottom:14px !important;
             }
            .what-is-fleet p{
                font-size: 14px !important;
            }
            .helpyou24Inner h3.vc_custom_heading{
                font-size: 20px !important;
                padding-top: 20px !important;

            }
            .telematics_faq .vc_col-sm-6{width: 100% !important;
            }
            .page-template-landing-page-v5-feature .helpyou24InnerOuter, .helpyou24InnerOuter {
                padding: 50px 0px !important;
            }
            .whatsupBtn a.vc_general, .emailbtn a.vc_general, .phoneBtn a.vc_general{
                padding: 6px !important;
            font-size: 16px !important;
        }
            .helpyou24InnerOuter > p{
                padding: 0 24px !important;
                font-weight: 400 !important;
                font-size: 16px !important;
            }
            .gps_device{
                row-gap: 20px !important;
            }
            .LandingPrice .wrapper-full{
                margin: 0px;width: 100%;
            }
            .gps_wrapper > .wpb_column > .vc_column-inner, .LandingPrice > .wpb_column > .vc_column-inner{
            padding-right:0px !important;

            padding-left:0px !important;
            }
            .helpyou24InnerOuter p.vc_custom_heading:not(.help_sub_heading){
                font-size: 14px !important;
            margin-bottom: 20px !important;
        }
            .accordions-landing-page-v5-outer, .whychooseLanding, .helpyou24Inner{
                padding-right: 20px !important;
            padding-left: 20px !important;
        }
            .whychooseLandingBox h3.vc_custom_heading{
                padding-bottom: 0px !important;
            }
            .ladingPageBanner5BigImg img{
            padding-left: 0px;
            }
            .feature_row .wpb_wrapper .vc_row{
                display: flex !important;
            /*    padding-left: 20px;*/
            }
            .telematics_faq .vc_toggle:not(:last-child){
                margin-bottom:10px !important;
            }
            .telematics_faq .vc_toggle:last-child{
                margin-bottom:0px !important;
            }
            #plansPricing .vc_row:last-child{
            padding-bottom: 0px !important;
            }
            .feature_column{
                margin-right: 15px;
            }
            .counter_section_inner .wpb_column:last-child .funfact-outer,.counter_section_inner .wpb_column:nth-child(3) .funfact-outer {
                padding-bottom: 7px;
            }
                .counter_section .vc_row:not(.usp_wrapper):first-child {
                    /* display: grid; */
                    grid-template-columns: 145px 165px !important;
                    gap: 20px;
            /*        padding:0px;*/
                }
                .rating_section .wpb_wrapper .wpb_single_image{
                    padding: 0px;line-height: 0px;
                }

            .priceFeatureBtn{ 
                padding: 6px 0 14px !important;
            }

            .priceFeatureBtn.active{
            padding: 6px 0 12px !important;
            }
            .featureList li{
                font-size: 14px !important;
                font-weight: 400 !important;
            }
            .bigtext,h2.vc_custom_heading{
                
            font-size: 24px !important;
            line-height: 34px;
            letter-spacing: 0.7px;
            text-align: center;

            }
            .for-desktop{
                display: none !important;
            }
            .rating_section > .vc_row > .wpb_column{
                width: 100%; 
                max-width: 100%;
            }
            .accordions-landing-page-v5-outer .schedule_btn{
                text-align: center;text-align: -webkit-center;
            }
                .bg_layer_img {
                background: url(../images/blue-layer-mobile.png) no-repeat center center !important;
                margin-top: 20px;
                text-align: center;
                line-height: 35px;
            }
            ul.highlight_list li{

                font-size: 16px;
                line-height: 24px;
            }
            ul.highlight_list li + li::before {
                content: " | ";
                margin: 0 20px;
            }

            ul.highlight_list li:last-child::before {
                content: none;
            }
            .hero_cta
            {
                padding-top:30px;
                padding-bottom: 40px;
            }

            .counter_section_inner
            {
                padding: 0px 20px !important;
            grid-template-columns: 1fr 1fr !important;
            }
            .footerOUter_CTA .help_sub_heading{
                margin-bottom: 0px !important; font-weight:400 !important;font-size: 16px !important;
                padding: 0 24px;line-height: 140%;
            }
            .counter_section .vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner   
            {
                padding: 0px;
            }
            .funfact-outer{ 
                padding-left:0px !important;padding-right:0px !important;
                 }
            .counter_section .counter-count-new
            {
                font-size: 24px;line-height:24px;
             }
            .counter_section .usp_wrapper {
                padding-top: 90px !important; 
            /*    grid-template-columns: 1fr 1fr !important;*/
                    column-gap: 10px;
                    padding-bottom: 0px !important;
                }
                .counter_section .vc_row:before, .counter_section .vc_row:after{
                    display: none;
                }

                    .counter_section .text{
                        padding-top:0px !important;font-size: 18px; line-height: 18px;
                    }
                    .counter_section .counter-count-new{
                        margin-right: 50px;
                    }
                    .counter_section {
                        height: auto !important;

                    } 


            .counter_section .funfact-project  {
                font-size: 14px;line-height: 16px;
            }

                .faqOuter  p.vc_do_custom_heading { 
                 padding: 0px 20px 20px !important;}

            .page-template-landing-page-v5 section, 
            .page-template-landing-page-v5 .vc_row-fluid:not(.whychooseusLanding):not(.download_wrapper):not(.telematics_faq):not(.whychooseLanding):not(.smartbusOuter .cta_5_outer):not(.rating_for-mobile .vc_row):not(.usp_outer):not(.gps_device):not(.usp_wrapper):not(.counter_section_inner):not(.rating_section):not(.feature_row):not(#key_features1 .vc_row):not(#tel_feature):not(.feature_column):not(#plansPricing .vc_row-fluid:last-child)
                        {

            padding-top: 50px !important;
            padding-bottom: 50px !important;
            }
            .smartbusOuter .cta_5_outer{padding-top: 20px !important;}
            #key_features1, #key_features{
                padding-bottom: 28px !important;
                padding-right: 20px !important;
                padding-left: 20px !important;
                background-position: bottom;
            }

            #key_features .wpb_column {
            padding:0px !important;
            }
            #key_features1 .wpb_column {
            /*    overflow-y: scroll;*/
            /*    -webkit-overflow-scrolling: auto; /* Ensures scrollbars appear * /*/
            }
            .page-template-landing-page-v5 #solution_mobile.vc_row-fluid{
                padding-top: 0px !important;
                padding-bottom: 0px !important;
            }
            .rightForm_formTitle{
                display: none;
            }
            /* Force scrollbar display */
            #key_features1 .wpb_column::-webkit-scrollbar {
                display: block !important;
            }
            #key_features1 .wpb_column{
            padding-left: 0px;
            /*padding-right: 20px;*/
            }
            #key_features .wpb_wrapper p{
            /*    padding-left: 10px;*/
            /*    padding-right: 10px;*/
            /*    padding-bottom: 10px !important;*/
            }
            #key_features{
                padding-top: 40px !important;
                padding-bottom: 0px !important;
                padding-left: 20px;
                padding-right: 20px !important;
            }
             
             .page-template-landing-page-v5 #plansPricing .vc_row-fluid
            {padding-bottom: 0px !important;
            padding-top: 30px !important;}
            /*#key_features{  padding-top: 50px !important;}*/
            .counter_section .vc_row-fluid{

            padding-top: 0px !important;
            padding-bottom: 0px !important;
            align-items:flex-start;
            /*display: grid;*/
            /*        grid-template-columns: auto auto;*/
            }
            .page-template-landing-page-v5 section.what-is-fleet,.accordions-landing-page-v5-outer{
                padding-top: 0px !important;
                padding-bottom: 0px !important;

            }
            .grid_span{
                grid-column: span 2;
            }
            .grid_span  img{
            max-width:200px !important;
            }
            .accordions-landing-page-v5-outer h2{
                padding-bottom: 25px !important;
            }
            .rating_section .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
                margin-bottom: 20px !important;
            }

            .rating_section .wpb_content_element{
            margin-bottom: 0px;
            }

            .whychooseLandingBox .downloadBtn  a{
            width:122px;
            font-size: 14px !important;
            font-weight: 600;
            font-family: Inter;
            }
            #key_features >.vc_column_container>.vc_column-inner,.feature_row .wpb_column .vc_column-inner{
                display: block !important;
            }
            .gps_device{margin-left: 0px !important; margin-right: 0px !important}
                .gps_device, .gps_wrapper {
                    padding-bottom: 0px !important;
                }

                .whychooseLandingBox a.vc_general {
            /*    background: url(../images/arrow_v5.svg) no-repeat 86px 10px !important;*/
                    background: url(../images/arrow_v5.svg) no-repeat 108px 18px !important;
                    background-size: 18px 18px !important;
                    padding-top: 15px !important;
                    display: inline-block !important;
                    line-height: 21px !important;
                
                }
                .whychooseLandingBox a.vc_general:hover{
/*                    background: url(../images/arrow_v5_up.svg) no-repeat 120px 10px !important;*/
background: url(../images/arrow_v5_up.svg) no-repeat 108px 18px !important;

                    background-size: 18px 18px !important;
                }
                .downloadBtn a{padding: 0px !important}
                .telematics_faq .vc_toggle{
                    padding:10px;
                    border-radius: 10px !important;
                }
                .whychooseLandingBox .downloadBtn a{
            /*        width: 36% !important;*/
                    white-space: pre;
                    text-align: left;
                    width: 130px;
                }
                .whychooseLanding{
                    padding-bottom: 30px !important;
                }
                .whychooseusLanding{
                    padding-top: 50px !important;
                    padding-bottom: 0px !important;
                }
                .plan-name-1{
                    font-size: 20px;

                }
                .plan-header{
                    padding-top: 0px;
                    padding-bottom: 10px;
                        margin-bottom: 10px;
                }
                .price-dec{padding-top: 0px;}
                .LandingPrice .price-dec{
                    font-family: Inter;
                    font-size: 14px;
                    font-weight: 400;
                }
                .whychooseusLanding {
                    padding-bottom:50px;
                }

                .rating_for-mobile .vc_row{
                    display: grid !important;

                }
                .rating_for-mobile .wpb_single_image .vc_single_image-wrapper{
                    display:inline-flex !important;
                }
                    .accordions-landing-page-v5-outer {
                    row-gap: 30px;
                }
                .accordions-landing-page-v5-outer{
                    /*display: block;*/
                }
                .gps_wrapper p, #key_features p, #plansPricing p, .faqOuter p, .smartbusOuter p{
                font-family:"Inter", serif;
                font-weight: 400;
                font-size: 16px !important;
                line-height: 23px;
            }
            .cta_5_outer .vc_general{
                width: 160px !important;
                margin-right: 0px;
                padding: 6px !important;
                height: 36px;
                line-height: normal;
            }
            .whatsupBtn a.vc_general::before, .emailbtn a.vc_general:before, .phoneBtn a.vc_general:before{
            /*        width: 18px;*/
            /*    height: 18px;*/
            /*        background-size: contain !important;*/
            }
            .LandingPrice .recommended {
                
                width: 120px;
                height: 30px;
                background-size: contain;
                
                top: 20px;
                right: -7px;}
            .cta_5_outer > .wpb_column > .vc_column-inner > .wpb_wrapper{
                column-gap: 10px;
            }
            .whychooseLandingBox .paraText p{
                margin-bottom: 0px !important;
            }
            .telematics_faq .vc_toggle_icon::before, .telematics_faq .vc_toggle_icon::after{
            height:7px !important;
            width:7px !important;
            }
            .telematics_faq .vc_toggle{
            /* display:flex; */
            align-items:center;
            column-gap:20px;
            }
            /* .telematics_faq .vc_toggle_active{
                display: block;
            } */

            .telematics_faq .vc_toggle_title {
                flex-grow: 1; 
            }
            .telematics_faq .vc_toggle_icon {
                display: inline-block;
                margin-left: auto !important;
            }
            .faqListing,.telematics_faq{
            padding-bottom: 0px !important;
            }
            .telematics_faq > .wpb_column{
                padding:0 20px !important;
            }

            .cta_5_outer .schedule_demo_btn .wpb_wrapper{
            float:right;

            }
            .counter_section_inner .vc_row,.rating_for-mobile{
                padding-top: 0px !important;
                padding-bottom: 0px !important;
            }
             .whychooseLandingBox{
/*                padding: 14px !important;*/
                padding: 0px !important;
             }
             .product_hero_cta{
                font-size: 16px;
                height: 36px;
                width: 180px;
                line-height: 20px;
                padding:6px;
             }
             .usp_column .wpb_single_image{
                margin-left:10px;
                max-width: 20px;
                max-height: 20px;

             }
             .usp_column p{
                font-size: 14px !important;
            }
             .product_hero_cta{
                border-radius: 6px;
             }
             .usp_column >.vc_column-inner > .wpb_wrapper{
             padding:9px 15px;
            }
            .accordions-landing-page-v5-outer .schedule_btn{padding-top: 30px;
            }


}
@media screen and (max-width: 782px) {
    html {
        margin-top: 0px !important;
        --wp-admin--admin-bar--height:0px !important;
    }
    .accordions-landing-page-v5-outer .vc_column-inner{

padding-left:0px !important;
padding-right:0px !important;
}
}

@media screen and (max-width:430px){
        section.what-is-fleet img{
            margin-left:0px !important;
        /* max-width:100% !important; */
        }
        .video_icon_svg img{
        max-width: 14% !important;
        }
        .counter_section .vc_row:not(.counter_section_inner):not(.for-desktop):first-child,
                        .counter_section .vc_row:not(.counter_section_inner):not(.usp_wrapper):not(.usp_outer .vc_row):not(.feature_count):not(.for-desktop):first-child{
                            padding-top:23px !important;
                        }
                       /* .page-id-42260 .counter_section .vc_row:not(.counter_section_inner):not(.for-desktop):first-child,
                      .page-id-42260  .counter_section .vc_row:not(.counter_section_inner):not(.usp_wrapper):not(.usp_outer .vc_row):not(.feature_count):not(.for-desktop):first-child{
                            padding-top:10px !important;
                        }*/
        
        .page-id-42260 .counter_section .usp_wrapper, .page-id-46994 .counter_section .usp_wrapper{padding-top: 0px !important;}
        .page-id-42260 .counter_section .vc_row:not(.counter_section_inner):not(.for-desktop):first-child{
            padding-bottom: 0px !important;
            padding-top: 0px!important;
        }
        #key_features,#tel_feature
        {
            padding-top: 0px !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
        #key_features{
            padding-top: 50px !important;
        }
       .page-id-42260 #key_features{
        padding-top:0px !important
    }
        .feature_column {
            padding: 20px !important;
          
            
            margin-left: 0px !important;
             column-gap: 10px;
            margin-right: 0px !important;
           
           
        }
        .page-id-42260 .feature_column , .page-id-46994 .feature_column{
              display: grid !important;
               grid-template-columns: 36px auto;
        }
        #tel_feature .vc_column-inner{padding-right: 0px !important;
            padding-left: 0px !important}
        .wpb_single_image img{margin-bottom: 0px !important}
        #tel_feature .wpb_single_image img{
            width:90% !important;
        }
        #petzee_blog_section{padding-top: 0px !important;padding-right: 20px !important;padding-left: 20px !important;padding-bottom: 0px !important;}
        #petzee_blog_section p{ font-size:14px !important; line-height:135% !important }
        .featureusecaseOUter .blog-items a h4{font-size: 16px !important}
}
@media screen and (max-width:375px){

.video_icon_svg img{
    right: 0.5% !important;
    bottom: 0.25em !important;
}
}