body.mmenu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
.entry-content-single a {
    color: #0057ff !important;
}

.single .postContent figure, .single .postContent img{

    /* max-width: 1000px; */
/*    margin: 0 auto !important;*/
}
 .entry-content-single ul li,.entry-content-single ol li{
    margin-bottom: 5px !important;
 }
.page-id-21626 .page-heading{
display: none;
}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon
{
    left:95%;
}
.single .postContent .content_btn{
        background: #0057ff;
    color: white !important;
    border-radius: 4px;
    padding: 10px;
        display: block;
    width: 225px;
    text-align: center;
}
.single .postContent .CTA_row p{
    display: flex;
    justify-content: center;
    column-gap: 30px;
}
a.vc_general::after, a.vc_general::before, .videopoup09::after, .videopoup09::before{
display: none;
}
#stickyHead{

/*    padding:0 8% !important;*/
/*    max-width:100% !important;*/
    max-width: 1360px;
}
#stickyHead:not(.sticky)::before{
    content: "";
    position: absolute;
    display: none !important;
    top: 0;
        left: -25vw;
    width: 120vw;
    height: 100%;
    backdrop-filter: blur(10px);
    z-index: -1;
    background-color: #ffffff07;

}
.category-ebooks .author-nickname,.category-ebooks .single_author_meta2 > div:first-child{

display:none;
}
.category-ebooks .meta_mid_col{
border-left:0px;
padding-left: 0px;
}

.category-ebooks .meta_mid_col{margin-right:25px;}

.category-ebooks .single_author_meta2 div{display: inline-block;}
/* .category-ebooks .postContent img{display: none !important;} */
.single #stickyHead:not(.sticky)::before{
background-color: #000E23;

}
.home .partnerwithusBtn .wpb_wrapper{
    display: flex;
    justify-content: center;
}
.headerOuter.sticky::before {
    content: "";
    position: absolute;
    top: 0;
        left: -25vw;
    width: 120vw;
    height: 100%;
    background-color: #000E23; /* Change to your desired color */
    z-index: -1; /* Push behind content */
}
.headerOuter.sticky{

    background-color: #000E23 !important;
}
.headerOuter.sticky{box-shadow: none !important}
ul.mega-sub-menu{
        margin-top: -2px !important;
}
.dynamic-text span:nth-child(1) {
    animation-delay: 0s;
}
.dynamic-text span:nth-child(3) {
    animation-delay: 4s;
}
.dynamic-text span:nth-child(2) {
    animation-delay: 2s;
}

.dynamic-text span {
    display: block;
    font-size: 70px;
    color: #00FF09;
    height: 100px;
    line-height: 50px;
    opacity: 0;
    transform: translateY(100%);
    position: absolute;
    width: 100%;
    text-align: left;
    animation: fadeInOut 6s linear infinite;
}

.threeBlogListing .owl-prev,.threeBlogListing .owl-next{

    display: none;
}
@keyframes fadeInOut {
    0% {
      opacity: 0;
      transform: translateY(100%);
    }
    10%, 30% {
      opacity: 1;
      transform: translateY(0);
    }
    40% {
      opacity: 0;
      transform: translateY(-100%);
    }
    100% {
      opacity: 0;
      transform: translateY(-100%);
    }
  }
.dynamic-text-container {
    font-size: 24px;
    font-weight: bold;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: left;
    position: relative;
    height: 66px;
    overflow: hidden;
}

.dynamic-text {
    /* display: inline-block; */
    position: relative;
    animation: scrollText 8s linear infinite;
}

@keyframes scrollText{

0% {
    transform: translateY(0%);
}
 
100% {
    transform: translateY(100%);
}
}

