/* Home Page CSS 07 March 2025 */
/* Desktop */

/* Header */
.admin-bar .headerOuter {
    top: 32px;
    height: 68px;
    align-items: center;
}
.headerOuter{
    align-items: center;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type=checkbox]:focus {
        outline-offset: 2px;
        outline: 0px dotted var(--form--border-color);
    }
}
body.mmenu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}


.blog-cate-bottom{
    display: flex;
}
.blog-cate-bottom {
    position: relative !important;
    bottom: unset;
    left: unset;
    padding: 24px 20px 20px 20px !important;
    /* color: #a4a4a4; */
    color: #8B8B8B;
    font-weight: 500;
    justify-content: space-between;
}

.telematics_faq .vc_toggle_title>h4{
color: #484848 !important;
text-transform: none !important;
}
.blog-cate-bottom {
    display: flex;
}
.threeBlogListing.home .owl-nav{
    display: none;

}
.threeBlogListing .wpb_wrapper {
    overflow: hidden;
    justify-items: center;
}
.threeBlogListing.home .owl-dots
{
position:absolute;
bottom:-25px;
}

.threeBlogListing .b-item {
    border-radius: 16px !important;
    border: 1px solid #ddd;
}

.threeBlogListing.home .owl-dots .owl-dot.active {
    background: #0057ff !important;
}
.threeBlogListing.home .owl-dots .owl-dot {
    padding: 0px !important;
    width: 40px;
    height: 6px;
}
/* new theme button start */
.threeBlogListing .boxLink:hover .newBtnTheme

 {
    background: url(/wp-content/themes/uffizio/assets/images/arrow-05-act.svg) no-repeat right 12px !important;
}
.blog-cate-iot {
    /* color: #95a1ac; */
    color: #8B8b8b;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    font-weight: 500;
    /* text-transform: uppercase; */
    justify-content: space-between;
    padding: 24px 20px 0px !important;
}
.home .threeBlogListing .newBtnTheme {
    margin-top: -20px !important;
}
.threeBlogListing .newBtnTheme {
    padding: 10px 32px 10px 20px !important;
    margin-top: 30px;

    margin-bottom: 20px !important;
}
.threeBlogListing .newBtnTheme {
    margin: 40px 0 0;
    color: #0057ff;
    background: url(/wp-content/themes/uffizio/assets/images/arrow.svg) right 12px no-repeat !important;
    /* padding-right: 50px; */
    /* padding-left: 0 !important; */
    /* height: 35px; */
    display: flex;
    /* position: absolute; */
    bottom: 20px;
    /* width: 33vw; */
    width: max-content;
    max-width: 33vw;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 32px 10px 20px !important;
}
/* new theme button end */
.blog-date1 {
/*    display: none !important;*/
    color: #8b8b8b;
    font-weight: 500;
    font-size: 14px;
    display: block;
    min-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

select:focus {
  outline: 0px;
}
.counter-count-new::after {
    content: "+";
    display: inline-block;
}
.home_page_banner_section{
     background-image: var(--desktop-bg);
}
.home_page_banner_section .container{
    padding-right: 0px;
    padding-left: 0px;
}
/*.home_page_banner_section > .container{
    padding-left: 10px !important;
    padding-right: 10px !important;
}*/


.homeBlogLisitngOUter .owl-stage {
/*width: 4360px !important;*/
}
/*Headings */


    .page-template-homepage-new_design section{
        padding-top: 100px !important;
        padding-bottom: 100px !important;

    }
    .page-template-homepage-new_design h1, .page-template-homepage-new_design h2:not(.help_main_h2),
    .page-template-homepage-new_design h3:not(.help_heading), .page-template-homepage-new_design h4{
         font-family: "Antonio", serif; 
        font-weight: 700;
        text-transform: uppercase;
        color: #0e0e0e ;
        padding-bottom: 20px;

    }
    .page-template-homepage-new_design h2{
        font-size: 42px;
        letter-spacing: 0.7px;
        text-transform: uppercase;
        line-height: 100% !important;
        margin-bottom: 0px !important;

    }

.page-template-homepage-new_design p:not(.help_sub_heading):not(.help_sub):not(.hardwareText){
    font-family: Inter;
font-weight: 400;
font-size: 20px;
line-height: 150%;
letter-spacing: 0px;
/*text-align: center;*/
vertical-align: middle;
color: #484848 ;
margin-bottom: 50px !important;
}
.hardwareText{
    font-family: Inter;
font-weight: 400;
font-size: 20px;
line-height: 150%;
letter-spacing: 0px;
/*text-align: center;*/
vertical-align: middle;
color: #484848 ;
    margin-bottom: 30px !important;
}
.footerOUter_CTA .container h2 {
    text-align: center;
    margin-bottom: 20px !important;
}
.home_page_banner {
    height: 900px;
    display: grid;
/*    align-items: flex-end;*/
/*    padding-bottom: 30px;*/
    grid-template-columns: 645px 1fr;
    background-size: cover !important;
    background-repeat: no-repeat;
/*    column-gap: 70px;*/
    background-position: bottom !important;

}
.main_hero_title_new{
    font-family: "Antonio", serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 135%;
    letter-spacing: 1.2px;
/*    text-align: center;*/
    text-transform: uppercase;
    font-display:swap;
/*    margin-bottom: 20px;*/
}
.imageSlider02 .owl-carousel .owl-item img{
    width: 100% !important;
}
.main_hero_title_new span,h1.main_hero_title_new{
    color: #fff !important;
}
.banner_paragraph{
font-family: "Inter", serif;
font-weight: 400;
font-size: 20px;
line-height: 130%;
letter-spacing: 0px;
color: #fff;
margin-bottom: 50px;
max-width: 520px;
font-display: swap;
}
.banner_cta{
    display: grid;
    grid-template-columns: 230px 230px;
    align-items: center;
    column-gap: 20px;
}
.new-home_hero_cta{
    width: 230px;

    text-transform: uppercase;
    font-family: Antonio;
    font-weight: 400;
    font-size: 20px;
   
    line-height: 100%;
    letter-spacing: 1%;
    text-align: center;
    vertical-align: middle;
    padding:20px;
    border-radius: 10px;

}
.new-home_partner_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;
}
.new-home_partner_cta:hover{
    background: #0057ff;
     color:#fff;
    border:1px solid #0057ff !important;
}
.new-home_hero_cta.dark_theme{

    background:#0057ff;
    color: white;
    border:2px solid transparent;
    font-display: swap;

}
.new-home_hero_cta.dark_theme:hover{

    background:#fff;
    color: #0057ff;
    border:2px solid #fff !important;
}
.new-home_hero_cta.light_theme{

   
    background: transparent;
    color: #0057ff;
    border: 2px solid #fff  !important;
    font-display: swap;

}
.imageSlider02 .owl-carousel .owl-stage-outer {
    padding-top: 0px;
}
.imageSlider021 .owl-stage-outer {
     padding-bottom: 10px; 
}
.new-home_hero_cta.light_theme:hover{

    background:#fff;
    color: #0057ff;
    border:2px solid #0057ff !important;
}
.m-auto
{
    margin:0 auto;
}
.text-center{
    text-align: center;

}
.get_a_demo_btn{
    width: 180px;
    height: 42px;
    padding:9px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border-radius: 4px;
}
.uf_grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.new_home_img img{
    max-width: 715px;
    float: right;
    padding-top:55px;
    /*padding-top: 0px;*/

}
.new_home_img{
    margin: 0 auto;
}