.homepagev5Banner {
        
    height: 900px;
    display: flex;
    align-items: center;
    background-size: cover !important;
    background-repeat: no-repeat;
  
    width: 100%;
    /* transform    : translateX(-40px); */

}
  .homepageBlog .vc_column_container>.vc_column-inner{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .threeBlogListing .owl-item:first-child{
        margin-left: 0px !important;
    }
.helpyou24InnerOuter.vc_general{
background:none !important;

}
.helpyou24InnerOuter  .container{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.footerOUter .container{
    padding: 0 0px !important;
}
.funfact-icon,.counter-count-v5-outer::before{display: none;}
.smartbusSolutionInnerTitle p{
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 30px;
}

.LandingCouterOuter .vc_row:not(.rattingImg){
    max-width: 800px !important;
     margin: 0 auto;
    
    margin: 0 auto;
    display: grid;
    /*grid-template-columns: 130px 130px 200px 200px;
    column-gap: 120px;*/
      grid-template-columns: 130px 130px 200px 200px;
    column-gap: 60px;

 }
.smartbusOuter p{
    margin-bottom: 24px !important;
}
/* color chnages start */

/*.second_colour p, .second_colour{color:#20293A !important;}*/
/* color changes end */
.CanDriveSuccess  .wpb_content_element{ margin-bottom:0px; }
.features_section .card_outer p{font-size: 16px !important;}
.newProductListingOuter > .vc_column-inner{

/*padding:0px; */
}
.productBox .newBnTheme{
font-weight:500 !important;
}
.homepageProductListingv5 .wpb_column p{
    margin-bottom: 30px !important;
}
.homepageProductListingv5 > .vc_column-inner{margin-left:-15px !important;}
.homepageProductListingv5 > .vc_column-inner{margin-right: -15px !important;}
.homepageProductListingv5{
    padding-top: 60px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.homepageProductListingv5 .vc_column-inner:first-child{
/*margin-left:-30px;*/
}
.homepageProductListingv5:before{display: none;}
.homepageProductListingv5 .vc_column-inner{
    padding-left:0px;
    padding-right:0px;
/*margin-right:-30px;*/
}
.homepageProductListingv5{
        display: grid;
    grid-template-columns: auto auto auto;
/*    column-gap: 40px;*/
column-gap: 16px;

}
.homepageProductListingv5 .vc_col-sm-4{width: 100%;}
 .threeBlogListing {
    padding-top: 60px !important;
    overflow: hidden; 
 }
 .threeBlogListing .owl-dots .owl-dot.active {
        background: #0057ff !important;
    }
     .threeBlogListing .owl-dots .owl-dot {
        padding: 0px !important;
        width: 40px;
        height: 6px;
     }
     .threeBlogListing .owl-dots{position: absolute; bottom: 0px; width: 100%;}
    .threeBlogListing .blog-items a h4{font-size: 23px !important; min-height: 88px;}

 .bluetheme .helpyou24InnerOuter .vc_general:hover{
background: none !important;
opacity: 1 !important;

}
.HeaaderOuter_5_Right a:hover{
    background: #fff !important;
    color: #0057ff !important;
}
.b-item .thumb
{height: auto !important;}
.ladingPageBanner5 {
    height: 900px;
    display: grid;
    align-items: flex-end;
    padding-bottom: 30px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: bottom !important;
}
.funfact-outer{ justify-content:space-evenly; }
.funfact-project{white-space: pre;}
 .page-template-landing-page-v5 .faqSubTiitle{
        padding-bottom: 45px !important;
    }
  img.big_img{
    width: 825px;
   max-width: 825px;  
     max-height: 600px;
    object-fit: contain;
}
    .ladingPageBanner5BigImg-feature {margin: 0 auto;}

.homepagev5Banner p { font-size: 24px !important; width: 45%; text-transform: capitalize;font-weight: 400;line-height: 130%;}

.homepagev5Banner h1 { font-size: 70px ; color: #fff;  font-family: "Antonio", serif;  text-transform: uppercase !important;
    font-weight: 600;line-height: 135%;margin-bottom: 20px !important;}

.homepagev5Banner h1 span { color: #F0D20F; display: block;}
.homepagev5Banner p { color: #fff;margin-bottom: 50px !important}
.getdemoBanner { font-size: 28px;
  font-family: "Antonio", serif;  

     border: solid 1px #fff;
      border-radius: 5px;
       padding: 15px 0px; 

     width: 370px; 
     text-align: center; 
     display: inline-block;
 }

      a.getdemoBanner:visited {
        border: solid 1px #fff !important; 
        color: #fff;
        background-color: #082c5a80;
 

    }
     a.getdemoBanner:hover,  a.getdemoBanner:active,  a.getdemoBanner:focus {
        border: solid 1px #0057ff !important; 
        color: #0057ff;
        background-color: #fff;
 

    }


     h2.vc_custom_heading {
        color: #0E0E0E;
        font-family: "Antonio", serif;  
        font-size: 42px;
        margin-bottom: 0px;
/*        line-height: 1.4;*/
        line-height: 100%;
        font-weight: 700;
    }
p.vc_custom_heading   { font-size: 14px !important; margin: 0px 0px 20px 0px;}


.homepageProductListingv5  h3.vc_custom_heading { color: #0E0E0E; font-size: 25px; font-family: "Antonio", serif;  text-transform: uppercase;}
    
.homepageProductListingv5 p.vc_custom_heading { font-size: 16px !important ;}

 .WhatUffizio3Box .uf_card .vc_column-inner{
    /*padding-left: 0px;
    padding-right: 0px; 
    margin-left: 15px;*/
}


.ladingPageBanner5text {
    justify-content: center;
    text-align: center;
}

.ladingPageBanner5text h1 {
    color: #fff;
    font-size: 58px;
    padding-top: 10px;
}

.ladingPageBanner5text h1 span {
    color: #FFC82F;
}

.ladingPageBanner5text p {
    color: #fff;
}


.footerEmail img, .footerPhone img{margin-right: 10px;}

.homepageProductListingv5  .fulllink a { 
/*height: 100%;*/
height: 100%;
width: 100%; position: absolute; left: 0; right: 0; top: 0; background: none !important ; text-indent: -9999999px;}

.homepageProductListingv5  .newBtnTheme:first-child  a.vc_general { 
    background: url(../images/arrow-05.svg) no-repeat right center !important; 
    color: #085CFF !important; 
    font-size: 16px !important;
    font-weight: 600 !important;
    padding:10px 32px 10px 24px !important;display: flex;

}

    .homepageProductListingv5  .newBtnTheme  a.vc_general::after, .homepageProductListingv5  .newBtnTheme  a.vc_general::before { display: none;}

      .homepageProductListingv5 .wpb_column  .vc_column-inner > .wpb_wrapper:hover .newBtnTheme a{
        background: url(../images/arrow-05-act.svg) no-repeat right 1px !important;

    }
    .threeBlogListing .boxLink:hover .newBtnTheme{
        background: url(../images/arrow-05-act.svg) no-repeat right 12px !important;

    }
      .homepageProductListingv5 .wpb_column  .vc_column-inner > .wpb_wrapper {
        border: solid 1px transparent;
        background-color: #fff !important;
        border-radius: 10px;
    
    }

      .homepageProductListingv5 .wpb_column .vc_column-inner > .wpb_wrapper:hover {

        background-color: #fff;
border: solid 1px #DDDDDD;
-webkit-box-shadow: 0 0 15px 0 #E0E0E0;
box-shadow: 0 0 15px 0 #E0E0E0;


      }


      .plogo img{ width: 100% !important;min-height: 425px !important;  }
      .productLogo, h3.vc_custom_heading, .homepageProductListingv5  p   { padding: 0 24px ;}
      .productLogo { margin-bottom: 21px;}

      .WhatUffizioOuteter, .WhatUffizioOuteter p {
        color: #fff;
    }
    .WhatUffizioOuteter {
        padding: 65px 0 20px;
    }
    .WhatUffizioOuteter h2.vc_custom_heading {
        font-family: Antonio, serif !important;
        font-size: 42px !important;
        text-transform: uppercase !important;
    }

    .WhatUffizioOuteter { padding: 65px 0 20px 0; }
.WhatUffizioOuteter p, .WhatUffizioOuteter  {color: #fff;}

.WhatUffizioOuteter h2 { font-size: 42px; text-transform: uppercase; font-family: "Antonio", serif !important; padding-bottom: 10px;}








.WhatUffizio3Box { display: grid; grid-template-columns: 1fr 1fr 1fr;column-gap: 16px;}
.WhatUffizio3Box::before { display: none;}
.WhatUffizio3Box .vc_col-sm-4 { width: 100%;}

.WhatUffizio3Box .vc_col-sm-4 .vc_column-inner { height: 100%;}



.WhatUffizio3Box {padding: 45px 0px 80px 0px;}
.WhatUffizio3Box h3.vc_custom_heading  {font-family: "Antonio", serif !important; 
 font-size: 26px; text-transform: uppercase; margin-bottom: 20px; 
  margin-top: 5px; padding: 0px;font-weight: bold;}




.WhatUffizio3Box .wpb_column .vc_column-inner > .wpb_wrapper {
padding: 20px;
border-radius: 10px;
--border-angle: 0deg;
border-radius: 12px;
/*width: 400px;*/
height: 350px;
/* box-shadow: 0px 2px 2px hsl(0 0% 0% / 25%); */
animation: border-angle-rotate 4s infinite linear;
border: 2px solid transparent;
position: relative;
color: #fff;
/*height: 315px;*/
min-height: 280px;
/*margin-left:15px;*/



&::before {
  content: "";
  position: absolute;
  border: solid 1px #00488E;
  left: 0;
  right:0;
  top: 0;
  bottom: 0;
  width: 100%;
   height: 100%;
   border-radius: 12px;

 
}


}

.WhatUffizio3Box .wpb_column .vc_column-inner > .wpb_wrapper:hover {

/*background: linear-gradient(#001024, #001024) padding-box,
  conic-gradient(
      from var(--border-angle),
      var(--bg) 50%,
    #6FB8FF
    )
    border-box;*/    
    background: linear-gradient(#001024, #001024) padding-box,
  conic-gradient(
      from var(--border-angle),
      hsl(216.73deg 77.78% 12.35%) 50%,
    #6FB8FF
    )
    border-box;    
/*  }*/
} 


@keyframes border-angle-rotate {
from { --border-angle: 0deg; }
to { --border-angle: 360deg; }
}
/** boilerplate **/
body {
--bg: hsl(190deg 20% 10%);

}
@property --border-angle {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}




.blog-cate-bottom,   .blog-cate { display: none;}

.threeBlogListing .newBtnTheme {
margin: 40px 0 0;
color: #0057ff;
background: url(https://uffizio.com/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;
font-size: 16px;
font-weight: 600;
padding: 10px 32px 10px 0px !important;
}
.threeBlogListing  .blog-items a h4 {font-family: "Antonio", serif !important; 
 font-size: 20px; 


}
.threeBlogListing  .b-item { border-radius: 20px; 
    padding: 20px 15px 40px 15px ; 
border: solid 1px transparent; !important; 
background-color: #fff !important;
/*box-shadow: 0 0 15px 1px #CFCFCF90;*/
box-shadow: 7px 7px 28px 0 #00000006;


}
.threeBlogListing .b-item:hover{
    border: solid 1px #DDDDDD !important;
  
    box-shadow: 0 0 15px 0 #E0E0E0 !important;
}
.threeBlogListing  .blog-items img:hover , .threeBlogListing  .blog-items img { border-radius: 20px; }

.blog-cate, .blog-info { padding: 0px !important;}
.blog-items a h4 { margin: 24px 0px 0px 0px !important;padding-bottom: 24px !important}


.threeBlogListing .read-more { left: 20px !important; right: inherit;}
.becomePartnerV5 { padding: 100px 0 ;}
.becomePartnerV5  a.vc_general  { background-color: #fff !important; color: #0057FF !important; border-radius: 7px !important;
padding: 14px 32px !important; font-weight: 600 !important;
font-size:20px !important;
font-family:"Antonio", serif !important;

}
.becomePartnerV5 a.vc_general:hover{
    background-color: #0057ff !important;
    color: #fff !important;
}
.becomePartnerV5 .wpb_content_element{ 
    margin-bottom:38px !important;
     }
.becomePartnerV5  a.vc_general::before, .becomePartnerV5  a.vc_general::after { display: none;}
.becomePartnerV5 p  { color: #fff !important; padding: 0 15%;font-size: 20px !important}
.becomePartnerV5 h3.vc_custom_heading  { font-family: "Antonio", serif !important;  
    color: #fff !important; font-size: 42px;  
    text-transform: uppercase; 
    margin-bottom: 20px !important;
    letter-spacing: 2px;
}


.helpyou24Inner { display: grid; grid-template-columns: 1fr 1fr 1fr; 
/*    gap: 30px; */
column-gap: 16px;
    padding: 60px 0 0px 0; }
.helpyou24Inner .vc_col-sm-4 {width: 100%;}
.helpyou24Inner .vc_col-sm-4 .vc_column-inner{ padding: 20px; background-color: #fff !important; border: solid 1px #DDDDDD;
border-radius: 15px;
border: solid 1px #DDDDDD;

}

.helpyou24Inner::before, .helpyou24Inner::after { display: none;}
.helpyou24Inner h3.vc_custom_heading { padding: 0; margin: 0px;color: #484848;}
.helpyou24InnerOuter { padding: 65px 0 ;}
.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: 30px 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;


}  
.whatsupBtn a.vc_general:hover, .emailbtn a.vc_general:hover, .phoneBtn a.vc_general:hover{
    color: white !important;
    background-color: #0057ff !important;
}
.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);}
.whatsupBtn a.vc_general::after, .emailbtn a.vc_general::after, .phoneBtn a.vc_general::after{ display: none !important;}



.WhatUffizio3Box .uf_card .wpb_content_element{
margin-bottom:30px !important;
}

.footerOUter{
color: #fff !important;
background:  url(../images/footerbg_new.jpg) no-repeat center bottom !important;
background-size: cover !important;
padding: 50px 0 50px 0 ;

 
}
.footerLisintg { display: grid; grid-template-columns: 1fr 1fr;}
.footerLeft { display: grid; grid-template-columns: 1fr 1fr auto; gap: 30px;}


.fTitle {font-family: "Antonio", serif !important; text-transform: uppercase; padding: 15px 0px;color: white}
.footerOUter ul li a, .footerLeft_3 a{ font-size: 16px;
font-family: "Inter", serif;
color: #C2C2CA; font-weight: 300 !important; 
padding: 2px 0 !important;
display: block;}
.footerOUter ul li a{color: white;}
.footerOUter ul li a:hover, .footerLeft_3 a:hover { color: #fff !important;}
.footerPhone {background:  url(../images/phone.svg) no-repeat left 12px !important; }
.footerEmail {background:  url(../images/email.svg) no-repeat left 12px !important; }
.footerPhone , .footerEmail{ padding-left: 30px; padding-top: 7px;}
.footerPhone  a, .footerEmail a{ color: #fff;}

.footerright {display: flex;flex-direction: column;align-items: end;padding-top: 15px}
.footerItitleSmall {font-family: "Antonio", serif !important;  font-size: 16px; padding-top: 50px;}
.copyright-footer { display: flex; justify-content: space-between;}


#headerMenuVersion05 {    backdrop-filter: blur(10px); background-color: #ffffff07; height: 56px; position: fixed; left: 0; right: 0;
z-index: 15000;
}
.single #headerMenuVersion05 {
    background-color: #000e23;
}
#headerMenuVersion05.sticky { background-color: #000e23;}
.logoOuter { text-align: left;}



.active .toggle-icon {
transform: rotate(
180deg
);
} 


.newProductListingOuter {
    padding-top: 65px !important;
    padding-bottom: 100px !important;
}
.newProductListingOuter p{

/*    padding-bottom: 60px !important;*/
}
.homepageProductListingv5 .wpb_column .vc_column-inner>.wpb_wrapper {
    position: relative;
}

.helpyou24InnerOuter p.vc_custom_heading,
.helpyou24InnerOuter h2.vc_custom_heading {
    text-align: center;
   
}

.helpyou24InnerOuter p.vc_custom_heading:not(.help_sub_heading){
     font-size: 16px !important;
     padding-top: 8px;
}
p.vc_custom_heading {
    font-size: 20px !important;
}

p.help_sub_heading{ font-size:20px !important; font-weight:400 }
.page-template-homepage-v5 h2.vc_custom_heading {
    text-transform: uppercase;
}

.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: 30px !important;
}
.bluetheme .helpyou24InnerList .vc_general{
    background: #fff !important;
}
.bluetheme .helpyou24InnerList .vc_general:hover{
    background: #0057ff !important;
    color: #fff ;

}
.ctaSectionv5btn_1 a.vc_general:hover{
    background: #fff !important;
    color: #0057ff !important;

}
.ctaSectionv5btn_1 a, ,.ctaSectionv5btn_2 a{font-family: "Antonio", serif;}
.helpyou24Inner h3.vc_custom_heading {
    font-family: "Antonio", serif;
    text-transform: uppercase;
    padding-top: 24px !important;
}


.threeBlogListing .blog-items img:hover,
.threeBlogListing .blog-items img {
    border-radius: 10px !important;
}
.threeBlogListing .b-item{
     border-radius: 16px !important;
}

.fTitle i {
    display: none;
}

.footerPhone,
.footerEmail {
    /*padding-left: 0px !important;*/
}

.footerSocial {
    padding-right: 0px;
}


/* lading page v-5 css  */

.page-template-landing-page-v5 h1,
.page-template-landing-page-v5 h2,
.page-template-landing-page-v5 h3,
.page-template-landing-page-v5 h4,
.iconTitle,
p.rettingsectionHeading,
.faqOuter .card-header button {
    font-family: "Antonio", serif;
}

.page-template-landing-page-v5 h1,
.page-template-landing-page-v5 h2,
.page-template-landing-page-v5 h3,
.page-template-landing-page-v5 h4,
.iconTitle,
p.rettingsectionHeading {
    text-transform: uppercase;
}

.faqOuter .card-header button {
    font-size: 24px;
    font-weight: 600
}


.whatissmartbus {
    padding: 100px 0;
}

.CanDriveSuccessHeader h3.vc_custom_heading {
    padding-left: 0;
    padding-bottom: 25px;
    font-size: 28px;
    margin-bottom: 3px;
}

.CanDriveSuccess h4.vc_custom_heading {
    font-size: 22px;
/*    color: #000;*/
    color: #23363F;
    font-weight: 600;
    padding-top:34px;
}

.CanDriveSuccess img {
    height: 34px;
    max-width: 34px !important;
}


.smartbusSolution {
    padding: 65px 0;
}

.smartbusSolutionInner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
/*    gap: 40px;*/
column-gap: 40px;
row-gap: 60px;
}
.BenefitsListingOuter p.bigtext{ margin-bottom:65px; }

.smartbusSolutionInner .wpb_column {
    background-color: #fff;
    border: solid 1px #DDDDDD;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 #E0E0E0;
    box-shadow: 0 0 10px 0 #E0E0E0;
    padding: 20px  5px 20px  5px;

}


.smartbusSolutionInner .wpb_column .wpb_content_element {  margin: 0px !important;}
.smartbusSolutionInner .wpb_column  h4.vc_custom_heading  { padding-top: 24px;}

.smartbusSolutionInner .vc_column-inner>.wpb_wrapper h4, .BenefitsList .iconTitle {
    color: #23363F;
    font-size: 22px;
    font-weight: 600;
}

.smartbusSolutionInner .vc_column-inner>.wpb_wrapper h4{
    margin-bottom: 12px;
}
.BenefitsListingOuter .vc_tta.vc_general .vc_tta-tab>a {
    padding: 0px !important;
}

.BenefitsListingOuter .vc_tta-tabs-list {
    width: 380px;
    background: #ffffff99;
    margin: auto !important;
    border: none !important;
    border-radius: 200px;
    backdrop-filter: blur(10px);
}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab:nth-child(1) a:before,
.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab a:before {
    display: none !important;
}

.FeatuerTabOuter .vc_tta-tabs-list {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 10px !important;
}

.smartbusSolutionInner::before,
.smartbusSolutionInner::after {
    display: none;
}

.smartbusSolutionInner .wpb_column {
    width: 100% !important;
}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab {
    margin: 0px !important;
    padding: 0px !important;
}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active {
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active a {
    background: #0057FF !important;
    color: #fff;
}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab a {
    display: block;
    border-radius: 200px !important;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #000;
}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active a .vc_tta-title-text {
    color: #fff;
}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab a .vc_tta-title-text {
    color: #000000;
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.FeatuerTabOuter .vc_custom_heading{
/*    color: #23363F;*/
    color: #0E0E0E;
    padding-top:54px !important;
    padding-bottom: 54px !important;

}
.BenefitsList h2.vc_custom_heading{
    padding-top: 54px !important;
     margin-bottom: 0px !important;
}

.iconListOuter{
    column-gap: 20px;
    row-gap: 30px;
}
.BenefitsListingOuter .vc_tta-tabs-container.vc_tta-tab_02 {
    background: url(../images/parent_banner.jpg) no-repeat center center;
    background-size: cover;
}

.BenefitsListingOuter .vc_tta-tabs-container.vc_tta-tab_03 {
    background: url(../images/driver_banner.jpg) no-repeat center center;
     background-size: cover;
}

.BenefitsListingOuter {
    padding-bottom: 79px;
}

.LandingCouterOuter{padding-bottom: 28px}
.BenefitsListingOuter .vc_tta-tabs-container {
    background: url(../images/admin_banner.jpg) no-repeat center center;
    padding: 50px 0 !important;
    margin: 0px !important;
    background-size: cover;
    height: 320px;
    border-radius: 16px 16px 0 0;
}


.BenefitsList h2.vc_custom_heading {
    font-size: 28px;
}

.FeatuerTabOuter .vc_tta-panel-body {
    background-color: #F0F3FB !important;
    border-radius: 0 0 16px 16px;
}

.iconListOuter {
    padding: 0 20px 20px 20px;
}

.iconListOuter .iconList {

    display: grid;
    height: inherit !important;
    background: none !important;

    border: solid 1px #DDDDDD00;
    -webkit-box-shadow: 0 0 0px 0 #E0E0E0;
    box-shadow: 0 0 0px 0 #E0E0E0;
    border-radius: 10px;
    position: relative;
}

.iconListOuter .iconList:hover {
    display: grid;
    height: inherit !important;
    background: #fff !important;
    border: solid 1px #DDDDDD;
    -webkit-box-shadow: 0 0 10px 0 #E0E0E0;
    box-shadow: 0 0 10px 0 #E0E0E0;
    border-radius: 10px;
    position: relative;
}







.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active::after {
    display: none !important;
}

.iconTitle {
    font-size: 22px;
    position: relative;
}

a.fulllink {
    /* height: 100%; */
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: none !important;
    text-indent: -9999999px;
}

 .newBtnTheme a {
    background: url(../images/arrow-05.svg) no-repeat right center !important;
    color: #085CFF !important;
    padding-right: 32px !important;
    height: 24px;
    display: inline-block;

}
.home .newBtnTheme a {    padding: 3px 33px 8px 24px !important;}
.newBtnTheme.no_icon a, .homepageProductListingv5 .wpb_column .vc_column-inner > .wpb_wrapper:hover .newBtnTheme.no_icon a{
    background: none !important;
}
.iconListOuter .iconList:hover .newBtnTheme a {
    background: url(../images/arrow-05-act.svg) no-repeat right 1px !important;
}

.rattingImg {
    padding: 0 24%;
/*padding: 0 10%;*/
}

.LandingCouterOuter h2.vc_custom_heading {
    padding-bottom: 50px;
}

.counter-count-new {
    position: relative;
    font-size: 42px;
    /* Adjust font size as needed */
/*    text-align: center;*/
    padding: 0px 0;
    margin: 0px 0;
     font-family: "Antonio", serif;
    /* Adjust spacing */

    /* Bottom border with reduced white in gradient */
    border-bottom: 2px solid;
    /* Adjust thickness */
    border-image: linear-gradient(to right, #fff 10%, #0E2851 90%);
    border-image-slice: 1;
}

p.rettingsectionHeading {
    padding-top: 50px;
    color: #fff !important;
    font-size: 24px !important;
    margin-bottom: 22px;
}
.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 {}

.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;
    font-size: 20px;
    max-width: 1000px;
    font-weight: 400;
    font-family: "Inter", serif !important;
    color: #484848;

}


.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;

}
p.faqSubTiitle{
    margin-bottom: 0px !important;
    max-width: 885px;
    text-align: center;
    margin: 0 auto !important;
}

.ctaSectionv5 .wpb_wrapper {
    display: grid;
    grid-template-columns: 220px 220px;
    gap: 20px;
    justify-content: center;
}

.ctaSectionv5btn_1 a.vc_general {
    font-family: "Antonio", serif;
    border-radius: 4px !important;
    text-transform: uppercase;
    /*    background: #1a59e5 url(../images/getdemoUrl.svg) no-repeat 80% center !important;*/
    background: #1a59e5;
/*    padding: 10px 60px 10px 20px !important;*/
padding: 10px 10px !important;
    margin: 0px !important;
    width: 170px;
    font-size:20px !important;
/*    width: 160px;*/

}
.ctaSectionv5btn_1 a.vc_general:hover{
    color: #0057ff !important;    
    /*    background: #fff url(../images/getdemoUrl-blue.svg) no-repeat 80% center !important;*/
    background: #fff;
}
.ctaSectionv5btn_2 a.vc_general {
    font-family: "Antonio", serif;
    font-size:20px !important;
    border-radius: 4px !important;
    text-transform: uppercase;
/*    background: #fff url(../images/getdemoUrl-blue.svg) no-repeat 80% 12px !important;*/
background: #fff !important;
/*    padding: 10px 60px 10px 20px !important;*/
padding: 10px 10px !important;
    color: #0057FF !important;
    margin: 0px !important;
    width:170px;
/*    width: 160px;*/

}
.ctaSectionv5btn_2 a.vc_general:hover {

/*    background: #0057FF url(../images/getdemoUrl.svg) no-repeat 80% 12px !important;*/
background: #0057FF !important;
    color: white !important;
}

.ctaSectionv5btn_1 a.vc_general::before,
.ctaSectionv5btn_1 a.vc_general::after {
    display: none !important;

}

.smartbusOuter {
    padding: 65px 0;
}




/* Version-05 Feture Css  */

.ladingPageBanner5-feature-inner {
    display: grid;
    grid-template-columns: 500px 850px;
/*    gap: 50px;*/

gap: 10px;
    height: 900px;
    align-items: center;
}

.page-template-landing-page-v5-feature h2.vc_custom_heading {
    margin-bottom: 16px !important;
}
.page-template-landing-page-v5-feature .helpyou24InnerOuter,.helpyou24InnerOuter{

padding: 100px 0px !important;
background-color: #F0F3FB !important;
}
.page-template-landing-page-v5-feature p {
    font-size: 20px !important;
    color: #484848;

}
.hs-form-booleancheckbox-display p{
    font-size: 11px !important;
}



.ladingPageBanner5text-feture p,
.ladingPageBanner5text-feture h1 {
    color: #fff !important;
}

.ladingPageBanner5text-feture h1 {
    margin-bottom: 20px
}

.keep_your_school {
    display: grid;
    grid-template-columns: 45% 55%;
    gap: 40px;
    align-items: center;
}

.keep_your_school::before {
    display: none;
}

.keep_your_school .wpb_column {
    width: 100%;
}

.keep_your_school .vc_column-inner {
    padding: 0px !important;
}

.keep_your_school_left_img img {
    border-radius: 10px;
}

.keep_your_school_left_img figure.wpb_wrapper {
    border-radius: 10px;
    background-color: #F0F3FB;
}

.keep_your_school_left_img .vc_single_image-wrapper {
    border: solid 15px #F0F3FB;
    border-radius: 10px;
}

.keep_your_school .wpb_content_element,
.card_outer .wpb_content_element {
    margin: 0px;
}

.page-template-landing-page-v5-feature h1,
.page-template-landing-page-v5-feature h2,
.page-template-landing-page-v5-feature h3,
.page-template-landing-page-v5-feature h4 {
    font-family: "Antonio", serif;
    text-transform: uppercase;
}

.page-template-landing-page-v5-feature h1 {
    font-size: 58px;
    font-weight: 600;

}

h2.vc_custom_heading {
    margin-bottom: 20px !important;
}

.smart-bus-container h2 {
    font-size: 42px;
    font-weight: 700;

}

.smart-bus-container h4 {
    color: #23363F;
    font-size: 22px;
    font-weight: 600;
}

.font-weight-400 {
    font-weight: 400;
}

.border-radius-10 {
/*    border-radius: 10px !important;*/

}

section.smart-bus-container {
    /*padding: clamp(30px, 10vw, 100px)  clamp(3%, 5vw, 8%);*/
}

.smart-bus-container .card_outer .vc_column-inner {
    box-shadow: 6.45px 6.45px 26.4px 0px #0000000F;
    padding: 20px;
}

.card_outer {
    max-width: 465px;
}

.btn-w55 {
    width: 55%;
}
.uf_row2{
    padding-top: 43px;
}


.sb_cta {
    border: 1.5px solid white;
    color: white !important;
    background: transparent !important;
    font-size: 28px;
    font-family: "Antonio", serif;
    width: 370px;
    padding: 0px !important;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    height: 69px;
    line-height: 65px;
    border-radius: 5px;
    margin-top: 33px;




}
.sb_cta:hover, .sb_cta:focus, .sb_cta:active,.sb_cta:visited{
border: 1.5px solid white !important;
}

.sb_cta2 {
    border: 1.5px solid #0057FF;
    color: #0057FF !important;
    background: transparent !important;
    font-size: 20px;
    font-family: "Antonio", serif;
    width: 180px;
    margin: 18px 0 0 0;
    padding: 8px var(--button--padding-horizontal);
}

.sb_cta2:hover{
    color: white !important;
    background: #0057ff !important;
    border:1px solid !important;
}
.sb_cta:hover {
    color: white;
    border: solid 1px #fff !important;
    background: #082c5a80 !important;
}

.sb_cta2:focus, .sb_cta2:active,.sb_cta2:visited {
    color: #0057FF !important;
    border: solid 1px #0057FF !important;
    background: #fff !important;
}

.page-template-landing-page-v5-feature section {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    /*padding-right:8%;*/
    /*padding-left:8%;*/
}

.card_outer {
    padding-bottom: 0px !important;
    padding-b
}

.card_outer .vc_column-inner {
    padding: 20px !important;
        border: 1px solid #dddddd;
    box-shadow: 6.45px 6.45px 26.4px 0px #00000006;
}

.whatissmartbus p{
    font-size: 20px !important;
    line-height: 155% !important;
    color: #484848 !important;
    font-weight: 400;
}
.CanDriveSuccess p{
    font-size: 16px !important;
    letter-spacing: 0px;
}
.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_1 .wpb_wrapper {
    display: block;
    
}


.cta_5_outer .vc_general, .cta_5_outer_1 .vc_general {
    font-weight: 600 !important;
    background-color: #0057FF !important;
    color: #fff !important;
    border-radius: 4px !important;
    font-family: "Antonio", serif;
}
.cta_5_outer .vc_general:hover, .cta_5_outer_1 .vc_general:hover{
    background-color: #fff !important;
    color: #0057FF !important;
}

.cta_5_outer .wpb_wrapper .vc_btn3-container:nth-child(2) .vc_general {
    background-color: #fff !important;
    color: #0057FF !important;
}
.cta_5_outer .wpb_wrapper .vc_btn3-container:nth-child(2) .vc_general:hover{
      background-color: #0057FF !important;
    color: #fff !important;
}


.cta_5_outer::before {
    display: none;
}

#keep_your_school p {
    font-size: 20px;
    font-weight: 400;
    line-height: 31px;

}

.border-radius-10,
.border-radius-10 .vc_inner_column {
    border-radius: 4px;
}

.align_right {
    text-align: right;
}

.text_capitalize {
    text-transform: capitalize;
}

#features_section .vc_row-flex {
    justify-content: center;
}

#features_section ul li {
    font-family: "Inter",serif;
    font-size: 16px;
    font-weight: 400;
    color: #484848;

}
.card_outer h4{
    font-size: 22px;
    color: #23363F;
    margin-bottom:5px;
/*    line-height: 140%;*/
    
}
#features_section .owl-dots .owl-dot {
    width: 40px !important;
}

#features_section .owl-dots .owl-dot {
    padding: 2px;
    height: 2px;
    width: 45px;
    color: #0057ff10;
    border: 0px;
}

.schedule_demo_btn {

    font-size: 18px;
    font-weight: 600;

}

.schedule_demo_btn button {
    width: 200px;
    font-size: 18px !important;
    border-radius: 4px !important;
}

.schedule_demo_btn button:hover {
    border: 1px solid transparent !important;
}
.schedule_demo_btn3, .schedule_demo_btn{
    width: 100%;
}
.schedule_demo_btn3 a, .schedule_demo_btn a{
/*    padding: 10px 50px !important; */
padding: 10px 12px !important;
width: 200px;
font-size: 20px !important;
}
.schedule_demo_btn3  a:after,.schedule_demo_btn3  a:before{
    display: none;
} 

#features_section ul {
    padding-left: 5%;

}

#features_section button.owl-prev,
#features_section button.owl-next {
    display: none;
}

#features_section ul li {
    padding-left: 0%;

}

.uf_mobile_device {
    display: none;
}
.ladingPageBanner5BigImg { padding-top: 20px;}



@media (min-width: 1600px) and (max-width: 10000px)  {

    .ladingPageBanner5BigImg {
/*        margin: 0 -100px;*/
    }
    

}


@media (min-width: 100px) and (max-width: 768px) {
    .logoImg img{
        height: 24px !important;
        width:150px !important;
    }


    .homepagev5Banner p { width: 100%;font-size: 12px !important; font-weight: 400;line-height: 130%;margin-bottom: 30px !important;}
    .threeBlogListing .b-item{padding: 14px 14px 40px 14px!important;}
.page-template-landing-page-v5-feature h2{
    font-size: 24px;
    font-weight: bold;
}
.homepageProductListingv5{display: block;}
.partnerwithusBtn{
    margin-bottom: 0px !important;
}
    .vc_tta-tabs-container {
        height: 114px;
        /* Set height for mobile */
        background-size: auto 114px;
        /* Ensure the image height fits */
        background-position: center center;
        /* Center the image */
    }

    .becomePartnerV5,
    .helpyou24Inner {
        padding: 20px 0 0;
        row-gap: 18px;
    }

    .WhatUffizio3Box,
    .helpyou24Inner,
    .footerLeft,
    .footerLisintg {
        grid-template-columns: 1fr;
/*        gap: 20px;*/
        row-gap: 18px;
    }

    .WhatUffizio3Box .wpb_column .vc_column-inner>.wpb_wrapper {
        height: auto;
    }

    .homepagev5Banner h1 {
        font-size: 28px !important;
        margin-bottom: 12px;

    }
   
    .page-template-homepage-v5 h2.vc_custom_heading,
    .becomePartnerV5 h3.vc_custom_heading,
    .helpyou24InnerOuter h2.vc_custom_heading {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }

    .homepagev5Banner {
/*        height: 350px;*/
height: 415px;
        padding-top: 30px !important;
    }

    .getdemoBanner {
        width: 140px;
        font-size: 16px;
        padding: 7px 25px;
    }

    #uffizio_box_outer_main .owl-nav, .threeBlogListing .owl-nav {
        display: none;
    }

    #SmartBusBusinessSolution .owl-dots,
    #uffizio_box_outer_main .owl-dots {