/* One platform section start  */
.one_platform img{
max-width: 1100px;
}
.one_platform .wpb_content_element{
        max-width: 1180px;
    margin: 0 auto;
}
/* one platform section end */


.text-white,.text-white p{
    color: white !important;
}


/* Hover card section start */
#grid_section .vc_column-inner{

    padding:40px 30px;
    border-radius: 10px;

}
#hover_card{
    padding:0px;
}
.home .headerOuter:not(.sticky) { 
   

    background-color:#ffffff30 !important;
    
    }

#hover_card .vc_column-inner .smartbus_card .vc_column-inner, 
#hover_card .vc_column-inner .elexee_card .vc_column-inner,
#hover_card .vc_column-inner .gridzee_card .vc_column-inner,
#hover_card .vc_column-inner .rosterz_card .vc_column-inner,
#hover_card .vc_column-inner .transport_card .vc_column-inner,
#hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner,
#hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner,
#hover_card .vc_column-inner .petzee_card .vc_column-inner,
#hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover,
#hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover,
#hover_card .vc_column-inner .transport_card .vc_column-inner:hover,
#hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover,
#hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover,
#hover_card .vc_column-inner .petzee_card .vc_column-inner:hover,
#hover_card .vc_column-inner .elexee_card .vc_column-inner:hover,
#hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover

{
/*    background-size: 150px;*/
    background-repeat: no-repeat;
    background-size: cover;
      transition: background-image 0.3s ease-out;
/*max-height: 480px;*/
    width: 424px;
    height: 480px;
}
.smartbus_card, .rosterz_card , .trackzee_gsm_card, .trackzee_mini_card,.petzee_card, .elexee_card,.gridzee_card , .single_card

{
    width:424px;
/*    width: 100% !important;*/
}
.homeBlogLisitngOUter{
    margin:0 0px;
}
.homepageBlog .vc_column-inner{
    padding-right: 0px;
    padding-left: 0px;
}
#hover_card .vc_column-inner .smartbus_card .vc_column-inner{

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/smart-bus.png);


}
#hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover{

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/smart-bus_act.png);


}
#hover_card .vc_column-inner .petzee_card .vc_column-inner{

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/petzee_img.png);


}

#hover_card .vc_column-inner .elexee_card .vc_column-inner{

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/elexee_img.png);


}
#hover_card .vc_column-inner .gridzee_card .vc_column-inner{

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/gridzee_img.png);


}
#hover_card .vc_column-inner .petzee_card .vc_column-inner:hover{
  background-repeat: no-repeat;
    background-size: cover;

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/petzee_img_act.png);


}
#hover_card .vc_column-inner .elexee_card .vc_column-inner:hover{
  background-repeat: no-repeat;
    background-size: cover;

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/elexee_img_act.png);


}
#hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover{
  background-repeat: no-repeat;
    background-size: cover;

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/gridzee_img_act.png);


}
#hover_card .vc_column-inner  .rosterz_card .vc_column-inner{
    background-image: url(/wp-content/themes/uffizio/assets/images/card_image/rosterz.png);
}
#hover_card .vc_column-inner  .rosterz_card .vc_column-inner:hover{
     background-repeat: no-repeat;
/*    background-size: cover;*/
    background-image: url(/wp-content/themes/uffizio/assets/images/card_image/rosterz_act.png);
}
#hover_card .vc_column-inner .transport_card .vc_column-inner{
    background-image: url(/wp-content/themes/uffizio/assets/images/card_image/public_transport.png);

}
#hover_card .vc_column-inner .transport_card .vc_column-inner:hover{
    background-image: url(/wp-content/themes/uffizio/assets/images/card_image/public_transport_act.png);

}
#hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner{

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/personal_vehicle_img.png);


}
#hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover{

background-image: url(/wp-content/themes/uffizio/assets/images/card_image/mini_act.jpeg);


}
#hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner{
    background-image: url(/wp-content/themes/uffizio/assets/images/card_image/sim-based-img.png);
}
#hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover{
    background-image: url(/wp-content/themes/uffizio/assets/images/card_image/gsm_act.jpeg);
}

.b-item,.blog-items a:hover .b-item{box-shadow: none;
}
 #grid_section .original_img, #grid_section .for-hover{
    max-height: 31px;
 }
#hover_card .vc_column-inner h3{

font-weight: 600 !important;
font-size: 28px;
letter-spacing: 1px;
margin-bottom: 10px;
padding-bottom: 0px;

}


#hover_card  .single_card .custom-item-list .custom-item{
display: grid;
grid-template-columns: 20px 1fr;
column-gap: 10px;

}
#hover_card .fulllink a{

        position: absolute;
    left: ;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.single_card h5{
    font-family: Inter;
font-weight: 600;
font-size: 16px;
line-height: 140%;
letter-spacing: 0px;
color: #484848;
margin-bottom: 10px;

}