/*        padding: 0px !important;*/
        margin: 0px !important;
    }

    #uffizio_box_outer_main .owl-dots button,
    #SmartBusBusinessSolution .owl-dots button , .threeBlogListing .owl-dots button{
        height: 6px !important;
        padding: 0px;
        width:40px;
        margin: 0px 10px;
    }
     #uffizio_box_outer_main .owl-dots .owl-dot.active,
    #SmartBusBusinessSolution .owl-dots .owl-dot.active,.threeBlogListing .owl-dots .owl-dot.active  {
                background: #0057ff !important;

    }

    .WhatUffizio3Box {
        padding-top: 30px;
        padding-bottom: 0px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .threeBlogListing .wpb_wrapper {
        padding: 0px;
    }

    .becomePartnerV5 p {
        padding: 0px;
        font-size: 14px !important;
    }

    .footerOUter {
        padding: 20px 25px;
    }

    .fTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .fTitle i {
        display: block;
        font-size: 16px;
    }

    .footerOUter .primary-menu-container {
        display: block;
    }

    .footer-menu-content {
        display: none;
    }

    .footerLeft {
        gap: 0px;
    }

    .footerright {
        align-items: flex-start;
    }

    .footerSocial {
        padding-left: 0px;
        display: flex;
        gap: 10px;
    }

    .footerSocial a {
        margin: 0px
    }

    .footerItitleSmall {
        padding-top: 15px;
    }

    .helpyou24InnerOuter {
        padding: 30px 15px;
        background: #F0F3FB;
    }

    .homepageBlog {
        padding-bottom: 40px;
    }

    .headerOuter {
        padding: 0px 15px !important;
        position: fixed;
/*        grid-template-columns: 1fr 19px;*/
        justify-content: space-between;
        align-items: center;

    }

    #mobile-menu-toggle { margin-top: 5px ;}

    .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;

    }
    .padding-rl-0{padding-right: 0px !important;padding-left: 0px !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;
    }

    #uffizio_box_outer_main,
    #SmartBusBusinessSolution {
        overflow: hidden;
    }

    .screen-reader-text {
        display: none;
    }

    .ladingPageBanner5BigImg {
        margin: 0;
    }

    .ladingPageBanner5 {
        height: 430px;
        padding-bottom: 20px;
    }

    .ladingPageBanner5 img.small_image {
        padding-bottom: 15px;
    }

    .ladingPageBanner5text h1 {
        font-size: 28px;
    }

    .smartbusSolution {
        padding: 0px 10px 0px 10px !important;
    }

    .whatissmartbus {
        padding: 50px 10px 16px 10px;
    }

    .smartbusSolutionInner {
        gap: 0px;
    }

    .smartbusSolutionInnerTitle h2.vc_custom_heading,
    .whatissmartbus h2,
    .BenefitsListingOuter h2.vc_custom_heading,
    .LandingCouterOuter h2.vc_custom_heading,
    .faqOuter h2.vc_custom_heading,
    .smartbusOuter h2.vc_custom_heading {
        font-size: 24px;
    }

    .CanDriveSuccessHeader h3.vc_custom_heading {
        font-size: 18px;
        padding-top: 40px;
    }

    #SmartBusBusinessSolution .owl-nav {
        display: none !important;
    }

    #SmartBusBusinessSolution {
        grid-template-columns: 1fr;
        row-gap: 25px;
    }

    .owl-dots {
/*            justify-content: flex-start;*/
            width: 390px;
/*            padding:0;*/
            margin:0;
/*    display: block;*/
    justify-content: center;
    }
    #combined-slider .owl-dots{ width:auto; }
    .homepageBlog  .owl-dots{width: 340px;}

    #SmartBusBusinessSolution .owl-dots {
        width: 340px !important;
        padding-left: 25px !important;
    }

    .FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list span.vc_tta-title-text {
        position: relative !important;
        top: 0 !important;
        right: 0;
        left: 0;
        color: #000 !important;
        display: block !important;
        font-family: "Antonio", serif;
        text-transform: uppercase;
    }

    .FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list .vc_active span.vc_tta-title-text {
        color: #fff !important;
    }

    .FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list {
        grid-template-columns: 1fr 1fr 1fr;
        padding-bottom: 10px !important;
        width: 235px !important;
        height: 38px;
        padding: 6px !important;
    }

    .BenefitsListingOuter .vc_tta-tabs-container {
        height: 125px !important;
    }


    .BenefitsListingOuter .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
        display: block !important;
        padding-top: 20px !important;
    }

    .FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list li {
        border: none !important;
    }

    .BenefitsListingOuter .vc_tta-tabs-container {
        padding: 0 15px !important;
    }

    .iconListOuter .iconList {
        border: solid 1px #DDDDDD !important;
        -webkit-box-shadow: 0 0 10px 0 #E0E0E0 !important;
        box-shadow: 0 0 10px 0 #E0E0E0 !important;
        border-radius: 10px !important;
        background: #fff !important;
        position: relative;
    }

    .ctaSectionv5 .wpb_wrapper {


        grid-template-columns: 150px 150px;
/*        gap: 10px;*/

    }

    .ctaSectionv5 a.vc_general {
        font-size: 14px !important;
    }

    .BenefitsListingOuter {
        padding: 0px 10px !important;
    }

    .LandingCouterOuter .funfact-outer {
        padding: 0px !important;
    }

    .LandingCouterOuter h2.vc_custom_heading {
        padding-bottom: 20px;
    }

    .LandingCouterOuter .counter-count-new {
        font-size: 24px !important;
    }

    .rattingImg {
        padding: 0px !important;
    }

    .funfact-content {
        padding-top: 20px !important;
    }

    p.faqSubTiitle,
    .faqListing {
        padding: 0px !important;
    }

    .owl-stage-outer {
        padding-bottom: 0px !important;
    }

    .smartbusOuter {
        padding: 0 10px 0px 10px !important;
    }

    .ctaSectionv5btn_1 a.vc_general {

/*        background: #1a59e5 url(../images/getdemoUrl.svg) no-repeat 95% center !important;*/
            background: #1a59e5 !important;
        padding: 10px 10px 10px 15px !important;

    }

    .ctaSectionv5btn_2 a.vc_general {
/*        background: #fff url(../images/getdemoUrl-blue.svg) no-repeat 95% 12px !important;*/
        background: #fff;
        text-transform: uppercase;
        padding: 10px 30px 10px 20px !important;
        padding: 10px 10px 10px 10px !important;
        color: #0057FF !important;
        margin: 0px !important;
        width: 160px;
    }
    .ctaSectionv5 .vc_do_btn{margin-bottom: 0px;}
    .faqOuter {
/*        padding: 0px 10px 40px 10px !important;*/
 padding: 0px 24px 50px 24px !important;
    }

    .faqOuter h2.vc_custom_heading {
        padding-bottom: 10px;
    }
   

    .helpyou24Inner h3.vc_custom_heading {
        font-size: 20px;
    }

    .rattingImg {
        display: grid;
        grid-template-columns: 50% 50%;
        justify-content: center;
    }

    .rattingImg img {
        width: 100% !important;
        height: inherit !important;
        max-width: 100% !important;
    }

    .rattingImg .startImg:nth-child(3) {
        grid-column: span 2;
    }

    .rattingImg .startImg:nth-child(3) img {
        width: 150px !important;
        max-width: 150px !important;
    }

    .funfact-icon,
    .rattingImg::before {
        display: none !important;
    }

    .LandingCouterOuter h2.vc_custom_heading {
        text-align: left !important;
    }

    .LandingCouterOuter {
        padding: 0 10px !important;
    }

    .homepagev5Banner {
        padding: 0 10px;
    }

    #uffizio_box_outer_main .owl-dots {
        justify-content: center;
        margin: 0px;
        padding: 10px 0;
        width: 360px;
    }

    .homepageBlog {
        padding: 40px 10px !important;
    }

    .WhatUffizioOuteter {
        padding: 0px 10px 0px 10px !important;
    }

    .homepageBlog {
        padding: 0px 25px 0px 25px !important;
    }

    .newProductListingOuter {
        padding: 0px 0px 0px 0px !important;
    }

    .thumb {
        height: initial !important;
    }

    .faqOuter .card-header button {
        white-space: pre-wrap !important;
    }


    .vc_custom_1738400733664 {
        padding-bottom: 0px !important;
    }

    .smart-bus-container p,
    #keep_your_school p {
        font-size: 14px;
    }

    .faqOuter .card-header button {
        white-space: pre-wrap;
    }

    #keep_your_school p {
        font-size: 16px;
    }

    .card-header button {
        font-size: 20px;
    }

    .page-id-20231 section:first-child {
/*        padding-bottom: 0px !important;*/
    }

    .faqSubTiitle {
        font-size: 14px;
    }

    .smart-bus-container h1 {
        font-size: 28px;
    }

    .faqOuter .card-body {
        font-size: 14px !important;
        font-weight: 400;
        line-height: 20px;

    }

    .schedule_demo_btn button {
        width: 160px;
    }

    .uf_mobile_device {
        display: block;
    }

    .uf_desktop_device {
        display: none;
    }

    .smart-bus-container h2 {
        font-size: 24px !important;
    }

    .schedule_demo_btn button {
        font-size: 16px !important;
    }

    .page-template-landing-page-v5-feature section {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    #features_section .vc_row-flex {
        overflow: hidden !important;

    }

    .schedule_demo_btn button {
        font-size: 12px;
    }

    .mobile_carousel {
        overflow: hidden !important;
    }

    #sb_hero p {
        font-size: 12px;
    }

    .sb_cta {
        font-size: 16px;
        width: 140px;
        padding: 6px 15px;
    }
  

     .page-template-landing-page-v5-feature section ,.keep_your_school .vc_section ,
     .page-template-landing-page-v5-feature .helpyou24InnerOuter, .helpyou24InnerOuter,.vc_row-has-fill>.vc_column_container>.vc_column-inner {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
.page-template-landing-page-v5 .faqOuter{padding-top: 15px !important}
    .faqOuter .card-header button {
        font-size: 20px !important;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 8px;
    }

    .ladingPageBanner5-feature-inner,
    .keep_your_school {
        grid-template-columns: 1fr;
        row-gap: 0px;
/*        display: block;*/

    }


    .faqOuter .card-header button.collapsed::after {

      background-size: 22px 22px;


    }
    .page-template-landing-page-v5-feature h1 {
        font-size: 28px;
    }




}