.single_card .wpb_content_element{
    margin-bottom: 10px !important;
}
.single_card p{
    font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;
color: #484848;
margin-bottom: 40px !important;
}

#hover_card .single_card .custom-item h3{
    font-family: "Inter", serif !important;
font-weight: 400 !important;
font-size: 16px !important;
color: #484848;
line-height: 22px;
letter-spacing: 0px;
text-transform: capitalize;


}
.single_card .for-hover{
    display: none;
}

.single_card:hover .for-hover{
    display: block !important;
}
.single_card:hover .original_img{
    display: none;
}

.single_card .vc_btn3-container.vc_btn3-inline{
    margin-bottom: 0px !important;

    position: absolute;
    bottom:30px;
    left: 30px;

}
.fulllink a{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: none !important;
    text-indent: -9999999px;
}
 .single_card .vc_btn3-container.fulllink{
    margin-bottom: 0px !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.single_card .vc_do_icon {
    margin-bottom: 0px;
}
.priceFeatureBtn.active i {
    transform: rotate(180deg);
}
.single_card:hover h3,
.single_card:hover h5,
.single_card:hover p ,
 .single_card:hover .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon:before{
    color: white !important; 
/*    transition: color 0.3s ease-in-out; */
}
.single_card .custom-item img{
    transition: none !important;
}
.single_card:hover .custom-item img{
    filter: brightness(0) invert(1);
}
.single_card .custom-item-list{
    padding-bottom: 100px;
}
.hover-white-text{
    color: white !important;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner{
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #ddd;
/*    bottom: 30px;*/
/*    left: 30px;*/
position: absolute;
bottom: 30px;
left: 30px;
}


.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
    font-size: 1.15em !important;
}
.counter_section_home {
    background-image:  url(/wp-content/uploads/2025/03/counter-bg.png) !important;
    height: 785px !important;
}
.counter_section_home .counter-count-new,.footerOUter_CTA .container h2{
    font-family:  "Antonio", serif;
}

.help_sub_heading{ text-align:center;color:#484848 }

#grid_section {
        /*padding-top: 50px;*/
   display: grid;
    grid-template-columns:repeat(3, 1fr);
    column-gap: 37px; 
    row-gap: 40px;
}
#grid_section .vc_col-sm-4{
    width: 100%;
}
#grid_section .vc_col-sm-1-5{
    width: 100% !important;
}
#grid_section:before, #grid_section:after{
    display: none;
}
#grid_section p{
    font-family: "Inter", serif !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 22px;
letter-spacing: 0px;
/*min-height: 66px;*/
margin-bottom: 40px !important;
}
#grid_section .original_img, #grid_section .for-hover, #grid_section .original_img img,#grid_section .for-hover img {
    max-height: 31px;
}

.single_card .wpb_content_element {
    margin-bottom: 10px !important;
}
.start_growing p{
    max-width: 700px;
    margin:0 auto;
}
.home_counter .vc_column-inner{
    padding-right: 0px;
}
.funfact-project:before {
    display: block;
    content: "";
    width: 70%;
    height: 1px;
    background: linear-gradient(to right, #6fb8ff, #00488e);
    margin-bottom: 10px;
    margin-top: 12px;
}
.arrow_btn .new-home_hero_cta{
    text-transform: uppercase;
    padding:8px 25px;
    border-radius: 4px;
    font-size: 18px;
}
 .one_platform h2{
/*    padding-top: 15px !important;*/
 padding-top: 50px !important;
 }
.grid_section1

{
    margin-top: 40px;
}
 #grid_section .vc_col-sm-1\/5
    {
/*        width: 100% !important;*/
    }
    .blog-items a h4, .blog-items a h5{
   font-family: "Inter", serif;
font-weight: 600;
font-size: 18px !important;
line-height: 132%;
letter-spacing: 0px;
text-transform: none;
color: #484848;
}
.tel_blog_title{
    padding-top:20px !important;
}
/* Blog section CSS */
.b-item{
    padding-bottom: 0px;
    border-radius: 10px;
}
.homeBlogLisitngOUter .newBtnTheme {
    margin: 0px 0 0;
    color: #0057ff;
    background: url(/wp-content/themes/uffizio/assets/images/newtheme/arrow.svg) right 12px no-repeat !important;
    height: 35px;
    display: flex;
    position: relative;
    bottom: 20px;
    font-size: 16px;
    width: max-content;
    font-weight: 500;
    padding: 10px 32px 10px 20px !important;
}
.homeBlogLisitngOUter .boxLink:hover .newBtnTheme {
    background: url(/wp-content/themes/uffizio/assets/images/newtheme/arrow-05-act.svg) no-repeat right 12px !important;
/*    background-size: 17px 17px !important;*/
/*    padding-right: 25px !important;*/
}
.blog-items a.boxLink,.blog-items a.boxLink:hover{
/*    border:1px solid #dddddd !important;*/
    box-shadow: none!important;
}
.bottom_card{
    border:1px solid #dddddd;
    border-radius: 0 0 10px 10px;
}
.blog-items a.boxLink:hover{
box-shadow: 6.45px 6.45px 27.9px 0 rgba(0, 0, 0, 0.06) !important;
}
/*.blog-cate-bottom{display: none;}*/
.blog-items a h4, .blog-items a h5{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    /*min-height: 47px !important;*/
}
#petzee_blog_section .blog-items a h4{
padding-top:0px !important;


}
 #petzee_blog_section .blog-items a p{
        margin-bottom: 40px;
 }
.blog-cate-bottom{position: relative !important;
    bottom: unset;left: unset;
padding: 24px 20px 20px 20px !important;
/*color: #a4a4a4;*/
color: #8B8B8B;
font-weight: 500;
justify-content: space-between;
}
.tel_blog_title{
    padding: 0px 20px 40px !important;
}

.blog-cate{padding-top: 24px;}
.blog-cate span {
    color: #A4A4A4;
    text-transform: capitalize;
    font-weight: 500;
}
.arrow_btn .wpb_wrapper:before{
    content: '';
        background: url(/wp-content/themes/uffizio/assets/images/cta_arrow.svg) !important;
        background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;

  
    display: block;
    position: absolute;
    width: 170px;
       height: 100px !important;
    left: -170px !important;
    top: -60px !important;
}
.home_partner_section{
background-image: url(/wp-content/uploads/2025/03/growing.png);
}
.homeBlogLisitngOUter{
    gap:20px;
}
.homeBlogLisitngOUter .item-box{
    margin:0px;
}
.images_slider2 .item{
    width: 180px;
    object-fit: contain;
    max-height: 100px;
}
.images_slider2.owl-carousel .owl-item{
    margin: 10px 40px !important;
}
.imageSlider021 h2, .imageSlider021 p{

padding: 0 15px;

}
.imageSlider021 .vc_column-inner{
padding-right:0px !important;
padding-left:0px !important;
}
.first_feature
{
background: url('/wp-content/themes/uffizio/assets/images/shadow-1.svg');
background-repeat: no-repeat;
    background-position: -8vw;
}
.second_feature{
background: url('/wp-content/themes/uffizio/assets/images/shadow-2.svg');
background-repeat: no-repeat;
   background-position: top -45vh right -15vw;
}


 .third_shadow{
    background: url('/wp-content/themes/uffizio/assets/images/shadow-3.svg');
background-repeat: no-repeat;
        background-position: bottom -7vw left -8vw;
    overflow: visible !important;
 }
/*  */


.counter_wrapper {
    
    max-width: 1152px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 275px 1fr 1fr 1fr;
    column-gap: 16%;
}
.counter_wrapper:before, .counter_wrapper:after{
    display:none;
}
.thumb img {
    width: 100%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
/*height: 280px;*/
/*height: 235px;*/
    object-fit: cover;
    object-position: center;
}
.funfact-project{
    font-size:20px;
}
.thumb {
    overflow: hidden;
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    border-radius: 10px 10px 0 0;
    
/*    height: 280px;*/
/*height:280px;*/
/*height: 235px;*/
}
.blog-items a.boxLink {
    z-index: 1;
    position: relative;
    height: 100%;
/*    padding: 20px;*/
    background: #fff;
    border-radius: 10px;
   box-shadow: 6.45px 6.45px 27.9px 0 rgba(0,0,0,0.06)
}
.b-item{
    box-shadow:none;
}
.counter_wrapper {
max-width:1152px;
margin:0 auto;
}
.home_counter {
    width:auto;
}
.threeBlogListing .blog-items a h4, .carousel-class .blog-items a h4 {
    padding-top: 20px !important;
}

.threeBlogListing .blog-items a h4 {
    font-family: "Inter", serif !important;
    font-size: 18px !important;
    text-transform: none;
    padding-bottom: 0px !important;
}
.home .threeBlogListing .blog-items a h4{padding-bottom: 20px !important;}
/*.blog-items a.boxLink, .blog-items a.boxLink:hover{
border: 1px solid #dddddd !important;
}*/
.images_slider2.owl-carousel .owl-item img
{
    border-radius:10px;
    box-shadow: 6.45px 6.45px 27.9px 0 rgba(0, 0, 0, 6%);
}

.images_slider2.owl-carousel .owl-item img:hover {
   /* background: linear-gradient(#001024, #001024) padding-box,
    conic-gradient(from var(--border-angle), hsl(216.73deg 77.78% 12.35%) 50%, #6fb8ff) border-box;*/
     background: linear-gradient(#6FB8FF, #00488E) padding-box,
    conic-gradient(from var(--border-angle), hsl(210 100% 28%) 50%, #6fb8ff) border-box;
}
.images_slider2.owl-carousel .owl-item img{
   border-radius:10px;--border-angle:0deg;animation:4s linear infinite border-angle-rotate;
   border:1px solid transparent;
   position:relative;color:#fff;
   outline: 1px solid #dddddd99;
}
.images_slider2.owl-carousel .owl-item img:hover{outline: 0px}

@keyframes border-angle-rotate{from{--border-angle:0deg}to{--border-angle:360deg}
}
.arrow_btn ,.arrow_btn .wpb_wrapper{
    position: relative;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}


            .home_page_banner {
            grid-template-columns:645px 1fr;
            /*grid-template-columns: 575px 715px;*/
            }
            .new_home_img img{
                /*max-width:90%*/
            }
.footerOUter_CTA .container p.help_sub {
    text-align: left;
}
.whatsupBtn, .emailbtn, .phoneBtn {
    width: 100% !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;
}

.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(/wp-content/themes/uffizio/assets/images/emailbtn.svg) no-repeat !important;
}

.phoneBtn a.vc_general:before {
    background:  url(/wp-content/themes/uffizio/assets/images/phonebtn.svg) no-repeat !important;
}
.phoneBtn a.vc_general:hover:before, .emailbtn a.vc_general:hover:before, .whatsupBtn a.vc_general:hover:before {
    filter: brightness(0) invert(1);
}
.whatsupBtn a.vc_general:hover, .emailbtn a.vc_general:hover, .phoneBtn a.vc_general:hover {
    color: white !important;
    background-color: #0057ff !important;
}
.helpyou24Inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* gap: 30px; */
    column-gap: 20px;
    padding: 33px 0 0px 0;
}
 .helpyou24InnerOuter {
    padding: 100px 0px !important;
    background-color: #F0F3FB !important;
}
.helpyou24Inner a.vc_general::after{
    display: none;
}
.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 h3 {
    font-family: "Antonio", serif !important;
    text-transform: uppercase;
}
.helpyou24InnerList img {
    height: 35px !important;
}

/*@media screen and (min-width: 1920px) and (max-width: 2560px) {
   
}*/
@media  screen and (max-width: 1920px) {
   
   /*  .headerOuter {
        padding: 0 13.7% 0 14.5% !important;
    }*/


}





/* ********  Responsive design  *************** */