/* for mobile  */

@media screen and (max-width:600px) {
        .threeBlogListing .owl-item{

        width:400px;
    /*        margin:15px 22px 0 0px;*/
        margin:15px 0px 0 0px;

        }
           .threeBlogListing .blog-items a h4{
            min-height: 71px;
           }
        .single .postContent .CTA_row p{display: block;}
        .single_author_meta2 div{ font-size:14px !important;  }
        #stickyHead:not(.sticky)::before{left: -8vw;}
        .threeBlogListing .owl-dots{position: relative;}
        .plogo img{min-height: auto !important}
        .ctaSectionv5btn_1 a.vc_general {width: 160px !important;}
        .cta_5_outer .vc_general, .cta_5_outer_1 .vc_general{ 
            /*font-size:14px !important;*/
         font-weight:600 !important; }
       .cta_5_outer  > .wpb_column > .vc_column-inner > .wpb_wrapper
        {
            /*column-gap: 10px;*/
              grid-template-columns: 180px 180px;
        column-gap: 20px;


        }
        .schedule_demo_btn3 a, .schedule_demo_btn a{
/*            width: 160px;*/
            margin-right: 0px;line-height: 20px !important;}
        .CanDriveSuccess h4.vc_custom_heading{ font-size:20px !important }
        .iconListOuter{ padding:0 10px 20px 10px !important;border-radius:10px !important }
        .BenefitsList h2.vc_custom_heading{padding-right: 24px;font-size: 18px;}
        .smart_img_mobile img{
            height: 180px !important;
            max-width: 653px;
            object-fit: cover;
            border-radius: 10px;
        }
        .addtoany_list a, .addtoany_list a:hover{padding: 10px !important}
        .LandingCouterOuter .vc_row:not(.rattingImg){grid-template-columns: 1fr;}
/*        .funfact-outer{justify-content: center !important;}*/
        .iconListOuter .icondescription{
        font-size:12px;
        font-weight:400;
        }
        .FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active a,.FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list span.vc_tta-title-text
        {font-size: 14px !important; font-weight: 700 !important;}
        .FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab a{height: 26px !important;}
        .iconList .newBtnTheme a{font-size: 14px; font-weight: 600;letter-spacing: 0;}
        .BenefitsList h2.vc_custom_heading{ padding-top:28px !important; }
        .FeatuerTabOuter .vc_custom_heading{padding-bottom: 28px !important; color: #0e0e0e;}
        .CanDriveSuccess p{

        }
        .iconTitle{font-size: 16px !important;font-weight: 600;}
        
        .smartbusSolutionInnerTitle p{ font-size:14px !important;font-weight:300; }
        .whatissmartbus p{ font-size:14px !important;font-weight:300;padding-bottom:0px !important;letter-spacing:0px; }
        .whatissmartbus .wpb_text_column:not(.sb_inner_card){ padding-bottom:16px !important; margin-bottom: 0px;}
        .whatissmartbus .wpb_content_element{margin-bottom: 0px;}
        .sb_inner_card {
            padding-bottom: 0px !important;
            margin-bottom: 24px !important; 
        }
        .BenefitsListingOuter .vc_tta-container{margin-bottom: 0px;}
        .page-template-landing-page-v5 .faqSubTiitle{ padding-bottom:10px !important; }
        .uffizio_box_outer_main .owl-item{
        margin-left: 10px;
        }
        .smartbusSolutionInnerTitle p{padding-bottom: 0px !important}
        .CanDriveSuccess h4.vc_custom_heading{padding-top: 16px !important}
        .CanDriveSuccess img{max-width: 26px !important;height: 26px !important}
    p.vc_custom_heading {
        font-size: 14px !important;
        line-height: 20px;
        font-weight: 300;
    }

    h2.vc_custom_heading {
        margin-bottom: 12px !important;
    }
        .faqOuter .card-header button::after {

            background-size: 22px 22px;
        }
        p.rettingsectionHeading{font-size: 18px !important; font-weight: 700}
/*.WhatUffizio3Box .uf_card .vc_column-inner{margin-left: 0px !important}*/
.WhatUffizio3Box .wpb_column .vc_column-inner > .wpb_wrapper{margin-left: 0px;}
.homepageProductListingv5,.threeBlogListing{padding-top: 0px !important}
.ladingPageBanner5-feature-inner {
/*    height: 610px;*/
    height: 700px;
    


}
 .ladingPageBanner5-feature .container {

        padding-left: 24px !important;
        padding-right: 24px !important;

        }
    .ladingPageBanner5text-feture {
            width: 285px;
            padding-top:115px;
    }
    .ladingPageBanner5text-feture p{
        font-size: 12px !important;
        font-weight: normal;
        line-height: 130%;
        padding-bottom: 15px;
        margin-bottom: 0px;
    }
    .sb_cta{
        margin-top: 0px;
        line-height: 24px;
        height: auto;
        padding: 5px !important;
    }
    .ladingPageBanner5BigImg-feature{
        text-align: center;
        margin: 0 auto;
/*                transform: translate(0%, 20%);*/


    }
    img.big_img{
/*        max-width: 245px;*/
    max-width: 100%;
/*    padding-top: 34px;*/


    }

.page-template-landing-page-v5-feature h2.vc_custom_heading {
    margin-bottom: 12px !important;
    line-height: 34px;
}
.page-template-landing-page-v5-feature p{
    font-size: 14px !important;
    font-family: "Inter", serif;
    font-weight: 300;
    line-height: 155%;
}
.keep_your_school .vc_column-inner {
    padding: 0px 15px !important;
}
.keep_your_school p{
    padding-bottom: 12px;
    padding-top: 24px;
}
.sb_cta2{
    margin:10px 0 0 0;
    font-family: "Inter",serif;
    font-size: 16px;
}
.card_outer .wpb_content_element:nth-child(1) {
    margin-bottom: 15px !important;
}
.card_outer h4{
    font-size: 20px;
   
    line-height: 100%;

}
#features_section ul li{
    font-size: 14px;
    line-height: 140%;

}
.schedule_demo_btn button{
   font-family: "Inter",serif;
       padding: 8px !important;


}
.schedule_demo_btn:first-child{
    text-align: right;float: right;
}
.schedule_demo_btn{margin-bottom: 0px !important;}
.faqOuter  > .wpb_row > .wpb_column > .vc_column-inner{

padding-left:0px;

}
.faqOuter p{
    padding-bottom: 12px;
}

.feature2{
    padding-top: 20px;
}
.uf_row2{
    padding-top:0px !important ;
}
#combined-slider{
    margin-top: -30px;
}
.threeBlogListing .blog-items a h4{ font-size:17px !important; }
}





  .single_author_meta{
    column-gap: 50px;
    align-items: center;
    background-color: #2bd1ff20;
    padding: 50px 16%;
    flex-direction: row;
    align-items: flex-start;
    min-height: 500px;
}
.resource-detail-grid .resource-content-type {
    
    padding-bottom: 8%;
}
.single_author_meta img {
    border-radius: 10px;
    max-width: 600px !important;
    
    height: 338px !important;
    object-fit: cover;
}
.single_author_meta2
{
display: table;
    border-spacing: 5px;
align-items: center;
}