@media (min-width: 1400px) and (max-width: 500000px) 
{

    .container {
        max-width: 1360px !important;
    }

/*.headerOuter{
    padding: 0 20px !important;
}
*/
/*.home_page_banner_section>.container{
        padding-left: 20px!important;
    padding-right: 20px!important;
}*/

}

@media screen and (max-width: 1500px) 
{
               
            .shadow_img.fuel_page img {
                width: 100% !important;
                margin-left: 0;
            }
            /* .headerOuter{
                padding: 0 20px !important;
            } */



            .main_hero_title_new{font-size: 50px}
            .banner_paragraph{font-size: 20px}
            .new-home_hero_cta{font-size: 18px;
            padding: 14px;
        }
            .get_a_demo_btn{
                padding: 9px;
            }
            .page-template-homepage-new_design h2{
                font-size: 38px;
                color: #0e0e0e;
            }
            .page-template-homepage-new_design p:not(.help_sub_heading):not(.help_sub):not(.hardwareText),.funfact-project{
                font-size: 18px;
            }
            #hover_card .vc_column-inner .smartbus_card .vc_column-inner,
            #hover_card .vc_column-inner .petzee_card .vc_column-inner,  
             #hover_card .vc_column-inner .elexee_card .vc_column-inner, 
              #hover_card .vc_column-inner .gridzee_card .vc_column-inner, 
            #hover_card .vc_column-inner .rosterz_card .vc_column-inner,
             #hover_card .vc_column-inner .transport_card .vc_column-inner,
              #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner,
               #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner, 
               #hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover,
                #hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover,
                 #hover_card .vc_column-inner .transport_card .vc_column-inner:hover, 
            #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover, 
             #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover,
             #hover_card .vc_column-inner .elexee_card .vc_column-inner:hover,
             #hover_card .vc_column-inner .petzee_card .vc_column-inner:hover,
             #hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover,
             .smartbus_card, .rosterz_card, .trackzee_gsm_card, .trackzee_mini_card,.petzee_card,.elexee_card,.gridzee_card, .single_card{
/*                width: 383px;*/
                width:424px;
                background-repeat:no-repeat;
            /*    height: 338px;*/
            /*        background-position: right 8px;*/
            background-position: bottom;
             }
             #hover_card .single_card .custom-item h3,#grid_section p,.single_card h5{font-size: 14px !important}

             #grid_section{
/*                grid-template-columns: 390px 390px 390px;*/
                    grid-template-columns: auto auto auto;


                gap: 20px;
             }
             #grid_section.twoColom {grid-template-columns: repeat(3, 1fr);}
             .counter-count-new{font-size: 38px;}
                /*.headerOuter {
/*                    grid-template-columns: 160px 59% 1fr;*/
/*                        grid-template-columns: 10% 59% 1fr;*/
/*                        padding: 0px 8% 0 8% !important;*/

                }*/
    
                .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
                font-size: 1em !important;
            }
            .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner {
                width: 35px !important;
                height: 35px !important;
            }
            .counter_section_home{

                background-position: bottom;
            }
}

@media screen and (max-width:1280){
        .headerOuter {
        padding: 0 70px;
    }
}
@media screen and (max-width:1200px){
     .container {
        max-width: 1140px !important;
    }

            .home_page_banner {
            grid-template-columns:500px 1fr;
            }
            .new_home_img img{max-width:90%}

#hover_card .vc_column-inner .smartbus_card .vc_column-inner, 
#hover_card .vc_column-inner .petzee_card .vc_column-inner, 
#hover_card .vc_column-inner .elexee_card .vc_column-inner,
#hover_card .vc_column-inner .gridzee_card .vc_column-inner,
            #hover_card .vc_column-inner .rosterz_card .vc_column-inner,
             #hover_card .vc_column-inner .transport_card .vc_column-inner, 
             #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner, 
             #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner,
              #hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover,
                #hover_card .vc_column-inner .petzee_card .vc_column-inner:hover,
               #hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover, 
                       #hover_card .vc_column-inner .elexee_card .vc_column-inner:hover,
                        #hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover,
               #hover_card .vc_column-inner .transport_card .vc_column-inner:hover, 
            #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover,
             #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover,
             .smartbus_card, .rosterz_card, .trackzee_gsm_card, .trackzee_mini_card, .petzee_card,.elexee_card,.gridzee_card,.single_card{


                width:413px;
            

             }

}


@media screen and (max-width:1024px){
                   .container {
                    max-width: 960px !important;
                }
                #grid_section {
                    
                    grid-template-columns: auto auto;
                    column-gap: 20px;
                }

                .arrow_btn .wpb_wrapper::before {
                       width: 166px;
                height: 90px;
                left: -140px;
                top: -40px;
            }
               .counter_wrapper {
                display: grid;
                grid-template-columns:repeat(2, 1fr );
             gap: 40px;
             row-gap: 20px;
            }
            .home_page_banner {
                grid-template-columns: 475px 1fr;
            }

            .home_page_banner {
                height: 700px;
            }


            #hover_card .vc_column-inner .smartbus_card .vc_column-inner,
             #hover_card .vc_column-inner .petzee_card .vc_column-inner,
               #hover_card .vc_column-inner .elexee_card .vc_column-inner,
               #hover_card .vc_column-inner .gridzee_card .vc_column-inner,
             #hover_card .vc_column-inner .rosterz_card .vc_column-inner, 
             #hover_card .vc_column-inner .transport_card .vc_column-inner,
              #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner, 
              #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner, 
              #hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover,
              #hover_card .vc_column-inner .petzee_card .vc_column-inner:hover,
                   #hover_card .vc_column-inner .elexee_card .vc_column-inner:hover,
                    #hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover,
               #hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover,
               #hover_card .vc_column-inner .transport_card .vc_column-inner:hover,
                #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover,
             #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover,
              .smartbus_card, .rosterz_card, .trackzee_gsm_card, .trackzee_mini_card, .petzee_card ,.elexee_card,.gridzee_card, .single_card{
                width: auto;
              }

}

@media screen and (max-width:992px){
    .arrow_btn .wpb_wrapper::before {
        width: 129px;
    height: 70px;
    left: -110px;
    top: -25px;
    }

    .container {
        max-width: 720px !important;
    }
     .home_page_banner {
        height: 530px;
     }


}
@media screen and (max-width:768px){
    .blog-items a.boxLink{
/*        padding: 14px;*/
    }



    #mobile-menu-toggle { 
        margin-top: 2px ;
    }

    .HeaaderOuter_5_Right,
    .HeaaderOuter_5_Menu {
        display: none;
    }

    .sub-menu-toggle {
        display: none;
    }

    .mobile-menu-toggle {
        display: block;
        z-index: 500;
        right: 0px !important;
        top:12px !important;

    }
       .custom-mobile-menu {
        display: none;
        top: 54px;
    }

    .custom-menu {
        list-style: none;
        margin: 0;
        padding: 0 6%;
        transform: translateX(0);
        transition: transform 0.3s ease-in-out;
    }

    .submenu.open {
        padding-left: 0px !important;
    }

    #menu-item-20068 .submenu.open {
        top: -60px;
    }

    #menu-item-20073 .submenu.open {
        top: -108px;
    }

    .menu-item {
        position: relative;
    }

    .submenu {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        background: #fff;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        z-index: 1;
    }

    .submenu-arrow {
        float: right;
        font-size: 12px;
        color: #333;
    }
    #stay_uptodate .vc_column-inner{
padding-top:0px !important;
}
    
      
    .banner_cta{ display:flex; }
    /*.headerOuter{
        padding: 0 15px !important;
    }*/

    .main_hero_title_new{
        font-size: 26px;
    }
    .home_page_banner {
/*        grid-template-columns: 1fr;*/
        grid-template-columns: 335px 1fr !important;
    }
    
            #_gl_slider_logo_67f0cc81ebfa4 .owl-stage-outer{

            padding-bottom:20px;
            }
                .thumb img ,.thumb{
/*                    height: 200px !important;*/
                }
             
                .images_slider2.owl-carousel .owl-item {
                      width: 112px !important; 
                height: 62px !important;
                }
              /*  .images_slider2.owl-carousel .owl-item img {
                width: 100%;
                height: auto; 
                object-fit: contain; 
            }*/
    #grid_section{
        grid-template-columns: auto auto;
    }
    #hover_card .vc_column-inner .smartbus_card .vc_column-inner,
     #hover_card .vc_column-inner .petzee_card .vc_column-inner, 
          #hover_card .vc_column-inner .elexee_card .vc_column-inner, 
           #hover_card .vc_column-inner .gridzee_card .vc_column-inner,  
    #hover_card .vc_column-inner .rosterz_card .vc_column-inner, 
    #hover_card .vc_column-inner .transport_card .vc_column-inner, 
    #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner, 
    #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner, 
    #hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover, 
   
    #hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover, 
    #hover_card .vc_column-inner .transport_card .vc_column-inner:hover, 
    #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover, 
    #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover,
       #hover_card .vc_column-inner .elexee_card .vc_column-inner:hover,
        #hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover,
     .smartbus_card, .rosterz_card, .trackzee_gsm_card, .trackzee_mini_card,.elexee_card,.gridzee_card, .single_card{
        width: 335px;
     }
     .homeBlogLisitngOUter{
        gap:15px;
     }
     .blog-cate-bottom{
        padding:20px 16px !important;
     }

     .homeBlogLisitngOUter .newBtnTheme{padding-bottom: 10px !important}
     .homeBlogLisitngOUter .newBtnTheme{padding:10px 32px 10px 16px !important}
     .tel_blog_title{
        padding: 0 16px 30px !important;
     }
     .blog-items a h4 , .blog-items a h5{font-size: 16px !important;min-height: 20px !important;}
     h3.vc_custom_heading{
        font-size: 20px;
     }
     .helpyou24InnerOuter p.vc_custom_heading:not(.help_sub_heading){
        font-size: 14px;
     }
     .helpyou24InnerOuter {
    padding: 50px 0px !important;}
     .helpyou24InnerList img {
    height: 25px !important;
    }
    .helpyou24Inner h3.vc_custom_heading{padding-top: 10px !important; }
    .images_slider2 .item {
    width: 140px;}
    .sectionpad-90 {
    padding-top: 50px;
    padding-bottom: 50px;
}
} 
@media screen and (max-width:600px){
      #hover_card .vc_column-inner .smartbus_card .vc_column-inner,
      #hover_card .vc_column-inner .petzee_card .vc_column-inner, 
      #hover_card .vc_column-inner .rosterz_card .vc_column-inner,
       #hover_card .vc_column-inner .transport_card .vc_column-inner, 
       #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner, 
       #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner,
        #hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover, 
         #hover_card .vc_column-inner .elexee_card .vc_column-inner,
        #hover_card .vc_column-inner .elexee_card .vc_column-inner:hover, 
          #hover_card .vc_column-inner .gridzee_card .vc_column-inner,
        #hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover, 
                #hover_card .vc_column-inner .petzee_card .vc_column-inner:hover, 
        #hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover, 
        #hover_card .vc_column-inner .transport_card .vc_column-inner:hover,
     #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover, 
     #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover{
        height: 445px;
     }
     .home_page_banner {
            height: 760px;
            row-gap: 40px;
            grid-template-columns: 1fr;
/*                place-content: space-around;*/
place-content: space-evenly;
                padding-right: 5px;
                padding-left: 5px;
                margin-top: -5px;

           
        }
        
        .home_page_banner_section{
             background-image: var(--mobile-bg);
        }
        .new_home_img img{width:50%;}

        .page-template-homepage-new_design p:not(.help_sub_heading):not(.help_sub),
        .page-template-homepage-new_design p:not(.help_sub_heading):not(.help_sub):not(.hardwareText){
           font-family: Inter;
            font-weight: 300;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0px;
            text-align: center;   

            margin-bottom: 30px !important;
            }
            .logoImg img{
        height: 24px !important;
        /*width: 85px !important;*/
        width: 150px !important;
    }
    .rosterz_card  .wpb_single_image img, .trackzee_gsm_card .wpb_single_image img{
max-height:34px; 
}
.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;
        }