.single_author_meta2 div {
    display: table-cell;
    font-size: 15px;
    color: #292d34 !important;
}
.social-icons {
    display: flex
;
    padding-top: 5%;
    gap: 15px;
    /* justify-content: center; */
    align-items: center;
}
.a2a_kit a img {
    height: auto !important;
}
.single_post_title {
    font-size: 34px;
/*    font-weight: bold;*/
    line-height: 50px;
}

.author-nickname::before {
    content: "";
    background: url(../images/author_icon.svg) no-repeat center center;
    width: 17px;
    height: 13px;
    display: inline-block;
    margin-right: 5px;
}
.single_author_meta2 div {
    display: table-cell;
    font-size: 15px;
    color: #292d34 !important;
}

.meta_mid_col {
    line-height: 20px;
     PADDING: 0 25PX; 
    border-left: 1PX SOLID #0085ff;
    border-right: 1PX SOLID #0085ff;
}
.addtoany_list a, .addtoany_list a:hover {
    border-radius: 50px;
    margin-right: 15px;
    padding: 15px;
    display: flex;
    border: 0px !important;
    align-items: center;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.visitor-counter .visitor-label {
    font-size: 16px;
    color: #0085FF;
    margin-right: 5px;
}



.resource-grid {
    /* padding: 0 16%; */
}


.resource-detail-grid {
    grid-template-columns: 1fr;
}

.postContent img {
/*    max-width: 650px;*/
    object-fit: contain;
    display: block;
    margin: 20px 0 !important;
}

.addtoany_list a:hover {
    transform: scale(1.1);
}

.addtoany_list a:hover img, .addtoany_list a:hover span {
    opacity: 1;
}

.single_author_meta2 div {
    display: table-cell;
    font-size: 15px;
    color: #292d34 !important;
}
.single_author_meta2 {
    flex-direction: row;
    /* column-gap: 30px; */
    /* display: grid
; */
    /* align-items: center; */
    /* grid-template-columns: 1fr 1fr 1fr; */
    display: table;
    border-spacing: 5px;
}

/*body.single::before{
    content: "";
    position: fixed;  
    top: 0;
    left: 0;
    width: 100vw;  
    height: 100vh; 
    z-index: -2;  
    overflow: hidden;
    
    
    background-image: conic-gradient(
        from 45deg at 50% 12%, 
        var(--conic-1, #eb3dae), 
        var(--conic-2, #f7ce51), 
        var(--conic-2, #f7ce51), 
        var(--conic-3, #5bc5fa), 
        var(--conic-3, #5bc5fa), 
        var(--conic-4, #7b42d1),
        var(--conic-4, #7b42d1),
        var(--conic-1, #eb3dae)
    );
    
    
    backdrop-filter: blur(150px);
    -webkit-backdrop-filter: blur(150px);
    
    opacity: var(--conic-opacity, 0.1);
    will-change: transform;
}*/




.main__decoration {
        border-radius: 50%;
    -webkit-filter: blur(150px);
    filter: blur(150px);
    /* height: 1140px; */
/*    overflow: hidden;*/
    position: absolute;
    right: 0;
    top: -360px;
    /* width: 1140px; */
    height: 100%;
    width: 100%;
    z-index: -2;
}

.main__decoration:after {
    background-image: conic-gradient(from 45deg at 50% 50%, var(--conic-1, #eb3dae), var(--conic-2, #f7ce51), var(--conic-2, #f7ce51), var(--conic-3, #5bc5fa), var(--conic-3, #5bc5fa), var(--conic-4, #7b42d1), var(--conic-4, #7b42d1), var(--conic-1, #eb3dae));
    border-radius: 50%;
    content: "";
    display: block;
    height: 1140px;
    opacity: var(--conic-opacity, .7);
    overflow: hidden;
    -webkit-transform: rotate(var(--conic-rotate, 0deg));
    transform: rotate(var(--conic-rotate, 0deg));
    width: 1140px;
    will-change: transform;
    --conic-opacity: .3;
}

.singleOuter{
    padding: 57px 0 80px 0;
}
.addtoany_list a img{border-radius: 0px !important}

@media only screen and (max-width: 768px) {
    .single_author_meta {
        flex-direction: column;
        row-gap: 30px;
        padding: 20px 20px 50px;
    }
}

@media (min-width: 200px) and (max-width: 767px) {
    .resource-content-data article {
        padding-top: 20px;
    }
        .resource-content-data-items-box, .cate-name, .resource-content-type, .resource-content-data article {
        padding: 0 10px;
    }
    .resource-grid{padding: 0 10px !important;}
}
@media only screen and (max-width: 430px) {
    .archive .resource-grid{display: block;}
    .newsletter-signup__title{
        font-size: 25px !important;
    }
    .single .newsletter-signup.container,.bottom__newsletter-signup{
        padding: 0 24px !important;
        max-width: 100%;
    }
        .newsletter-signup__header {
        display: block !important;
    }
    .newsletter-signup__title {
    width: 100% !important;
    text-align: center;
}
    .meta_mid_col {
        border: 0px;
        padding: 0px;
    }
    .single_author_meta img 
        {
        max-width: 100% !important;
        height: auto !important;
        max-height: 350px !important;

    }
    .postContent img {max-width: 350px !important}
    .single_post_title {
    font-size: 24px;
/*    font-weight: bold;*/
    line-height: 30px;
}
.main__decoration:after{height: 390px !important;width: 390px !important;}
.single .postContent figure, .single .postContent img {
    max-width: 100%;
    margin: 0 auto !important;
}
}
.entry-content-single:first-child{margin-top:30px !important;}

/*body.single::before{
    content: "";
    position: fixed;  
    top: 0;
    left: 0;
    width: 100vw;  
    height: 100vh; 
    z-index: -2;  
    overflow: hidden;
    
    
    background-image: conic-gradient(
        from 45deg at 30% 12%, 
        var(--conic-1, #eb3dae), 
        var(--conic-2, #f7ce51), 
        var(--conic-2, #f7ce51), 
        var(--conic-3, #5bc5fa), 
        var(--conic-3, #5bc5fa), 
        var(--conic-4, #7b42d1),
        var(--conic-4, #7b42d1),
        var(--conic-1, #eb3dae)
    );
    
    
    backdrop-filter: blur(150px);
    -webkit-backdrop-filter: blur(150px);
    
    opacity: var(--conic-opacity, 0.1);
    will-change: transform;
}*/
.recentpostTitle {
        font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    margin: 15px 0 20px;
}
.recetPost{display: inline-block;}
.Imgthumb img{
    max-width: 100%;
}
.read-more-blog::before,.read-more-blog::after{color: black;}
.boxLink .blog-content p{display: none;}
.boxLink .blog-content{ top:47%;    background: #fff; }


.newsletter-signup__wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-padding-before: 60px;
    -webkit-padding-after: 60px;
    -webkit-padding-start: 60px;
    -webkit-padding-end: 60px;
    align-items: center;
    border-radius: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(0 20px 60px rgba(16, 30, 54, .1));
    filter: drop-shadow(0 20px 60px rgba(16, 30, 54, .1));
    justify-content: space-between;
    overflow: hidden;
    padding-block-end: 60px;
    padding-block-start: 60px;
    padding-inline-end: 60px;
    padding-inline-start: 60px;
    margin-bottom: 50px;
}

.bg-pattern:before {
    background: #fff url(https://backup.uffizio.com/wp-content/uploads/2025/02/bg-pattern.27f96f9d-1.png) 0 0 repeat;
    background-size: 214px 428px;
    height: 400%;
    left: -50%;
    opacity: .7;
    top: -100%;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    width: 200%;
    z-index: -1;
}

.bg-pattern:before {
    border-radius: 9px;
    content: "";
    display: block;
    position: absolute;
}

.newsletter-signup__title {
    width: 50%;
}
.newsletter-signup__header {
    display: flex;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.newsletter-signup__header .stayOuter {
    border: 1px solid #e0e0e1;
        display: flex;
    padding: 0;
}
.stayOuter{margin-top: 20px !important}
.bloglisting {
    margin-bottom: 5%;
}

.archive .resource-grid{padding: 0px;}
.innerpageOuter{padding-top: 0px}