.homeBlogLisitngOUter .newBtnTheme{
background: url(/wp-content/themes/uffizio/assets/images/newtheme/arrow.svg) 80px 10px no-repeat !important;
    background-size: 60px 17px !important;

}
.homeBlogLisitngOUter .boxLink:hover .newBtnTheme {
    background: url(/wp-content/themes/uffizio/assets/images/newtheme/arrow-05-act.svg) 80px 10px no-repeat !important;
/*    background-size: 17px 17px !important;*/
background-size: 60px 17px !important;
/*    padding-right: 25px !important;*/
}
.homeBlogLisitngOUter .newBtnTheme {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    /* text-align: center; */
    color: #0057ff;
}
.homeBlogLisitngOUter{
    gap: 20px;
/*    display: grid;*/
}
             .page-template-homepage-new_design h2{
                line-height: 135% !important;
             }
            #hover_card .vc_column-inner h3{              
                font-size: 18px;
                
            }
            .custom-item-list .custom-item:last-child h3{
                margin-bottom: 0px !important;
            }
            .single_card .custom-item-list {
                padding-bottom: 55px;
            }
            #hover_card .vc_column-inner .custom-item:last-child h3{
                margin-bottom: 0px !important;
            }
            .start_growing .wpb_raw_code {
                margin-bottom: 0px !important;
            }
            .start_growing .wpb_column{
                padding-right: 5px !important;
                padding-left: 5px !important;
            }
            .new-home_partner_cta{
                font-size: 16px !important;padding:11px !important;
            }
            #grid_section p{

                font-size: 14px !important;
                line-height: 18.16px;
                letter-spacing: 0px;
                margin-bottom: 20px !important;

            }
            #grid_section{
                padding-top: 10px;
            }
            .images_slider2 .owl-item img{
/*                height: 62px !important;*/
/*                width: 122px !important;*/
                height: 67px !important;
                width: 119px !important;
            }
               #_gl_slider_logo_67f0cc81ebfa4 .owl-stage-outer{

            padding-bottom:20px;
            }
            .images_slider2.owl-carousel .owl-item img {
                   /* width: 100%;
                    height: auto; */
                    object-fit: contain; 
/*                    box-shadow: 5px 2px 8px 1px rgba(0, 0, 0, 4%);*/
                    box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 6%) !important;
                }
            .single_card h5{
                font-size: 14px;               

            }
            .main_hero_title_new{ margin-bottom:20px; }
            .home_partner_section{
                background-image: url(/wp-content/uploads/2025/03/start_growing_mobile.svg);
                }
            .text-center{ text-align:left !important; 
            }
            .home_counter .vc_column-inner{padding-left: 0px;}
            .counter_section_home  .funfact-outer{
                padding-bottom: 0px;
            }
            .blog-items a.boxLink{
/*                padding:15px !important;  */
            }

            #hover_card .vc_column-inner .smartbus_card .vc_column-inner, 
            #hover_card .vc_column-inner .petzee_card .vc_column-inner, 
            #hover_card .vc_column-inner .rosterz_card .vc_column-inner,
             #hover_card .vc_column-inner .transport_card .vc_column-inner, 
             #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner, 
             #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner, 
             #hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover, 
             #hover_card .vc_column-inner .elexee_card .vc_column-inner, 
             #hover_card .vc_column-inner .gridzee_card .vc_column-inner, 
             #hover_card .vc_column-inner .elexee_card .vc_column-inner:hover,
             #hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover, 
             #hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover, 
             #hover_card .vc_column-inner .transport_card .vc_column-inner:hover, 
             #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover, 
               #hover_card .vc_column-inner .petzee_mini_card .vc_column-inner:hover, 
             #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover {
           
            max-height: 450px;      
             
             width: 100%;
        }
        .smartbus_card, .rosterz_card, .trackzee_gsm_card, .trackzee_mini_card,.petzee_card,.elexee_card, .gridzee_card,.single_card{
            width: 100%;
        }
        .single_card .vc_do_icon,
        .single_card .vc_btn3-container.vc_btn3-inline{
          position: absolute;
            bottom:20px;
            left: 20px;
        }
        .imageSlider021 h2{
            margin-bottom: 0px !important;
        }
        .imageSlider021 p{
/*            padding-bottom: 20px;*/
        }
        .page-template-homepage-new_design p:not(.help_sub_heading):not(.help_sub){
            font-size: 16px !important;
            line-height: 145%;
        }
        .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner{
            height: 30px !important;
            width: 30px !important;
        }
        .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
            font-size: 0.85em !important;
        }
        #grid_section .vc_column-inner {
        padding: 30px 20px;
        }
        .wpb_single_image img{
            max-height: 28px;
            margin-bottom: 10px;
        }

        
        .mobile-hidden{ display:none; 
        }
        .b-item{
            padding-bottom: 0px !important;
        }

        .homepageBlog{
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .one_platform h2{
            padding-top: 0px !important;
            margin-bottom: 0px !important;
        }
        .one_platform h2, .one_platform p{
            text-align: left !important;
        }
        .one_platform p{
            font-family: Inter;
            font-weight: 300;
            line-height: 145% !important;
            font-size: 16px !important;
           

        }
        .new_home_img img{
            padding-top:0px;
        }

        .home_col_1{
            text-align: center; 
/*            padding-top: 114px;*/
padding-top: 50px;
        }
        .banner_cta{
        grid-template-columns: 165px 165px;
        place-content: center;
        column-gap: 15px;
        }
        .home_partner_section{
            margin-right: 5px !important;
            margin-left: 5px !important;
        }
        .main_hero_title_new{
            font-size: 26px !important;

            padding-bottom: 0px !important;
        }
        .banner_paragraph{
            margin-bottom: 30px;
        }
        .new-home_hero_cta{

        font-size: 16px !important;
        width: 165px;
        border-radius: 6px !important;
        padding:10px;


        }
        .counter_section_home h2,.counter_section_home  p{
            text-align: left !important;
        }
        .counter_section_home h2{margin-bottom: 0px !important}
        .banner_paragraph{
            font-size: 16px;
        }
        .counter_section_home .vc_row {padding-left: 5px !important;padding-right: 5px !important;}
        .counter_section_home .counter-count-new{
            font-size: 24px !important;
        }
         .counter_section_home .funfact-project{font-size: 14px;}
        #grid_section{row-gap: 20px !important;
        }
        .counter_section_home p{
            line-height: 145% !important;
        }
        .counter_section_home {
    background-image:  url(/wp-content/uploads/2025/03/counter_bg_img_svg.svg) !important;
    height: 534px !important;
}
        #hover_card{
            padding-left:20px;
            padding-right: 20px;
        }

        #grid_section{grid-template-columns: 1fr !important;
        }

        .page-template-homepage-new_design section{
            padding-top: 50px !important;
            padding-bottom: 50px !important;
            
        }
        .start_growing p{

        font-size: 16px !important;
        font-weight: 300 !important;

        }
        .uf_grid{
            grid-template-columns: 1fr;
        }
        /*        help section */
        .helpyou24Inner {
             grid-template-columns: 1fr !important;
                padding: 24px;
                row-gap: 30px;
                padding-bottom: 0px;
        }
        .new_home_img img{
/*            max-width: 330px;*/
        max-width: 100%;
        }
        .arrow_btn .wpb_wrapper::before {
                content: '';
                background: url(/wp-content/themes/uffizio/assets/images/cta_arrow_mobile.svg) !important;
                background-position: bottom right;
                background-repeat: no-repeat !important;
                background-size: contain;          
                display: block;
                position: absolute;
                width: 129px;
                height: 80px !important;
                left: -55px !important;
                top: -35px !important;
            }
            #hover_card .single_card .custom-item h3{
                font-size: 14px !important;
            }
            .sectionpad-90{padding-top: 50px !important;padding-bottom: 50px !important}
            .homeBlogLisitngOUter .wpb_column:last-child  .blog-items{margin-bottom: 0px !important}
            .homepageBlog{
                        padding-left: 20px !important;
        padding-right: 20px !important;
            }
            .blog-items a h4, .blog-items a h5{
                padding-bottom: 0px !important;
            }
            .images_slider2.owl-carousel .owl-item{
            /*    margin:20px 40px;*/
            margin:8px 8px !important;
            }

    }
@media (max-width: 576px) {
    .container {
        max-width: 540px;
    }
}
    @media screen and (max-width:430px)
    {
           
#hover_card .vc_column-inner .smartbus_card .vc_column-inner, 
#hover_card .vc_column-inner .petzee_card .vc_column-inner, 
#hover_card .vc_column-inner .rosterz_card .vc_column-inner,
 #hover_card .vc_column-inner .transport_card .vc_column-inner,
  #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner,
   #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner, 
   #hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover, 
   #hover_card .vc_column-inner .elexee_card .vc_column-inner, 
   #hover_card .vc_column-inner .elexee_card .vc_column-inner:hover, 
    #hover_card .vc_column-inner .gridzee_card .vc_column-inner, 
   #hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover, 
    #hover_card .vc_column-inner .petzee_card .vc_column-inner:hover, 
   #hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover, 
   #hover_card .vc_column-inner .transport_card .vc_column-inner:hover,
 #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover, 
 #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover
          {  
            max-width: 390px;
    max-height: 450px;
        }
        .new_home_img{place-items: center;}
        .new_home_img img{
           width: 90%;
           float: none;
        }
        .home_page_banner{
            row-gap: 0px;
            height: 700px;
            grid-template-columns: 1fr !important;
        }


    }

@media screen and (max-width: 390px) {
    #hover_card .vc_column-inner .smartbus_card .vc_column-inner, 
     #hover_card .vc_column-inner .petzee_card .vc_column-inner, 
    #hover_card .vc_column-inner .rosterz_card .vc_column-inner,
    #hover_card .vc_column-inner .transport_card .vc_column-inner,
     #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner, 
     #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner,
      #hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover,
         #hover_card .vc_column-inner .elexee_card .vc_column-inner,
      #hover_card .vc_column-inner .elexee_card .vc_column-inner:hover,
          #hover_card .vc_column-inner .gridzee_card .vc_column-inner,
      #hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover,
       #hover_card .vc_column-inner .petzee_card .vc_column-inner:hover,
       #hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover, 
       #hover_card .vc_column-inner .transport_card .vc_column-inner:hover,
        #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover,
         #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover {
        max-width: 350px;
        max-height: 400px;
    }
      .counter_section_home {
/*    background-image:  url(/wp-content/uploads/2025/04/counter-mobile.svg) !important;*/
/*    height: 534px !important;*/
    background-repeat: no-repeat;
}
}
@media screen and (max-width: 375px) {
    #hover_card .vc_column-inner .smartbus_card .vc_column-inner, 
      #hover_card .vc_column-inner .petzee_card .vc_column-inner, 
    #hover_card .vc_column-inner .rosterz_card .vc_column-inner,
    #hover_card .vc_column-inner .transport_card .vc_column-inner,
     #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner, 
     #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner,
      #hover_card .vc_column-inner .smartbus_card .vc_column-inner:hover,
       #hover_card .vc_column-inner .elexee_card .vc_column-inner,
      #hover_card .vc_column-inner .elexee_card .vc_column-inner:hover,
        #hover_card .vc_column-inner .gridzee_card .vc_column-inner,
      #hover_card .vc_column-inner .gridzee_card .vc_column-inner:hover,
      #hover_card .vc_column-inner .petzee_card .vc_column-inner:hover,
       #hover_card .vc_column-inner .rosterz_card .vc_column-inner:hover, 
       #hover_card .vc_column-inner .transport_card .vc_column-inner:hover,
        #hover_card .vc_column-inner .trackzee_mini_card .vc_column-inner:hover,
         #hover_card .vc_column-inner .trackzee_gsm_card .vc_column-inner:hover {
        max-width: 335px;
        max-height: 400px;
    }
    
}

/* Big screen  */


/* Medium  screen  */

/*@media (min-width: 1000px) and (max-width: 1400px) 
{


}

/* Tablate  screen  * /


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


}


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


}*/





/* new blog layout

*/