.container {
    max-width: 1360px;
    position: relative;
    
}
.category-blog .resource-grid, .category-ebooks .resource-grid, 
.single.category-leaflet .resource-grid, .single.category-whats-new .resource-grid, .single.category-uffitalks .resource-grid{
        padding: 0 16%;
}

.single.category-whats-new .resource-grid, .single.category-uffitalks .resource-grid {
    padding-top: 2%;
}
.hardwareText { width: 1012px; margin: auto;}
    
    #slider-2-slide-3-layer-10 img { width: 902px !important; height: 492px !important;}
#slider-2-slide-5-layer-14 img { width: 901px !important; height: 495px !important;}

    .numberClm4 {
        padding: 0 100px;
    }

    .numberClm3 {
        padding: 0 132px;
    }

    .firstCouter {
        padding-left: 50px;
    }

    .firstCouter-2 {
        padding-left: 90px;
    }

    #mega-menu-wrap-primary {
        background: none;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.widget_custom_html {
        padding: 0 31px 0 0 !important;
        color: #32325d !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row li.widget_custom_html {
        padding: 0 0 0 0 !important;
    }

    li.mega-menu-row>ul.mega-sub-menu {
        margin: -15px -20px !important;
    }

    li.mega-menu-row ul.mega-sub-menu li {
        padding: 0 10px !important;
    }

    li.mega-mobileMenu {
/*        display: none !important;*/
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item {
        color: #32325d !important;
        opacity: 1 !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item {
        opacity: 0.8;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 24px 15px;
        line-height: 20px !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
        font-weight: 800;
        font-size: 14px;
        background: none;
        line-height: normal;
        height: auto;
        transform: scale(1, 1.1);
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.pricingMenu.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.pricingMenu.mega-menu-item>a.mega-menu-link:hover,
    #mega-menu-wrap-primary #mega-menu-primary>li.pricingMenu.mega-menu-item>a.mega-menu-link:focus,
    #mega-menu-wrap-primary #mega-menu-primary>li.pricingMenu.mega-menu-item.mega-toggle-on>a.mega-menu-link {
        font-size: 12px !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {
        background: rgba(255, 255, 255, 0.2) !important;
        border-radius: 100px;
        padding: 5px 22px 4px 22px !important;
        margin-top: 5px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-transform: uppercase;
        margin-left: 15px;
        font-size: 14px;
        transform: scale(1, 1.1);
    }

    #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu:hover a {
        font-size: 12px !important;
    }



   
    .page-template-homepage-v3_withslider #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    .single #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    .header_style_light #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    .page-template-header-black #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        color: #000;
    }
    

    .light #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {
        background-color: #d9e6f2 !important;
    }

    .purple #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link,
 



 


 

    .api-integration-row .vc_col-sm-4 {
        width: 41.66666667%;
    }

    .api-integration-row .vc_col-sm-8 {
        width: 58.33333333%;
    }

    /* Feature List css */
    .uc-product-feature-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        padding-bottom: 130px;
        padding-top: 70px;
    }

    .resource-content-email-subscribe {
        grid-row: 2;
        grid-column: 1;
    }

    .resource-content-type {
        grid-row: 1;
        grid-column: 1;
    }

    .resource-content-data {
        grid-row: 1/ span 2;
        grid-column: 2;
    }

    .normalContentPage {
        margin: 0 -30px;
    }

    .videosection .maskContent {
        padding-right: 0px !important;
    }

    .whychooseImgTire img {
        height: 300px !important;
        max-width: inherit !important;
    }

    .bottomForm input[type=submit],
    .openformRight input[type=submit] {
        margin: 10px 0 0 0;
    }

    .bigcolom {
        width: 22%;
    }

    .smallColom {
        width: 18%;
    }

    .whychooseusLanding p.vc_custom_heading {
        padding: 0 180px;
    }

    .youtube-video-place {
        width: 622px;
        height: 344px;
    }

    .mobileViewTag {
        display: none;
    }

    .landingVideoSectionLeft {
        width: 44%;
    }

    .landingVideoSectionRight {
        width: 56%;
    }

    .landingVideoSectionLeft .vc_toggle {
        width: 443px;
    }

    .LandingPageheaderBtn a.vc_general,
    .page-template-landing-page a.vc_general,
    .page-template-landing-page a.blueBtn,
    .landingVideoSection a.YellowBtn {
        font-size: 16px !important;
        width: 250px !important;
    }

    .page-template-landing-page .btnOuter .wpb_wrapper {
        display: flex;
        align-items: center;
    }

    .LandingPageheaderBtn a.vc_general {
        margin: 0px;
        padding: 8px 0px !important;
    }


html {
    scroll-behavior: smooth;
}

ul,
li,
body,
html {
    font-family: "Inter", serif;
    font-size: 17px;
}

body {
    /* overflow-x: hidden; */
    padding: 0;
    margin: 0;
}
.featureAccodian .vc_tta-panel-heading .vc_tta-panel-title a:after, .vc_active .vc_tta-panel-title::before, .b-item, 
img, 
.videopoup01::after, .videopoup01::before, 
a.vc_general::after,
a.vc_general::before,
a,
.headerOuter,
.becomePartner .wpb_wrapper,
.findPartner .wpb_wrapper,
.blog-items,
.normalBtn::before,
.normalBtn2 a::before,
.readmorebtn::before,
.bluebtn2::before,
.read-more::after,
.read-more::after,
button,
button::after,
button::before,
.blueBtn a::before,
.blog-info a::after,
.blog-info a::before,
.hs-button, 
.whiteBox a,
.sliderBtn::before,
.blueBox .wpb_wrapper strong::after,
.blueBox .wpb_wrapper strong::before,
.thumb img,
.read-more::after,
.read-more::before,
.read-more-blog::after,
.read-more-blog::before,
.resource-content-data-view-all a::before,
.rightForm, 
.resource-content-data-view-all a::after,
a.blueBtn::before,
.customeUrl a:after,
.customeUrl a:before,
.uc-gps-tracker-category-item,
span.lightBlueBtn, 
.headerBox span.featurebannerbtn, 
.industriesSubMenu, .homesliderBtn span, .homesliderBtn a, 
.planBtnOuter, .homepageProductListing_new .wpb_column > .vc_column-inner > .wpb_wrapper, .vc_tta-tabs-list li,

.homepageProductListingv5 .wpb_column .vc_column-inner > .wpb_wrapper,
.iconListOuter .iconList
{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blueBox .wpb_wrapper a:after,
.blueBox .wpb_wrapper a:before,
.blueBox .wpb_wrapper,
.blueBox .wpb_wrappe a,
.blog-items::after,
.blog-items,
.blog-content {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.orangetheme .headerOuter.sticky #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link,
.orangetheme .vc_general.vc_btn3,
.orangetheme input[type="submit"] {
    background-color: #f0932b !important;
}

.bluetheme .headerOuter.sticky #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link,
.bluetheme .vc_general.vc_btn3,
.bluetheme input[type="submit"] {
    background: #004059 !important;
   
}
.bluetheme .vc_general.vc_btn3:hover { opacity: 0.7; background: #004059 !important;}

.bluetheme .openformOuter   input[type="submit"]{ height: 42px;
    line-height: 27px !important;
    border-radius:3px !important ;
    -webkit-border-radius:3px !important ;
    -moz-border-radius:3px !important ;
    -ms-border-radius:3px !important ;
    -o-border-radius:3px !important ;
}
.page-template-landing-page .yellowBtn a.vc_general  {text-transform: capitalize !important; padding: 8px 16px 8px 16px !important; height: 42px; line-height: 27px !important; }
.page-template-landing-page .yellowBtn a.vc_general::before , .page-template-landing-page .yellowBtn a.vc_general::after{ display: none !important;} 

.redtheme .headerOuter.sticky #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link,
.redtheme .vc_general.vc_btn3,
.redtheme input[type="submit"] {
    background-color: red !important;
}

.purpletheme .headerOuter.sticky #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link,
.purpletheme .vc_general.vc_btn3,
.purpletheme input[type="submit"],
.purpletheme .headerOuter #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {
    background-color: #6200ee !important;
}

.purplethemeLight .headerOuter.sticky #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link,
.purplethemeLight .vc_general.vc_btn3,
.purplethemeLight input[type="submit"],
.purplethemeLight .headerOuter #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {
    background-color: #635bff !important;
}

.greentheme .headerOuter.sticky #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link,
.greentheme .vc_general.vc_btn3,
.greentheme input[type="submit"],
.greentheme .headerOuter #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {
    background-color: #1dcb5d !important;
}

.videobox-overlay:after {
    position: absolute;
    content: " ";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
}







.logo,
.logo-black {
    padding: 13px 0;
}




.logoImg img {
    height: 35px;
    width: 225px;
}


ul.mega-sub-menu>li.mega-menu-item {
    padding: 0px 5px 0px 0px !important;
}

.custom-html-widget {
    font-size: 14px !important;
    letter-spacing: 0.5px;
/*    padding-top: 4px;*/
/*    padding-bottom: 20px;*/
    color: #69698e;
}

li.mega-menu-column .custom-html-widget {
    padding-bottom: 0px;
}

.homesection01,
.innerpageHeaderBasic {
    z-index: 1000;
    position: relative;
    padding-top: 216px;
    padding-left: 15px;
}

.homesection01 h1,
.innerpageHeaderBasic h1 {
    font-size: 55px;
    color: #fff;
    font-weight: 900;
    line-height: 1.1;
}

.uc-home-page-main-header-subcontent strong {
    font-size: 20px;
    line-height: 1.4;
    color: #32325d
}

.section01Content {
    padding: 32px 0 0 0;
}

.videoPopup .modal-dialog {
    max-width: 900px !important;
}

.videoPopup .modal-body {
    background: none !important;
    padding: 0 !important;
}

.videoPopup .modal-body p {
    margin: 0px !important;
}

.videoPopup .modal-content {
    background: none !important;
    border: none !important;
}

.videoPopup .modal-header {
    border: none !important;
}

.videoPopup button.close {
    background: none !important;
    opacity: 1 !important;
}

button.close span {
    color: #fff !important;
    text-shadow: none !important;
}

button.close:focus {
    outline: none !important;
}

.modal {
    z-index: 16000;
}

.modal-backdrop {
    z-index: 15999;
}

.modal-backdrop.show {
    opacity: 0.6;
}

.leftToRight {
    animation: run ease 3s;
    -webkit-animation: run ease 3s;
    -moz-animation: run ease 3s;
    -o-animation: run ease 3s;
    -ms-animation: run ease 3s;
}

@keyframes run {
    0% {
        margin-left: -98%;
    }

    100% {
        margin-left: 0%;
    }
}

@-moz-keyframes run {
    0% {
        margin-left: -98%;
    }

    100% {
        margin-left: 0%;
    }
}

@-webkit-keyframes run {
    0% {
        margin-left: -98%;
    }

    100% {
        margin-left: 0%;
    }
}

@-o-keyframes run {
    0% {
        margin-left: -98%;
    }

    100% {
        margin-left: 0%;
    }
}

@-ms-keyframes run {
    0% {
        margin-left: -98%;
    }

    100% {
        margin-left: 0%;
    }
}


/*Css float aniimation, left to right.*/

@keyframes left_to_right {
    to {
        margin-left: 0px;
        opacity: 1;
    }

    from {
        margin-left: -50px;
        opacity: 0;
    }
}

@keyframes right_to_left {
    to {
        margin-right: 0px;
        opacity: 1;
    }

    from {
        margin-right: -50px;
        opacity: 0;
    }
}

.bannerImg01 {
    position: absolute;
    top: -36px;
    left: 41px;
    opacity: 0;
    width: 230px;
    animation: left_to_right 2s normal;
    animation-duration: 2s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    /* animation-delay : 1s; */
}

.pa {
    position: absolute;
}

.bannerImg02 img {
    width: 172px !important;
    max-height: calc(100% + 188px) !important;
}

.bannerImg02 {
    position: absolute;
    top: -96px;
    right: 60px;
    opacity: 0;
    /* max-width       : 172px; */
    animation: right_to_left 2s normal;
    animation-duration: 2s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    /* animation-delay : 1s; */
}

.uh-img-center {
    box-shadow: 27.1px 62.5px 100px rgb(50 50 93 / 40%);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    animation: D ease-in-out 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    max-height: 100%;
    max-width: 100%;
}



button.blueBtn,
input.hs-button {
    background-color: #004059   !important;
    border-radius: 3px;
    color: #fff !important;
    border: none !important;
    padding: 6px 30px 6px 12px;
    margin-right: 25px;
    position: relative;
    font-size: 15px;
    border: none !important;
    line-height: 25px;
    outline: none;
}

input.hs-button {
    padding-right: 22px !important;
    padding-left: 22px !important;
    /* padding-right: 12px !important; */
}

button.videoBtn {
    background: url(../images/btnarrow.png) no-repeat 7px 7px;
    padding: 7px 32px 7px 40px;
    font-size: 15px;
    font-weight: 700;
    position: relative;
}

button.videoBtn::before {
    position: absolute;
    right: 18px;
    top: 8px;
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    opacity: 0;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}

.sliderBtn {
    color: #fff;
    line-height: 15px;
    font-size: 16px;
    font-weight: 800;
    position: relative;
}

.sliderBtn:hover,
.sliderBtn:focus {
    color: #fff;
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
}

.sliderBtnOuter {
    padding-top: 15px;
}

.sliderBtn::before,
.sliderBtn::after {
    position: absolute;
    right: -13px;
    top: 4px;
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    opacity: 1;
    display: inline-block;
    text-align: center;
}

.sliderBtn::before,
.read-more-blog::before {
    opacity: 0;
}

.sliderBtn:hover::before {
    opacity: 1;
    right: -20px;
}

button.videoBtn:hover::before {
    right: 12px;
    opacity: 1;
}

button.videoBtn::after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    padding-top: 1px;
    position: absolute;
    right: 18px;
}

button.blueBtn:hover,
button.blueBtn:focus {
    border: none !important;
    outline: none;
    background-color: #2f2faf !important;
}

.normalBtn {
    color: #1a59e5;
    font-weight: 700;
    font-size: 15px;
    position: relative;
}

.normalBtn::after,
.normalBtn::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #1a59e5;
    padding-top: 2px;
    top: -1px;
    right: -15px;
    position: absolute;
}

.normalBtn:hover::after {
    color: #0a2540;
}

.normalBtn:hover::before {
    right: -20px;
    opacity: 1;
    color: #0a2540;
}

.normalBtn:hover {
    text-decoration: none;
    color: #0a2540;
}

.platform-highlights {
    padding: 96px 0 35px 0;
    margin-top: 100px;
}


h2.vc_custom_heading.white {
    color: #fff;
}

.platform-highlights-slider {
    padding: 41px 0 0 0;
    display: flex;
    align-items: center;
}

p,
.vc_toggle_content ul li,
ol li {
/*    color: #32325d;*/
color: #484848;
    font-size: 16px;
/*    line-height: 30px;*/
    line-height: 150%;
}

.vc_toggle_content p {
    margin-bottom: 0 !important;
}

.vc_toggle_content {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

h3.vc_custom_heading {
    font-size: 24px;
    font-weight: 700;
}

.nav-tabs .nav-link.active {
    border: solid 1px #dee2e6;
}

.nav-tabs {
    margin-bottom: 25px;
    border: none;
    display: flex;
    justify-content: center;
    color: #000;
}

.nav-tabs .nav-link {
    border-radius: 4px;
    font-size: 14px;
    margin-right: 15px;
}

.tab-pane {
    -webkit-box-shadow: 0 0 4px 2px #D1D1D1;
    box-shadow: 0 0 4px 2px #D1D1D1;
    border-radius: 10px;
    background-color: #fff;
    padding: 5px 15px 5px 0px;
}

.tab-pane img {
    max-width: 100% !important;
}

.api-img-container:before {
    background: 0 0/8px 8px #fff radial-gradient(rgba(203, 214, 224, .35) 18.75%, transparent 0);
    position: absolute;
    content: " ";
    z-index: 0;
    display: block;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.api-img-box:first-of-type {
    width: 40%;
}

.api-img-container {
    display: flex;
    display: -webkit-flex;
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    padding-left: 25px;
    position: relative;
    overflow: hidden;
}

pre[class*=language-].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: line;
}

.api-cloud-box {
    height: 80%;
    width: 100%;
    display: flex;
    margin: auto;
}

.api-img-ani-box {
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    flex: 1;
}

.api-img-ani-item {
    align-items: center;
    display: flex;
}

.api-img-ani-box {
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    flex: 1;
}

.api-img-ani-item1 {
    flex: 1;
    position: relative;
}

.api-img-box:nth-of-type(2) {
    width: 60%;
}

.api-img-container pre[class*=language-json] {
    background: #0b2e4e;
    overflow: hidden;
    font-size: 14px;
    border: 0;
    margin: 0;
}

pre[class*=language-].line-numbers>code {
    position: relative;
    white-space: inherit;
}

code[class*=language-],
pre[class*=language-] {
    color: #fff;
    background: none;
    text-shadow: 0 -0.1em 0.2em #000;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.token.namespace,
.token.punctuation {
    opacity: .7;
}

.api-img-container pre[class*=language-json] .token.property {
    color: #6ca7ff;
}

.api-img-ani-arrow.arrow-left-right {
    position: absolute;
    z-index: 0;
    width: calc(100% + 14px);
    height: 8px !important;
}

.api-img-ani-arrow {
    display: block;
    height: 8px;
    background: #f2c080;
    -webkit-mask-image: url(../images/arrow.svg);
    mask-image: url(../images/arrow.svg);
    animation: F .5s linear infinite;
    width: 100%;
}

.api-img-ani-box,
.api-img-box.api-img-animation {
    display: flex !important;
}

@keyframes F {
    to {
        -webkit-mask-position: 11px 0;
        mask-position: 11px 0
    }
}

.api-img-ani-item1.arrow-top-center .api-img-ani-arrow {
    position: absolute;
    left: 20px;
    width: 8px;
    bottom: 0;
    height: calc(100% - 20px);
    -webkit-mask-image: url(../images/arrow-down.svg);
    mask-image: url(../images/arrow-down.svg);
    animation: G .5s linear infinite;
}

@keyframes G {
    to {
        -webkit-mask-position: 0 11px;
        mask-position: 0 11px
    }
}

@keyframes H {
    to {
        -webkit-mask-position: 0 -11px;
        mask-position: 0 -11px
    }
}

.api-img-ani-item1.arrow-bottom-center .api-img-ani-arrow {
    position: absolute;
    left: 20px;
    width: 8px;
    top: 0;
    height: calc(100% - 20px);
    -webkit-mask-image: url(../images/arrow-top.svg);
    mask-image: url(../images/arrow-top.svg);
    animation: H .5s linear infinite;
}

.no-fixed-max-width-silder {
    max-width: 100% !important;
    width: auto !important;
    z-index: 1;
}

.uc-section__backgroundMask {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 500;
}

.uc-section__background {
    /* position: relative; */
    height: 100%;
    /* max-height   : var(--sectionAngleMaxHeight); */
    width: 100%;
    top: 0;
    left: 0;
    transform-origin: 100% 0;
    /* transform    : skewY(-6deg) translateY(var(--sectionTranslateY, 0)); */
    background: var(--backgroundColor);
    overflow: var(--sectionBGOverflow, hidden);
}

.uc-section-divider-aliceBlueDark {
    background: #d0dce8;
}

.uc-section-divider-white {
    background: #fff;
}

.uc-section-dividerTop {
    top: -70px;
}

.uc-section-divider {
    position: absolute;
    content: " ";
    left: 0;
    right: -20px;
    height: 34px;
    clip-path: polygon(0 0, 0 100%, 100% 0);
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
}

h4.vc_custom_heading {
    color: #1a59e5;
    font-weight: 800;
    font-size: 32px;
}

a.vc_general,
.blueBtn a,
a.blueBtn {
    background: #1a59e5 !important;
    border-radius: 30px !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 33px 8px 16px !important;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 25px;
}

a.blueBtn.pink,
a.blueBtn.pink:hover {
    background: #EF4F8D !important;
}

a.normalBtn.green,
a.normalBtn.green::before,
a.normalBtn.green::after {
    color: #24b47e;
}

a.blueBtn.yellow,
a.blueBtn.yellow:hover {
    background: #FCC21D !important;
    color: #444 !important;
}

a.blueBtn.yellow::before,
a.blueBtn.yellow::after {
    color: #444 !important;
}

a.normalBtn.pink,
a.normalBtn.pink::before,
a.normalBtn.pink::after {
    color: #EF4F8D;
}

a.normalBtn.yellow,
a.normalBtn.yellow::before,
a.normalBtn.yellow::after {
    color: #FCC21D;
}

.blueBtn a::after {
    position: absolute;
    top: 9px;
    right: 18px;
}

a.blueBtn::after,
a.blueBtn::before {
    position: absolute;
}

a.blueBtn::before {
    opacity: 0;
}

a.blueBtn:hover::before {
    opacity: 1;
    right: 12px;
}

.blueBtn a::before {
    position: absolute;
    top: 9px;
    opacity: 0;
    right: 18px;
}

.blueBtn a:hover::before,
a.blueBtn:hover::before {
    right: 12px;
    opacity: 1;
}

.blueBtn a:hover,
a.blueBtn:hover {
    background-color: #2f2faf !important;
}

a.blueBtn {
    display: inline;
}

.blueBtn a::after,
.blueBtn a::before,
a.blueBtn::after,
a.blueBtn::before,
.readmorebtn::after,
.readmorebtn::before,
.bluebtn2::after,
.bluebtn2::before,
.blueBox .wpb_wrapper strong::after,
.blueBox .wpb_wrapper strong::before,
.read-more::after,
.read-more::before,
.read-more-blog::after,
.read-more-blog::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: 18px;
}


/* btn General */

a.vc_general::after,
a.vc_general::before,
.videopoup01::after, .videopoup01::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: 15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup01::after,
.videopoup01::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup01::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup01:hover::before {
    opacity: 1;
    right: 9px;
}

/* homepage with new color */

a.vc_general::after,
a.vc_general::before,
.videopoup00::after, .videopoup00::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #2765D8;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: -15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup00::after,
.videopoup00::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup00::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup00:hover::before {
    opacity: 1;
    right: -24px;
}


/* End btn General */

.smallbtn a.vc_general {
    padding: 2px 30px 2px 14px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    line-height: 20px !important;
}

.btnPurple a.vc_general {
    background-color: #73f !important;
}

.btnGreen a.vc_general,
a.btnGreen {
    background-color: #24B47E !important;
}

.btnDarkGreen a.vc_general,
a.btnDarkGreen {
    background-color: #0bb649 !important;
}

.btnDarkGreen a.vc_general,
a.btnDarkGreen {
    background-color: #0bb649 !important;
}

.btnGreen a.vc_general:hover {
    background-color: #0063FF !important;
}

.read-more-blog::after,
.read-more-blog::before {
    color: #000 !important;
}

.readmorebtn::after,
.readmorebtn::before {
    position: absolute;
    right: -3px;
    top: -1.5px;
}

.normalBtn2 a {
    color: #1a59e5 !important;
    background: none !important;
    border: none !important;
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: bold;
    padding: 9px 15px 0 0 !important;
    position: relative;
    /* align-items    : center; */
    /* justify-content: center; */
}

.normalBtn2,
a:hover,
.normalBtn2,
a:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.nav-item a:hover,
.nav-item a:focus {
    outline: none !important;
    border: solid 1px transparent !important;
    box-shadow: none !important;
}

.normalBtn2 a::after,
.normalBtn2 a::before,
.resource-content-data-view-all a::before,
.resource-content-data-view-all a::after {
    position: absolute;
    right: 0;
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #1a59e5;
    padding-left: 10px;
    top: 11px;
}

.normalBtn2 a:hover::after,
.normalBtn2 a:hover::before,
.normalBtn2 a:hover {
    color: #0a2540 !important;
}

.normalBtn2 a:hover::before {
    right: -5px;
    opacity: 1;
}

.bottompadding {
    padding-bottom: 60px;
}

.pettern .vc_column-inner {
    padding: 0;
}

.InternationalOuter h5 {
    color: #4cd3ff !important;
    font-size: 21px;
}

.InternationalOuter h2 {
    color: #fff;
    font-size: 36px;
}

.InternationalOuter p {
    color: #adbdcc;
}

.UCRoot *,
.UCRoot :after,
.UCRoot :before {
    box-sizing: border-box;
}

.trusted-compies {
    background-size: auto 80%;
    background-position: 50%;
    position: absolute;
    right: -100px;
    top: 0;
    /* transform       : skewY(6deg); */
}

.trusted-compies-bg-box {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 0;
}

.trusted-compies-bg {
    display: inline-block;
    position: relative;
    margin-bottom: 25px;
}

.map-point {
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    animation-name: y;
    animation-duration: 1.5s;
    animation-timing-function: easy;
    animation-iteration-count: infinite;
}
.newCounter  .map-point { animation-name:x ;}


@keyframes x {
    0% {
        background-color: #5AE5DD;
        transform-origin: 50% 50%;
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(7);
        opacity: 1
    }
}

@keyframes y {
    0% {
        background-color: #3383ff;
        transform-origin: 50% 50%;
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(7);
        opacity: 1
    }
}

.InternationalContent.maskContent {
    padding-right: 650px;
}

.InternationalContent strong,
.InternationalContent {
    color: #fff;
}

.InternationalContent strong {
    font-weight: 800px;
}

.InternationalContent p,
.collaboratewithus p {
    color: #9daac7;
}

.InternationalContent h2.vc_custom_heading,
.collaboratewithus h2.vc_custom_heading {
    color: #fff;
    padding: 15px 0;
    line-height: 1.1;
    letter-spacing: .5px;
}

.funfact-outer {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.funfact-icon {
    padding-right: 15px;
    font-size: 50px;
    color: #1a59e5;
}

.counter-count {
    font-size: 25px;
    font-weight: 600;
}

.funfact-project {
    color: #ffffff;
}
@media (min-width: 767px){
    .feature_img_mobile{
        display: none;

}
}
.whiteBox {
    box-shadow: 0 5px 10px -3px rgb(50 50 93 / 25%), 0 9px 18px -9px rgb(0 0 0 / 30%), 0 -12px 36px -8px rgb(0 0 0 / 7%);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    margin-bottom: 34px;
    height: 90%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.whiteBox a,
.whiteBox a:hover,
.whiteBox a:hover img,
.whiteBox a:focus img,
.whiteBox a:focus {
    text-decoration: none !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    text-underline-offset: 0px !important;
    background-color: none !important;
}

.pageImg {
    text-align: right;
    position: relative;
    min-height: 162px;
}

.pageImgSmall {
    position: absolute;
    bottom: 10px;
}

.uh-feaure-heading {
    font-weight: 700;
    font-size: 16px;
    padding: 12px 0 5px 0;
}

.uh-feaure-heading a {
    color: #3d4952;
}

.uh-feaure-heading a:hover {
    text-decoration: none;
}

.parent-page p {
    font-size: 16px;
    line-height: 22px;
    color: #425466;
}

.readmorebtn {
    font-weight: 700;
    /* margin-top: 15px; */
    color: #1a59e5;
    font-size: 15px;
    padding: 0 10px 0 0;
    position: relative;
    width: 100%;
}

.readmorebtn::after,
.readmorebtn::before {
    color: #1a59e5;
}

.readmorebtn::before {
    left: 87%;
    opacity: 1;
}

.whiteBox a .uh-feaure-heading {
    color: #3d4952;
}

.whiteBox a:hover .readmorebtn::before {
    opacity: 1;
    left: 92%;
}

.readmorebtn:hover {
    text-decoration: none;
}

.childpageOuter {
    padding-top: 73px;
}

.featuresOuter {
    padding-top: 120px;
    padding-bottom: 70px;
}

.bluebtn2 {
    background-color: #1a59e5;
    color: #fff !important;
    padding: 5px 35px 5px 15px;
    border-radius: 16.5px;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    position: relative;
}

.bluebtn2:hover {
    background-color: #2f2faf;
}

.bluebtn2::after,
.bluebtn2::before {
    position: absolute;
    top: 4px;
    right: 20px;
}

.bluebtn2::before {
    opacity: 0;
}

.bluebtn2:hover::before {
    opacity: 1;
    right: 13px;
}

.bluebtn2:hover,
.bluebtn2:focus {
    text-decoration: none;
    color: #fff;
    background-color: #2f2faf;
}

.BtnOuter {
    display: flex;
    justify-content: center;
}

.calendly-overlay {
    z-index: 16000 !important;
}

h5.vc_custom_heading {
    color: #1a59e5;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px;
}


/* .owl-stage-outer {
padding: 80px 0;
} */

.imagesliderOuter {
    padding: 20px 30px 20px 0px;
}

.imagesliderOuter .vc_column-inner {
    padding: 0;
    /* box-shadow: 0 0 50px 10px #000000; */
    box-shadow: 10.1px 38.5px 125px -25px rgb(50 50 93 / 30%);
    border-radius: 10px;
}

.imagesliderOuter .owl-item {
    margin: 0;
}

.imagesliderOuter .item {
    width: 525px;
}

.imagesliderOuter .owl-item img {
    width: 520px;
}

.imagesliderOuter .owl-item,
.owl-stage-outer {
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border-radius: 10px 10px 10px 10px !important;
}

.owl-item a:hover {
    text-decoration: none;
}

.cate-img,
.cate-img img {
    height: 208px;
}

.cate-img {
    clip-path: polygon(0 0, 100% 0, 100% 74%, 0 100%);
    overflow: hidden;
}

.cate-title {
    font-size: 16px !important;
    line-height: 1.4;
    font-weight: 700;
    color: #0a2540;
    padding: 15px 15px 0px 15px;
}

.owl-item a {
    color: #0a2540;
}

.cat-description {
    font-size: 16px;
    font-weight: 400;
    color: #425466;
    padding: 10px 15px 15px 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    /* min-height : 100px; */
}

.owl-item a:hover {
    outline: none !important;
    box-shadow: none;
}

.maskbg,
.maskbg_no,
.maskbg_gray,
.maskbg_darkBlue {
    position: absolute;
    height: 100%;
    width: 100%;
}

.maskbg {
    background-color: #fff;
}

.maskbg_gray {
    background-color: #f6f9fc;
}

.maskbg_darkBlue {
    background-color: #0a2540;
}

.uc-section-divider-lightBlue {
    background: #c2e2fa;
}

.uc-section-dividerTop-1 {
    top: -1px;
}

.uc-section-divider {
    position: absolute;
    content: " ";
    left: 0;
    right: -20px;
    height: 34px;
    clip-path: polygon(0 0, 0 100%, 100% 0);
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
}

.maskbg__background,
.maskbg__background_white,
.maskbg__background_drakblue {
    position: relative;
    height: 100%;
    /* max-height   : var(--sectionAngleMaxHeight); */
    width: 100%;
    top: 0;
    left: 0;
    transform-origin: 100% 0;
    transform: skewY(-6deg) translateY(var(--sectionTranslateY, 0));
    background: #f6f9fc;
    overflow: visible;
}

.maskbg__background_white {
    background-color: #fff !important;
}

.maskbg__background_drakblue {
    background-color: #0a2540 !important;
}

.maskContent {
    z-index: 1;
    padding: 230px 15px 0px 8px;
    /* padding: 230px 15px 0px 15px; */
}

.maskContent,
.maskContent-2,
.awardLogo {
    max-width: 1120px;
    margin: 0 auto !important;
}


/* .bluesection .maskContent {
margin: 0;
} */

.maskContent-2,
.InternationalContent {
    z-index: 1;
    padding: 10px 0px 0px 8px;
}

.InternationalOuter {
    padding-bottom: 30px !important;
}

.InternationalContent h5.vc_custom_heading,
.collaboratewithus h5.vc_custom_heading {
    color: #4cd3ff !important;
    font-weight: 700;
}

.InternationalMap {
    padding-right: 0px !important;
    padding-top: 160px !important;
}

.InternationalContent {
    padding-top: 107px !important;
}

.Internationalcounter {
    padding-bottom: 110px !important;
    padding-top: 40px !important;
}

#parent-290 .pageImg {
    min-height: 140px;
}

#parent-290 .uh-feaure-heading {
    padding-top: 7px;
}

.owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    width: 100%;
    font-size: 50px;
    z-index: 50;
/*    display: none;*/
}

.owl-prev,
.owl-next {
    position: absolute;
    font-size: 35px !important;
}

.owl-pre:focus,
.owl-next:focus {
    outline: none;
}

button.owl-prev {
    left: -40px;
}

button.owl-next {
    right: -40px;
}

.owl-dots .owl-dot {
    width: 24px;
    height: 4px;
    background: hsla(0, 0%, 71%, .9) !important;
    margin: 0 5px;
    cursor: pointer;
}

.owl-dots .owl-dot.active {
    background: #6772E5 !important;
}

.owl-dots {
    display: flex;
    justify-content: center;
    padding: 35px 0 0 0;
}

.cat-arrow {
    /* text-align: right; */
    font-size: 14px;
    /* padding: 0 15px 7px 0; */
    position: absolute;
    bottom: -5px;
    right: 13px;
}

.owl-item a:hover .cat-arrow {
    color: #1a59e5;
    animation: harryrun 1s infinite;
}

@keyframes left_right {
    to {
        margin-left: 0px;
        opacity: 1;
    }

    from {
        margin-left: -50px;
        opacity: 0;
    }
}

.maskSection .wpb_content_element {
    margin: 0;
}

.carousel-indicators {
    margin: 0 auto;
}

.carousel-indicators li {
    height: 100%;
    opacity: 0.8;
    width: inherit;
    padding: 0 25px;
    text-indent: 0px;
}

#carouselExampleIndicators .carousel-indicators {
    justify-content: space-between;
}

#carouselExampleIndicators .carousel-indicators li {
    padding: 0 28px 10px 28px !important;
}

.carousel-indicators button[data-bs-target] {
    width: 200px;
}

.carousel-indicators button[data-bs-target]:not(.active) {
    opacity: 0.8;
}

.carousel-indicators {
    position: static;
    padding: 60px 0 30px 0;
}

.carousel-indicators li {
    cursor: pointer;
    padding: 0px 15px;
}

.carousel-indicators li img {
    filter: grayscale(1);
    opacity: 0.3;
}

.homeproductSlider .carousel-indicators li img {
    width: 100px;
}

.carousel-indicators li.active img {
    filter: grayscale(0);
    opacity: 1;
}

.sliderlist {
    border-radius: 7px;
    background-color: #000;
    min-height: 304px;
    overflow: hidden;
    color: #fff;
}
.page-template-webinar-2023 .carousel-inner {
    display: contents;
}

.carousel-inner {
    box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%);
    margin-bottom: 110px;
}

.carousel-inner {
    background-color: #fff;
}

.thumbnaimig img {
    position: absolute;
    opacity: 0.15;
    top: -70px;
    -webkit-mask-image: linear-gradient(to left, transparent 5%, black 50%);
    mask-image: linear-gradient(to left, transparent 5%, black 50%);
}

.sliderContent1 {
    background: #E81C1C;
}

.sliderContent2 {
    background: #f09000;
}

.sliderContent3 {
    background: #409fff;
}

.sliderContent4 {
    background: #4e6bf9;
}

.sliderContent5 {
    background: #f13a59;
}

.sliderContent6 {
    background: #0A2540;
}

.sliderlist .row {
    align-items: center;
    height: 100%;
    min-height: 304px;
}

.sliderlogo {
    text-align: center;
}

.sliderContent {
    padding: 0 40px;
    line-height: 28px;
}

.maskSection .vc_column-inner,
.maskSection .wpb_content_element {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.uc-section-divider-aliceBlueDark {
    background: #d0dce8;
}

.uc-section-divider-dakBlue {
    background: #0a2540;
}

.uc-section-divider-LightBlue {
    background: #0f395e;
}

.uc-section-divider-light {
    background: #f6f9fc;
}


/* .vc_row {
margin: 0 !important;
} */

ul.mega-sub-menu {
/*    box-shadow: 0 15px 30px -15px #7e7e7e !important;*/
}

.section01Content {
    padding: 35px 10px 0px 0 !important;
}

.platform-highlights {
    margin: 100px 0 0 0 !important;
}

.connectwithus h5.vc_custom_heading {
    font-weight: 800;
    letter-spacing: -0.5px;
}

.partnersOuter {
    padding-top: 45px;
}

.blueBox .wpb_wrapper a {
    padding: 0px 00px 0px 100px;
    align-items: center;
    color: #9daac7 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    border-radius: 8px;
    display: block;
    margin-left: 80px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 55px;
}

.blueBox .wpb_wrapper a strong {
    background-color: #0f395e;
    margin-top: 15px;
    padding: 5px 35px 5px 15px;
    border-radius: 16.5px;
    font-weight: 700;
    font-size: 16px;
    display: inline-flex;
    position: relative;
}

.blueBox .wpb_wrapper p {
    margin-bottom: 5px;
    font-size: 16px;
}

.blueBox .wpb_wrapper a:hover,
.blueBox .wpb_wrapper a:focus {
    text-decoration: none !important;
    outline: none !important;
}

.blueBox .wpb_wrapper strong {
    position: relative;
    padding-bottom: 8px;
    display: inline-block;
}

.blueBox .wpb_wrapper strong::after,
.blueBox .wpb_wrapper strong::before {
    position: absolute;
    top: -0PX;
    color: #faaa1e;
    right: 16px;
}

.blueBox .wpb_wrapper a:hover strong::before {
    opacity: 1;
    right: 10px;
}

.blueBox .wpb_wrapper strong::before {
    opacity: 0;
}


/* .blueBox {
height: 165px;
} */

.findPartner .wpb_wrapper a {
    background-image: url(../images/find_partner_uc.svg);
    background-repeat: no-repeat;
    background-size: 72px 72px;
    background-position: left;
}

.becomePartner .wpb_wrapper a {
    background-image: url(../images/become_partner_uc.svg);
    background-repeat: no-repeat;
    background-size: 72px 72px;
    background-position: left;
}


/* .blueBox .wpb_wrapper a:hover {
        margin-top: 0px;
        background-size: 90px 90px;
        transform: translateY(-10px);
        box-shadow: 0 17px 20px -2px rgb(20 45 100 / 15%);
    } */

.collaboratewithus {
    padding-top: 230px;
    padding-bottom: 100px;
}


.collaboratewithus strong {
    color: #faaa1e;
}

.collaboratewithus h5.vc_custom_heading {
    font-size: 21px;
}

.collaboratewithus h2.vc_custom_heading {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: .5px;
    font-weight: 800;
    padding-right: 80px !important;
}

.collaboratewithus strong::after,
.blog-info a::after,
.blog-info a::before {
    content: "\f105";
    font-family: "Font Awesome 6 free";
    font-weight: 900;
    display: inline-block;
    padding-left: 7px;
}

.homepageBlog {
    padding: 75px 0 100px 0;
}

p.vc_custom_heading {
    font-size: 20px;
    letter-spacing: 0.02em;
}

p.vc_custom_heading.smallpara {
    margin-bottom: 35px;
    display: block;
    letter-spacing: .5px;
    color: #4886ff;
    font-size: 21px;
    font-weight: 700;
}

p.vc_custom_heading.smallpara {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 900;
}

.homeBlogLisitngOUter {
    padding: 66px 0 0 0;
    margin: 0 -30px;
}


/* .homeBlogLisitngOUter .item-box {
    padding: 0 30px;
} */


/* 
.blog-items {
-webkit-clip-path: inset(8% 4% 0 4% round 4px 4px 4px 4px);
clip-path: inset(8% 4% 0 4% round 4px 4px 4px 4px);
} */

.blog-items a.boxLink {
    z-index: 1;
    position: relative;
    height: 100%;
}

.blog-items {
    height: 100%;
}

.item-box {
    position: relative;
    vertical-align: top;
/*    margin: 0 15px;*/
}

.homeBlogLisitngOUter {
    display: flex;
}

.homeBlogLisitngOUter .vc_col-sm-4 .vc_column-inner,
.homeBlogLisitngOUter .vc_col-sm-4 .vc_column-inner .wpb_wrapper,
.homeBlogLisitngOUter .vc_col-sm-4 .vc_column-inner .wpb_wrapper .item-box {
    height: 100%;
}

.homeBlogLisitngOUter .vc_col-sm-4 {
    flex: 1;
}

.homeBlogLisitngOUter {
    /* display: table; */
}

.homeBlogLisitngOUter .vc_column-inner {
    padding: 0px !important;
}

.b-item {
   
    width: 100%;
    margin: 0 auto;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 1px #CFCFCF;
    box-shadow: 0 0 6px 1px #CFCFCF;
    z-index: 0;
    
}
.blog-items a:hover .b-item { -webkit-box-shadow: 0 0 16px 1px #CFCFCF;
    box-shadow: 0 0 16px 1px #CFCFCF;}



.thumb img {
    /* -webkit-clip-path: inset(8% 4% 0 4% round 4px 4px 4px 4px); */
    /* clip-path: inset(8% 4% 0 4% round 4px 4px 4px 4px); */
}

.blog-items:hover .thumb img {
    /* -webkit-clip-path: inset(0 0 0 0 round 4px 4px 0 0); */
    /* clip-path: inset(0 0 0 0 round 4px 4px 0 0); */
}

/* .blog-items:hover:after {
    opacity: 1;
    transform: scale(1);
} */


/* .blog-items:hover {
background-color: #fff;
box-shadow: 0 30px 60px -12px rgb(50 50 93 / 25%), 0 18px 36px -18px rgb(0 0 0 / 30%), 0 -12px 36px -8px rgb(0 0 0 / 3%);
height: 100%;
border-radius: 7px;
flex-wrap: wrap;
display: flex;
}  */

.blog-items a {
    text-decoration: none;
    /* position    : relative; */
}

.blog-items a h4 {
    color: #32325D;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px !important;
}

.read-more {
    position: absolute;
    bottom: 15px;
    right: 31px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    color: #0085ff;
    z-index: 2;
}

.page-template-homepage-v3_withslider .read-more { color:#2765D8; } 

.homepageBlog  .read-more::before{
    color: #0085ff;
}
.homepageBlog .read-more::after{
    color: #0085ff;

}

.read-more::after,
.read-more::before {
    color: #019DC0;
    position: absolute;
    right: -12px;
    top: 3px;
    
}
.page-template-homepage-v3_withslider .read-more::after,
.read-more::before { color: #2765D8; }


.blog-items:hover .read-more::before {
    right: -17px;
}

.thumb img {
    width: 100%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}



.blog-cate,
.blog-info {
    padding: 0 15px;
}

.blog-cate {
    padding-top: 15px;
   
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.blog-cate-bottom { position: absolute;
    bottom: 15px;
    left: 15px;
    color: #95a1ac;
    font-size: 14px;
    font-weight: 700;
}

.blog-cate {
    color: #95a1ac;
    font-weight: 700;
}

.blog-info p,
.blog-info h4 {
    font-size: 16px !important;
    line-height: 1.4;
}

.blog-info a {
    text-align: right;
}
.blog-items a h4 { font-size: 20px !important; padding-bottom: 40px;}


/* .b-item,
.blog-items {
flex-direction: column;
flex: 1;
display: flex;
height: 100%;
} */

.b-item {
    padding-bottom: 15px;
}

.industriesOuter .maskContent {
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 217px !important;
}

.blog-info a {
    position: absolute;
    right: 40px;
    bottom: 10px;
    font-size: 16px;
    color: #6772e5;
    font-weight: 700;
}

.blog-info a:hover {
    text-decoration: none;
}

.contentPaddingLeft {
    padding-left: 90px;
    padding-right: 30px;
}

.contentPaddingRight {
    padding-right: 100px;
    /* padding-left: 15px; */
}

.contentPaddingRight .vc_column-inner {
    padding-left: 0;
}

.maskContent-2 {
    padding-top: 35px;
}

.blueBtn a {
    border: none !important;
}

.awardLogo {
    box-shadow: 0 -12px 36px -8px rgb(0 0 0 / 3%), 0 30px 60px -12px rgb(50 50 93 / 25%), 0 18px 36px -18px rgb(0 0 0 / 30%);
    border-radius: 10px;
    padding: 60px 20px 60px 20px;
    margin-bottom: 110px !important;
    position: relative;
    background-color: #fff;
    z-index: 1111;
}

.awardLogo .wpb_wrapper,
.awardLogo_normal .wpb_wrapper {
    text-align: center;
}

.awardLogo a:hover,
.awardLogo a:hover img,
.awardLogo a:focus,
.awardLogo a:focus img,
.awardLogo_normal a:hover,
.awardLogo_normal a:hover img,
.awardLogo_normal a:focus,
.awardLogo_normal a:focus img {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.awardLogo img,
.awardLogo_normal img {
    filter: drop-shadow(0 0 5px rgb(0 0 0 / 16%));
    max-height: 77px;
    width: inherit;
    padding: 0 8px;
    border-radius: 20px;
}

.footerOUter {
    background-color: #f6f9fc;
    padding: 40px 0 0px 0;
}

.awardlogoOuter .maskbg {
    top: 48%;
}

.footerOUter .container {
    padding: 0;
}

.footerOUter ul {
    margin: 0;
    padding: 0;
    padding-left: 0px;
    font-size: 14px;
}

.footerOUter ul li {
    color: #425466;
    line-height: none;
    list-style: none;
}

.copyright-footer {
    border-top: 1px solid rgb(217 230 242);
    line-height: 20px;
    padding: 8px 0;
    color: #425466;
    font-weight: 600;
    line-height: 25px;
    font-size: 14px;
    margin-top: 30px;
}

.footerOUter ul li a {
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    color: #425466 !important;
}

.footerItitle {
    font-weight: 700;
    padding: 15px 0 5px 0;
    color: #32325d !important;
    font-size: 15px;
    font-family: 600;
}

img.footerLogo {
    height: 27px !important;
    width: auto !important;
}

.address {
    padding-bottom: 3px;
}

.address a:hover,
.footerOUter ul li a:hover {
    text-decoration: none;
}

.address p {
    padding: 0;
    margin: 0;
}

.addressTitle,
.address p,
.address a,
.address p a,
.phone-footer,
.email-footer {
    font-size: 15px;
    color: #425466 !important;
    font-weight: 600;
    line-height: 30px;
    /* transform: scale(1, 1.1); */
}

.address p {
    padding: 0 20px 5px 0;
    line-height: 25px;
}

.address .addressTitle {
    color: #000 !important;
    font-size: 15px;
    padding: 10px 0 0 0;
    margin-bottom: 8px;
    border-bottom: 1px solid #d6d6d6;
}

.address .pad-0 {
    padding: 0px;
}

.bnone {
    border: none;
}

.blog-info a::after,
.blog-info a::before {
    position: absolute;
    right: -12px;
    top: 1.5px;
    color: #6772e5;
}

.blog-info a::before {
    opacity: 0;
}

.blog-info a:hover::before {
    right: -17px;
    opacity: 1;
}




.videobox {
    position: absolute;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    height: 462px;
}

.videobox video {
    width: 100%;
    object-fit: contain;
    margin-top: -280px;
}

.bannerImg01 img,
.bannerImg02 img {
    transform-origin: 50% 50%;
    z-index: 2;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .3));
}

.homesection01 .vc_custom_1652158763542 {
    padding-top: 40px !important;
    padding-left: 0px !important;
}

.vc_custom_1652158819366 {
    padding: 0px 10px 0px 10px !important;
    position: absolute;
    right: -37px;
}

.imageSlider {
    overflow: visible !important;
}

.tab-pane {
    animation: left_to_right 2s linear normal;
}

#carouselExampleIndicators2 .carousel-indicators {
    justify-content: left;
    padding-left: 40px;
}

#carouselExampleIndicators2 .carousel-indicators li {
    opacity: 1 !important;
    padding: 5px 20px;
    border-radius: 4px;
    font-size: 14px;
    width: inherit;
    transform: scale(1, 1.1);
    border: 1px solid transparent !important;
}

#carouselExampleIndicators .carousel-inner {
    margin-bottom: 110px !important;
}

#carouselExampleIndicators2 .carousel-indicators li.active {
    background-color: #fff;
    color: #1a59e5;
    border: 1px solid #b3b3b3 !important;
    opacity: 1;
}

#carouselExampleIndicators2 .carousel-inner {
    background: #fff;
    box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%), 0 0 16px -8px rgb(0 0 0 / 30%);
    border-radius: 10px;
    /* margin    : 30px 0; */
    border: 1px solid rgb(208 208 208/76%);
}

.platform-highlights-slider p {
    line-height: 32px;
    margin-top: 20px;
}

.platform-highlights-slider p {
    color: #425466;
}

p {
    letter-spacing: .5px;
}

.letstalk .maskContent-2 {
    padding-top: 25px;
    z-index: 50;
    position: relative;
}

.letstalk .vc_col-sm-2 {
    width: 160px;
}

.bluesection {
    margin-top: -50px;
}


/* .letstalk {
z-index: 50;
} */

.InternationalContent .wpb_content_element {
    padding-right: 60px;
}

.owl-stage-outer {
    padding-bottom: 20px;
}

.owl-dots {
/*    margin-top: -20px;*/
}

.owl-carousel-Outer {
    padding-bottom: 148px;
}

.gl_slider_outer .item {
    background: #fff;
    box-shadow: 0 0 30px -12px rgb(50 50 93 / 25%), 0 4px 18px -9px rgb(0 0 0 / 30%), 0 0 5px -3px rgb(0 0 0 / 3%);
    border-radius: 10px;
    /* margin    : 12px 0; */
    height: calc(100% + 15px);
}

.gl_slider_outer .item a,
.gl_slider_outer .item a:hover,
.gl_slider_outer .item a:focus {
    outline: none !important;
    border: none !;
    box-shadow: none !important;
    text-decoration: none !;
    width: 100%;
}

.cate-img {
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 100% 74%, 0 100%);
}

.industriesOuter .maskContent {
    max-width: 100%;
}

.industriesOuter .maskContent {
    padding-bottom: 50px;
}

.footerSocial {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: flex-end;
    padding-right: 35px;
}


.footerSocial,
.footerSocial i {
    transform: inherit;
    font-size: 11px;
    font-style: normal !important;
}

.footerSocial a {
    color: #fff;
    font-size: 14px;
    transform: inherit;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    background-color: #1A59E5;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    font-size: 14px;
}

.footerSocial a:hover {
    text-decoration: none;
}

.InternationalContent h2.vc_custom_heading {
    font-size: 36px;
    padding: 3px 60px 23px 0 !important;
}

.connectwithus .wpb_content_element {
    margin-bottom: 25px !important;
}

.owl-stage {
    display: flex;
}

.images_slider .owl-stage {
    display: block;
}

.imageSlider02  .images_slider .owl-stage {
    display: flex;
}


.owl-item {
    background: none;
    border-radius: 10px;
    margin: 15px;
    flex-direction: column;
    align-content: space-between;
}

.industriesOuter {
    margin: 0 -50px;
    padding: 0 !important;
}

.industriesOuter .vc_column-inner {
    padding: 0 !important;
}

.industriesOuter .owl-stage-outer {
    padding: 15px 0;
}

.industriesOuter .owl-item {
    margin: 15px 0;
}

@-webkit-keyframes harryrun {
    0% {
        left: 80%;
        /* transform: translateX(0); */
    }

    100% {
        left: 87%;
        /* transform: translateX(-100%); */
        color: #1a59e5;
    }
}


/* Innerpage Css */

.section-bg-video {
    position: relative;
    z-index: 0;
    /* overflow: hidden; */
    /* height  : 800px; */
}

.section-bg-video .videobox {
    height: 180%;
    min-width: 100%;
    left: 0;
    /* margin-left: -160px; */
    right: 0;
    margin: 0;
}

.section-bg-video .videobox {
    position: relative;
}

.section-bg-video .videobox video {
    margin: 0;
}

.overlay-content {
    position: relative;
    z-index: 9;
}

.who-we-are-section,
.aboutpagestyle {
    background-image: url(../images/bg-15.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -70px;
    position: relative;
    z-index: 8;
    padding: 112px 0;
}

.who-we-are-section-bg {
    background-image: url(https://d14shz2u67ig8m.cloudfront.net/images/hd-10.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
    display: flex;
    align-items: center;
}

.entry-header {
    margin: 0 !important;
    padding: 0 !important;
}

li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
    background: none !important;
    font-weight: 800 !important;
}

.shadow-1 {
    box-shadow: 0 2px 15px rgb(0 0 0 / 13%) !important;
    padding: 40px 40px 10px 40px;
    background-color: #fff;
    margin-right: 15px;
    border-radius: 6px;
}

.who-we-are-section h2.vc_custom_heading {
    font-size: 30px;
}

.who-we-are-section-left {
    padding-right: 50px;
}

.homesection01 p,
.wpb_wrapper ul li,
.innerpageHeaderBasic p {
    color: #32325d;
    line-height: 26px;
}

.inner_container {
    padding: 0 15px;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px 0;
    position: relative;
    margin-left: 20px;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #CECECE;
    left: 50%;
    margin-left: -1.5px;
}

.timeline:before {
    background: #CECECE;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
}

.timeline>li {
    margin-bottom: 50px;
}

.timeline>li:not(.timeline-inverted) {
    padding-right: 90px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li>.timeline-badge {
    width: 20px;
    height: 20px;
    line-height: 50px;
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -11px;
    background-color: #D2D2D2;
    z-index: 9;
    border-radius: 50%;
    border: 5px solid #FFFFFF;
}

.timeline>li>.timeline-badge {
    border-width: 2px;
    background: #fff;
}

.timeline>li:hover>.timeline-badge {
    border: 3px solid #FFF;
    transition: all .3s;
}

.timeline>li>.timeline-badge {
    border-color: #5584ff !important;
}

.timeline>li>.timeline-label {
    height: 65px;
    position: absolute;
    top: 32px;
    left: 50%;
    margin: -25px 0 0 25px;
    padding: 10px 15px;
    text-align: left;
    z-index: 9;
    border-radius: 4px;
    transition: all linear 0.3s;
}

.timeline>li>.timeline-label {
    top: 39px !important;
}

.timeline>li>.timeline-label h4 {
    margin: 0px;
    font-size: 25px;
    font-weight: 700;
}

.timeline>li>.timeline-panel {
    width: 50%;
    float: left;
    border: 1px solid #D2D2D2;
    background: #FFF;
    border-radius: 2px;
    padding: 20px;
    text-align: left;
    position: relative;
}

.timeline>li>.timeline-panel {
    border: none;
    box-shadow: 0 0 15px rgb(0 0 0 / 13%);
    border-radius: 6px;
    padding: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li.timeline-inverted {
    padding-left: 90px;
}

.timeline>li.timeline-inverted+li:not(.timeline-inverted),
.timeline>li:not(.timeline-inverted)+li.timeline-inverted {
    margin-top: -10px;
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -16px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #BDBDBD;
    border-right: 0 solid #BDBDBD;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:before {
    border-left: 15px solid rgba(189, 189, 189, .14);
    border-right: 0 solid rgba(189, 189, 189, .14);
    filter: blur(3px);
    right: -20px;
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li.timeline-inverted>.timeline-label {
    top: 32px;
    left: 50%;
    margin-left: -325px;
    white-space: nowrap;
    text-align: right;
    width: 300px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    left: -20px;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 15px;
    left: -14px;
    right: auto;
}

.timeline-title {
    margin-bottom: 17px !important;
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
}

.timeline>li:hover>.timeline-label {
    transform: translateX(10px);
}

.timeline>li.timeline-inverted:hover>.timeline-label {
    transform: translateX(10px);
}

.timeline>li>.timeline-panel {
    padding: 30px;
}

.timeline p {
    color: #606571;
    font-size: 14px;
    line-height: normal;
}


/* .timeline>li:hover>.timeline-label {
    transform: translateX(10px);
} */

.inner_container h2.vc_custom_heading {
    font-size: 40px;
    font-weight: normal;
}

.who-we-are-section h2.vc_custom_heading {
    color: #3e6be0;
    font-size: 40px;
}

h2.vc_custom_heading.small {
    font-size: 27px !important;
}

.timelineOuter h2.vc_custom_heading,
.globalAcclamation h2.vc_custom_heading,
.award-section h2.vc_custom_heading {
    padding-right: 10px;
    font-size: 45px;
    line-height: 60px;
    font-weight: 100;
}

.timelineOuter {
    background: url(../images/long-5.jpg) no-repeat left top;
    background-size: 110%;
}

.globalAcclamation {
    background: url(../images/hd-3.jpg) no-repeat left top;
    background-size: 100%;
    background-position: center center;
    display: flex;
    padding-top: 50px;
    align-items: center;
}

.award-section {
    padding: 76px 0 93px 0;
    background: rgb(110, 174, 196);
    background: -moz-linear-gradient(-45deg, rgba(110, 174, 196, 1) 0%, rgba(110, 174, 196, 1) 50%, rgba(85, 132, 255, 1) 50%, rgba(85, 132, 255, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(110, 174, 196, 1) 0%, rgba(110, 174, 196, 1) 50%, rgba(85, 132, 255, 1) 50%, rgba(85, 132, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(110, 174, 196, 1) 0%, rgba(110, 174, 196, 1) 50%, rgba(85, 132, 255, 1) 50%, rgba(85, 132, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6eaec4', endColorstr='#5584ff', GradientType=1);
}

.award-container .wpb_wrapper {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.award-section h2.vc_custom_heading {
    color: #fff;
    font-weight: normal;
    padding-bottom: 60px;
}

.award-container .wpb_wrapper img {
    filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 16%));
}

.globalMap {
    padding: 0 40px !important;
}

.get-touch-form-outer {
    background: url(../images/bg-17.png) no-repeat left top;
    background-size: 100%;
    background-position: bottom center;
    background-size: cover;
    display: flex;
    margin: 30px 0;
}


/* .formInner h2 {
        padding-bottom: 40px;
    } */

.formInner label {
    font-size: 14px;
}


/*     
    .formInner label span {
        color: red;
    } */

.resources-form-container .formInner {
    width: inherit !important;
    padding: 0px !important;
    box-shadow: none !important;
    background: none !important;
}

.formInner {
    box-shadow: 0 2px 15px rgb(0 0 0 / 13%) !important;
    background-size: cover;
    background-position: bottom center;
    width: 734px;
    background-color: #fff;
    margin: 20px auto;
    padding: 50px 35px;
}

.formInner input[type=text],
.formInner input[type=email],
.formInner input[type=tel],
.formInner input[type=number],
.formInner textarea,
.formInner select {
    background-color: #fff;
    width: 100%;
    border: 1px solid #cbd6e2;
    font-size: 15px;
    border-radius: 5px;
    padding: 8px 12px !important;
}

.hs-form-field {
    margin-bottom: 20px;
}

.formInner textarea {
    height: 66px;
}

.formInner .col-lg-6,
.formInner .col-lg-12 {
    margin-bottom: 18px;
}

.formInner input[type=text]:focus,
.formInner input[type=number]:focus,
.formInner textarea:focus,
.formInner select:focus {
    outline: none;
    box-shadow: none;
    border: solid 1px rgba(82, 168, 236, .8);
}

.wpcf7-list-item label {
    display: flex;
}

.wpcf7-list-item label span {
    color: #212529;
}

.wpcf7-list-item {
    margin: 0;
}

.formInner input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-top: 8px;
    border: 1px solid #cbd6e2;
}

input[type=checkbox]:after {
    width: 5px;
    height: 8px;
}

.formInner input[type=checkbox]:focus {
    outline: none;
    box-shadow: none;
    border: solid 1px rgba(82, 168, 236, .8);
}

input.wpcf7-submit {
    padding: 10px 20px !important;
    font-size: 14px !important;
    border: none;
    background-color: #0a2540;
    color: #fff;
}

input.wpcf7-submit:hover,
input.wpcf7-submit:focus {
    background-color: #0a2540;
    outline: none;
    box-shadow: none;
    color: #fff;
}

.wpcf7-not-valid-tip {
    font-size: 14px;
}

.innerBanner {
    min-height: 462px;
    display: flex;
    align-items: center;
}

.innerBanner h1 {
    color: #fff;
    font-size: 36px;
    line-height: 50px;
    position: relative;
    padding-top: 10px;
}

.innerBanner h1:before {
    content: '';
    position: absolute;
    height: 5px;
    background-color: #5584ff;
    width: 150px;
    bottom: -20px;
}

.bannerContent {
    max-width: 80%;
    padding-top: 30px;
}

.bannerContent p {
    color: #9daac7;
    font-size: 15px;
    line-height: 22px;
}

.shadow-2 {
    box-shadow: 0 2px 15px rgb(0 0 0 / 13%) !important;
    background-color: #fff;
    border-radius: 6px;
}

.boxed-1 {
    padding: 50px 35px;
    width: 100%;
    /* margin: 0 40px; */
    /* width : calc(33.33333333% - 80px); */
}

.rowstrech-1 {
    margin: 0 -40px;
}

.rowstrech-7 {
    margin: 0 -7px;
}

.careerOuter {
    padding: 70px 0 51px 0;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 80px;
    /* grid-row-gap      : 80px; */
}

.careerOuter::before {
    display: none;
}

.eventOuter {
    padding: 50px;
    background-image: url(../images/bg-8.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 131px;
}

.eventOuter h2.vc_custom_heading {
    color: #1a59e5;
    font-weight: normal;
}

.eventdate ul {
    padding: 0;
    margin: 0;
}

.eventdate ul li {
    font-size: 16px;
    padding: 5px 0;
    color: #606571;
}

.eventdate li:first-child::before,
.eventdateList li:first-child::before,
.date::before,
.tag_icon::before {
    content: "\f073";
    font-family: "Font Awesome 6 free";
    font-weight: 900;
    color: #1a59e5;
    padding-right: 10px;
}

.tag_icon::before {
    content: "\f02e";
}

.eventdate li:nth-child(2)::before,
.eventdateList li:nth-child(2)::before {
    content: "\f124";
    font-family: "Font Awesome 6 free";
    font-weight: 900;
    color: #1a59e5;
    padding-right: 10px;
}

.borderR-6 img {
    border-radius: 6px;
}

.pl-40 {
    padding-left: 40px;
}

.EventListing {
    padding: 70px 0;
}

.eventdateList ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.eventdateList ul li {
    list-style: none;
    font-size: 15px;
    padding-right: 15px;
}

.eventRight h4.vc_custom_heading {
    color: #5A5A5A;
    font-size: 21px;
    margin-bottom: 22px;
}

.eventRight {
    padding-left: 40px;
}

.eventRight h4.vc_custom_heading::after {
    content: "";
    width: 50px;
    background-color: #5584ff;
    height: 3px;
    margin: 5px 0 5px 0;
    display: block;
}

.eventRight p {
    font-size: 14px;
    line-height: 1.5;
}

.flex-direction-nav a {
    width: 25px !important;
    height: 25px !important;
}

.flex-direction-nav a:before {
    font-size: 20px !important;
    color: #fff !important;
}

.EventListing .slides li img {
    border-radius: 6px;
}

.flex-direction-nav .flex-next:hover,
.flex-direction-nav .flex-next:focus {
    background: none !important;
}

.EventListing .flexslider {
    border: none;
    margin: 0;
}

.eventerlistingRow {
    padding-bottom: 5px !important;
}

.EventListing .flex-control-nav {
    bottom: 0 !important;
    margin: 0 !important;
    top: inherit !important;
}

.EventListing .flex-control-paging li a {
    background: none !important;
    border: solid 1px #fff !important;
}

.EventListing .flex-control-paging li a.flex-active {
    background-color: #fff !important;
}

.EventListing h2.vc_custom_heading {
    padding: 0 0 84px 0;
    font-weight: normal;
}

.eventerlistingRow .wpb_content_element {
    margin-bottom: 30px !important;
}

.innerpageHeader-defult {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#036dd6+0,5dc7de+100 */
    background: #036dd6;
    /* Old browsers */
    background: -moz-linear-gradient(left, #036dd6 0%, #5dc7de 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #036dd6 0%, #5dc7de 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #036dd6 0%, #5dc7de 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#036dd6', endColorstr='#5dc7de', GradientType=1);
    /* IE6-9 */
    height: 100%;
    /* position     : absolute; */
    /* z-index      : -1; */
    /* top          : 0; */
    /* left         : 50%; */
    /* transform    : translate(-50%, -30%); */
    transform-origin: top left;
    min-height: 313px;
    display: flex;
    align-items: center;
    padding: 115px 0;
    margin: 0 0 50px 0;
}

.page-heading {
    font-size: 55px;
    line-height: 1.1;
    font-weight: 900;
    color: #fff;
}

.page-id-733 .innerHeaderOuter,
.single .innerHeaderOuter {
    height: 0;
    opacity: 0;
}

.gps_tracker-template-default .innerHeaderOuter {
    display: block !important;
    height: auto;
    opacity: 1;
}

.logo a:hover,
.logo a:focus {
    background: none !important;
    outline: none;
    box-shadow: none;
}


/* Black Header css */

.page-template-homepage-v3_withslider .logo,
.page-template-contact-us .logo,
.header_style_light .logo,
.page-template-header-black .logo {
    display: none;
}

.page-template-homepage-v3_withslider .logo-black,
.single .logo-black,
.header_style_light .logo-black,
.page-template-contact-us .logo-black,
.page-template-header-black .logo-black {
    display: block;
}

.page-template-homepage-v3_withslider .headerPhone,
.single .headerPhone,
.header_style_light .headerPhone,
.page-template-contact-us .headerPhone,
.page-template-header-black .headerPhone {
    display: block;
}


.sticky .headerPhone a,
.header_style_light .headerPhone a,
.page-template-header-black .headerPhone a,
.page-template-contact-us .headerPhone a,
.single .headerPhone a,
body.menuAct .headerPhone a {
    border: solid 1px #d4d4d4;
    color: #000;
}

.page-template-homepage-v3_withslider .headerPhone a {  border: solid 1px #000;
    color: #000;}

.page-template-homepage-v3_withslider .headerPhone a img,
.sticky .headerPhone a img,
.header_style_light .headerPhone a img,
.page-template-header-black .headerPhone a img,
.page-template-contact-us .headerPhone a img,
.single .headerPhone a img,
body.menuAct .headerPhone a img, body.menuAct.white .headerPhone a img {
    filter: invert(88%) sepia(21%) saturate(935%) hue-rotate(123deg) brightness(85%) contrast(97%);
}


.innerpageOuter {
    padding-top: 70px;
}


/* End  Black Header css */

.single .breadcrumbsOuter {
    padding: 14px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.single .aioseo-breadcrumbs {
    color: #777;
    font-weight: 600;
    font-size: 15px;
}

.single .aioseo-breadcrumbs a {
    color: #000;
}

.single-gps_tracker .breadcrumbsOuter {
    border: none;
}

.single-gps_tracker .aioseo-breadcrumbs,
.single-gps_tracker .breadcrumbsOuter #breadcrumbs a,
.single-gps_tracker .breadcrumbsOuter #breadcrumbs span {
    color: #fff !important;
    font-weight: 600;
    font-size: 15px;
}

a:hover {
    text-decoration: none;
}

.singleOuter {
    padding: 128px 0 0 0;
}

.singular .entry-title {
    font-size: 50px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.addtoany_list {
    display: flex;
}

.addtoany_list a,
.addtoany_list a:hover {
    border: solid 1px #9daac7 !important;
    border-radius: 4px;
    margin-right: 7px;
    padding: 4px;
    display: flex;
    align-items: center;
}

.dateList {
    display: flex;
}

.post_date {
    padding: 25px 0;
}

.default .tag {
    display: flex;
    padding: 0 0 0 15px;
}

.default .tag a {
    color: #000;
}

.addtoanyList {
    display: flex;
    justify-content: flex-end;
}

.post-thumbnail .wp-post-image,
.post-thumbnail {
    margin: 0;
}

.post-thumbnail {
    padding-bottom: 15px;
}

.entry-content-single h3 {
    font-weight: 700;
    font-size: 18.5px;
    line-height: 27px;
}

.entry-content-single p {
    font-size: 17px;
    line-height: 30px;
    color: #425466;
}

.widget h2 {
    font-size: 22px;
    border-bottom: solid 1px #d6d6d6;
    padding-bottom: 20px;
    margin-bottom: 20px !important;
}

.widget a {
    text-decoration: none;
    color: #000 !important;
}

.widget_categories {
    color: #575757 !important;
}

.singleOuter .col-lg-9 {
    padding-right: 0px;
}

p.wp-block-tag-cloud a {
    font-size: 17px !important;
}

.widget ul {
    padding-bottom: 20px !important;
}

.recentpostTitle {
    font-size: 50px;
    line-height: 60px;
    font-weight: 300;
    padding: 15px 0px 30px 0px;
}

.archive  .blog-date {
    display: block !important; 
    
    }

    .archive .blog-content h4 { margin-top: 0px; min-height: auto !important;}


    

.blogBox {
    height: 100%;
    overflow: hidden;
    border: 1px solid #d8d8d8;
}

.boxLink {
    height: 308px;
    position: relative;
    display: block;
}

.blog-content {
    position: absolute;
    padding: 15px;
    top: 50%;
    z-index: 111;
    height: 100%;
    width: 100%;
}

.boxLink:hover .blog-content {
    background-color: #f5f5f5;
    top: 0;
}

.resource-content-data-item-box:after {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #1439dc;
    left: 0;
    width: 0;
    content: " ";
    transition: .5s width;
    z-index: 3;
}

.blog-date {
    display: none !important;
    color: #8a8a8a;
    font-weight: 600;
    font-size: 14px;
    display: block;
    min-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.blog-content h4 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    margin-top: 20px;
    color: #000;
    min-height: 85px;
}

.blog-content p {
    display: none;
    word-wrap: break-word;
    height: 112px;
    overflow: hidden;
    margin: 0;
}

.singleOuter {
    padding-bottom: 80px;
}

.bloglisting .boxLink:hover:after {
    width: 100%;
}

.bloglisting .boxLink:after {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #1439dc;
    left: 0;
    width: 0;
    content: " ";
    transition: .5s width;
    z-index: 1000;
}

.read-more-blog {
    display: block;
    text-align: left;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px;
    margin-top: 10px;
    position: relative;
}

.read-more-blog::after,
.read-more-blog::before {
    position: absolute;
    right: -12px;
    top: 3.5px;
}

.boxLink:hover .read-more-blog::before {
    right: -18px;
    opacity: 1;
}

.banneranimation01,
.banneranimation02,
.banneranimation03,
.banneranimation04,
.banneranimation05,
.banneranimation06,
.banneranimation07,
.banneranimation08 {
    position: absolute;
    z-index: 1;
    width: 230px;
}

.banneranimation07,
.banneranimation08 {
    width: 300px;
}

.banneranimation01 {
    left: -100px;
    top: -142px;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-name: banneranimation01;
    animation-duration: 2s;
    animation-delay: 2s;
}

.banneranimation02 {
    right: -100px;
    top: -142px;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-name: banneranimation02;
    animation-duration: 2s;
    animation-delay: 2s;
}

.banneranimation03 {
    left: -100px;
    bottom: -102px;
    animation-name: banneranimation03;
    animation-duration: 2s;
    animation-delay: 2s;
    opacity: 0;
    animation-fill-mode: forwards;
}

.banneranimation04 {
    right: -100px;
    bottom: -102px;
    opacity: 0;
    right: 35px;
    bottom: 110px;
    animation-name: banneranimation04;
    animation-duration: 2s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.banneranimation05 {
    opacity: 0;
    animation-fill-mode: forwards;
    animation-name: banneranimation05;
    animation-duration: 2s;
    animation-delay: 2s;
}

.banneranimation06 {
    opacity: 0;
    animation-fill-mode: forwards;
    animation-name: banneranimation06;
    animation-duration: 2s;
    animation-delay: 2s;
}

.banneranimation07 {
    opacity: 0;
    animation-fill-mode: forwards;
    animation-name: banneranimation07;
    animation-duration: 2s;
    animation-delay: 2s;
}

.banneranimation08 {
    opacity: 0;
    animation-fill-mode: forwards;
    animation-name: banneranimation08;
    animation-duration: 2s;
    animation-delay: 2s;
}

.bannerRight img {
    transform-origin: 50% 50%;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .3));
}

.bannerRight .wpb_wrapper {
    position: relative;
}

.bannerRightRosterz .vc_column-inner {
    padding: 0px 10px 0px 10px !important;
    position: absolute;
    width: 576px !important;
    right: -87px;
    z-index: 50;
}

.bannerRrightStyle02 .vc_column-inner {
    padding: 0px 10px 0px 10px !important;
    position: absolute;
    width: 576px !important;
    right: -107px;
    z-index: 50;
}

.bgimg img {
    width: 576px !important;
}

.bannerRight .wpb_content_element {
    margin: 0px !important;
}

@keyframes banneranimation01 {
    0% {
        left: -100px;
        top: -142px;
        opacity: 0;
    }

    100% {
        left: 35px;
        top: -42px;
        opacity: 1;
    }
}

@keyframes banneranimation07 {
    0% {
        left: -75px;
        top: -90px;
        opacity: 0;
    }

    100% {
        left: -75px;
        top: -45px;
        opacity: 1;
    }
}

@keyframes banneranimation08 {
    0% {
        right: -75px;
        top: -90px;
        opacity: 0;
    }

    100% {
        right: -75px;
        top: -45px;
        opacity: 1;
    }
}

@keyframes banneranimation02 {
    0% {
        right: -100px;
        top: -142px;
        opacity: 0;
    }

    100% {
        right: 35px;
        top: -42px;
        opacity: 1;
    }
}

@keyframes banneranimation03 {
    0% {
        left: -100px;
        bottom: -102px;
        opacity: 0;
    }

    100% {
        left: 35px;
        bottom: 110px;
        opacity: 1;
    }
}

@keyframes banneranimation04 {
    0% {
        right: -100px;
        bottom: -102px;
        opacity: 0;
    }

    100% {
        right: 35px;
        bottom: 110px;
        opacity: 1;
    }
}

@keyframes banneranimation05 {
    0% {
        right: -30px;
        top: -100px;
        opacity: 0;
    }

    100% {
        right: -30px;
        top: -40px;
        opacity: 1;
    }
}

@keyframes banneranimation06 {
    0% {
        right: 130px;
        bottom: 100px;
        opacity: 0;
    }

    100% {
        right: 130px;
        bottom: 160px;
        opacity: 1;
    }
}

.animationBasic {
    animation-duration: 2s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.banneranimationLeftTop {
    width: 276px;
    animation-name: banneranimationLeftTop;
}

@keyframes banneranimationLeftTop {
    0% {
        left: -150px;
        top: 66px;
        opacity: 0;
    }

    100% {
        left: -70px;
        top: 66px;
        opacity: 1;
    }
}

.banneranimationLeftBottom {
    width: 276px;
    animation-name: banneranimationLeftBottom;
}

@keyframes banneranimationLeftBottom {
    0% {
        left: -150px;
        bottom: 27px;
        opacity: 0;
    }

    100% {
        left: -70px;
        bottom: 27px;
        opacity: 1;
    }
}

.banneranimationRightTop {
    width: 276px;
    animation-name: banneranimationRightTop;
}

@keyframes banneranimationRightTop {
    0% {
        right: -170px;
        top: 60px;
        opacity: 0;
    }

    100% {
        right: -116px;
        top: 60px;
        opacity: 1;
    }
}

.banneranimationRightBottom {
    width: 195px;
    animation-name: banneranimationRightBottom;
}

@keyframes banneranimationRightBottom {
    0% {
        right: -100px;
        bottom: -100px;
        opacity: 0;
    }

    100% {
        right: -32px;
        bottom: -60px;
        opacity: 1;
    }
}

.banneranimationLeftTop img,
.banneranimationLeftBottom img,
.banneranimationRightBottom img,
.banneranimationRightTop img,
.imageshadow img {
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .3));
}



.sliderText.sliderProducts { padding: 150px 0 150px 0 ;}
.sliderText.sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderImg_left { padding-top: 60px;}

.sliderBg { position: absolute; z-index: -1; }
.sliderBg, .sliderBg img, .HomepageSlider #carouselExampleIndicators, .HomepageSlider .carousel-item   {height: 852px !important;}


.sliderText { padding: 150px 0;}
.HomepageSlider .carousel-indicators { position: absolute; bottom: 30px; z-index: 5000;}

.sliderText  label { color:rgb(255, 255, 255); padding-bottom: 15px;}
.sliderText h2, .SliderTextLeft h1 { color: #fff !important; font-size: 60px;}
.sliderText p { opacity: 0.8; color: #fff}
.homesliderBtn span { color: #fff !important ; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn span.whiteBtn , .homesliderBtn a.whiteBtn  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #fff !important; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #444444 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn a.whiteBtn:hover, .homesliderBtn span.whiteBtn:hover { background-color: rgba(255, 255, 255, .3) !important; color: #fff  !important;}



.featureAccodian .vc_tta-panel-heading .vc_tta-panel-title a:after, .vc_active .vc_tta-panel-title::before, .b-item, img, .videopoup01::after, 
.videopoup01::before, a.vc_general::after, a.vc_general::before, a, .headerOuter, .becomePartner .wpb_wrapper, .findPartner .wpb_wrapper, 
.blog-items, .normalBtn::before, .normalBtn2 a::before, .readmorebtn::before, .bluebtn2::before, .read-more::after, 
.read-more::after, button, button::after, button::before, .blueBtn a::before, .blog-info a::after, 
.blog-info a::before, .hs-button, .whiteBox a, .sliderBtn::before, .blueBox .wpb_wrapper strong::after, 
.blueBox .wpb_wrapper strong::before, .thumb img, .read-more::after, .read-more::before, .read-more-blog::after, 
.read-more-blog::before, .resource-content-data-view-all a::before, .rightForm, .resource-content-data-view-all a::after, 
a.blueBtn::before, .customeUrl a:after, .customeUrl a:before, .uc-gps-tracker-category-item, span.lightBlueBtn, 
.headerBox span.featurebannerbtn, .industriesSubMenu, .homesliderBtn span, .homesliderBtn a, .planBtnOuter, 
.homepageProductListing_new .wpb_column > .vc_column-inner > .wpb_wrapper, .vc_tta-tabs-list li{
    color: #fff;
}s

/* homepage with new color */



.sliderText_.sliderProducts { padding: 150px 0 150px 0 ;}
.sliderText_.sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderImg_left { padding-top: 60px;}

.sliderBg { position: absolute; z-index: -1; }
.page-homepage-v3_withslider .sliderBg, .sliderBg img, .HomepageSlider #carouselExampleIndicators, .HomepageSlider .carousel-item   {height: 852px;}
/* .page-template-webinar-2023 .sliderBg, .sliderBg img, .HomepageSlider #carouselExampleIndicators, .HomepageSlider .carousel-item   {height: 1462px !important;} */

.sliderText_ { padding: 150px 0;}
.HomepageSlider .carousel-indicators { position: absolute; bottom: 30px; z-index: 5000;}

.sliderText_  label { color:#2765D8; padding-bottom: 15px;}
.page-template-webinar-2023 .sliderText_  label { color:#fff; padding-bottom: 15px;}
.sliderText_ h2, .SliderTextLeft_ h1 { color: #32325D !important; font-size: 60px;}

.page-template-webinar-2023 .sliderText_ h2, .SliderTextLeft_ h1 { color: #fff !important; font-size: 60px;}
.page-template-webinar-2023 .sliderText_ p { opacity: 0.8; color: #fff}
.sliderText_ p { opacity: 0.8; color: #32325D}
.homesliderBtn_ span { color: #2765D8; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn_ span.whiteBtn_ , .homesliderBtn_ a.whiteBtn_  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #2765D8; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn_ { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn_ a.whiteBtn_:hover, .homesliderBtn_ span.whiteBtn_:hover { background-color: rgba(39, 101, 216, 0.301) !important; color: #2765D8  !important;} 

/* slide 2*/
.sliderText_2.sliderProducts { padding: 212px 0 212px 0 ;}
.sliderText_2.sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderText_2 { padding: 150px 0;}
.sliderText_2 { padding: 150px 0;}
.sliderText_2  label { color:#34393C; padding-bottom: 15px;}
.sliderText_2 h2, .SliderTextLeft2_ h1 { color: #34393C !important; font-size: 60px;}
.sliderText_2 p { opacity: 0.8; color: #34393C}
.homesliderBtn_2 span { color: #0F1B26; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn_2 span.whiteBtn_ , .homesliderBtn_2 a.whiteBtn_  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #353F50; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn_2 { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn_2 a.whiteBtn_:hover, .homesliderBtn_2 span.whiteBtn_:hover { background-color: rgba(255, 255, 255, .3) !important; color: #fff  !important;} 

a.vc_general::after,
a.vc_general::before,
.videopoup02::after, .videopoup02::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0F1B26;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: -15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup02::after,
.videopoup02::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup02::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup02:hover::before {
    opacity: 1;
    right: -24px;
}



/* slide 3*/
.sliderText_3.sliderProducts { padding: 212px 0 212px 0 ;}
.sliderText_3.sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderText_3 { padding: 150px 0;}
.sliderText_3 { padding: 150px 0;}
.sliderText_3  label { color:#34393C; padding-bottom: 15px;}
.sliderText_3 h2, .SliderTextLeft3_ h1 { color: #34393C !important; font-size: 60px;}
.sliderText_3 p { opacity: 0.8; color: #34393C}
.homesliderBtn_3 span { color: #0F1B26; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn_3 span.whiteBtn_ , .homesliderBtn_3 a.whiteBtn_  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #389E82; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn_3 { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn_3 a.whiteBtn_:hover, .homesliderBtn_3 span.whiteBtn_:hover { background-color: rgba(255, 255, 255, .3) !important; color: #fff  !important;} 

a.vc_general::after,
a.vc_general::before,
.videopoup03::after, .videopoup03::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0F1B26;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: -15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup03::after,
.videopoup03::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup03::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup03:hover::before {
    opacity: 1;
    right: -24px;
}


/* slide 4*/
.sliderText_4.sliderProducts { padding: 212px 0 212px 0 ;}
.sliderText_4.sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderText_4 { padding: 150px 0;}
.sliderText_4 { padding: 150px 0;}
.sliderText_4  label { color:#34393C; padding-bottom: 15px;}
.sliderText_4 h2, .SliderTextLeft4_ h1 { color: #34393C !important; font-size: 60px;}
.sliderText_4 p { opacity: 0.8; color: #34393C}
.homesliderBtn_4 span { color: #0F1B26; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn_4 span.whiteBtn_ , .homesliderBtn_4 a.whiteBtn_  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #B89334; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn_4 { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn_4 a.whiteBtn_:hover, .homesliderBtn_4 span.whiteBtn_:hover { background-color: rgba(255, 255, 255, .3) !important; color: #fff  !important;} 

a.vc_general::after,
a.vc_general::before,
.videopoup04::after, .videopoup04::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0F1B26;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: -15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup04::after,
.videopoup04::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup04::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup04:hover::before {
    opacity: 1;
    right: -24px;
}s



/* slide 5*/

.sliderText_5 .sliderProducts { padding: 212px 0 212px 0 ;}
.sliderText_5 .sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderText_5 { padding: 150px 0;}
.sliderText_5 { padding: 150px 0;}
.sliderText_5  label { color:#34393C; padding-bottom: 15px;}
.sliderText_5 h2, .SliderTextLeft5_ h1 { color: #34393C !important; font-size: 60px;}
.sliderText_5 p { opacity: 0.8; color: #34393C}
.homesliderBtn_5 span { color: #0F1B26; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn_5 span.whiteBtn_ , .homesliderBtn_5 a.whiteBtn_  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #F37459; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn_5 { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn_5 a.whiteBtn_:hover, .homesliderBtn_5 span.whiteBtn_:hover { background-color: rgba(255, 255, 255, .3) !important; color: #fff  !important;} 


a.vc_general::after,
a.vc_general::before,
.videopoup05::after, .videopoup05::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0F1B26;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: -15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup05::after,
.videopoup05::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup05::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup05:hover::before {
    opacity: 1;
    right: -24px;
}


/* slide 6*/
.sliderText_6.sliderProducts { padding: 212px 0 212px 0 ;}
.sliderText_6.sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderText_6 { padding: 150px 0;}
.sliderText_6 { padding: 150px 0;}
.sliderText_6  label { color:#34393C; padding-bottom: 15px;}
.sliderText_6 h2, .SliderTextLeft6_ h1 { color: #34393C !important; font-size: 60px;}
.sliderText_6 p { opacity: 0.8; color: #34393C}
.homesliderBtn_6 span { color: #0F1B26; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn_6 span.whiteBtn_ , .homesliderBtn_6 a.whiteBtn_  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #247A79; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn_6 { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn_6 a.whiteBtn_:hover, .homesliderBtn_6 span.whiteBtn_:hover { background-color: rgba(255, 255, 255, .3) !important; color: #fff  !important;} 


a.vc_general::after,
a.vc_general::before,
.videopoup06::after, .videopoup06::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0F1B26;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: -15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup06::after,
.videopoup06::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup06::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup06:hover::before {
    opacity: 1;
    right: -24px;
}



/* slide 7*/
.sliderText_7.sliderProducts { padding: 212px 0 212px 0 ;}
.sliderText_7.sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderText_7 { padding: 150px 0;}
.sliderText_7 { padding: 150px 0;}
.sliderText_7  label { color:#34393C; padding-bottom: 15px;}
.sliderText_7 h2, .SliderTextLeft7_ h1 { color: #34393C !important; font-size: 60px;}
.sliderText_7 p { opacity: 0.8; color: #34393C}
.homesliderBtn_7 span { color: #0F1B26; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn_7 span.whiteBtn_ , .homesliderBtn_7 a.whiteBtn_  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #21B766; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn_7 { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn_7 a.whiteBtn_:hover, .homesliderBtn_7 span.whiteBtn_:hover { background-color: rgba(255, 255, 255, .3) !important; color: #fff  !important;} 


a.vc_general::after,
a.vc_general::before,
.videopoup07::after, .videopoup07::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0F1B26;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: -15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup07::after,
.videopoup07::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup07::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup07:hover::before {
    opacity: 1;
    right: -24px;
}



/* slide 8*/
.sliderText_8.sliderProducts { padding: 212px 0 212px 0 ;}
.sliderText_8.sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderText_8 { padding: 150px 0;}
.sliderText_8 { padding: 150px 0;}
.sliderText_8  label { color:#34393C; padding-bottom: 15px;}
.sliderText_8 h2, .SliderTextLeft8_ h1 { color: #34393C !important; font-size: 60px;}
.sliderText_8 p { opacity: 0.8; color: #34393C}
.homesliderBtn_8 span { color: #0F1B26; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn_8 span.whiteBtn_ , .homesliderBtn_8 a.whiteBtn_  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #118CCB; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn_8 { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn_8 a.whiteBtn_:hover, .homesliderBtn_8 span.whiteBtn_:hover { background-color: rgba(255, 255, 255, .3) !important; color: #fff  !important;} 


a.vc_general::after,
a.vc_general::before,
.videopoup08::after, .videopoup08::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0F1B26;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: -15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup08::after,
.videopoup08::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup08::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup08:hover::before {
    opacity: 1;
    right: -24px;
}



/* slide 9*/
.sliderText_9.sliderProducts { padding: 212px 0 212px 0 ;}
.sliderText_9.sliderProducts h2 {font-weight: 900; font-size: 40px;}
.sliderText_9 { padding: 150px 0;}
.sliderText_9 { padding: 150px 0;}
.sliderText_9  label { color:#34393C; padding-bottom: 15px;}
.sliderText_9 h2, .SliderTextLeft9_ h1 { color: #34393C !important; font-size: 60px;}
.sliderText_9 p { opacity: 0.8; color: #34393C}
.homesliderBtn_9 span { color: #0F1B26; font-weight: 700; position: relative; cursor: pointer;}
.homesliderBtn_9 span.whiteBtn_ , .homesliderBtn_9 a.whiteBtn_  { font-weight: 700; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #6D6AA5; width: 200px; text-align: center; text-decoration: none; height: 57px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.homesliderBtn_9 { display: flex; gap: 30px; align-items: center; padding-top: 10px; }
.homesliderBtn_9 a.whiteBtn_:hover, .homesliderBtn_9 span.whiteBtn_:hover { background-color: rgba(255, 255, 255, .3) !important; color: #fff  !important;} 


a.vc_general::after,
a.vc_general::before,
.videopoup09::after, .videopoup09::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0F1B26;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: -15px;
}

a.vc_general::after,
a.vc_general::before, 
.videopoup09::after,
.videopoup09::before {
    position: absolute;
}

a.vc_general::before, 
.videopoup09::before {
    opacity: 0;
}

a.vc_general:hover::before, 
.videopoup09:hover::before {
    opacity: 1;
    right: -24px;
}




.sligImg {
    transform: translateX(-120px) ;
    -webkit-transform: translateX(-120px) ;
    -moz-transform: translateX(-120px) ;
    -ms-transform: translateX(-120px) ;
    -o-transform: translateX(-120px) ;
}

    .HomepageSlider #carouselExampleIndicators .carousel-indicators { width: 70px; margin: auto; padding: 0 !important; }
    .HomepageSlider #carouselExampleIndicators .carousel-indicators li { padding: 0px  !important; width:8px; height: 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
    .HomepageSlider #carouselExampleIndicators .carousel-inner { margin: 0px !important;}
    .sliderText_diff h2 { font-size: 49px; font-weight: 900;}
    .bannerProductLogo { padding-bottom: 10px;}
    .sliderText_diff { padding: 210px  0 !important;}
    .sliderText_diff .sligImg {  max-width: fit-content !important; width: 902px; height: 494px;}

    h1.timesfont { font-family: 'Times New Roman', Times, serif !important; font-size: 56px !important;}
    .HomepageSlider .row { align-items: center}

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-duration: .6s;
        transition-property: opacity;
       }
       
       .carousel-fade  .carousel-item.active,
       .carousel-fade  .carousel-item-next.carousel-item-left,
       .carousel-fade  .carousel-item-prev.carousel-item-right {
         opacity: 1;
       }
       
       .carousel-fade .active.carousel-item-left,
       .carousel-fade  .active.carousel-item-right {
        opacity: 0;
       }
       
       .carousel-fade  .carousel-item-next,
       .carousel-fade .carousel-item-prev,
       .carousel-fade .carousel-item.active,
       .carousel-fade .active.carousel-item-left,
       .carousel-fade  .active.carousel-item-prev {
        transform: translateX(0);
        transform: translate3d(0, 0, 0);
       }


/*  Start why choose section */



@media (min-width:1000px) {
    .product-highlight-container {
        position: relative
    }

    .product-highlight-grid {
        display: grid;
        grid-template-columns: auto 45%;
        grid-row-gap: 15px;
        grid-column-gap: 45px
    }

    .product-highlight-grid-img-box {
        grid-column: 1;
        grid-row-start: 1;
        opacity: 0;
        transition: 1s opacity
    }

    .product-highlight-grid-img-box .product-highlight-grid-sticky {
        position: sticky;
        position: -webkit-sticky;
        top: 80px;
        display: block
    }

    .product-highlight-grid-img-box.active-box {
        opacity: 1
    }

    .product-highlight-grid-content-box {
        grid-column: 2;
        position: relative
    }

    .uc-section--overflow-visible,
    .uc-section--overflow-visible .uc-section__masked,
    .uc-section--overflow-visible .uc-section__container,
    .uc-section--overflow-visible .uc-section__layoutContainer,
    .uc-section--overflow-visible .uc-section__layout {
        overflow: visible
    }
}

.product-highlight-grid-content-box {
    position: relative
}

.product-highlight-grid-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-out
}

.product-highlight-grid-content-box h4 {
    color: #B2BCC7 !important;
    cursor: pointer;
    font-weight: 800;
    font-size: 24px;
    line-height: 35px;
}

.product-highlight-grid-content-box.active-box h4 {
    color: #32325D !important
}

.product-highlight-grid-content-box:hover h4 {
    color: #32325D !important
}

.product-highlight-grid-content-box.active-box .product-highlight-grid-content {
    max-height: 800px;
    transition: max-height 1.5s ease-in
}

.product-highlight-grid-content-box:before,
.product-highlight-grid-content-box:after {
    position: absolute;
    content: " ";
    display: block;
    top: 0;
    bottom: 0;
    left: -15px;
    width: 2px;
    background-color: #B2BCC7
}

.product-highlight-grid-content-box:after {
    max-height: 0;
    background-color: #0063FF;
    transition: max-height 1.5s ease-out;
    z-index: 1
}

.product-highlight-grid-content-box.active-box:after {
    max-height: 1000px;
    transition: max-height 1.5s ease-in
}

.mobile-view-img {
    display: none
}

.product-highlight-grid-content-box p {
    margin-top: 10px !important;
}

@media (min-width: 1000px) {
    .product-highlight-grid-img-box {
        grid-row-end: 10;
    }
}

.whychooseOUter {
    padding-bottom: 60px;
    padding-top: 65px !important;
    padding-left: 20px;
    padding-right: 20px;
}


/* .freetrial .wpb_column {
    padding-left: 20px !important;
} */


/* End why choose section */

.btnOuter .wpb_wrapper {
    padding: 30px 0 !important;
}

.FeatuerTabOuter  .btnOuter .wpb_wrapper {
    padding:  0 !important;
}



.landingVideoSection .btnOuter .wpb_wrapper {
    padding: 25px 0 !important;
}

.home-videobox img {
    border-radius: 6px;
}

.home-videobox {
    z-index: 2;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .3));
    margin-bottom: -10%;
}

.videosection {
    padding-bottom: 260px;
    margin: 0 -50px;
}

.videosection .wpb_wrapper p {
    padding-right: 40px;
}

.imageoverlay {
    position: absolute;
    z-index: 1000;
    top: 0;
    width: 100%;
    height: 100%;
}

.home-videobox {
    padding-left: 40px;
}

.imageoverlay button,
.imageoverlay .wpb_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-align: center;
}

.imageoverlay button,
.imageoverlay button:focus {
    background: none !important;
}

button:focus {
    border: none !important;
    outline: none;
}

.imageoverlay button:hover i {
    color: inherit !important;
}

.imageoverlay button i,
.overlayBtn i {
    background-color: #0063FF;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    animation: zoom 2s infinite;
}

button.overlayBtn:hover i {
    color: #fff;
    background: #0063FF !important;
}

button.overlayBtn:hover {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    /* background: #0063FF !important; */
}

a:focus,
a:visited {
    outline: none !important;
    text-decoration: none !important
}

@keyframes zoom {
    0% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    50% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        opacity: 0.5;
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}


/* Feature List css */

.product-feature-grid-item {
    background: #FFF;
    box-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0px 3px 7px -3px rgb(0 0 0 / 30%);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 120px auto;
    overflow: hidden;
    position: relative;
}

.product-feature-grid-icon-box {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(0% 0, 75% 0, 100% 50%, 75% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0, 75% 0, 100% 50%, 75% 100%, 0% 100%);
    padding-right: 20%;
}

.product-feature-grid-content-box {
    padding: 30px 10px;
}

.product-feature-grid-hover {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, .9);
    z-index: 1;
    transition: .3s opacity;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #525F7F;
}

a.product-feature-grid-item:hover .product-feature-grid-hover {
    opacity: 1;
    pointer-events: all;
}

.product-feature-grid-icon-box img {
    height: 35px;
    max-width: 35px;
}

p.product-feature-grid-content {
    font-size: 16px;
    line-height: 20px;
    color: #73797D;
    margin: 0;
}

p.product-feature-grid-heading {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
    margin: 0 0 5px 0;
}

.last-grid-item-center .product-feature-grid-item:last-child {
    grid-column: 2;
}

.img-filterdrop {
    filter: drop-shadow(17px 17px 34px rgb(50 50 93 / 40%));
}

.mobileapps {
    padding: 90px 0 0 0;
    margin-bottom: -20%;
}

.img-filterdrop {
    padding: 0 25px;
}

button.overlayBtn {
    position: absolute;
    display: flex;
    width: 100%;
    height: 80%;
    align-items: center;
    justify-content: center;
    top: 0;
    background: none !important;
    border: none !important;
}

button:focus,
button:active,
button:hover {
    border: none !important;
    outline: none !important;
    outline-offset: 0px !important;
    box-shadow: none !important;
    background-color: none !important;
}

.imageoverlay button {
    padding: 0;
    margin: 0;
}

.videosection .vc_column-inner {
    position: relative;
}

.imageoverlay button:hover i,
.imageoverlay:hover i,
.imageoverlay button:focus,
.imageoverlay button:active {
    color: #fff !important;
}

h5.blackTitle {
    color: #000;
}

.mobileapps p {
    margin-top: 20px;
}

.mobileappsContent {
    padding-left: 30px;
}

.blacksection h1,
.blacksection h2,
.blacksection h3,
.blacksection h4,
.blacksection h5 {
    color: #fff !important;
}

.blacksection p {
    color: #adbdcc;
}

h2.size_24 {
    font-size: 24px !important;
}

.gpssupported {
    padding-bottom: 50px;
    padding-top: 300px;
}

.gpssupported p {
    padding-right: 60px;
}

.gpssupported h2.vc_custom_heading {
    padding-bottom: 9px;
}

.padding_bottom_100 {
    padding-bottom: 100px !important;
}

.faqList {
    display: grid;
    grid-template-columns: 1fr;
    background: #fff;
    /* border            : 3px solid #f3f3f3; */
    border-bottom: 0px;
    border-radius: 0px;
    margin: 0;
    /* padding           : 24px 42px; */
}

.faqList .vc_toggle_content {
    margin-bottom: 0px !important;
}

.faqOuter {
    padding: 65px 0px 100px 0px;
}

.faqListing .wpb_wrapper .vc_toggle:first-child {
    -webkit-border-radius: 9px 9px 0 0;
    border-radius: 9px 9px 0 0;
}

.faqListing {
    padding-top: 28px;
}


/* .faqListing .wpb_wrapper .vc_toggle:last-child {
    -webkit-border-radius: 0 0 9px 9px;
    border-radius: 0 0 9px 9px;
    border-bottom: 3px solid #f3f3f3;
} */

.vc_toggle_title>h4 {
    font-size: 20px;
}

.vc_toggle:last-of-type {
    margin-bottom: 0px;
}

.vc_toggle_icon {
    position: absolute;
    left: 0px;
    top: 16px;
    margin: 0;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.vc_toggle_active .vc_toggle_icon {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vc_toggle_content ul {
    padding: 0 0 0 22px;
    margin: 0;
}

.faqOuter h2.vc_custom_heading {
    font-size: 42px;
}

.faqOuter .faqListing h6{
    line-height: 1.4;
    padding-top: 5px;
    font-weight: 400;
    font-size: 16px;

}

#supported-tracker-section {
    transform: skewY(-7deg);
    top: 47px;
    position: absolute;
    right: 0;
    height: 100vh;
    overflow: hidden;
    /* overflow    : hidden; */
    /* margin-top  : -168px;
    transform      : skewY(-6deg); */
    /* padding-left: 50px; */
}

#supported-tracker {
    transform: skewY(6deg);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    /* width : 500px;
    height   : 600px */
}

#supported-tracker-section .vc_single_image-wrapper {
    transform: skewY(6deg);
}

#supported-tracker-section .vc_column-inner {
    /* z-index: 12; */
    height: 100%;
    animation: bottomToTop 35s linear infinite;
    position: relative;
}

@keyframes bottomToTop {
    from {
        bottom: -500px;
    }

    to {
        bottom: 980px;
    }
}

.lightBluesection h5.vc_custom_heading {
    margin-bottom: 20px !important;
}

.lightBluesection .wpb_raw_code {
    padding-top: 20px !important;
}

.uc-section-divider-spindle {
    background: #b3cce6;
}

.collaboratewithusContent p {
    margin-top: 20px;
}

.collaboratewithusContent {
    padding-right: 100px;
}

.header_para {
    padding-top: 25px;
}

.header_para ul {
    padding: 0 0 0 20px;
    margin: 0;
}

.header_para p,
.header_para li {
    color: #fff;
    font-weight: normal;
}


/* @media (min-width: 1700px) {
    .bannerImageOuter {
        height: 500px;
    }
    .homesection01 {
        padding-top: 316px;
    }
} */

.freetrial {
    /* margin-top: 70px; */
    margin-bottom: 70px;
    padding: 20px 0 30px 0;
}

.pm_80 {
    padding-bottom: 80px;
}

.freetrial .vc_column-inner {
    padding-top: 0;
}

.freetrial strong {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.freetrial {
    display: flex;
    align-items: center;
}

.ebookForm label {
    color: #fff;
    font-size: 14px;
    width: 100%;
}

.ebookForm input:focus,
.ebookForm input:active,
.ebookForm input[type="submit"]:focus,
.ebookForm input[type="submit"]:hover {
    outline: none;
    border: none;
}

.ebookForm input[type="text"],
.ebookForm input[type="email"],
.ebookForm input[type="number"],
input#phone-5eb19f4f-b5da-4de6-b568-6cacbb50c44d,
.ebookForm select {
    width: 100%;
    border: none;
    border-radius: 7px;
}

.ebookForm input[type="checkbox"] {
    border: none;
    border-radius: 3px;
    margin-right: 5px;
}

ul.inputs-list {
    padding: 0px 0 0 0;
    margin: 0;
}

ul.inputs-list li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ebookForm input[type="submit"] {
    background-color: #fff !important;
    color: #000 !important;
    border: none;
}

.entry-content-single p {
    text-align: justify;
}

.awardLogo h3 {
    color: #000 !important;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 900;
    padding-bottom: 65px;
}

.heading-list li:after {
    position: absolute;
    content: "\2713";
    left: 0;
    top: 2px;
    color: #1a59e5;
    font-size: 22px;
}

.heading-list li strong,
.highlight-li-item strong {
    color: #3574e3;
    font-weight: 700;
    font-size: 20px;
}

.heading-list {
    list-style: none;
    padding-left: 0;
    font-size: 18px;
}

.heading-list li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    position: relative;
    list-style: none;
}

.fuelsectionBlue h3 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 900 !important;
    color: #007bff !important;
    padding-bottom: 20px;
}

.btnZindex {
    z-index: 1000;
    position: relative;
}

.fuelsectionTwo strong.bigtext {
    font-size: 36px;
    color: #3574e3;
}

.fuelsectionBlue h3 strong {
    color: #7fff00;
    font-weight: 900;
}

.fuelsectionBlueInner {
    position: relative !important;
    padding: 37px 0 37px 0 !important;
    z-index: 2;
}

.fuelsectionBlueInner:before {
    position: absolute;
    content: " ";
    background-image: url(../images/question-white.svg);
    background-size: auto 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: -8%;
    opacity: .8;
    background-position: right center;
    background-repeat: no-repeat;
    z-index: -1;
}

.fuelsectionBlueInner:after {
    position: absolute;
    content: " ";
    background-image: url(../images/ad_bg.svg);
    background-size: 78%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .1;
    background-position: center;
    background-repeat: no-repeat;
}

.fuelsectionBlueInner p {
    color: #fff;
}

.fuelsectionTwo strong {
    color: #3574e3;
}

.fuelsectionTwo strong strong {
    font-size: 36px;
}

.sectionpad-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.sectionpad-72 {
    padding-top: 72px;
    padding-bottom: 72px;
}

.awardLogo img {
    filter: drop-shadow(0 0 5px rgb(0 0 0 / 16%));
    max-height: 77px;
    width: inherit;
    padding: 0 8px;
    border-radius: 20px;
}

.fm-use-case-content-box h3 {
    color: #FFF !important;
    margin-bottom: 15px;
}

.fm-use-case-content-box ul {
    list-style: none;
    padding-left: 0;
    font-size: 18px;
}

ul.fm-use-case-list {
    padding: 0px !important;
    margin: 0px;
}

.wpb_wrapper .fm-use-case-list li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    position: relative;
    color: #FFF !important;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    list-style: none;
}

.featuresection03 {
    padding: 128px 0;
}

.featuresection_box_right .wpb_text_column {
    background-color: #2654C7;
    padding: 40px 50px 40px 40px;
    border-radius: 10px;
    color: #FFF;
    width: 125%;
    margin-left: -130px;
    z-index: 1000;
    /* margin-top   : 55px; */
}

.featuresection_box_left {
    position: relative;
    z-index: 1000;
}

.featuresection_box_left .wpb_text_column {
    padding: 40px 50px 40px 40px;
    border-radius: 10px;
    color: #FFF;
    width: 120%;
    /* margin-top: 55px; */
    position: relative;
    z-index: 100000;
}

h5.vc_custom_heading.Featuresbox {
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700;
    color: #32325d;
    margin-bottom: 20px !important;
}

/* .featuresectionBlueBox .wpb_text_column {
    background-color: #2654C7;
    padding: 40px;
    color: #FFF;
    border-radius: 10px;
    z-index: 2;
    margin-top: 55px;
    position: absolute;
    width: 120%;
    right: 0;
} */


/* .featuresectionBlueBox ul.fm-use-case-list {
    padding-right: 50px !important;
} */

.featuresection_box_right .fm-use-case-heading,
.featuresection_box_left .fm-use-case-heading {
    padding-bottom: 10px;
}

.fm-use-case-list li:after {
    position: absolute;
    content: "\2713";
    left: 0;
    top: 2px;
    color: #FFF;
    font-size: 22px;
}

.fm-use-case-content-box ul {
    list-style: none;
    padding-left: 0;
    font-size: 18px;
}

.featuresection03 img {
    filter: drop-shadow(0px 2px 4px rgb(50 50 93 / 25%)) drop-shadow(0px 16px 10px rgb(163 173 183 / 50%));
    border-radius: 7px;
}

.featuresection03 .vc_row {
    display: flex;
    align-items: center;
}

.featuresection03 .vc_row:not(:first-child) {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #e0e0e0;
}

p.blue {
    color: #0063FF !important;
    font-weight: bold;
}

h4.vc_custom_heading.black {
    color: #000;
    font-weight: 900;
}

.featuresection04 {
    padding: 128px 20px 228px 20px;
}

.FeatureBenefits01,
.FeatureBenefits02,
.FeatureBenefits03,
.FeatureBenefits04 {
    width: 201px;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    padding: 40px 0px 5px 0px;
    border-radius: 10px;
    box-shadow: 0 0 10px -5px #616161;
}

.FeatureBenefits01,
.FeatureBenefits02 {
    height: 286px;
}

.FeatureBenefits03,
.FeatureBenefits04 {
    height: 306px;
}

.FeatureBenefits01:hover,
.FeatureBenefits02:hover,
.FeatureBenefits03:hover,
.FeatureBenefits04:hover {
    background-color: #C8F5FF;
}

.featuresection04_left h5.vc_custom_heading {
    color: #2D518D !important;
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.FeatureBenefits01 {
    left: 160px;
    top: -15px
}

.FeatureBenefits02 {
    right: 135px;
    left: inherit;
    top: 80px;
}

.FeatureBenefits03 {
    left: 160px;
    top: inherit;
    bottom: -50px;
}

.FeatureBenefits04 {
    right: 135px;
    left: inherit;
    top: inherit;
    bottom: -150px;
}

.FeatureBenefitsBg {
    display: flex;
    justify-content: center;
    padding-left: 25px;
}

.FeatureBenefitsBg img {
    width: 508px !important;
    height: 508px !important;
}

.featuresection04_left .wpb_content_element {
    margin: 0px !important;
}

.featuresection04_left p {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #2D518D !important;
    padding-bottom: 15px;
}

.section_padding {
    padding: 37px 0;
}

.sensorList {
    margin-top: 45px;
    padding-top: 80px;
    border-top: 1px solid #e0e0e0;
}

.sensorListFirst {
    padding-top: 80px;
}

.sensorListFirst .wpb_single_image,
.sensorList .wpb_single_image {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.page-id-1961 .InternationalMap {
    padding-top: 50px !important;
}

.page-id-1961 .InternationalContent {
    padding-right: 650px;
    padding-top: 0px !important;
}

.page-id-1961 .bluesection {
    margin: 0 -30px;
}

.testimonialsBox {
    padding: 0px 15px !important;
}

.testimonialsBox .vc_column-inner {
    background-color: #fff;
    border-radius: 7px;
    padding: 20px;
    min-height: 302px;
}

.testimonialsBox p {
    color: #000;
    font-size: 16px;
    line-height: 1.54;
}

.testimonailsName p {
    color: #4678ee;
    font-weight: 700;
    font-size: 13px;
}

.testimonailsName img {
    width: 50px;
    margin: 0 10px 0 0;
}

.testimonailsName p strong {
    color: #000;
    font-size: 18px;
}

.testimonialsBox .wpb_content_element {
    margin-bottom: 20px;
}

.testimonialsOuter {
    padding-bottom: 70px;
    margin-top: -50px;
}

.sensorList img {
    filter: drop-shadow(0px 2px 4px rgb(50 50 93 / 25%)) drop-shadow(0px 16px 10px rgb(163 173 183 / 50%));
}

.featuresOuter,
.margin_60_less {
    margin: 0 -60px !important;
}

.margin_40_less {
    margin: 0 -46px !important;
}

.margin_30_less_left {
    margin: 0 -30px !important;
}

.margin_15_less_left {
    margin: 0 -15px !important;
}

.mobileappimg .vc_column-inner {
    padding: 0px !important;
    margin-left: -20px;
}


/* Product Feature  pages */

.blueinnerHeader01 {
    background: linear-gradient(84.07deg, #006BD6 -.48%, #7DE7E0 130.71%);
    padding: 135px 0 70px 0;
}

.light_breadcrumbs {
    padding: 0 0 32px 0;
}

.light_breadcrumbs .aioseo-breadcrumbs,
.light_breadcrumbs a,
.light_breadcrumbs .aioseo-breadcrumb-separator {
    color: #fff !important;
}

#carouselExampleIndicators_feature {
    padding-bottom: 100px;
}

#carouselExampleIndicators_feature .carousel-inner {
    box-shadow: none !important;
    background: none;
    margin: 0 !important;
}

#carouselExampleIndicators_feature .carousel-indicators {
    justify-content: left;
}

#carouselExampleIndicators_feature .carousel-indicators li {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    margin-right: 0;
    transition: all .4s;
    opacity: 0.6;
}

#carouselExampleIndicators_feature .carousel-indicators .active {
    background-color: #18f;
    color: #fff;
    opacity: 1;
    box-shadow: 2px 2px 5px #d8d7d7;
    border-radius: 6px;
}

#carouselExampleIndicators_feature b {
    color: #425466;
}

#carouselExampleIndicators_feature img {
    height: inherit !important;
}

h2.font_36 {
    font-size: 36px;
}

.padding_9 p {
    padding-top: 9px !important;
}

.padding_20 p {
    padding-top: 20px !important;
}

.beniftsouter .maskContent-2 {
    padding-top: 70px;
}

.beniftsouter h5 {
    color: #0A2540;
    position: relative;
}

.beniftsouter h5:before {
    /* position: absolute; */
    content: " ";
    display: block;
    left: 0px;
    width: 33px;
    height: 30px;
    top: 0;
    bottom: 0;
    opacity: 1;
    background-color: var(#0c6afe, #fff);
    background: -moz-linear-gradient(left, var(#0c6afe, #fff) 0, rgba(125, 185, 232, 0) 100%);
    background: -webkit-linear-gradient(left, var(#0c6afe, #fff) 0, rgba(125, 185, 232, 0) 100%);
    background: linear-gradient(to right, var(#0c6afe, #fff) 0, rgba(125, 185, 232, 0) 100%);
}


/* .page-template-product-layout-01 css */

.page-template-product-layout-01-Outer {
    padding-top: 208px;
    padding-bottom: 100px;
}

.industrial_parent_page_header {
    padding-top: 133px;
}

.headerImgRight .vc_column-inner {
    position: absolute;
    right: -50px
}

.page-template-product-layout-01-Outer h1,
.industrial_parent_page_header h1 {
    font-size: 55px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .015em;
    color: #32325d;
    padding-top: 20px;
    padding-right: 30px;
}

.industrial_parent_page_header p {
    padding-right: 40px;
}

.industrial_parent_page_header {
    padding-bottom: 100px;
}

.industrial_parent_page_header h1 {
    padding-top: 15px;
}

.headerImgRight img {
    box-shadow: 27.1px 62.5px 100px rgb(50 50 93 / 40%);
    border-radius: 10px;
}

.wpb_content_element_pad_none {
    margin: 0px !important;
}

.whyschoose-shadow img {
    filter: drop-shadow(0px 2px 4px rgb(50 50 93 / 25%)) drop-shadow(0px 16px 10px rgb(163 173 183 / 50%));
}

.pt_30 {
    padding-top: 30px !important;
}

.pt_93 {
    padding-top: 93px !important;
}

.pb_30 {
    padding-bottom: 30px !important;
}

.pl_30 {
    padding-left: 30px !important;
}

.pt_40 {
    padding-top: 40px !important;
}

.pt_65 {
    padding-top: 65px !important;
}

.pb_40 {
    padding-bottom: 40px !important;
}

.pl_40 {
    padding-left: 40px !important;
}

.ParentsApp .pt_65 {
    padding-top: 93px !important;
}

.pr_40 {
    padding-right: 40px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.pl_60 {
    padding-left: 60px;
}

.pr_60 {
    padding-right: 60px;
}

.pl_60 {
    padding-left: 60px;
}

.driverapp {
    padding-bottom: 130px;
}

.pb_128 {
    padding-bottom: 128px !important;
}

.pt_128 {
    padding-top: 128px !important;
}

.mb_less_90 {
    margin-bottom: -20%;
}

.f-list-2 {
    width: 50%;
    padding: 30px 25px 0 0;
    float: left;
}

.f-list-3 {
    width: 33%;
    float: left;
}

.ParentsApp .blueBtn {
    margin-top: 15px;
}

.uc-product-feature-grid[data-column='2'] {
    grid-template-columns: repeat(2, 1fr);
}

.ParentsApp .uc-product-feature-grid {
    padding: 25px 0;
}


/* industrial page slider */

.uc-flip-silder {
    position: relative;
    width: 500px;
}

.uc-flip-silder .uc-flip-item {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: 10px;
    overflow: hidden;
    transform-origin: top center;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 38%);
    opacity: 0;
}

.uc-flip-silder .uc-flip-item.uc-flip-item-flipanimation {
    transition: 1s transform, 2s opacity;
    transform-origin: bottom center;
    transform: perspective(3000px) scale(1.0) rotateX(-90deg);
    z-index: 500;
}

.uc-flip-silder .uc-flip-bg-item {
    /* padding-bottom: 56.25%; */
    padding-bottom: 75%;
    overflow: hidden;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.uc-flip-silder .uc-flip-item.uc-flip-item-actived {
    opacity: 1;
}

.uc-flip-item.uc-flip-item-active {
    box-shadow: 27.1px 62.5px 125px -25px rgb(50 50 93 / 50%), 16.2px 37.5px 75px -37.5px rgb(0 0 0 / 60%);
}

.uc-flip-1 .uc-flip-item[data-scale-index='0'] {
    transform: perspective(3000px) scale(1) translateY(-0px);
    z-index: 3;
    opacity: 1;
}

.uc-flip-1 .uc-flip-item[data-scale-index='1'] {
    transform: perspective(3000px) scale(0.9) translateY(-15px);
    z-index: 2;
    opacity: 1;
}

.uc-flip-1 .uc-flip-item[data-scale-index='2'] {
    transform: perspective(3000px) scale(0.8) translateY(-30px);
    z-index: 1;
    opacity: 1;
}

.uc-flip-1 .uc-flip-item[data-scale-index='3'] {
    transform: perspective(3000px) scale(0.7) translateY(-45px);
    z-index: 0;
    opacity: 1;
}

[data-href],
a {
    cursor: pointer;
    outline: none;
    transition: all .5s
}

a[data-anima],
a[data-toggle] {
    display: inline-block
}

.uc-product-map-image {
    display: flex;
    justify-content: center;
}

.uc-product-map-image img {
    max-width: 250px !important;
    height: 100% !important;
    border-radius: 20px;
}

.uc-flip-silder-content {
    padding: 10px;
    margin-top: 40px;
}


/* End industrial page slider */

.flipbannerOuter .vc_column-inner {
    position: absolute;
    right: -40px;
}

.margin_none {
    margin: 0px !important;
}

.purpleBtn a,
p.purple {
    color: #73f !important;
}

p.blue {
    color: #0063FF !important;
}

p.green,
.greenBtn a,
.greenBtn a::after,
.greenBtn a::before {
    color: #24B47E !important;
}

p.greenDarkBtn,
.greenDarkBtn a,
.greenDarkBtn a::after,
.greenDarkBtn a::before {
    color: #0bb649 !important;
}

p.purple {
    font-weight: bold;
}

.instrialbeniftsouter h5.vc_custom_heading {
    margin-top: 18px !important;
    font-size: 16px !important;
    position: relative;
    color: #0A2540 !important;
    margin-bottom: 10px !important;
}

.instrialbeniftsouter p {
    padding-right: 80px;
}

.instrialbeniftsouter p.vc_custom_heading {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 35px;
}

.instrialbeniftsouter .uc-industry-grid p {
    padding-right: 20px;
}

.uc-industry-grid {
    padding-top: 77px;
    padding-bottom: 128px;
}

.uc-industry-grid img {
    height: 28px !important;
}

.instrialbeniftsouter h5.vc_custom_heading:before {
    position: absolute;
    content: " ";
    left: -10px;
    width: 5px;
    top: 0px;
    bottom: 0px;
    background-color: #E4D6FF;
}

.instrialbeniftsouter h5.vc_custom_heading.greensTitle:before {
    background-color: #CEF0DB;
}

.instrialbeniftsouter h5.vc_custom_heading.bluleTitle:before {
    background-color: #CCE0FF;
}

.section {
    padding-top: 94px;
}

.indstrial_feature_outer {
    padding-bottom: 90px;
}

.indstrial_feature {
    padding-top: 70px;
    align-items: center;
    display: flex;
    margin: 0 -22px 0 0px;
}

.indstrial_feature .vc_column-inner {
    padding: 0;
}


/* .indstrial_feature p {
    font-size: 16px;
    line-height: 25px;
} */

.indstrial_feature h3.vc_custom_heading {
    font-weight: 800;
    padding-top: 10px;
    padding-bottom: 15px;
}

.indstrial_right_img img {
    filter: drop-shadow(0px 2px 4px rgb(50 50 93 / 25%)) drop-shadow(0px 16px 10px rgb(163 173 183 / 50%));
}

.indstrial_left p {
    padding-right: 60px;
}

.getintouch {
    padding-top: 93px;
}

.getstarted-use-case {
    padding-top: 37px;
}

.industrial_section_overlap {
    margin-bottom: -40%;
}

.indstrial_feature_last_overlap {
    align-items: inherit
}

.industrial_features_right_content {
    padding-left: 60px;
}

.industrial_features_left_img {
    margin-left: -7px;
}

h5,
.h5 {
    letter-spacing: normal;
}

#solutionsSection .maskContent-2 {
    padding-left: 0px;
}

.images_slider .owl-stage-outer {
    padding-bottom: 0px;
}

.industriesOuterHomepage .owl-carousel-Outer {
    padding-bottom: 100px;
    padding-top: 30px;
}

.uffizio-home-section {
    background-size: 100% 315px;
    background-position: -200px;
    padding-top: 150px;
}

.bannerImageOuter {
    height: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-id-1961 .bannerImageOuter {
    background-position: top;
}

.videoboxImg {
    overflow: hidden;
    height: 430px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.page-template-header_01 .videoboxImg {
    height: 430px;
}

.page-template-header_02 .videoboxImg {
    height: 500px;
}

.productpageHeader {
    padding-top: 255px;
    z-index: 5;
    position: relative;
}

.bannerRight {
    padding-bottom: 150px;
}

.productpageHeader h1 {
    font-size: 46px;
    line-height: 1.3;
    color: #fff;
    font-weight: 900;
}

.vc_custom_1654791221500 {
    padding-top: 0 !important;
}


/* .productpageHeader .section01Content {
    padding-bottom: 80px !important;
} */

.breadcrumbsOuter {
    border: none;
    font-weight: 600;
    font-size: 15px;
}

.single .breadcrumbsOuter a {
    color: #000 !important;
}

.single .breadcrumb_last {
    color: #777;
    opacity: .7;
}

.aioseo-breadcrumbs a,
.aioseo-breadcrumbs {
    color: #fff;
}

.aioseo-breadcrumbs .aioseo-breadcrumbs:last-child {
    color: #fff;
    opacity: 0.7;
}

input.wpcf7-submit {
    background-color: #5584ff !important;
    color: #fff !important;
    border-radius: 7px !important;
}

.indstrial_left img,
.industrial_features_right_content img {
    width: 40px !important;
    max-width: 40px !important;
    height: inherit;
}


/* Blog css  */

.resource-grid {
    display: grid;
    grid-template-columns: 260px 1fr;
    column-gap: 50px;
    grid-template-rows: auto 1fr;
}

.BLogListingOuter {
    padding: 70px 15px;
}

.widget_newsletterwidgetminimal {
    padding-top: 15px
}

.tnp-widget-minimal input.tnp-email {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #444;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 40px;
    border-radius: 3px !important;
    background: none !important;
}

.tnp-widget-minimal input.tnp-submit {
    padding: 9px 35px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    color: #fff !important;
    background: #1a59e5 !important;
    display: inline-block;
    width: inherit !important;
    border: none;
    border-radius: 3px !important;
    font-family: "Inter", serif !important;
}

h2.border-bottom {
    border: none !important;
    border-top: solid 1px #d6d6d6 !important;
    padding-top: 15px;
    padding-bottom: 10px;
}

.cate-name {
    font-size: 50px;
    font-weight: bold;
    line-height: 60px;
}

.resource-content-data-items-box {
    grid-row: 2;
    grid-column: 1 / span 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.postListCateWise .cate-post {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 4px solid #000;
    display: grid;
    grid-row-gap: 20px;
}

.postListCateWise .cate-post:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}

.cate-name {
    grid-row: 1;
    grid-column: 1;
}

.resource-content-data-view-all {
    font-size: 20px;
    font-weight: 700;
    display: flex;
    justify-content: end;
    align-items: center;
}

.resource-content-data-view-all a {
    color: #000;
    position: relative;
    padding-right: 30px;
}

.resource-content-data-view-all a::before,
.resource-content-data-view-all a::after {
    color: #000;
    top: -1px;
    right: 5px;
    font-size: 22px;
}

.resource-content-data-view-all a::before {
    opacity: 0;
}

.resource-content-data-view-all a:hover:before {
    opacity: 1;
    right: -5px;
}

.pagination,
.comments-pagination {
    border: none;
}

.pagination .nav-links a {
    color: #585858;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 15px 0;
}

.pagination .nav-links a:hover {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.pagination .nav-links>*.current {
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 10px rgb(0 0 0 / 18%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    /* margin-top  : -5px; */
    /* line-height : 32px; */
    background: #fff !important;
    color: #0063FF;
    text-align: center;
    margin: 5px 0 0 0;
    text-decoration: none;
}

.nav-links svg {
    width: 15px !important;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.site textarea:focus {
    outline: none !important;
}

.site .button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
    outline: none !important;
}

.resource-detail-grid {
    grid-template-columns: 1fr 260px;
}

.resource-detail-grid .resource-content-type {
    grid-row: 1;
    grid-column: 2;
}

.resource-detail-grid .resource-content-data {
    grid-row: 1/ span 2;
    grid-column: 1;
}

figure.post-thumbnail {
    width: 100% !important;
}

.resources-form-container {
    grid-row: 1;
    grid-column: 2;
    box-shadow: 0 10px 20px -3px rgb(50 50 93 / 25%), 0 18px 36px -18px rgb(0 0 0 / 30%), 0 -12px 36px -8px rgb(0 0 0 / 3%);
    padding: 30px;
    border-radius: 10px;
}

.resource-detail-grid[data-form=true] {
    grid-template-columns: 1.5fr 1fr;
}

.resource-grid h2 {
    font-size: 22px;
    font-weight: 700;
}

.hs-form-booleancheckbox-display p {
    font-size: 11px !important;
    line-height: inherit;
}


.resources-form-container input[type=submit] {
    background-color: #0063FF !important;
    border-radius: 16px !important;
    color: #fff !important;
    margin-top: 20px;
    padding: 6px 15px !important;
    font-size: 15px;
    border: none !important;
    opacity: 1;
}

.resources-form-container {
    max-width: 500px;
}

.hs-form .hs-error-msgs label {
    color: #f00;
    font-weight: 400;
    font-size: 14px;
    margin: 0px !important;
}



/* plan page css */

.toggler {
    color: #0063FF;
    transition: .2s;
    font-weight: bold;
}

.recommended {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 1000;
}

.toggler--is-active {
    color: #9D1726;
}

.b {
    display: block;
}

.toggle {
    position: relative;
    width: 80px;
    height: 35px;
    border-radius: 100px;
    background-color: #9D1726;
    overflow: hidden;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6;
}

.check:checked~.switch {
    right: 2px;
    left: 57.5%;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: .08s, 0s;
}

.switch {
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 57.5%;
    background-color: #fff;
    border-radius: 36px;
    z-index: 1;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: 0s, .08s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.pricing-columns #pricing-chart #smaller-plans,
.pricing-columns-both #pricing-chart #smaller-plans {
    display: block;
}

.pricing-columns #pricing-chart .plan .price .slash,
.pricing-columns-both #pricing-chart .plan .price .slash {
    font-weight: 600;
    left: -2px;
}

.pricing-columns #pricing-chart .plan .price .month,
.pricing-columns-both #pricing-chart .plan .price .month {
    font-weight: 600;
    left: -7px;
}

.pricing-columns #pricing-chart .plan ul,
.pricing-columns-both #pricing-chart .plan ul {
    padding: 0 18px;
    margin-bottom: 40px;
}

.pricing-columns #pricing-chart .plan ul li,
.pricing-columns-both #pricing-chart .plan ul li {
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
}

.pricing-columns #pricing-chart .plan a.sign-up,
.pricing-columns-both #pricing-chart .plan a.sign-up {
    width: 100%;
    padding: 13px;
    background-color: white;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #9e9e9e;
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    clear: left;
    letter-spacing: 1.5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.pricing-section .sign-up {
    padding: 17px 50px;
    text-transform: uppercase;
    background-color: #93cc76;
    color: white;
    letter-spacing: 0.1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    white-space: pre;
    padding-left: 100px;
    padding-right: 100px;
    margin-top: 30px;
}

.pricing-columns #pricing-chart .popular a.sign-up,
.pricing-columns-both #pricing-chart .popular a.sign-up {
    background-color: #9D1726;
    border: none;
    color: #ffffff;
}

.pricing-columns #pricing-chart .popular .price .amount,
.pricing-columns-both #pricing-chart .popular .price .amount {
    font-size: 60px;
}

.pricing-columns #pricing-chart .popular,
.pricing-columns-both #pricing-chart .popular {
    width: 274px;
    position: relative;
    top: -30px;
    background-color: white;
    margin-left: -2px;
    right: 0;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.pricing-columns #pricing-chart .popular:before,
.pricing-columns-both #pricing-chart .popular:before {
    width: 274px;
    background-color: #9D1726;
    height: 7px;
}

.pricing-columns #pricing-chart .popular a.sign-up,
.pricing-columns-both #pricing-chart .popular a.sign-up {
    background-color: #9D1726;
    border: none;
    color: #ffffff;
}

.pricing-columns #pricing-chart .popular .price .amount,
.pricing-columns-both #pricing-chart .popular .price .amount {
    font-size: 60px;
}

.bandwidth {
    display: block;
    color: #9e9e9e;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: -90px;
}

.pricing-columns #pricing-chart .popular p.pop-plan,
.pricing-columns-both #pricing-chart .popular p.pop-plan {
    color: #454545;
    font-size: 16px;
    margin-bottom: 45px;
}

.pricing-columns #pricing-chart .popular .price,
.pricing-columns-both #pricing-chart .popular .price {
    margin-bottom: 0px;
}

.pricing-columns #pricing-chart .plan a.sign-up:hover,
.pricing-columns-both #pricing-chart .plan a.sign-up:hover {
    border: 0;
    color: #fff;
    opacity: 0.8;
}

.hide {
    display: none;
}

.plan-colom-outer {
    display: grid;
    grid-template-columns: 350px 350px;
    grid-column-gap: 0;
    font-size: 16px;
    margin: 0;
    grid-column: 1 / span 2;
    justify-content: center;
}


/* .plan-colom-outer {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 0;
        font-size: 16px;
        margin: 0;
        grid-column: 1 / span 2;
    } */

.plan-header {
    color: #fff;
}

.plan {
    position: relative;
}

.plan-name {
    padding: 14px 0;
    background: #01a2fd;
    /* Old browsers */
    background: -moz-linear-gradient(top, #01a2fd 0%, #0080c9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #01a2fd 0%, #0080c9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #01a2fd 0%, #0080c9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#01a2fd', endColorstr='#0080c9', GradientType=0);
    /* IE6-9 */
    font-weight: 700;
    font-size: 24px;
    line-height: 114.97%;
    /* identical to box height, or 28px */
    text-align: center;
    text-transform: capitalize;
}

.green-name {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01b57f+0,058b63+100 */
    background: #01b57f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #01b57f 0%, #058b63 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #01b57f 0%, #058b63 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #01b57f 0%, #058b63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#01b57f', endColorstr='#058b63', GradientType=0);
    /* IE6-9 */
}

.pricing-section {
    padding: 0px;
    box-shadow: 0 5px 10px -3px rgb(50 50 93 / 25%), 0 9px 18px -9px rgb(0 0 0 / 30%), 0 -12px 36px -8px rgb(0 0 0 / 7%);
    overflow: visible;
    background-color: #fff;
    position: relative;
    z-index: 1000;
    margin: -300px auto 100px auto;
    text-align: center;
    width: 700px;
    display: flex;
    justify-content: center;
}

.price {
    background-image: url(../images/plan-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 200px;
    background-position: 50% -1px;
}

.blue_pricing .price {
    background-image: url(../images/plan-blue.svg);
}

.green_pricing .price {
    background-image: url(../images/plan-green.svg);
}

.purple_pricing .price {
    background-image: url(../images/plan-purple.svg);
}

.yellow_pricing .price {
    background-image: url(../images/plan-yellow.svg);
}

.amount,
.amount-number,
.month {
    color: #fff;
}

.amount-number {
    font-weight: 700;
    line-height: 94px;
}

.price-green {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#10ab7c+0,07a073+100 */
    background: #10ab7c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #10ab7c 0%, #07a073 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #10ab7c 0%, #07a073 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #10ab7c 0%, #07a073 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#10ab7c', endColorstr='#07a073', GradientType=0);
    /* IE6-9 */
}

.amount {
    font-size: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 7px;
}

.dollar {
    font-size: 32px;
    padding-top: 10px;
    padding-right: 7px;
}

.your-save {
    padding: 15px 0;
    color: #A5B6C6;
    font-weight: 500;
}

.price-button a {
    background: #0063FF;
    border-radius: 30px;
    color: #fff;
    padding: 8px 25px;
    font-weight: 700;
    margin-top: 15px;
    display: inline-block;
}

.price-button a:hover {
    text-decoration: none;
}

.price-feature-title {
    padding: 50px 60px;
    color: #525F7F;
    text-align: center;
}

.plan {
    border-right: 0.5px solid #E3EFF4;
    padding: 7px;
}

.plan-colom-outer .plan:last-child {
    border-right: none;
}

.plan ul li {
    position: relative;
}

.tooltip-list {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 8px;
}

.tooltip-list .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #38544C;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    right: -14px;
    line-height: 21px;
    bottom: 40px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.yellow_pricing .tooltip-list .tooltiptext {
    background-color: #705907;
}

.tooltip-list:hover .tooltiptext {
    visibility: visible;
}

.tooltiptext::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #38544C;
    position: absolute;
    bottom: -10px;
    right: 15px;
}

.yellow_pricing .tooltip-list .tooltiptext:after {
    border-top: 10px solid #705907;
}

.plan ul li {
    padding: 0 0 0 25px;
}

.purple-name {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ba68e0+0,aa4dd6+100 */
    background: #ba68e0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ba68e0 0%, #aa4dd6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ba68e0 0%, #aa4dd6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ba68e0 0%, #aa4dd6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ba68e0', endColorstr='#aa4dd6', GradientType=0);
    /* IE6-9 */
}

.yellow-name {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc34f+0,df9200+100 */
    background: #ffc34f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffc34f 0%, #df9200 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffc34f 0%, #df9200 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffc34f 0%, #df9200 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc34f', endColorstr='#df9200', GradientType=0);
    /* IE6-9 */
}

.price-purple {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ba68e0+0,aa4dd6+100 */
    background: #ba68e0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ba68e0 0%, #aa4dd6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ba68e0 0%, #aa4dd6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ba68e0 0%, #aa4dd6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ba68e0', endColorstr='#aa4dd6', GradientType=0);
    /* IE6-9 */
}

.price-yellow {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fabc43+0,df9200+100 */
    background: #fabc43;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fabc43 0%, #df9200 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fabc43 0%, #df9200 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fabc43 0%, #df9200 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fabc43', endColorstr='#df9200', GradientType=0);
    /* IE6-9 */
}

.your-save {
    min-height: 80px;
}

.toogleOuter {
    display: flex;
    justify-content: center !important;
    padding: 30px 0 0 0;
}

p.gray {
    color: #A5B6C6;
}

.planBtnOuter {
    display: flex;
    position: relative;
    justify-content: center;
    margin-top: 45px;
}

.planBtnInner {
    background-color: #fff;
    color: #0063FF;
    border-radius: 40px;
    /* padding      : 10px 0px 10px 0px; */
    cursor: pointer;
    position: relative;
}

.planBtnInner .toggle {
    display: none;
}

.planBtnInner label {
    margin: 0px;
}

.toggler {
    padding: 10px 15px;
    cursor: pointer;
    font-size: 15px;
}

.yeartoolge.toggler--is-active {
    margin-right: -2px;
}

.monthtoolge.toggler--is-active {
    margin-left: -2px;
}

label.monthtoolge {
    padding: 10px 10px 10px 25px;
}

label.yeartoolge {
    padding: 10px 25px 10px 15px;
}

.toggler.toggler--is-active {
    background-color: #0063FF;
    color: #fff;
    padding: 10px 30px 10px 30px;
    border-radius: 50px;
}


/* .toggler .pricesave {
    display: none;
} */

.toggler.toggler--is-active .pricesave {
    display: block;
}

.pricesave {
    position: absolute;
    left: 110%;
    top: 10px;
    width: 100%;
    color: #FAAA1E;
    font-size: 16px;
    font-weight: normal;
}

.pricesave::before {
    content: "";
    width: 200px;
    height: 200px;
    position: absolute;
    top: -57px;
    left: -57px;
    background-image: url(../images/pricesave.png);
    background-repeat: no-repeat;
}

.plan-colom-outer ul {
    padding: 0 33px 33px 33px;
    margin: 0px;
}

.plan-colom-outer ul li {
    list-style: none;
    padding: 8px 20px 8px 25px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    /* identical to box height, or 21px */
    color: #32325D;
    text-align: left;
    position: relative;
    font-size: 15px;
}

.plan-colom-outer ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 free";
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 10px;
}

.price-feature-title {
    color: #525F7F;
    font-weight: 800;
}

.blue_pricing ul li::before {
    color: #50C3FF;
}

.green_pricing ul li::before {
    color: #01B57F;
}

.purple_pricing ul li::before {
    color: #BA68E0;
}

.yellow_pricing ul li::before {
    color: #FAAA1E;
}

.fleetRight {
    position: relative;
}

.fleetRight .vc_custom_1655116561558 {
    position: absolute;
    right: -100px;
    width: 596px;
    top: -120px;
}

.freeImg {
    position: absolute;
    left: -150px;
    top: -55%;
}

.freeImg img {
    height: 320px !important;
}

.freetiral_left_content {
    padding-left: 300px;
}

.freetrialBtn .vc_column-inner {
    padding-top: 0px !important;
}

.freetrialBtn .vc_btn3-container {
    margin: 0px !important;
}

.container .vc_row:first-child,
.freetrial {
    overflow: visible !important;
}

.IndustriesSliderOuter .owl-nav {
    top: 34%;
}

.thumb {
    height: 188px;
    overflow: hidden;
}


/* .Imgthumb img {
    max-width: inherit !important;
} */

.busImg img,
.Noshadow img {
    filter: none !important;
    box-shadow: none !important;
    background: none !important;
}

.busImg {
    position: absolute;
    z-index: 1;
    left: -161px;
    bottom: -6px;
    width: 671px;
}

.footerdivider .maskbg__background {
    transform: skewY(-4deg) translateY(var(--sectionTranslateY, 0));
}

.navigation .nav-links .dots {
    margin-top: 0px !important;
}

.mobileView {
    display: none
}

.imgshadow img {
    filter: drop-shadow(0px 2px 4px rgb(50 50 93 / 25%)) drop-shadow(0px 16px 10px rgb(163 173 183 / 50%));
}

.mobile-blog-cate,
.mobile-blog-cate-tag {
    display: none;
}

.tag_icon {
    padding-left: 12px;
}

.cat-links,
.edit-link {
    display: none !important;
}

.wp-block-tag-cloud a {
    display: block;
}

.normalContentPage {
    padding-top: 70px;
    padding-bottom: 70px;
}

.normalContentPage h2.vc_custom_heading {
    font-weight: 800;
}

.normalContentPage ol {
    padding-top: 25px;
}

.normalContentPage ol p {
    padding-top: 10px;
}

.normalContentPage h4 {
    font-weight: 800;
    font-size: 24px;
    line-height: 35px;
    padding-top: 26px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
    font-weight: 800 !important;
}

button.close {
    background-color: #0063FF !important;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 16px;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 20px;
    top: 20px;
}

.page-id-1325 .page-heading {
    text-align: center;
}

.page-id-1325 .formInner,
.page-id-5053 .formInner {
    margin-top: -80px;
    border-radius: 10px;
    margin-bottom: 80px;
}

.page-id-5053 .page-heading, .page-id-21749  .page-heading {
    display: none;
}

.videoPopup .modal-header {
    margin-top: 50px;
}

.videoPopup button.close {
    color: #fff !important;
    right: 20px;
    top: 20px;
    background-color: #0063FF !important;
}

.error-404-outer a {
    color: #fff;
    text-decoration: underline;
}

.search_bar input {
    border: solid 1px #eee;
    padding: 8px 10px !important;
    position: relative;
    margin: 0;
}

.search_bar form {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.search_bar button {
    background-color: #f4f9fe !important;
}

.search_bar i {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 45px;
    border: 0 solid #f4f9fe;
    background: #f4f9fe;
    text-align: center;
    color: #555;
    cursor: pointer;
    font-size: 20px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gps-tracker-outer {
    padding: 50px 0 50px 0;
}

table {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #425466;
}

table a {
    color: #425466;
}

table thead th {
    padding: 15px;
    color: #425466;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: left;
}

.innerpageHeader-defult img {
    width: auto !important;
    max-width: auto !important;
    height: inherit !important;
}

.innerpageHeader-defult .row {
    align-items: center;
}

.rightImg {
    display: flex;
    justify-content: center;
}

.header-cate-name,
.header-cate-name a {
    color: #fff;
    font-weight: bold;
}

.gps_tracker-template-default .header_para {
    padding-top: 10px;
}

.customeUrl a {
    color: #fff;
}

.customeUrl a {
    position: relative;
}

.customeUrl a:after,
.customeUrl a:before {
    position: absolute;
    right: -17px;
    top: 0px;
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    opacity: 1;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}

.customeUrl a:before {
    opacity: 0;
}

.customeUrl a:hover:before {
    opacity: 1;
    right: -23px;
}

#carouselExampleIndicators3 .carousel-inner {
    -webkit-box-shadow: 0 0 0 0 #FFFFFA;
    box-shadow: 0 0 0 0 #FFFFFA;
}

#carouselExampleIndicators3 .carousel-indicators {
    justify-content: flex-start !important;
}

#carouselExampleIndicators3 table,
#carouselExampleIndicators3 table td,
#carouselExampleIndicators3 table th {
    border: none !important;
}

#carouselExampleIndicators3 table thead th {
    border-bottom: 2px solid #9daac7 !important;
}

#carouselExampleIndicators3 table thead td {
    border-bottom: 1px solid #9daac7 !important;
}

.formInner label span {
    color: red;
}

.homePageSliderLeft {
    padding-top: 40px !important;
    padding-left: 0px !important;
}

.homePageSliderLeft .vc_column-inner {
    padding-left: 0px !important;
}

.page-id-1961 .awardLogo {
    box-shadow: none;
    padding: 90px 0 50px 0;
    margin: 0;
}

.page-id-1961 .Internationalcounter {
    padding-left: 15px;
}

.bannerRight-fuel-management .vc_column-inner {
    position: absolute;
    right: -112px;
    top: 25px;
    width: 606px;
}

.bannerRight-tire-management .vc_column-inner {
    position: absolute;
    right: -64px;
    top: 30px;
    /* width: 519px; */
}

.featureHeaderLeft {
    padding-bottom: 70px;
}

.tire-page-header h1 span {
    color: #00B2FF;
}

.fuel-manage-page-header h1 span {
    color: #7fff00;
}

.innerpageHeaderBasic h1 {
    font-size: 62px;
}

.tire-page-LeftTop {
    width: 320px;
    animation-name: tire_page_LeftTop;
}

@keyframes tire_page_LeftTop {
    0% {
        left: -100px;
        top: 0;
        opacity: 0;
    }

    100% {
        left: -42px;
        top: 0px;
        opacity: 1;
    }
}

.tire-page-Leftbottom {
    width: 400px;
    animation-name: tire_page_Leftbottmo;
}

@keyframes tire_page_Leftbottmo {
    0% {
        left: -150px;
        bottom: -130px;
        opacity: 0;
    }

    100% {
        left: -80px;
        bottom: -80px;
        opacity: 1;
    }
}

.tire-page-rightTop {
    width: 172px;
    animation-name: tire_page_rightTop;
}

@keyframes tire_page_rightTop {
    0% {
        right: -150px;
        bottom: -130px;
        opacity: 0;
    }

    100% {
        right: -52px;
        bottom: -40px;
        opacity: 1;
    }
}

.graysection {
    background-color: #F6F9FC;
    padding: 90px 0 100px 0;
}


/* gps Tracker   */

.gps_detail_listing .carousel-indicators {
    justify-content: flex-start;
}

.gps_detail_listing .carousel-indicators li {
    background-color: #fff !important;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    padding: 21px 20px 20px !important;
    border-radius: 6px;
}

.gps_detail_listing .carousel-indicators li.active {
    background-color: #f4f9fe !important;
}

.gps_detail_listing .carousel-inner {
    box-shadow: none !important;
}

.gps_detail_listing .table,
.gps_detail_listing .table thead th,
.gps_detail_listing .table td {
    border: none !important;
}

.gps_detail_listing .table thead th {
    border-bottom: solid 2px #9daac7 !important;
}

.gps_detail_listing .table td {
    border-bottom: solid 1px #9daac7 !important;
    padding: 7px 12px;
}

.tac {
    text-align: center;
}

.uc-gps-tracker-category {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    margin-top: 80px;
}

.uc-gps-tracker-category-item {
    background: #FFF;
    box-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0px 3px 7px -3px rgb(0 0 0 / 30%);
    border-radius: 10px;
    overflow: hidden;
}

.uc-category-grid-box {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-column-gap: 30px;
    padding: 25px 25px 25px 0;
    height: 100%;
}

.uc-category-grid-box * {
    font-size: 16px;
    line-height: 30px;
}

.uc-category-grid-img-box {
    transform: translateX(-20%);
    transition: all .5s;
}

.uc-category-grid-box h4 {
    margin-bottom: 10px;
    color: #0e1a35 !important;
    font-weight: 800;
}

.uc-category-grid-box p {
    margin: 0;
}

.uc-category-grid-img-box {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    transform: translateX(-20%);
}

.uc-gps-tracker-category-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 17px 20px -2px rgb(20 45 100 / 15%);
}

.uc-gps-tracker-category-item:hover .uc-category-grid-img-box {
    transform: translateX(0%);
}


/* Tire management  */

.tms-features-outer {
    /* position: absolute; */
    left: 0;
    right: 0;
    z-index: 1;
}

.tiremanagementImg {
    z-index: 10;
    position: relative;
}

.tiremanagementImg img {
    width: 261px !important;
    height: 320px !important;
}

.tms-features {
    position: relative;
    text-align: center;
}

.tms-features>img {
    z-index: 1;
    position: relative;
    margin-top: 22px;
    margin-left: 15px;
    margin-bottom: 30px;
    max-height: 320px;
    width: 262px;
}

.tms-features span:nth-of-type(1) {
    top: 4%;
}

.tms-features span:nth-of-type(2) {
    top: 4%;
}

.tms-features span:nth-of-type(3) {
    top: 44.5%;
}

.tms-features span:nth-of-type(4) {
    top: 44.5%;
}

.tms-features span:nth-of-type(5) {
    top: 97%;
}

.tms-features span:nth-of-type(6) {
    top: 97%;
}


/* .tms-features span:nth-of-type(1) {
    top: -3%;
}

.tms-features span:nth-of-type(2) {
    top: -3%;
}

.tms-features span:nth-of-type(3) {
    top: 44.5%;
}

.tms-features span:nth-of-type(4) {
    top: 44.5%;
} */

.tms-features span:nth-of-type(1) label:after {
    border-right: 1px dashed #2196f3;
    transform: translateX(10px) skewX(20deg);
}

.tms-features span:nth-of-type(2) label:after {
    border-left: 1px dashed #2196f3;
    transform: translateX(-10px) skewX(-20deg);
}

.tms-features span:nth-of-type(5) label:after {
    border-right: 1px dashed #2196f3;
    transform: translateX(10px) skewX(-20deg);
    top: auto;
    bottom: calc(50% - 1px);
    border-top: 0;
    border-bottom: 1px dashed #2196f3;
}

.tms-features span:nth-of-type(6) label:after {
    border-left: 1px dashed #2196f3;
    transform: translateX(-10px) skewX(20deg);
    top: auto;
    bottom: calc(50% - 1px);
    border-top: 0;
    border-bottom: 1px dashed #2196f3;
}

.tms-features span:nth-of-type(odd) {
    right: 73%;
    transform: translateY(-50%);
    text-align: right;
}

.tms-features span:nth-of-type(even) {
    left: 73%;
    transform: translateY(-50%);
    text-align: left;
}

.tms-features span {
    position: absolute;
    font-size: 16px;
    color: #020202;
    padding: 2px 0;
    border-radius: 6px;
    max-width: 130px;
}

.tms-features span label:after {
    position: absolute;
    content: " ";
    top: calc(50% - 1px);
    height: 50px;
    width: 150px;
    border-top: 1px dashed #2196f3;
    z-index: -1;
    left: calc(100% + 10px);
    border-color: #2196f3;
}

.tms-features span:nth-of-type(even) label:after {
    left: auto;
    right: calc(100% + 10px);
}

.tms-features {
    background: url(../images/f);
}

.tire-section-02 h2.vc_custom_heading {
    padding-bottom: 100px;
}

.tire-section-02 a.vc_general {
    margin-top: 50px;
}

.tms-content-box-outer h3.vc_custom_heading {
    color: #000 !important;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 900;
    padding-bottom: 70px;
}

.tms-content-box .vc_column-inner {
    border-radius: 20px;
    padding: 50px !important;
    border-bottom-left-radius: 0;
}

.tms-content-box-outer .wpb_wrapper .tms-row-box:nth-child(odd) .tms-content-box .vc_column-inner {
    border-radius: 20px;
    padding: 50px !important;
    border-top-right-radius: 0;
}

.tms-content-box h3.vc_custom_heading {
    color: #fff !important;
    padding-bottom: 0px !important;
}

.tms-content-box ul {
    list-style-type: none;
    padding: 0;
    margin: 30px auto 0;
}

.tms-content-box ul li {
    color: #fff !important;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 20px;
}

.tms-content-box ul li img {
    width: auto !important;
    max-height: 30px !important;
    margin-right: 10px;
}

.tms-content-box ul li+li {
    border-top: 2px solid #000;
    padding-top: 20px;
    font-size: 16px !important;
    margin-top: 10px;
    border-color: rgba(0, 0, 0, .1);
}

.tms-content-box .wpb_content_element {
    margin-bottom: 0px;
}

.tms-row-box {
    align-items: center;
    display: flex;
}

.awardLogo_normal h3.vc_custom_heading {
    font-size: 32px;
    font-weight: 900;
    padding-bottom: 50px;
}

.filter-drop-shadow img {
    filter: drop-shadow(0px 2px 4px rgb(50 50 93 / 25%)) drop-shadow(0px 16px 10px rgb(163 173 183 / 50%));
    border-radius: 10px;
}

.tireBenefits {
    padding-top: 60px;
}

.tireBenefitsOuter h4.vc_custom_heading.black {
    padding-bottom: 20px;
}

.tireBenefits h3 {
    color: #00B2FF;
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
}

.tireBenefitsTitle {
    margin-bottom: 20px !important;
}

.tireBenefitsTitle h3 img {
    margin-right: 20px;
}

.tireBenefits strong {
    font-weight: 700;
    color: #00B2FF;
}

.tireBenefits {
    display: flex;
    align-items: center;
}

.dfac {
    display: flex;
    align-items: center;
}

.TirepressurList {
    margin-bottom: 75px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e0e0e0;
}

.TirepressureOuter {
    padding-bottom: 45px;
    padding-top: 45px;
}

.TirepressurList h3 {
    color: #0a2540;
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
}

.openformOuter {
    color: #000;
    padding-top: 70px;
    padding-bottom: 70px;
}

.page-id-1415 .openformOuter {
    padding-top: 70px;
    padding-bottom: 70px;
}

.openformOuter label {
    font-size: 14px !important;
}

.openformOuter .hs-fieldtype-intl-phone.hs-input select,
.openformOuter .hs-fieldtype-intl-phone.hs-input input {
    width: 100% !important;
}

.openformOuter .hs-error-msg {
    color: #fff !important;
    opacity: 0.5;
}

.openformOuter .hs-form-required {
    color: #000 !important;
    padding-left: 3px;
}

.openformOuter h2,
.openformOuter p {
    color: #32325d;
}

.openformOuter p {
    margin-top: 0 !important;
}


/* 
.openformOuter .row {
    align-items: center;
} */

.openformOuter .hs-fieldtype-intl-phone.hs-input select {
    float: left;
    width: 30% !important;
}

.openformOuter .hs-fieldtype-intl-phone.hs-input input {
    width: 68% !important;
    float: right;
}

.openformOuter .hs-form input[type=text],
.openformOuter .hs-form input[type=password],
.openformOuter .hs-form input[type=datetime],
.openformOuter .hs-form input[type=datetime-local],
.openformOuter .hs-form input[type=date],
.openformOuter .hs-form input[type=month],
.openformOuter .hs-form input[type=time],
.openformOuter .hs-form input[type=week],
.openformOuter .hs-form input[type=number],
.openformOuter .hs-form input[type=email],
.openformOuter .hs-form input[type=url],
.openformOuter .hs-form input[type=search],
.openformOuter .hs-form input[type=tel],
.openformOuter .hs-form input[type=color],
.openformOuter .hs-form input[type=file],
.openformOuter .hs-form textarea,
.openformOuter .hs-form select {
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0, rgb(60 66 87 / 16%) 0 0 0 1px, rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0;
    border: 0;
    border-radius: 5px;
    padding: 8px 12px;
    width: 100%;
    font-size: 14px;
}

.hs-form select {
    color: #000;
    height: 39.8px;
}

.openformLeft {
    padding-right: 50px;
    width: 65%;
}

.openformRight {
    width: 35%;
}

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

.whychooseImgTire {
    margin-bottom: 0px !important;
}

.darkbluebg {
    background-color: #f6f9fc ;
}

.TirepressurListLast {
    border-bottom: 0;
    margin-bottom: 0px;
}

.uc-map-image {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.uc-fm-left {
    top: 30px;
    left: 0;
    bottom: 0;
    transform: translateX(-30%);
    z-index: 200;
    display: grid;
    grid-template-columns: 1fr;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .3));
    width: 48%;
}

.uc-fm-left {
    transform: translateX(-25%);
    top: -40px;
    width: 70%;
    grid-template-rows: auto 1fr auto;
}

.uh-img.uh-img-center {
    box-shadow: 27.1px 62.5px 100px rgb(50 50 93 / 40%);
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    animation: D ease-in-out 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    max-height: 100%;
    max-width: 100%;
}

.tire-page-header .uc-fm-left img:nth-child(1) {
    width: 80%;
    max-width: 320px;
    margin: 0 auto;
}

.uc-fm-left img:nth-of-type(1) {
    animation: ani1 ease-in-out 3s;
    animation-iteration-count: 1;
}

@keyframes ani1 {
    0% {
        transform: translate(-30%, -5%);
        opacity: 0
    }

    40% {
        transform: translate(-30%, -5%);
        opacity: 0
    }

    100% {
        transform: translate(0);
        opacity: 1
    }
}

.uc-fm-left img:last-child {
    margin-bottom: -20%;
}

.uc-fm-left img:nth-of-type(2) {
    animation: ani2 ease-in-out 3s;
    animation-iteration-count: 1;
}

@keyframes ani2 {
    0% {
        transform: translate(-30%, 5%);
        opacity: 0
    }

    40% {
        transform: translate(-30%, 5%);
        opacity: 0
    }

    100% {
        transform: translate(0);
        opacity: 1
    }
}

.uc-fm-right {
    top: 20px;
    right: 0;
    transform: translateX(25%);
    z-index: 200;
    display: grid;
    grid-template-columns: 1fr;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .3));
    width: 34%;
}

.uc-fm-right {
    width: 30%;
    top: auto;
    bottom: -20px;
    transform: translateX(30%);
}

.uc-fm-right img:nth-child(1),
.uc-fm-right img:nth-child(2) {
    animation: ani3 ease-in-out 3s;
    animation-iteration-count: 1;
}

@keyframes ani3 {
    0% {
        transform: translate(30%, -5%);
        opacity: 0
    }

    40% {
        transform: translate(30%, -5%);
        opacity: 0
    }

    100% {
        transform: translate(0);
        opacity: 1
    }
}

.uh-img.uh-img-center {
    max-height: 90%;
    max-width: 90%;
}

.uh-img.uh-img-center {
    box-shadow: 27.1px 62.5px 100px rgb(50 50 93 / 40%);
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    animation: D ease-in-out 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    max-height: 100%;
    max-width: 100%;
}

.uc-map-image {
    width: 36vw;
    max-width: 697px;
    /* margin-top: 100px; */
}

.uh-img {
    position: absolute;
}

.right-banner-basic .vc_column-inner,
.innerpageHeaderBasic .vc_column-inner {
    margin: 0px !important;
    padding: 0px !important;
}

.right-banner-basic .wpb_content_element,
.innerpageHeaderBasic .vc_column-inner {
    margin: 0px !important;
}

.innerpageHeaderBasic h1 {
    padding-bottom: 12px;
}


/* .featureHeaderLeft {
    display: none;
}

.homesection01 {
    padding-top: 0px !important;
} */


/* .tire-management-right-banner */

.right-banner-basic {
    transform: translateX(15%);
}

.title4line {
    padding-top: 134px;
}

.title5line {
    padding-top: 140px;
}

.innerpageHeaderBasic {
    padding-bottom: 90px;
}

.fuel-manage-page-header .uc-fm-left {
    top: 30px;
    left: 0;
    bottom: 0;
    transform: translateX(-20%);
    z-index: 200;
    display: grid;
    grid-template-columns: 1fr;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .3));
    width: 48%;
    grid-gap: 40px;
}

.fuel-manage-page-header .uc-fm-right {
    grid-gap: 15px;
}

.fuel-manage-page-header .uc-map-image {
    width: 40vw;
    max-width: 697px;
}

.title5line h1 {
    padding-right: 50px;
}

.right-banner-basic {
    margin-top: 20px;
}

.electric-page-header .uc-fm-right {
    width: 40%;
    top: -40px;
    bottom: -20px;
    transform: translateX(10%);
    grid-template-columns: 1fr;
}

.electric-page-header .uc-fm-left {
    transform: translateX(78%);
    top: -40px;
    width: 43%;
    grid-template-rows: auto 1fr auto;
}

.title2line {
    padding-top: 320px;
}

.title2line h1 {
    font-size: 42px;
}

.title2line .right-banner-basic {
    top: -150px;
}

.title2line .uc-map-image {
    width: 40vw;
}

.employee-page-header .uc-fm-left {
    transform: translateX(-25%);
    top: -60px;
    width: 60%;
    grid-template-rows: 1fr;
}

.employee-page-header .uc-fm-right {
    width: 60%;
    top: -60px;
    bottom: auto;
    transform: translateX(23%);
}

.employee-page-header .uc-fm-bottom {
    top: auto;
    left: 0;
    bottom: 20px;
    transform: translateX(-28%);
    z-index: 200;
    display: grid;
    grid-template-columns: 1fr;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .3));
    width: 100%;
}

.uc-fm-bottom img:nth-of-type(1) {
    animation: ani1 ease-in-out 3s;
    animation-iteration-count: 1;
}

.fleet-management-page-header .uc-fm-left {
    top: -40px;
    grid-template-rows: max-content;
    grid-gap: 30px;
    width: 40%;
    transform: translateX(17%);
}

.fleet-management-page-header .uc-fm-right {
    top: -40px;
    grid-template-rows: max-content;
    grid-gap: 30px;
    width: 40%;
    transform: translateX(-15%);
}

.fleet-management-page-header img {
    animation: none
}

.fleet-management-page-header {
    padding-bottom: 0px;
}

.fuel-manage-page-header .uc-fm-right img:nth-child(2) {
    animation: ani4 ease-in-out 3s;
    animation-iteration-count: 1;
}

.fuel-manage-page-header .uc-fm-right {
    width: 30%;
    top: auto;
    bottom: -20px;
    transform: translateX(18%);
}

@keyframes ani4 {
    0% {
        transform: translate(30%, 5%);
        opacity: 0
    }

    40% {
        transform: translate(30%, 5%);
        opacity: 0
    }

    100% {
        transform: translate(0);
        opacity: 1
    }
}


/* li.mega-menu-item-22 ul.mega-sub-menu {
        opacity: 1 !important;
        transform: translate(0, 0px) !important;
        visibility: visible !important;
    } */

.sumenu a,
.industriesMenu a {
    display: flex;
    padding: 10px !important;
    border-radius: 7px !important;
    height: 100%;
    /* min-height: 114px; */
}

.sumenu_02 a {
    padding: 12px !important;
    border-radius: 7px !important;
    height: 100%;
    display: block;
    min-height: 128px;
}

.mb-40 {
    /* margin-bottom: 40px; */
    margin-bottom: 0px;
}

.sumenu_02 .menuicon,
.sumenu_02 .menuContent {
    width: 100%;
}

.sumenu_02 .menuicon {
    padding-bottom: 10px;
}

.sumenu a:hover,
.sumenu_02 a:hover {
    background-color: #F6F9FC !important;
}

.menuicon {
    width: 11%;
}

.menuContent {
    width: 89%;
}

.menuContent .title,
.industriesMenu .title {
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    /* text-transform: uppercase; */
}

.sumenu a .title,
.sumenu_02 a .title,
.industriesMenu a .title {
    color: #32325D;
}

.sumenu_02 .menuContent .title,
.sumenu_03 .menuContent .title {
    text-transform: capitalize;
}

.sumenu a .menuContent,
.sumenu_02 a .menuContent {
    color: #575775;
    letter-spacing: -0.1px;
    font-weight: 600;
}

.menudec {
    line-height: 19px
}


/* .sumenu_03 a {
        min-height: 102px !important;
    } */


/* .mega-menu-row>ul.mega-sub-menu {
        display: flex !important;
    }
    
    li.mega-menu-column {
        flex-grow: 1 !important;
        background-color: #000 !important;
    } */

.sumenu .tag {
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    font-size: 11px;
    font-weight: bold;
    height: 17px;
    padding: 0px 7px;
    margin-left: 5px;
}

.sumenu .green-tag {
    background-color: #D5F6E3;
    color: #26A65B;
}

.footerMenuproducts {
    padding-left: 50px;
}




.careerOuterNew h2 {
    padding: 114px 0 114px 0;
}

.careerBoxOuter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
    padding: 0px 0 50px 0;
    /* justify-items     : center; */
}


/* .careerBoxOuter .careerBox:last-child {
            grid-column: 2;
        } */

.careerBox a {
    box-shadow: 0 2px 15px rgb(0 0 0 / 13%) !important;
    background-color: #fff;
    border-radius: 10px;
    display: block;
    padding: 34px;
    color: #000;
    position: relative;
}

.careerBox a .possitionname {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 800;
    padding: 7px 0 0 0;
}

.careerBox a .expre {
    color: #73797d;
    color: #73797d;
    display: block;
}


/* .careerBox strong {
        display: block;
    } */

.careerBox a::before {
    content: "";
    background: url(../images/CTA.svg) no-repeat center center;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.careerpagePopup .modal-dialog {
    max-width: 1100px !important;
}

.careerpagePopup .modal-header {
    border: none !important;
    position: absolute;
    right: 0;
    z-index: 10000;
}

.careerpagePopup h3 {
    color: #32325D;
    font-size: 38px;
    font-weight: bold;
    padding-bottom: 15px;
}

.careerpagePopup ol {
    margin: -15px 0 0 0 !important;
    padding: 0px 15px 15px 25px !important;
}

.careerpagePopup p,
.careerpagePopup li {
    /* font-size: 16px;
        color: #73797d; */
    line-height: 25px;
}

.careerpagePopup p strong {
    color: #32325D;
}

.careerpagePopup .modal-body {
    padding-top: 0px;
}

.careerpagePopup ol li {
    /* line-height: 20px; */
}

.careerpagePopup .modal-body {
    padding: 26px 26px 26px !important;
}

.applytitle {
    font-size: 24px;
    color: #32325D;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
}

.careerForm {
    width: 65%;
    margin: auto;
    border: solid 1px #e1e1e1;
    padding: 30px;
}

.careerForm label {
    font-size: 16px;
}

.careerForm input[type="text"],
.careerForm input[type="file"],
.careerForm select {
    background-color: #f6f9fc;
    width: 100%;
    border: 1px solid #cbd6e2;
    font-size: 15px;
    border-radius: 5px;
    padding: 8px 12px !important;
    margin-bottom: 10px;
}

.gps-detail-page .rightImg img {
    /* width: 100% !important; */
    /* max-width: 100% !important; */
}


/* 
        use-case css  
        */

.use-case-feature-img-box img+img {
    margin-top: 50px
}

.bubbleImageTextContainer {
    background-color: #fff;
    color: #32325d;
    padding: 5px 10px;
    border-radius: 6px;
    box-shadow: 0 4px 10px -5px #444;
    font-size: 12px
}

.uc-section-home-bg {
    background: linear-gradient(90deg, #E5EDF7 0, #F6F9FC 100%);
    height: 70%;
    clip-path: polygon(0 0, 100% 0, 100% 76%, 50% 100%, 50% 76%, 0 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.uc-section-home-bg-1 {
    background-color: #D7E6F3;
    height: 70%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    clip-path: polygon(0 0, 0 80%, 0 70%, 50% 45%, 50% 76%, 0 100%);
}

.use-case-rel-container {
    position: relative;
    z-index: 1000;
}





.use-case-header {
    padding-top: 100px;
}

.single-use-case-content-01 h2.vc_custom_heading {
    font-weight: 600;
}

.single-use-case-content-01 {
    padding: 45px 10% 80px 10%;
}


/* .product-how-it-work-grid {
            --rowGap: 100;
            display: grid;
            grid-template-columns: 1fr 50px 1fr;
            grid-row-gap: calc(100 * 1px);
            grid-column-gap: 50px;
        } */

.product-how-it-work-content {
    background: #FFF;
    box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%), 0px 0 16px -8px rgb(0 0 0 / 30%);
    padding: 40px;
    border-radius: 6px;
}

.product-how-it-work-lineBox:before {
    width: 32px;
    height: 32px;
    background: #BADCFF;
}

.product-how-it-work-lineBox:after {
    width: 12px;
    height: 12px;
    background: #DF0000;
    border: 0.5px solid #FFF;
    box-shadow: 0 1px 4px rgb(0 0 0 / 25%);
}

.product-how-it-work-lineBox {
    display: flex !important;
    position: relative;
}

.product-how-it-work-lineBox:before,
.product-how-it-work-lineBox:after {
    position: absolute;
    content: " ";
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
}

.leftborder {
    padding-top: 70px;
    padding-bottom: 70px;
}

.leftborder:before {
    content: " ";
    display: block;
    border-left: 1px dashed #525F7F;
    width: 5px;
    position: absolute;
    top: 0;
    left: -67px;
    height: 100%;
    bottom: 0;
}

.single-use-case-content-02 {
    padding-bottom: 73px;
}

.single-use-case-content-02 .wpb_wrapper .product-how-it-work-lineBox:first-child .leftborder:before {
    top: 50%;
    height: 50%;
}

.single-use-case-content-02 .wpb_wrapper .product-how-it-work-lineBox:last-child .leftborder:before {
    /* top: 50%; */
    height: 50%;
}

.product-how-it-work-lineBox {
    display: grid !important;
    position: relative;
    grid-gap: 132px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    /* padding-bottom    : 100px; */
}

.product-how-it-work-lineBox .vc_col-sm-6 {
    width: inherit;
    /* height        : 100%; */
    /* padding-bottom: 100px; */
}

.product-how-it-work-lineBox .wpb_content_element {
    margin: 0px;
}

.product-how-it-work-lineBox p,
.product-how-it-work-content ul li {
    font-family: 'Handlee' !important;
    font-size: 18px;
}

.single-use-case-content-02 .vc_column-inner {
    padding-top: 15px !important;
}

.use-case-benifit-outer h5.vc_custom_heading {
    margin-top: 18px;
    position: relative;
    color: #0A2540 !important;
    font-size: 16px !important;
    z-index: 1;
}

.use-case-benifit-outer p.vc_custom_heading {
    margin-bottom: 32px;
    margin-top: 20px;
}

.use-case-benifit {
    padding-top: 70px !important;
    padding-bottom: 37px !important;
}

.use-case-benifit .wpb_wrapper p {
    padding-right: 15px;
}

.use-case-benifit-outer h5.vc_custom_heading {
    margin-bottom: 10px !important
}

.use-case-benifit-outer .product-feature-grid-item {
    background: #FFF;
    box-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0px 3px 7px -3px rgb(0 0 0 / 30%);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 200px auto;
    overflow: hidden;
    position: relative;
}

.use-case-benifit-outer .product-feature-grid-icon-box {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    padding-right: 20%;
    font-size: 36px;
    text-align: center;
    color: #FFF;
    font-weight: 700;
}

.use-case-benifit-section-02 {
    padding-bottom: 80px;
}

.use-case-benifit-outer .uc-product-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 0px;
    padding-bottom: 100px;
}

.maskSection .managing-mobile-medical-units-featureimg {
    padding-bottom: 90px !important;
}

h2.vc_custom_heading.blue {
    color: #1a59e5;
}

.use-case-partner-section {
    margin-top: -62px;
}

.getstarted-use-case .vc_column_container {
    z-index: 11;
}

.use-case-help-text p {
    padding-right: 130px;
}

.use-case-benifit-outer h5.vc_custom_heading::after {
    position: absolute;
    content: " ";
    left: -10px;
    width: 33px;
    top: -2px;
    bottom: 0;
    height: 23px;
    z-index: -1;
    opacity: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0cdfc+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(224, 205, 252, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(224, 205, 252, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(224, 205, 252, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e0cdfc', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.benifitGreen h5.vc_custom_heading:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cff1db+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(207, 241, 219, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(207, 241, 219, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(207, 241, 219, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cff1db', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.benifitLightBlue h5.vc_custom_heading:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cde1ff+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(205, 225, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(205, 225, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(205, 225, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cde1ff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.purplethemeLight .benifitGreen h5.vc_custom_heading:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cde1ff+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(226, 208, 251, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(226, 208, 251, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(226, 208, 251, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E2D0FB', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.bluetheme .benifitGreen h5.vc_custom_heading:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cde1ff+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(205, 225, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(205, 225, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(205, 225, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E2D0FB', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.purpletheme .benifitGreen h5.vc_custom_heading:after {
    background: -moz-linear-gradient(left, rgba(226, 208, 251, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(224, 223, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(224, 223, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E2D0FB', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.use-case-benifit::before {
    display: none;
}

.use-case-benifit {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 40px;
}

.use-case-benifit .vc_col-sm-3 {
    width: 100%;
}

.mega-industriesMenu a.mega-menu-link {
    text-transform: capitalize !important;
}

/* .industriesSubMenuInner {
    border-left: solid 1px #1A59E5;
    padding-left: 10px;
    padding-left: 19px;
    margin-left: 9px;
} */

.industriesMenu .industriesSubMenuInner a {
    font-size: 14px !important;
    color: #575775 !important;
    padding: 0px !important;
    margin: 0;
}

/* .industriesMenu .industriesSubMenuInner a:hover {
    color: #0063FF !important;
} */

.industriesSubMenu:hover {
    background-color: #F6F9FC;
}

.industriesSubMenu {
    border-radius: 7px !important;
    padding: 10px;
}

.industriesSubMenu a {
    padding: 0px !important;
}

.mega-MenuRow-1,
.mega-MenuRow-2,
.mega-MenuRow-3 {
    padding-bottom: 26px !important;
}

.gps_right_bar {
    position: sticky;
}

.gps_right_bar ul {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

.gps_right_bar {
    padding: 0 0 10px 0;
    margin: 0;
}

.gps_right_bar ul li {
    list-style: none;
    line-height: 1.6em;
    padding-left: 18px;
    margin-bottom: 9px;
    text-align: left;
    font-size: 14px;
}

.gps_right_bar ul li a {
    color: #3d4952;
    font-size: 14px;
    font-weight: 400;
}

.rightTitle {
    text-align: center;
    line-height: 30px;
    box-shadow: 0 1px 3px #e5e5e5;
    font-weight: 500;
}

.blue_pricing {
    display: none;
}

.bottomForm input[type=submit],
.openformRight input[type=submit] {
    width: 100%;
}


/* Video telematics  */

#video_telematics_slide .carousel-indicators {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

#video_telematics_slide .carousel-indicators li {
    text-indent: 0;
    height: auto;
    margin: 0;
    opacity: 1;
}

#video_telematics_slide .carousel-indicators li::before,
#video_telematics_slide .carousel-indicators li::after {
    display: none;
}

.carouselTab {
    background: #f4f9fe;
    opacity: 1;
    border: 2px solid #25DF69 !important;
    display: inline-flex;
    border-radius: 20px;
    justify-content: center;
    margin: 0px;
    padding: 2px;
    align-items: center;
}

.carouselTab li {
    list-style: none;
    cursor: pointer;
    border-radius: 20px;
    padding: 5px 25px !important;
    font-size: 14px;
    font-weight: 600;
    color: #97a0a7;
}

.carouselTab li.active {
    background: #25DF69;
    color: #fff;
}

#video_telematics_slide .carousel-inner {
    background: none;
}

.video_telematics_slide_iner {
    padding: 70px 0 0 0;
}

.productTitle {
    margin-top: 30px;
}

.footerHelpDesk {
    background: #0063FF;
    border-radius: 10px;
    padding: 7px 0px 15px 15px;
    color: #fff;
    width: 240px;
    margin-top: 20px;
}

.office a {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

.officeTitle {
    color: #fff;
    opacity: 0.75;
    padding-top: 10px;
    font-size: 16px;
    font-weight: normal;
}

.lestTalk {
    font-size: 24px;
}

.lestTalk img {
    padding-right: 10px;
    width: 34px !important;
    height: 24px !important;
}

.copyright-footer .row {
    display: flex;
    align-items: center;
}

.contact-header {
    min-height: 540px;
    display: flex;
    align-items: center;
}

.contact-header h1 {
    /* padding-top: 150px; */
    color: #0063FF;
    font-size: 50px;
    font-weight: 900;
}

.contact-header p {
    font-size: 20px;
    font-weight: 400;
    color: #32325D;
}

.contact-info::before,
.contact-info::after {
    display: none;
}

.contact-info {
    position: absolute;
    width: 100%;
    bottom: -240px;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0px;
    z-index: 1000;
}

.contactbox {
    width: 100%;
}

.contactbox .vc_column-inner {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.contactbox p {
    color: #73797D;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    padding: 0 0 15px 0;
    position: relative;
}

.contactbox .wpb_content_element {
    margin: 0px !important;
}

.contactbox .wpb_wrapper,
.contactbox .wpb_text_column,
.contactbox p,
.contactbox p a {
    width: 100%;
    display: block;
}

.contactbox p a strong {
    display: block;
}

.contactbox p a {
    color: #000;
    display: block;
    width: 100%;
    box-shadow: 0 2px 15px rgb(0 0 0 / 13%) !important;
    background-color: #fff;
    border-radius: 10px;
    padding: 26px;
}

.contactbox img {
    right: 0;
    top: 7px;
    position: absolute;
    width: 90px !important;
    height: 90px !important;
}

.contact-address {
    box-shadow: 0 2px 15px rgb(0 0 0 / 13%) !important;
    background-color: #fff;
    border-radius: 10px;
    display: block;
    padding: 25px;
    cursor: pointer;
}

.contactBoxOuter {
    display: grid;
    grid-template-columns: auto auto;
    gap: 50px;
    padding-top: 50px;
    padding-bottom: 100px;
}

.branch-title {
    font-size: 16px;
    font-weight: 800;
    color: #000
}

.address,
.phone {
    color: #425466;
    font-size: 16px;
}

.icon-act {
    display: none;
}

.boxactive .icon-act {
    display: block;
}

.boxactive .icon {
    display: none;
}

.boxactive {
    background-color: #F6F9FC;
}

.mapImg img {
    box-shadow: 0 2px 10px rgb(0 0 0 / 13%) !important;
    width: 100%;
}

.phone a {
    color: #425466;
}

.mapAddress {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 43%;
    width: 300px;
    /* height       : 120px; */
    background-color: #fff;
    border-radius: 10px;
    align-items: center;
    margin: auto;
    box-shadow: 0 2px 10px rgb(0 0 0 / 13%) !important;
    padding: 20px 15px;
}

.mapImg {
    position: relative;
}


/* #vts-contact1 {
    height: 500px;
    background: url(../images/Valsad-Map.jpg) no-repeat center center;
    background-size: 100%;
}

#vts-contact2 {
    height: 500px;
    background: url(../images/Dubai-Map.jpg) no-repeat center center;
    background-size: 100%;
}

#vts-contact3 {
    height: 500px;
    background: url(../images/Mangalore-map.jpg) no-repeat center center;
    background-size: 100%;
}

#vts-contact4 {
    height: 500px;
    background: url(../images/Ahmedabad-map.jpg) no-repeat center center;
    background-size: 100%;
} */

.bluesectionContact {
    background-color: #0a2540;
    padding: 110px 0;
}

.contacusPageForm {
    width: 650px;
    padding: 40px 20px;
    margin: auto;
    background-color: #fff;
    border-radius: 10px;
}

.contacusPageForm .hs-button {
    width: 100%;
}

.formTitle {
    margin: auto;
    padding-bottom: 10px;
    text-align: center;
}

.mapFrame {
    width: 100%;
    overflow: hidden;
    height: 500px;
}


/* new header css  */

.headerLeft {
    display: flex;
    align-items: center;
}

.headerPhone {
    padding-left: 25px;
}

.headerPhone a {
    border: solid 1px #fff;
    border-radius: 7px;
    display: inline-block;
    color: #fff;
    /* background-color: rgba(255, 255, 255, 0.2) !important; */
    padding: 7px 16px;
}

.headerPhone a:hover {
    border: solid 1px #fff !important;
}

.headerPhone a img {
    padding-right: 11px;
    margin-right: 7px;
    border-right: solid 1px #fff;
}


/* end new header css  */



/* landing page css  */

.landing-page-header {
    padding: 127px 0 810px 0;
   
}

.landing-page-header h2.vc_custom_heading,
.landing-page-header h1.vc_custom_heading {
    color: #fff;
    font-size: 45px;
    font-weight: 900;
    letter-spacing: 0.015em;
}
.page-id-5367 h1.vc_custom_heading { font-size: 43px;}

.landingHeaderTitle {
    margin-bottom: 20px !important;
}

.landing-page-header p {
    font-size: 18px;
    font-weight: 600;
    color: #dcdcdc;
    letter-spacing: 0.05em;
}

.creatateaccountForm {
    display: flex;
    width: 640px;
    justify-content: center;
    margin: auto;
    padding-top: 6px;
}

.creatateaccountForm input {
    padding: 15px 30px;
    height: 42px;
    border: none !important;
    line-height: 12px;
    font-size: 14px;
}

.creatateaccountForm input[type=email] {
    background-color: #fff;
    width: 390px;
    border-radius: 50px 0 0 50px;
}

.creatateaccountForm input[type=submit] {
    border-radius: 0 50px 50px 0px;
    background-color: #FF9900 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 800;
    margin-left: -2px;
    font-family: "Inter", serif;
}

.softwareImg {
    margin-bottom: 0;
}

.landing-page-header {
    background-position: top !important;
    background-size: 120%;
}

.rattingSection .vc_column-inner {
    padding-top: 0 !important;
}

.rattingImg {
    padding-bottom: 37px !important;
}

.rattingSection {
    padding: 0 80px !important;
}

.rattingSection img {
    height: 31px !important;
    width: inherit !important;
}

.rattingImg {
    padding-top: 10px;
}

.landingVideoSection {
    padding-top: 37px;
    padding-bottom: 72px;
}

.landingVideoSection h2.vc_custom_heading {
    font-size: 40px;
    font-weight: 900;
    color: #32325D;
    padding-bottom: 19px;
}

.landingVideoSection ul {
    padding: 15px 0 5px 0;
    margin: 0;
}

.landingVideoSection ul li,
.landingtickListing ul li {
    background: url(../images/tick.svg) no-repeat left 5px;
    padding: 0 0 0 26px;
    margin: 0;
    list-style: none;
    font-size: 16px;
    line-height: 162%;
    /* line-height: 139.97%; */
    font-weight: 400;
    letter-spacing: 0.015em;
}


/* .landingtickListing ul {
    padding-left: 40px;
} */

a.YellowBtn {
    background-color: #004059 !important;
    text-transform: uppercase;
    padding: 12px 34px 12px 21px !important;
}
a.YellowBtn:hover { opacity: 0.7 !important; background: #004059 !important;}
.margin_bottom_none {
    margin-bottom: 0;
}

.landingVideoSection .home-videobox {
    padding-left: 33px;
}

.landingVideoSection .home-videobox .vc_column-inner {
    position: relative;
    padding: 0;
}

.landingVideoSection .wpb_content_element,
.landingVideoSection .imageoverlay {
    margin-bottom: 0 !important;
}

.landingVideoSection .imageoverlay button i,
.landingVideoSection .overlayBtn i {
    background-color: #fff;
    color: #000;
}

.landingVideoSection .imageoverlay button:hover i,
.landingVideoSection .imageoverlay:hover i,
.landingVideoSection .imageoverlay button:focus,
.landingVideoSection .imageoverlay button:active {
    color: #000 !important;
}

.sectionpadding {
    padding-top: 37px;
    padding-bottom: 72px;
}

.whychooseLandingBox .vc_column-inner {
    padding: 0px;
}

.whychooseLanding {
    padding-top: 20px;
}

.whychooseLandingBox .imageoverlay,
.whychooseLandingBox .imageoverlay button,
.whychooseLandingBox .imageoverlay .wpb_wrapper {
    height: 373px;
}

.whychooseLandingBox .imageoverlay button i,
.whychooseLandingBox .overlayBtn i {
    background-color: #fff;
    color: #000;
}

.whychooseLandingBox .imageoverlay button:hover i,
.whychooseLandingBox .imageoverlay:hover i,
.whychooseLandingBox .imageoverlay button:focus,
.whychooseLandingBox .imageoverlay button:active {
    color: #000 !important;
}

.whychooseLandingBox .paraText {
    padding: 0 18px;
    color: #32325D;
}

.whychooseLandingBox .paraText p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 139.97%;
    /* or 22px */
    text-align: center;
    letter-spacing: 0.015em;
    color: #32325D;
}

.whychooseLandingBox h3.vc_custom_heading {
    font-size: 24px;
    font-weight: 900;
    color: #32325D;
    padding-bottom: 15px;
}

.yellowBtn a,
.yellowBtn button {
    background-color: #0085FF !important;
    text-transform: uppercase;
    color: #fff;
    font-style: normal;
    font-weight: 800;
    font-size: 14px !important;
    line-height: 114.97% !important;
    /* identical to box height, or 16px */
    text-align: center;
    text-transform: uppercase;
}
.yellowBtn a:hover,
.yellowBtn button:hover { opacity: 0.7;} 

.downloadBtn a {
    padding: 13px 20px 13px 20px !important;
}

.downloadBtn a::before,
.downloadBtn a:hover::before {
    content: "";
    background: url(../images/download.svg) no-repeat left top;
    height: 20px;
    width: 20px;
    opacity: 1;
    display: none !important;
    right: inherit;
}

.downloadBtn a::after {
    display: none;
}



.cate-img-feature {
    height: 35px;
    background-repeat: no-repeat;
}

.gl_key_feture_slider {
    padding-top: 28px;
}

.gl_key_feture_slider .item {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(29, 45, 78, 0.26);
    border-radius: 2px;
    padding: 28px 28px 50px  28px;
    height: 100%;
}

.gl_key_feture_slider .owl-stage-outer {
    overflow: visible !important;
}

.cate-title-feature {
    padding-top: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 23px;
    line-height: 139.97%;
    /* or 34px */
    letter-spacing: 0.015em;
    color: #32325D;
    padding-bottom: 10px;
}

.cat-description-feature {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 139.97%;
    letter-spacing: 0.015em;
    color: #899CAF;
}


.gl_key_feture_slider a .cat-readmo {
    margin-top: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 139.97%;
    letter-spacing: 0.015em;
    color: #0063FF;
    position: absolute;
    bottom: 15px;
}

.LandingCouterOuter {
    padding-top: 65px;
    padding-bottom: 40px;
}

.gl_key_feture_slider {
    padding-bottom: 0px !important;
}

.LandingCouterOuter .funfact-icon img {
    height: 56px;
}

.LandingPrice {
    padding-bottom: 44px;
}

.LandingPrice .planBtnInner {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
}

.LandingPrice .planBtnOuter {
    margin-top: 95px;
    margin-bottom: 95px;
}

.LandingPrice .plan {
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 1px 12px -2px rgba(50, 50, 93, 0.25), 0px 3px 7px -7px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 0;
    background-position: inherit;
}

.LandingPrice .blue_pricing {
    display: block;
}

.LandingPrice .plan-colom-outer {
    grid-template-columns: 360px 360px 360px;
    gap: 46px;
}

.LandingPrice .plan-name {
    border-radius: 10px 10px 0px 0px;
}

.LandingPrice .recommended {
    background: url(../images/recommended.svg) no-repeat left top;
    width: 130px;
    height: 100px;
    display: block;
}

.price-dec {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 139.97%;
    /* or 22px */
    text-align: center;
    letter-spacing: 0.015em;
    color: #899CAF;
    padding: 0 63px;
}

.featureList {
    display: none;
}

.featureList.active {
    display: block;
}

.priceFeatureBtn {
    padding: 31px 0 31px 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #1919E0;
}

.priceFeatureBtn::after {
    margin-left: 15px;
    content: "";
    width: 10px;
    height: 12px;
    background: url(../images/up-arrow.svg) no-repeat right 1px;
    display: block;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.priceFeatureBtn.active::after {
    background: url(../images/up-arrow.svg) no-repeat right 4px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.LandingPrice .tooltip-list::after {
    background: url(../images/info-icon.svg) no-repeat right center;
    width: 25px;
    height: 25px;
    content: "";
    display: block;
}

.ladningpageBtnOuter {
    padding-bottom: 37px;
}

.ladningpageBtnOuter .wpb_wrapper {
    display: flex;
    justify-content: center;
}

.ladningpageBtnOuter a.vc_general {
    padding: 13px 33px 13px 16px !important;
}


/* dark footer */

.footerOUter{
    background-color: #232023;
}


  .footerOUter .footerItitle{
    color: #fff !important;
}

.footerHelpDesk { background:none !important ; border: 2px solid rgb(255 255 255 / 15%);}
.footerOUter ul li a{
    color: #C2C2CA !important;
}

 .copyright-footer{
    border-top: solid 1px #02388E;
    color: #C2C2CA !important;
}

  .copyright-footer {
    border-top: 1px solid rgb(255 255 255 / 15%);
    color: #C2C2CA !important;
}
 .footerSocial a { background: #fff !important; color: #232023 !important;}




/* lightBlueDark footer  */


.page-template-feature-pages .footerOUter {
    background-color: #232023;
}


.page-template-feature-pages .footerOUter .footerItitle::after {
    color: #fff !important;
}




/* .landing-page-header-content {
        padding: 0 280px;
    } */

.wpb_content_element.line01 {
    padding-top: 16px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.landingVideoSection .home-videobox {
    filter: none;
}

.videoBoxNew a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.videoBoxNew a::before {
    content: "\f04b";
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #000;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding: 12px 21px;
    width: 50px;
    display: flex;
    justify-self: center;
    border-radius: 50%;
    align-items: center;
    margin: auto;
    animation: zoom 2s infinite;
}

.hidevideoBtn a::before {
    display: none !important;
}

.landingVideoSection a.YellowBtn {
    font-style: normal;
    font-weight: 800;
    font-size: 14px !important;
    line-height: 114.97%;
    /* identical to box height, or 16px */
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.blue .creatateaccountForm input[type=submit],
.blue a.YellowBtns {
    background-color: #0063FF !important;
}

.TrakzeeGif {
    position: absolute;
    bottom: 50px;
}

.landing-page-header {
    position: relative;
    z-index: 1000;
}

.trakzeeAnimation {
    position: absolute;
    bottom: 30px;
    right: 120px;
}

.page-template-landing-page .videoboxImg {
    height: 900px;
}


@media (min-width: 1200px) {
    .softwareImg img {
        width: 1300px !important;
        max-width: 1300px !important;
    }

    .landingBannerImg {
        position: absolute;
        left: -50px;
        right: 0px;
        top: 330px;
    }
}
.slideroneOuter  {margin: auto; display: grid; grid-template-columns: 40% 60%; align-items: center; justify-content: center;}
.sliderProducts  { margin: auto; display: grid; grid-template-columns: 902px 1fr; align-items: center; justify-content: center;}
img.sliderImg_new, .sliderImg_new img   { width: 100% !important; max-width: 100% !important;}
/* .newProductListingOuter  { display: none !important;} */

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

.pernerNewSection, .newProductListingOuter, .homepageProductListing_new { margin: 0 !important;}

/* .newProductListingOuter { left: 0 !important; right: 0 !important; padding: 0 15px !important;} */

}
@media (min-width: 1000px) {
    .slideroneOuter  { width: 900px; }
    .sliderProducts  { width: 950px; grid-template-columns: 60% 40%; }
    
    

}
@media (min-width: 1100px) {
    .slideroneOuter  { width: 1000px; }
    .sliderProducts  { width: 1050px; grid-template-columns: 60% 40%;  }

}
@media (min-width: 1200px) {
    .slideroneOuter  { width: 1100px; }
    .sliderProducts  { width: 1150px; grid-template-columns: 60% 40%;  }


}
@media (min-width: 1300px) {
    .slideroneOuter  { width: 1200px; }
    .sliderProducts  { width: 1250px; grid-template-columns: 60% 40%;  }

}

@media (min-width: 1400px) {
    .slideroneOuter  { width: 1300px; }
    .sliderProducts  { width: 1350px; }

}





.page-template-landing-page h2.vc_custom_heading.bigtext {
    font-weight: 700;
}

.page-template-landing-page a.vc_general,
.page-template-landing-page a.blueBtn,

#carouselExampleIndicators_2  a.blueBtn{
    border-radius: 3px !important;
    text-transform: inherit !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
}

.LandingPageheaderBtn a.vc_general::after,
.LandingPageheaderBtn a.vc_general::before {
    display: none !important;
}

.LandingPageheaderBtn a.vc_general {
    width: 294px;
    text-align: center;
    height: 42px;
    border: none !important;
}

.LandingPageheaderBtn {
    display: flex;
    padding-top: 27px;
    justify-content: center;
}s

.LandingPageheaderBtn a.newwhiteBtn {
    background-color: #fff !important;
    color: #FF9900 !important;
}

.LandingPageheaderBtn a.oranagColor {
    background-color: #fff !important;
    color: rgb(68, 68, 68) !important;
}

.LandingPageheaderBtn a.vc_general:hover {
    background-color: rgba(255, 255, 255,0.4) !important;
    color: #fff !important;
    border: none !important;
}

.imageoverlay.remove {
    display: none !important;
}

.vc_toggle_title {
    box-shadow: none;
    /* border       : none; */
    border: 1px solid #D9D9D9;
    background-color: none;
    padding: 13px 14px 14px 14px !important;
    border-radius: 3px !important;
    letter-spacing: 0.5px;
}

.vc_toggle {
    margin-bottom: 0.6rem !important;
}

.vc_toggle_title>h4 {
    font-size: 17px !important;
    font-weight: 700;
    color: #32325d;
}

.landingVideoSectionLeft .vc_toggle_icon {
    left: inherit !important;
    right: 16px !important;
}

.landingVideoSectionLeft .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before {
    height: 14px;
    width: 1px;
}

.landingVideoSectionLeft .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon {
    width: 14px;
    height: 1px;
}

.vc_toggle_content {
    border-top: 0 !important;
    background-color: #fff;
    /* border       : none; */
    border: 1px solid #D9D9D9;
    margin-top: -1px !important;
    margin-bottom: 15px !important;
    position: relative;
    z-index: 5;
    padding: 0px 15px 10px 15px !important;
}

.landingVideoSectionLeft .vc_toggle {
    margin-bottom: 0px;
}

.landingVideoSectionLeft .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after {
    width: 0px;
}

.landingVideoSectionLeft .vc_toggle_color_sandy_brown.vc_toggle_default .vc_toggle_icon::before {
    background-color: #FF9900 !important;
    border-color: #FF9900 !important;
}

.landingVideoSectionLeft .vc_toggle_content p {
    color: #33475b;
    line-height: 139.97%;
    font-size: 16px;
}


/* .mobileViewTag .vc_toggle_color_black.vc_toggle_default .vc_toggle_icon {
        background: #FF9900;
        border-color: #FF9900;
    } */

p.rettingsectionHeading {
    color: #A5B6C6;
    font-size: 22px;
    font-weight: 800;
    padding-top: 99px;
}

.numberTitle {
    margin-bottom: 60px !important;
}
.numberTitle_feature {
    margin-bottom: 40px !important;
}

.LandingPageheaderBtn a.vc_general,
.page-template-landing-page a.vc_general,
.page-template-landing-page a.blueBtn,
.landingVideoSection a.YellowBtn {
    width: 250px;
    font-size: 16px !important;
}

.bluetheme .LandingPageheaderBtn a.oranagColor {
    background-color: #fff !important;
    border: none !important;
}

.bluetheme .LandingPageheaderBtn a.oranagColor:hover,
.bluetheme a.vc_general:hover,
.bluetheme a.YellowBtn:hover {
    background-color: rgba(255, 255, 255,0.3) !important;
    color: #fff !important;
    border: none !important;
}

.bluetheme .LandingPageheaderBtn a.oranagColor:hover {
    border:none !important;
    
    
}

.bluetheme .LandingPageheaderBtn a.newwhiteBtn {
    border: solid 1px #0063FF !important;
    color: #0063FF !important;
}

.bluetheme .LandingPageheaderBtn a.newwhiteBtn:hover,
.bluetheme a.YellowBtn:hover {
    opacity: 0.7 !important;
    background-color: #004059  !important;
}

.bluetheme a.YellowBtn {
    background-color: #004059  !important;
    border: none !important;
}

.pricingTable_2 .price-dec {
    padding-bottom: 35px;
}

.page-template-landing-page .btnOuter a.blueBtn {
    display: block;
}

.faqList .vc_toggle_title {
    padding-left: 35px !important;
}

.vc_toggle {
    background-color: #fff;
}

.hidesection {
    display: none !important;
}

.search_result {
    position: relative;
}

.search_result ol {
    margin: 0;
    padding: 0 0 10px 0;
    top: 0;
    background-color: #fff !important;
    z-index: 100;
}

.search_result ol li {
    /* list-style: none; */
    border: 1px solid #dee2e6;
    border-bottom: 0;
    padding: 4px 10px;
    font-size: 14px;
    list-style-position: inside;
}

.search_result ol li:last-child {
    border-bottom: 1px solid #dee2e6;
}

.search_result ol li a {
    color: #425466;
}

.deviceOuter {
    padding-bottom: 70px;
}

.pListing {
    padding: 0 50px;
}

.pListing button {
    pointer-events: none;
    border-radius: 0px;
    background: none !important;
    border: none !important;
    text-align: center;
    background-color: #F6F9FC !important;
    border-bottom: solid 4px #1A59E5 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    margin: 0 !important;
    padding: 15px 10px 5px 10px !important;
}


.pListing button:focus,
.pListing button:hover {
    text-decoration: none;
    outline: none !important;
}

.pListing button.collapsed {
    pointer-events: inherit;
    background: none !important;
    border-bottom: solid 4px #fff !important;
}

.mobilePlanBtn {
    display: none
}



.page-template-plan-pricing .videoboxImg {
    height: 430px;
}

.allproductsListing {
    z-index: 10000;
    position: relative;
}


.pricingPageHeader {
    z-index: 10000;
    padding-top: 150px !important;
    padding-bottom: 23px !important;
    background-size: cover !important;
    background-position: -2px -2px !important;
    position: relative !important;
    /* transform       : skewY(-6deg) translateY(var(--sectionTranslateY, 0)); */
}

.pListing {
    background: #FFFFFF;
    box-shadow: 0px 1px 12px -12px rgba(29, 45, 78, 0.26), 0px 4px 7px -3px rgba(0, 0, 0, 0.3);

}

.ptitle {
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    color: #32325D;
    padding: 7px 0;
    text-transform: capitalize;
}

.buttonListing {
    display: flex;
}

/* .buttonListing img { height: 30px;} */
.collapsing {
    transition: height 0s ease !important;
    -webkit-transition: height 0s ease !important;
    -moz-transition: height 0s ease !important;
    -ms-transition: height 0s ease !important;
    -o-transition: height 0s ease !important;
}

.pricingTableContent {
    padding: 50px 0 0 0 !important;
}

.btnctner {
    display: flex;
    justify-content: center;
    padding-bottom: 70px;
}

.mobileTabing {
    display: none;
}




body.menuAct #mega-menu-primary {
    height: 100vh !important;
    overflow-x: scroll !important;
}

/* body.menuAct .headerLeft {
    border-bottom: solid 1px #DEDEDE;
    background-color: #fff !important;
    position: relative;
    z-index: 500000;
    left: 0;
    right: 0;
    padding: 0 25px;
} */




body.menuAct .logo-black {
    display: block !important;
}

body.menuAct .logo {
    display: none !important;
}

body.menuAct #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner,
body.menuAct #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::before,
body.menuAct #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background-color: #000 !important;
}

body.menuAct #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open {
    right: 15px;
}

#countryCode.ZA .dollar, #countryCode.AE .dollar {
    font-size: 20px;
}

.hiddendiv {
    opacity: 0 !important;
}






/* gps tracker css  */

#searchData {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.data-search {
    margin: 10px 0;
    justify-content: flex-end;
    display: inline-flex;
    display: -webkit-inline-flex;
    width: 40%
}



.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.data-filter-grid {
    margin: 10px 0;
    padding: 10px 0;
    display: flex;
    display: -webkit-flex;
    position: relative;
    float: right
}

.data-filter-grid .grid {
    cursor: pointer
}

.data-filter-grid .grid.active {
    position: relative
}

.data-filter-grid .grid.active i:after {
    position: absolute;
    content: " ";
    display: block;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #5584ff
}

.grid-table.grid-table-sm-12 td {
    width: 100%;
    display: block
}

.grid-table {
    display: block
}

.grid-table tbody,
.grid-table td,
.grid-table tr {
    width: 100%;
    float: none;
    border: none !important
}

.grid-table td {
    width: 50%;
    float: left
}

.grid-table.grid-table-xs-12 td {
    width: 100%
}


.table:not(.grid-table) th {
    font-weight: 500
}

table.table:not(.grid-table)>tbody>tr>td,
table.table:not(.grid-table)>tbody>tr>th {
    font-size: 13px;
    padding: 5px
}

.grid-table td {
    padding: 15px !important
}

.grid-table {
    margin: -15px;
    width: calc(100% + 30px)
}


.grid-table .grid-column-show.img-td-grid {
    height: 210px;
    display: flex !important;
    align-items: center
}


.grid-table .grid-column-hide {
    display: none !important
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.grid-table tr {
    display: flex;
    display: -webkit-flex;
    flex: 1 0 auto;
    flex-direction: column;
    float: left;
    text-align: center;
    margin: 15px;
    width: calc(25% - 30px);
    background: #fff !important;
    box-shadow: 0 4px 5px #f3f3f3;
    max-width: calc(25% - 30px);
    cursor: pointer
}

.grid-table thead {
    display: none !important
}

.grid-table .grid-column-show {
    display: block !important;
    width: 100%;
    text-align: center;
}

.gpsImg img {
    height: 100px;
    width: inherit;
}
.gpsImg a { display: block;}


.grid-table tbody {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap
}

.grid-table td {
    display: block;
    border: 0 !important;
    padding: 2px 5px !important
}

.gps-summary-info a {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 24px
}

.grid-table tr * {
    cursor: pointer
}

.grid-manu-block {
    display: block;
    line-height: 1 !important;
    padding-top: 5px
}



.grid-table table {
    border: 0
}

.grid-table .table>tbody+tbody {
    border-top: 2px solid #ddd;
    margin-top: 12px
}

.data-search>button {
    position: relative;
    padding: 0;
    width: 40px;
    height: 45px;
    border: 0 solid #f4f9fe;
    background: #f4f9fe;
    text-align: center;
    color: #555;
    cursor: pointer;
    font-size: 20px;
    float: left;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.data-search>button>i {
    color: #555 !important
}



.grid-table1.application-app img {
    max-width: 240px
}

.grid-table1.application-app {
    width: 100%;
    margin-right: 0;
    margin-left: 0
}


@media (max-width:993px) {
    .grid-table1.application-app td {
        width: 100%;
        display: block;
        margin-top: 10px
    }


}

.grid-column-show {
    display: none !important;
}

/* harish  */


/* End  gps tracker css  */



.gps-tracker-outer i {
    color: #007bff;
}

.gps_right_bar.show {
    position: fixed;
    top: 0;
}

#myData table.table td:first-child {
    width: 60px;
}



#myInput {
    box-sizing: border-box;
    width: 98%;
    background-repeat: no-repeat;
    font-size: 14px !important;
    padding:4px 7px !important;
    border: none;
    margin: 10px 1%;
    border: 1px solid #ddd !important;
}



.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    
    overflow: auto;
    border: 1px solid #ddd;
   
    z-index: 1;
}

.tax-manufacturer-category .dataList td:nth-child(4) {
    display: none;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

#myDropdown.active {
    display: block !important;
}

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}



.fstdropdown {
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    width: 520px;
    margin: auto;
    font-size: 14px;

}

.fstdropdownOuter {
    border: 1px solid #ccc;
}
.resources-form-container .formInner label span { color: #000 !important;}

.homeproductSlider-02 ol.carousel-indicators { display:flex; justify-content: center; gap: 50px;  padding: 50px 0 100px 0;  align-items: center;}
.homeproductSlider-02 ol.carousel-indicators li { list-style: none; cursor: pointer;}

.homeproductSlider-02 .carousel-inner { box-shadow: none; background: none;}
.slider2Img0  { position: relative;}
.slider2Img0 img { position: absolute; }
.slider2Img0 img { width: 560px !important;}
.cLogo img { width: 125px;}
.pname { font-size: 14px; line-height: 20px; font-weight: bold; color: #32325D; letter-spacing: 1px; font-weight: 800;}
.slideterText { padding: 16px 0 0 0;}
.slideterText ul li, .homepageProductListing_new ul li { font-size: 17px; list-style: none; display: flex; color: #32325D; align-items: center; font-weight: 600;  padding: 7px 0;}
.slideterText ul, .homepageProductListing_new ul { margin: 0; padding: 0;}

.slideterText ul li::before, .homepageProductListing_new ul li::before{ background: url(../images/rightarrow02.svg) no-repeat left 2px !important; padding-right: 25px; content: ""; display: block; width: 16px; height: 16px;}
/* .slider2Img  { position: relative;} */
.slider2Img { position: absolute; width: 763px; left: -200px; }
.homeproductSlider-02 .carousel-inner { overflow: visible;}
.homeproductSlider-02 ol.carousel-indicators li img {  filter: grayscale(100%);}
.homeproductSlider-02 ol.carousel-indicators li.active img { filter: grayscale(0%); -webkit-filter: grayscale(0%); }
.homeproductSlider-02 .slideterbtn { padding: 30px 0 0  ;}
.slideterText p { font-size: 17px; font-weight: 600;}

.homeproductSlider-02 { padding: 65px 0 91px 0 ;}
.homeproductSlider-02 .carousel-indicators .active { background: none;}

.homeproductSlider-02 .carousel-indicators li::after { display: none;}
.sliderContent-2 .slider2Img { left: 0;}
.sliderContent-5 .slider2Img { left: -100px;}
.newCounter { padding: 25px 0 65px 0; position: relative;}
.LandingCouterOuter .counter-count-new { font-size: 32px;}
.LandingCouterOuter .counter-count-new::after{ display: none !important;}
.page-template-homepage-v1 .newCounter h2.vc_custom_heading { font-size: 35px;}
.page-template-homepage-v2 .newCounter h2.vc_custom_heading { font-size: 40px;}


.newCounter  h2.vc_custom_heading { font-size: 35px ;}
p.vc_custom_heading.white { color: #fff;}
.couterListing .funfact-outer { display: block; text-align: left;}
.couterListing { display: flex; justify-content: center; padding: 60px 0  30px 100px; width: 1100px; margin: auto !important;}
.couterListing::before { display: none;}


.counter-count-new { font-size: 40px; font-weight: bold; display: flex;}
.newCounter  .counter-count-new::after { content: "+"; display: inline-block; font-size: 40px;}

.CounterComn  .counter-count-new::after { content: "+"; display: inline-block; font-size: 32px;}


.newCounter::after{  content: ""; background: url(../images/contervector.png) no-repeat right top; position: absolute; right: 0; display: block; width: 100%; height: 525px; opacity: 1; top: 20px; bottom:0; z-index: 1; display: flex; align-items: center;}
.newCounter div { z-index: 2;}
.imageSlider02 { background-color: #F6F9FC;}
.imageSlider02 .owl-carousel .owl-stage-outer { padding-top: 55px;}
.imageSlider02 .owl-carousel .owl-item { padding: 0px !important; margin: 0;}
.imageSlider02 .owl-carousel .owl-item img { width: 151px !important; height: 151px !important;}
.parnersection  { border-radius: 15px; padding: 38px 0px 17px 330px ; margin-top: 85px; margin-bottom: 28px; }
.parnersection a.vc_general{ background: #FA9C10 !important; border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; text-transform: none !important; }
.parnersection { position: relative;}
.parnersection::before { content: ""; background: url(../images/partnerImg.png) no-repeat left top; height: 401px; position: absolute; left:0px; width: 100%; bottom: 0; left: 25px; }
/* .imageSlider02 .owl-carousel .owl-item img { width: 150px;} */



.page-template-homepage-v1 h2.vc_custom_heading  { font-size: 40px }
.page-template-homepage-v2 h2.vc_custom_heading  { font-size: 40px }
.parnersection p.vc_custom_heading { font-size: 16px;}
.becomePartner { border-left: dashed 1px #5E7D9B;}
.becomePartner .vc_column-inner { padding-left: 40px;}
.findpartner .vc_column-inner { padding-right: 40px ; }
.findpartner .wpb_single_image { margin-bottom: 28px;}
.page-template-homepage-v1 p.vc_custom_heading { font-size: 20px;}
.page-template-homepage-v2 p.vc_custom_heading { font-size: 20px;}
.findpartner  p.vc_custom_heading, .becomePartner  p.vc_custom_heading { font-size: 16px;}

.homeproductSlider-02 .carousel-inner { margin-bottom: 50px;}
.indicatorspName { display: none;}
.productSlider2Outer { background: none !important;}

.homeproductSlider-02 ol.carousel-indicators li:hover { opacity: 1;}
.homeproductSlider-02 ol.carousel-indicators li:hover img { opacity: 0.8 !important;}


/* .productSlider2Outer .carousel-item {display: block !important;  opacity: 0 !important; height: 0; }
.productSlider2Outer .carousel-item.active { display: block !important; opacity: 1 !important; height: auto; } */
.blog-items a:hover .b-item {}

.mapRight { position: absolute; right: 0; top: 0;}
.imageSlider02   .owl-carousel .owl-stage-outer { overflow: visible;}
.homepageProductListing_new { margin: 0 -80px}

.homepageProductListing_new .wpb_column > .vc_column-inner > .wpb_wrapper {   
    margin: 0 auto;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 11px #eaf0f6;;
    
    box-shadow: 0 0 11px #eaf0f6;;
    margin-bottom: 30px;
    z-index: 0;
    padding: 48px 30px 30px 30px;

}
.homepageProductListing_new  .lastcolom  >.vc_column-inner > .wpb_wrapper { display: none;}
.plogo { margin: 0px 0px 27px 0px !important; }
.homepageProductListing_new h2.vc_custom_heading { font-size: 22px;padding-top: 0px; padding-bottom: 24px; margin: 0; color: #37606c;}
.homepageProductListing_new p.vc_custom_heading { border-bottom: solid 1px #DEDEDE; font-size: 16px; line-height: 27px; padding-bottom: 20px; margin-bottom: 27px;}
.homepageProductListing_new ul li { font-size: 14px; font-weight: bold; line-height: normal; padding: 10px 0; }
.homepageProductListing_new ul {  padding-top: 0px; margin-top: 17px; margin-bottom: -20px !important;}
.homepageProductListing_new a.vc_general { height: 42px; padding: 11px 0 !important; background-color: #0085ff !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; width: 100% !important; }
.homepageProductListing_new a.vc_general:hover { opacity: 0.7;}
.homepageProductListing_new h4.vc_custom_heading{ font-size: 18px; font-weight: normal; color: #32325D !important; margin: 0;}
.newProductListingOuter  { padding-bottom:77px ;}

.homepageProductListing_new .wpb_column > .vc_column-inner > .wpb_wrapper:hover{    box-shadow: 0 10px 50px -5px rgb(46 71 93 / 12%);
    /* transform: scale(1.014); */
}
.homepageProductListing_new .vc_btn3-container { width: 100%; margin: 0; padding: 0;}
.homepageProductListing_new a.vc_general::before, .homepageProductListing_new a.vc_general::after { display: none;}

/* homepage with new color*/

.page-template-homepage-v3_withslider .homepageProductListing_new a.vc_general { height: 42px; padding: 11px 0 !important; background-color: #2765D8 !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; width: 100% !important; }
.page-template-homepage-v3_withslider .homepageProductListing_new a.vc_general:hover { opacity: 0.7;}

.page-template-homepage-v3_withslider .pernerNewSection a.vc_general.vc_btn3 { background: #2765D8 !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; padding: 19px 0px 19px 0px !important; width: 330px; text-align: center !important; font-size: 18px !important; font-weight: bold !important; }


.page-template-homepage-v3_withslider .homepageProductListing_new ul li::before { background: url(../images/mark.svg) no-repeat left 2px !important; width: 22px; height: 22px;}



.newProductListingOuter .productTitle{ padding-bottom: 50px;}
.newCounter  {
    /*Permalink-usetoeditandsharethisgradient:;
    https:;
    //colorzilla.com/gradient-editor/#00a7b1+0,00a691+100*/background: #00a7b1;
    /*Oldbrowsers*/background: -moz-linear-gradient(left,  #00a7b1 0%, #00a691 100%);
    /*FF3.6-15*/background: -webkit-linear-gradient(left,  #00a7b1 0%,#00a691 100%);
    /*Chrome10-25,Safari5.1-6*/background: linear-gradient(to right,  #00a7b1 0%,#00a691 100%);
    /*W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/filter:;
    progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7b1', endColorstr='#00a691',GradientType=1 );
     /* IE6-9 */    :;
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7b1', endColorstr='#00a691',GradientType=1 );
}
.newCounter  .funfact-project { color: #fff; padding-top: 10px;}
.homevideo:hover, .homevideo:focus { border:none !important;}

.vc_toggle_content .amount, 
.vc_toggle_content .amount .dollar, 
 .vc_toggle_content .amount-number { color: #33475b;
    line-height: 139.97%;
    font-size: 16px;
    padding-top: 0;
    justify-content: flex-start;
    font-weight: normal;
    padding: 0 0 0  0;
    
}
.vc_toggle_content .amount .dollar {  padding: 0 0px 0 0;}
.blogcatename { font-size: 14px; color: #32325D !important; font-weight: bold; padding-left: 15px;}
/*.findParterNew { background: url(../images/findpartner.svg) no-repeat left 20px; padding-left: 100px;}
.becomPartnerNew { border-left: dashed 1px #019DC0; background: url(../images/becomepartner.svg) no-repeat 25px 20px; padding-left: 121px;}*/
.pernerNewSection { margin: 0 -50px;}
.pernerNewSection p.vc_custom_heading { font-size: 16px; font-weight: 600; padding-bottom: 10px; line-height: 25px;}
.pernerNewSection h2.vc_custom_heading { font-size: 30px; padding-bottom: 18px; font-weight: 700 !important;  }
.pernerNewSection .vc_row { margin: 0;}

.pernerNewSection a.vc_general.vc_btn3 { background: #0085ff !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; padding: 19px 0px 19px 0px !important; width: 330px; text-align: center !important; font-size: 18px !important; font-weight: bold !important; }
.pernerNewSection a.vc_general:hover { opacity: 0.8;}
.pernerNewSection .vc_general.vc_btn3::before, .pernerNewSection .vc_general.vc_btn3::after { display: none !important;}
.pernerNewSection { display: grid; grid-template-columns: 415px 1fr; align-items: center; padding-top: 45px; padding-bottom: 45px;}
.pernerNewSection::before{ display: none !important ; }
.pernerNewSection .vc_col-sm-4, .pernerNewSection .vc_col-sm-8 { width: 100%;}

.videopoup01::before { top: 6px; right: -18px;}
.videopoup01:hover::before {right: -25px;}
.videopoup01::after { top: 6px; right: -18px;}
.mobileLogo { display: none;}
.findParterNew  { margin: 0 0 0 -15px;}


.headerbannerStyle03 { position: relative; z-index: 1000;}
.headerbannerStyle03  .vc_column-inner { padding-top: 0px !important;}

/* feature paage css */

.page-template-feature-pages {}
.page-template-feature-pages .videoboxImg { height: 670px;}

.headerbannerStyle03 {  padding: 170px 0 ;}

.headerbannerStyle03 p, .headerbannerStyle03 h1, .headerbannerStyle03 h2 { color: #fff;}
.headerbannerStyle03 h1, .headerbannerStyle03 h2 { font-size: 42px; font-weight: bold; padding: 20px 0 33px 0 ; margin:0;}

.whitebtn .vc_general.vc_btn3 { background: #fff !important; color: #444444 !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; font-size: 18px !important; height: 58px; line-height: 58px; padding: 0px 35px !important;  text-align: center; }
.whitebtn .vc_general.vc_btn3:hover { background:  rgba(255, 255, 255, 0.6) !important;}
.whitebtn .vc_general.vc_btn3::before, .whitebtn .vc_general.vc_btn3::after { display: none !important;}

.headerbannerStyle03 .images_slider { width: 400px;
    position: absolute;
    top: -80px;
    left: -20px;}
.owl-stage { display: flex !important;}
.headerbannerStyle03  .owl-carousel .owl-item img { width: inherit;}
.feature-pages-banner-img { padding-left: 50px;}

.featureAccodian { padding-top: 72px ; padding-bottom: 100px;}
.featureAccodian .vc_tta-tabs { display: grid; grid-template-columns: 20% 80%;}
.featureAccodian::before { display: none;}

.featureAccodian ul { padding: 0 0 0 20px; margin: 0;}

.featureAccodian  .vc_tta-tab { padding-right: 15px !important;}

.featureAccodian .vc_tta-title-text { font-size: 16px; font-weight: bold;}

.featureAccodian .vc_tta-tab a { line-height: 20px;}
.featureAccodian .vc_tta-tabs-list { padding-top: 52px !important;}
.featureAccodian .vc_tta-tabs-list li { width: 100%; opacity: 0.6;}
.featureAccodian .vc_tta-tabs-list li.vc_active {  opacity: 1;}
.featureAccodian .vc_tta-tabs-list li a { border: none !important; border-bottom: solid 1px #E8E8E8 !important; background: url(../images/dashboard_Icon.png) no-repeat left center !important; padding: 28px 0 28px  50px !important;}
.featureAccodian .vc_tta-tabs-list li:nth-child(1)  a  {  background: url(../images/dashboard_Icon.png) no-repeat left center !important;}
.featureAccodian .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/LiveTracking_icon.png) no-repeat left center !important;}
.featureAccodian .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/Reports_icon.png) no-repeat left center !important;}
.featureAccodian .vc_tta-tabs-list li:nth-child(4)  a  {  background: url(../images/Charts_icon.png) no-repeat left center !important;}
.featureAccodian .vc_tta-tabs-list li:nth-child(5)  a  {  background: url(../images/Alerts_icon.png) no-repeat left center !important;}
.featureAccodian .vc_tta-tabs-list li:nth-child(6)  a  {  background: url(../images/Fuel_Sensors_icon.png) no-repeat left center !important;}
.featureAccodian .vc_tta-tabs-list li:nth-child(7)  a  {  background: url(../images/dashboard_Icon.png) no-repeat left center !important;}



.feature_video_telematics .vc_tta-tabs-list li:nth-child(1)  a  {  background: url(../images/feature_video_telematics_1.png) no-repeat left center !important;}
.feature_video_telematics .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/feature_video_telematics_2.png) no-repeat left center !important;}
.feature_video_telematics .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/feature_video_telematics_3.png) no-repeat left center !important;}
.feature_video_telematics .vc_tta-tabs-list li:nth-child(4)  a  {  background: url(../images/feature_video_telematics_4.png) no-repeat left center !important;}


.feature_tire_management .vc_tta-tabs-list li:nth-child(1)  a  {  background: url(../images/feature_tire_management_1.png) no-repeat left center !important;}
.feature_tire_management .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/feature_tire_management_3.png) no-repeat left center !important;}
.feature_tire_management .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/feature_tire_management_2.png) no-repeat left center !important;}
.feature_tire_management .vc_tta-tabs-list li:nth-child(4)  a  {  background: url(../images/feature_tire_management_4.png) no-repeat left center !important;}
.feature_tire_management .vc_tta-tabs-list li:nth-child(5)  a  {  background: url(../images/feature_tire_management_5.png) no-repeat left center !important;}

.feature_tpms .vc_tta-tabs-list li:nth-child(1)  a  { background: url(../images/LiveTracking_icon.png) no-repeat left center !important;}
.feature_tpms .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/feature_tpms_2.png) no-repeat left center !important;}
.feature_tpms .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/feature_tpms_3.png) no-repeat left center !important;}


.dvir_listing .vc_tta-tabs-list li:nth-child(1)  a  { background: url(../images/dvir_01.png) no-repeat left center !important;}
.dvir_listing .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/dvir_02.png) no-repeat left center !important;}



.route_optimization .vc_tta-tabs-list li:nth-child(1)  a  {  background: url(../images/LiveTracking_icon.png) no-repeat left center !important;}
.route_optimization .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/route_optimization_2.png) no-repeat left center !important;}
.route_optimization .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/Alerts_icon.png) no-repeat left center !important;}
.route_optimization .vc_tta-tabs-list li:nth-child(4)  a  {  background: url(../images/route_optimization_3.png) no-repeat left center !important;}
.route_optimization .vc_tta-tabs-list li:nth-child(5)  a  {  background: url(../images/route_optimization_5.png) no-repeat left center !important;}

.feature_adas .vc_tta-tabs-list li:nth-child(1)  a  {  background: url(../images/Adasicon_1.png) no-repeat left center !important;}
.feature_adas .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/Adasicon_2.png) no-repeat left center !important;}
.feature_adas .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/Adasicon_3.png) no-repeat left center !important;}
.feature_adas .vc_tta-tabs-list li:nth-child(4)  a  {  background: url(../images/Adasicon_4.png) no-repeat left center !important;}
.feature_adas .vc_tta-tabs-list li:nth-child(5)  a  {  background: url(../images/Adasicon_5.png) no-repeat left center !important;}



.expense_management_list .vc_tta-tabs-list li:nth-child(1)  a  {  background: url(../images/expense_management_1.png) no-repeat left center !important;}
.expense_management_list .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/expense_management_2.png) no-repeat left center !important;}
.expense_management_list .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/expense_management_3.png) no-repeat left center !important;}
.expense_management_list .vc_tta-tabs-list li:nth-child(4)  a  {  background: url(../images/expense_management_4.png) no-repeat left center !important;}

.elock_list .vc_tta-tabs-list li:nth-child(1)  a  {  background: url(../images/elock_1.png) no-repeat left center !important;}
.elock_list .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/elock_2.png) no-repeat left center !important;}
.elock_list .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/elock_3.png) no-repeat left center !important;}
.elock_list .vc_tta-tabs-list li:nth-child(4)  a  {  background: url(../images/elock_5.png) no-repeat left center !important;}
.elock_list .vc_tta-tabs-list li:nth-child(5)  a  {  background: url(../images/elock_4.png) no-repeat left center !important;}



.obd_list .vc_tta-tabs-list li:nth-child(1)  a  {  background: url(../images/obd_1.png) no-repeat left center !important;}
.obd_list .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/obd_2.png) no-repeat left center !important;}
.obd_list .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/obd_3.png) no-repeat left center !important;}
.obd_list .vc_tta-tabs-list li:nth-child(4)  a  {  background: url(../images/obd_4.png) no-repeat left center !important;}


.eco_driving_list .vc_tta-tabs-list li:nth-child(1)  a  {  background: url(../images/eco_driving_1.png) no-repeat left center !important;}
.eco_driving_list .vc_tta-tabs-list li:nth-child(2)  a  {  background: url(../images/eco_driving_2.png) no-repeat left center !important;}
.eco_driving_list .vc_tta-tabs-list li:nth-child(3)  a  {  background: url(../images/eco_driving_3.png) no-repeat left center !important;}
.eco_driving_list .vc_tta-tabs-list li:nth-child(4)  a  {  background: url(../images/eco_driving_4.png) no-repeat left center !important;}
.eco_driving_list .vc_tta-tabs-list li:nth-child(5)  a  {  background: url(../images/eco_driving_5.png) no-repeat left center !important;}



.featureAccodian .vc_tta-tabs-list li a:before { display: none;}
.featureAccodian .vc_tta-panel-body , .featureAccodian .vc_tta-panels { background: none !important; border: none !important;}
.featureAccodian .vc_tta-panels { border-left: solid 1px #E8E8E8 !important; }
.featureAccodian .vc_tta-panel-body { padding: 80px 30px 30px 30px !important;}





#dgSet { background: url(../images/dgSet.png) no-repeat left center; }
#MarineFishing { background: url(../images/MarineFishing.jpg) no-repeat left center;  }
#Petrolpumps { background: url(../images/Petrolpumps.png) no-repeat left center;}
#TransportationLogistics { background: url(../images/TransportationLogistics.jpg) no-repeat left center;  }
#Passengertransportation { background: url(../images/Passengertransportation.jpg) no-repeat left center; }
#Trucking { background: url(../images/Trucking_f.jpg) no-repeat left center;  }
#hire_rental { background: url(../images/hire_rental_f.jpg) no-repeat left center;  }
#FMCG { background: url(../images/FMCG_f.jpg) no-repeat left center; }
#Passengertransportationtire { background: url(../images/Passengertransportationtire.jpg) no-repeat left center; }
#Truckingtire { background: url(../images/Truckingtire.jpg) no-repeat left center; }
#FMCGtire { background: url(../images/FMCGtire.jpg) no-repeat left center; }
#SalesandServices { background: url(../images/SalesandServices.jpg) no-repeat left center; }
#HealthCare { background: url(../images/HealthCare.jpg) no-repeat left center; }
#construct { background: url(../images/construct.jpg) no-repeat left center; }
#FinancialInstitutions { background: url(../images/FinancialInstitutions.jpg) no-repeat left center; }






/* .heading01 {text-shadow: 2px 2px 4px #c8c8c8;} */
a.newBlueBtn, .newBlueBtn a.vc_general   { background: #004059 !important; color: #fff !important; padding: 0 30px !important; font-weight: 700 !important; height: 48px; line-height: 48px; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; width: 231px; text-align: center; padding-top: 0; padding-bottom: 0; font-size: 17px !important; }

a.newBlueBtn:hover , .newBlueBtn a.vc_general:hover {opacity: 0.7;}

.choiceListingOuter .newBlueBtn a.vc_general  { margin-bottom: 50px;}

a.newBlueBtn::before, a.newBlueBtn::after, .newBlueBtn a::after, .newBlueBtn a::before { display: none; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; font-size: 18px; }
.choiceListing { display: flex; align-items: center;}
.choiceListing::before { display: none;}
.choiceListingMiddle { padding: 102px 0 ;}
.choiceListing h3 { color: #32325D;}
.BenefitsListing  { padding: 25px 0 80px 0 ;}
.BenefitsListingBox { padding: 65px 0 0 0;}
.BenefitsListingBox p { color: #fff; width: 60%; margin: auto;}
.BenefitsListingBox_4 p { color: #fff; width: 75%; margin: auto;}

.choiceListingLast { padding-bottom: 100px;}
.BenefitsListing  .whitebtn .vc_general.vc_btn3{ margin: 30px 0 0 0; height: 48px; line-height: 48px;}

.IndustriesAccordian .vc_tta-panel { background: url(../images/dgSet.jpg) no-repeat left center ; position: relative; background-size: cover !important;}





.IndustriesAccordian .vc_tta-panel::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005a6e+1,005a6e+80,005a6e+100&1+19,0.8+62,0.7+100 */
   background: -moz-linear-gradient(left,  rgba(0,90,110,1) 1%, rgba(0,90,110,1) 19%, rgba(0,90,110,0.8) 62%, rgba(0,90,110,0.75) 80%, rgba(0,90,110,0.7) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  rgba(0,90,110,1) 1%,rgba(0,90,110,1) 19%,rgba(0,90,110,0.8) 62%,rgba(0,90,110,0.75) 80%,rgba(0,90,110,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right,  rgba(0,90,110,1) 1%,rgba(0,90,110,1) 19%,rgba(0,90,110,0.8) 62%,rgba(0,90,110,0.75) 80%,rgba(0,90,110,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a6e', endColorstr='#b3005a6e',GradientType=1 ); /* IE6-9 */
    

    
    }

    .IndustriesAccordian  .vc_tta-panel.vc_active::before    {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005a6e+1,005a6e+80,005a6e+100&1+19,0.8+62,0.7+100 */
background: -moz-linear-gradient(left,  rgba(0,90,110,1) 1%, rgba(0,90,110,1) 19%, rgba(0,90,110,0.8) 62%, rgba(0,90,110,0.75) 80%, rgba(0,90,110,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,90,110,1) 1%,rgba(0,90,110,1) 19%,rgba(0,90,110,0.8) 62%,rgba(0,90,110,0.75) 80%,rgba(0,90,110,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,90,110,1) 1%,rgba(0,90,110,1) 19%,rgba(0,90,110,0.8) 62%,rgba(0,90,110,0.75) 80%,rgba(0,90,110,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a6e', endColorstr='#b3005a6e',GradientType=1 ); /* IE6-9 */


 

}

.IndustriesAccordian .vc_tta-panels, .IndustriesAccordian .vc_tta-panel-heading, .IndustriesAccordian .vc_tta-panel-body{ background: none !important; border: none !important;}

.IndustriesAccordian a, .IndustriesAccordian a .vc_tta-title-text { color: #fff;}
.IndustriesAccordian .vc_tta-panel-title  { font-size: 30px;  font-weight: 900; padding-bottom: 20px;
    position: relative;
    z-index: 5;

   
     
}

.IndustriesAccordian .vc_active .vc_tta-panel-title  { border-bottom-width: 1px;
    border-bottom-style: solid;
    border-image: 
      linear-gradient(
        to right, 
        #6C939F, 
        transparent
      ) 1;
}

.IndustriesAccordian .vc_tta-panel {
    box-shadow: 0px -15px 10px -15px #111;    
}
.IndustriesAccordian a i { display: none !important;}
.IndustriesAccordian ul { padding: 0; margin: 0;}
.IndustriesAccordian p , .IndustriesAccordian ul li { color: #fff;}


.IndustriesAccordian ul li{background: url(../images/arrow03.svg) no-repeat left 18px; padding: 15px 0 0 38px; font-size: 14px; }
.IndustriesAccordian .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a { padding: 0px;} 
.IndustriesAccordian  .vc_tta-panel-body { padding: 20px 0 0 0!important}
.IndustriesAccordian .vc_tta-panel { padding: 50px 50px 30px 50px;}

.IndustriesAccordian  .vc_tta-panel-title { position: relative;}
.IndustriesAccordian  .vc_tta-panel-title::before { display: block; position: absolute; top: 0; right: 0; content: ""; background: url(../images/arrow05.svg) no-repeat left top; width: 35px; height: 35px;}
.IndustriesAccordian  .vc_active .vc_tta-panel-title::before {-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}

.IndustriesAccordian .vc_tta-panel:first-child {box-shadow:none !important}

.IndustriesAccordian .vc_tta-panels { padding-top: 70px;}
.IndustriesAccordian  { padding-top: 65px;}
.featurecontactForm h2 { padding-bottom: 10px;}




/* Feel free to change duration  */ 
.animated  {
    -webkit-animation-duration : 1000 ms  ;
    animation-duration : 1000 ms  ;
    -webkit-animation-fill-mode : both  ;
    animation-fill-mode : both  ;
  }  
  /* .owl-animated-out - only for current item */ 
  /* This is very important class. Use z-index if you want move Out item above In item */ 
  .owl-animated-out {
    z-index : 1 
     }
  /* .owl-animated-in - only for upcoming item
  /* This is very important class. Use z-index if you want move In item above Out item */ 
  .owl-animated-in {
    z-index : 0 
     }
  /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
  .fadeOut  {
    -webkit-animation-name : fadeOut  ;
    animation-name : fadeOut  ;
  }  
  @-webkit-keyframes  fadeOut  {
    0% {
      opacity : 1   ;
    }  
    100% {
      opacity : 0   ;
    }  
  }
  @keyframes  fadeOut  {
    0% {
      opacity : 1   ;
    }  
    100% {
      opacity : 0   ;
    }  
  }



  .accordingRightImg { right: -30%; position: absolute; max-width: 682px !important;   width: 682px !important;  height: 100% !important; }
  .accordingRightImg img { max-width: 682px !important;   width: 682px !important;}

  .featureAccodian .vc_tta-panel-body { overflow: visible !important; opacity: 0 !important; display: none; height: inherit !important; position: absolute; }
  .featureAccodian .vc_active .vc_tta-panel-body { display: block; opacity: 1 !important; position: relative;}
  
  
  .featureAccodian  p { text-align: justify}

  .animated  {
    -webkit-animation-duration : 1000 ms  ;
    animation-duration : 1000 ms  ;
    -webkit-animation-fill-mode : both  ;
    animation-fill-mode : both  ;
  }  
  /* .owl-animated-out - only for current item */ 
  /* This is very important class. Use z-index if you want move Out item above In item */ 
  .owl-animated-out {
    z-index : 1 
     }
  /* .owl-animated-in - only for upcoming item
  /* This is very important class. Use z-index if you want move In item above Out item */ 
  .owl-animated-in {
    z-index : 0 
     }
  /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
  .fadeOut  {
    -webkit-animation-name : fadeOut  ;
    animation-name : fadeOut  ;
  }  
  @-webkit-keyframes  fadeOut  {
    0% {
      opacity : 1   ;
    }  
    100% {
      opacity : 0   ;
    }  
  }
  @keyframes  fadeOut  {
    0% {
      opacity : 1   ;
    }  
    100% {
      opacity : 0   ;
    }  
  }
  

  .choiceListing_2 .vc_column-inner > .wpb_wrapper { border: solid 0.5px #005A6E; padding: 40px 50px 5px 50px ;}
  .choiceListing_2 .vc_column-inner::before { display: none;}
  .choiceListing_2 { padding-bottom: 50px;}
  .choiceListing_2 h3.vc_custom_heading { margin-bottom: 25px;}

  .mobileview { display: none;}


p.vc_custom_heading.black { color: #32325d !important;}

.imageSlider02  .newBlueBtn {margin-top: 80px !important; margin-bottom: 0px !important;}
.BenefitsListing  a.vc_general{ width: 231px;}

td.lastHide { display: none !important;}




/* .contact-header-new .wpb_single_image img {
    min-height: 700px;
    display: flex;
    align-items: center;
} */

.contact-bg .wpb_single_image img{
    position: relative;
    background-size: cover;
    max-width: 1920px;
    background-position: left;
    right: 407px;
    bottom: 414px;
}

.contact-header-new{
    
    
        min-height: 600px;
        display: flex;
        align-items: center;
        background: url(../images/contact_bg_new.png) ; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
         

}

.contact-header-new h1 {
    top: 20%;
    color: #fff;
    font-size: 50px;
    font-weight: 900;
    position: relative;
    z-index: 1000;
    padding-left: 15px;
    
}

.contact-header-new p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    /* width: 413px !important; */
    position: relative;
    z-index: 1000;
    padding-left: 15px;
    
}

.contact-heading h2.vc_custom_heading{
    position: relative;
    /* top: 100px; */
    font-size: 38px;
    font-weight: 700;
    margin: 100px 0 25px 0;
   
}
.contact-info-new {
    color: #2E475D;
    display: flex;
    position: relative;
    top: 50px;
    align-items: center;
    /* margin-bottom: 100px; */
}


.contact-info-first {
    color: #2E475D;
    display: flex;
    position: relative;
    top: 50px;
    align-items: center;
    /* margin-bottom: 100px; */
}

.contact-info-new h3.vc_custom_heading {
    color: #2E475D;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 15px;
}
.contact-info-first h3.vc_custom_heading {
    color: #2E475D;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 15px;
}


.contact-info-new p, .contact-info-new a, .office-map a {
    color: #2E475D;
    
    

}
.mobileBannerLanding  { display: none;}

/* 
.videoboxImg.videobox-heightAuto.innerheader-9250 {
    height: 700px;
} */
.office-map{
    background-color: #fff;
    box-shadow: 0px 4px 18px 2px rgba(0, 0, 0, 0.15);
    margin: 50px 0  80px 0  ;

   


}

.map-responsive { margin-bottom: 0px !important; height: 360px; overflow: hidden;}
.office-map .vc_column-inner::before, .vc_column-inner::after { display: none !important;}
.office-map h4.vc_custom_heading {
width:160px !important;
height: 60px !important;
color: #000000 !important;
font-size: 16px !important;
background: #FFFFFF;
margin: auto;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
border-radius: 10px;
z-index: 500;
position: absolute;
display: flex;
justify-content: center;
left: 0;
right: 0;
top: 30%;
bottom: 0;
align-items: center;


}

.office-map .place-card.place-card-large {
    display: none;
}

.office-map .vc_column_container>.vc_column-inner{
    box-sizing: border-box;
    padding-left: 0px !important;
    padding-right: 0px !important;
    

}

.office-map h3.vc_custom_heading{
    padding-left: 10px;
    color: #2E475D;
    padding-bottom: 15px;    

}

.office-map h3.vc_custom_heading i {

    font-style: italic;
    color: #2E475D;
    opacity: 75%;
    font-weight: 500;
}

.office-map p, .vc_toggle_content ul li, ol li {
    padding-left: 10px;
    color: #2E475D;
    font-size: 17px;
    line-height: 30px;
}

.contact-info-query{
    position: absolute;
    width: 100%;
    top: 440px;
    display: flex;
    /* display: grid;
    grid-template-columns: auto auto auto; */
    gap: 0px;
    z-index: 1000;

    /* width: 375px;
    position: relative;
    top: 350px;
    display: flex;
    justify-content: space-between;
    margin: 20px 0 20px 0; */
}
.contact-info-query .contactbox-new{    
    bottom: 200px;
    z-index: 1000;

}

.contactbox-new {
    width: 100%;
}

.contactbox-new .vc_column-inner {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.contactbox-new p {
    color: #73797D;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    padding: 0 0 15px 0;
    position: relative;
}

.contactbox-new .wpb_content_element {
    margin: 0px !important;
}

.contactbox-new .wpb_wrapper,
.contactbox-new .wpb_text_column,
.contactbox-new p,
.contactbox-new p a {
    width: 100%;
    display: block;
}

.contactbox-new p a strong {
    display: block;
}

.contactbox-new p a {
    color: #000;
    display: block;
    width: 100%;
    box-shadow: 0 2px 15px rgb(0 0 0 / 13%) !important;
    background-color: #fff;
    border-radius: 10px;
    padding: 26px;
}

.contactbox-new img {
    right: 0px;
    top: 6px;
    position: absolute;
    width: 90px !important;
    height: 90px !important;
}



    
.darkmarunsectionContact {
    margin-top: 50px;
    background-color: #F1FAFE;
    padding: 110px 0;
}
 
.darkmarunsectionContact h2.vc_custom_heading.white{
    color: #32325D;
}
.gm-style .place-card div, .gm-style .place-card a, .gm-style .default-card div, .gm-style .default-card a{
    display: none;
}
.map-text { padding-top: 50px; padding-left: 20px; padding-right: 20px;}
.address-content-img img { margin-left: -15px;}


.contact-info-new_last { padding-bottom: 90px;}
.table  th span { cursor: pointer;}




/* The search field */
#myInput {
  box-sizing: border-box;
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

/* The search field when it gets focus/clicked on */
#myInput:focus {outline: 3px solid #ddd;}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 520px;
  left: -1px;
  right: 0;
  top: 30px;
  border: 1px solid #ddd;
  border-top: 0;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.dropdown {  display: flex !important;   position: relative;
    width: 520px  !important;
    margin: auto ;

        vertical-align: middle;
        border: 1px solid #ccc;
        border-radius: 4px;
        cursor: pointer;
        background: #fff;
        width: inherit;
        font-size: 14px;
    }

button.dropbtn{
    background: none !important;
    border: none !important;
    line-height: 1.42857143;
    padding: 6px 24px 6px 12px !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    text-align: left;
    width: 100% !important;
    justify-content: center  !important;
    color: #555 !important;
    font-size: 14px;
    outline: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
}


.deviceList {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dropdown-content a { 
      padding: 4px 6px;
      display: block;
      font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #f5f5f5;
}

.dropdown-content a:hover, .dropdown-content a:focus{ background: #337ab7; color: #fff;  border-bottom: 1px solid #f5f5f5; outline: none;  }


.dropdown.act { border-radius: 4px 4px 0 0 !important; -webkit-border-radius: 4px 4px 0 0 !important; -moz-border-radius: 4px 4px 0 0 !important; -ms-border-radius: 4px 4px 0 0 !important; -o-border-radius: 4px 4px 0 0 !important; }
.use-case-banner { display: none; position: relative; z-index: 5;}
.pricingPageHeader  { display: block; width: 100% !important; max-width: 100 !important;}



.table span i, .grid i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.page-template-webinar-2023 .features_pages_header { background: linear-gradient(2.66deg, #004871 2.16%, #02CBF8 159.57%);}
.features_pages_header { background-color: #EAF0F6; padding: 160px 0 ;}
.features_pages_short_description {  text-align: center; }
.features_pages_short_description h1 { font-size: 38.4px; color: #2E475D; font-weight: 800;}
.pages_short_description p { font-size: 20px;  line-height: 28px; color: #2E475D; width: 72%; margin: auto; font-weight: 700;}


.page-template-webinar-2023 .features_pages_short_description {  text-align: left; }
.page-template-webinar-2023 .features_pages_short_description h1 { font-size: 38.4px; color: #2E475D; font-weight: 800;}
.page-template-webinar-2023 .pages_short_description p { font-size: 20px;  line-height: 28px; color: #2E475D; width: 72%; margin: auto; font-weight: 700; text-align: left;}






.page-template-feature-pages-style-2 .headerOuter {
    background-color: #fff;
    z-index: 15000 !important;
    box-shadow: 0 2px 4px rgb(33 51 67 / 12%);
}
.page-template-feature-pages-style-2 .headerOuter.sticky {
   
    box-shadow: 0 2px 4px rgb(33 51 67 / 12%);
}
.page-template-webinar-2023 .headerOuter .logo, .logo-black {
    display: none;
}
.page-template-feature-pages-style-2 .headerOuter .logo, .logo-black {
    display: none;
}

.page-template-webinar-2023 .headerOuter .logo-black {
    display: block;
}
.page-template-feature-pages-style-2 .headerOuter .logo-black {
    display: block;
}

.page-template-webinar-2023 .headerOuter .logo-black {
    display: block;
}
.page-template-feature-pages-style-2 .headerPhone a{
    border: solid 1px #d4d4d4;
    color: #000;
}

.page-template-webinar-2023 .headerPhone a{border: solid 1px #d4d4d4; color: #000;
}
.page-template-feature-pages-style-2 .headerPhone a img {    filter: invert(88%) sepia(21%) saturate(935%) hue-rotate(123deg) brightness(85%) contrast(97%);
}

.page-template-webinar-2023 .headerPhone a img {    filter: invert(88%) sepia(21%) saturate(935%) hue-rotate(123deg) brightness(85%) contrast(97%);
}

.page-template-feature-pages-style-2 .headerOuter a.mega-menu-link {
    color: #444 !important;
}

.page-template-webinar-2023 .headerOuter a.mega-menu-link {
    color: #444 !important;
}

.page-template-webinar-2023 .headerOuter #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {
    background: #00B7F1 !important;
    color: #fff !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
}

.page-template-feature-pages-style-2 .headerOuter #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {
    background: #00B7F1 !important;
    color: #fff !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
}


.page-template-webinar-2023 .blog-items a h5 { 
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    letter-spacing: 0.04em !important;
    margin: 0 !important;
    padding: 0 0 0 10px;
    color: #516F90;

}

.page-template-feature-pages-style-2 .blog-items a h5 { 
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    letter-spacing: 0.04em !important;
    margin: 0 !important;
    padding: 0 0 0 10px;
    color: #516F90;

}

.page-template-webinar-2023 .item-box:hover .blog-items a h5  { color:#2E475D !important; text-decoration: underline;}

.page-template-feature-pages-style-2 .item-box:hover .blog-items a h5  { color:#2E475D !important; text-decoration: underline;}

.page-template-webinar-2023 .b-item, .page-template-webinar-2023 .blog-items a:hover .b-item { background: none !important; box-shadow: 0 0 0px 0px #cfcfcf;}
.page-template-feature-pages-style-2 .b-item, .page-template-feature-pages-style-2 .blog-items a:hover .b-item { background: none !important; box-shadow: 0 0 0px 0px #cfcfcf;}
.featuerpagecasestudies .thumb { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.page-template-feature-pages-style-2 .blog-items { margin-top: 38px !important;}

.page-template-feature-pages-style-2 .blog-info { padding: 0;}
.imageSection { position: relative; text-align: right; padding: 45px 0px;}
.imageSection img {
     background: #FFFFFF;
     box-shadow: 0px 15px 40px 0px #0000001A;
     box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1);
     border-radius:10px ;
     -webkit-border-radius:10px ;
     -moz-border-radius:10px ;
     -ms-border-radius:10px ;
     -o-border-radius:10px ;
}
.headerBox { background-color: #fff; position: absolute; left: 0; top: 155px; width: 592px; padding: 65px 20px 46px 20px;  

    background: #FFFFFF;
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.25);
    border-radius: 3px;

}
.headerBox  h2{ color: #2E475D; font-size: 25px; font-weight: 700; line-height: 31.38px;}
.headerBox p { font-size: 16px; color:#2E475D; line-height: 28.32px; }
.headerBox p em { font-size: 12px; color:#516F90; 
  width: 60%; margin: auto; 
    display: block;
    font-style: normal; 
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
}
.headerBox span.featurebannerbtn { margin: 30px auto; display: flex; width: 206px; 
    background-color: #00B7F1; height: 77px; 
    align-items: center; text-align: center; cursor: pointer; justify-content: center; color: #fff;
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    border-radius: 3px;
}
.headerBox span.featurebannerbtn:hover { opacity: 0.5;}

h2.vc_custom_heading.smalltitle { 
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #2E475D;
    width: 72%;
    margin: 0 auto;
    

}
.featuerList h4{
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: normal;
    padding-bottom: 15px;
    padding-right: 65px;
    
    
    
    color: #2E475D;
}
.featuerList { padding: 50px 0 ;}
.featureright { padding-left: 90px;}
.featurerleft  { padding-right: 90px;}
.featuerList { display: grid; grid-template-columns: 1fr 1fr; align-items: center;}
.featuerList .vc_col-sm-6 { width: 100%;}
.featuerList::before { display: none;}
.featuerList_first { padding-top: 100px;}
.featuerList .wpb_wrapper p , .featureList_2  .wpb_wrapper p, .case_study_style_1  .wpb_wrapper p , .case_study_style_1_content ul li{
    /* text-align: justify; */
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #2E475D;

}
.case_study_style_1 .wpb_wrapper p, .case_study_style_1_content ul li {  color: #32325D; line-height: 26px; }
.case_study_style_1_content ul li { padding-bottom: 7px;}
.featureList_2  .wpb_wrapper p {
    color: #516F90;
    

}
.featureList_2 .wpb_wrapper p { font-size: 14px; line-height: 23px; font-weight: 600;}
.featureList_2 .wpb_wrapper { padding-right: 5px;}


.featureList_2 .vc_icon_element{ margin-bottom: 0px !important;}
.featureList_2  strong { font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #2E475D; 
    padding-bottom: 15px;
    display: block;
}

.featureList_2 .wpb_wrapper h6{
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    color: #516F90;

}
  
.featureList_2 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner { width: inherit; padding-left: 20px;}
.featureList_2 h3 { 

    font-style: normal;
font-weight: 800;
font-size: 32px;
line-height: 45px;
/* or 141% */


color: #2E475D;
}
.tickImg { margin-bottom: 20px !important;}

.featureList_2  { padding-bottom: 70px;}
span.lightBlueBtn {
    background-color: #00B7F1;
    color: #fff;
    width: 250px;
    height: 58px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content:center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
span.lightBlueBtn:hover { opacity: 0.5}
.cta_blue_section { display: flex; align-items: center; padding-top: 43px ; padding-bottom: 43px}
.cta_blue_section h3.vc_custom_heading {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 39px;
    margin-bottom: 20px;
  
    
    color: #fff;

}
.cta_blue_section h3.vc_custom_heading, .topcontent { padding-right: 50px;}

.topcontent p {font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #fff;}
.cta_blue_section::before { display: none;}
.smallfonts p { 
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    /* identical to box height, or 200% */
    
    
    color: #2E475D;
}
.newcolor { color: #2E475D !important; }

.faqOuterFetuerPage .vc_toggle_content p, .faqOuterFetuerPage  .vc_toggle_title>h4, .faqOuterFetuerPage p.vc_custom_heading{ color: #2E475D;}

.faqOuterFetuerPage .vc_toggle_content p {font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    /* or 175% */
    
    
    color: #2E475D;}


.featuerpagecasestudies  .blog-info{ padding-top:15px ;}
.featuerpagecasestudies .thumb { height: auto; overflow: hidden;}
.usecaseList { display: flex ;  justify-content: center; align-self: stretch;}
.usecaseList .vc_column-inner , .usecaseList .wpb_wrapper, .usecaseList  .item-box, .usecaseList .blog-items { height: 100%;}
.featuerList  .vc_column-inner { padding: 0;}

.faqOuterFetuerPage h2.vc_custom_heading, .featuerpagecasestudies  h2.vc_custom_heading{font-weight: 800;
    font-size: 32px;
    line-height: 44px;
    color: #2E475D !important;
    
    /* or 138% */
    
    text-align: center;}


    .featuerpagecasestudies  .wpb_wrapper p {color: #2E475D !important; font-size: 20px;}

    .banner_image { position: absolute; left: 0; right: 0; bottom: 0; text-align: center;}
    .page-template-feature-pages-style-2 .uc-bg-g-ani { display: none !important;}
    .features_pages_header { position: relative;}
    .rightForm {
        background: #FFFFFF;
        box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.2);
        border-radius: 3px 0px 0px 3px;
      
        padding: 36px 9px;
        /* margin: -150px 0 ; */
        
        

    }
    .rightForm  
     .hbspt-form { padding: 0 11px;} 

     .cta_blue_section_form textarea { padding-top: 7px !important;}
        .cta_blue_section_form textarea::placeholder,
.cta_blue_section_form input::placeholder,
.cta_blue_section_form select::placeholder {
    color: #79aab6 !important;
}


    .cta_blue_section { overflow: visible !important; margin-top: 10px; margin-bottom: 10px;}
    /* .cta_blue_section_form::before { background: url(../images/petternTop.png) no-repeat left top; content: ""; position: absolute; left: 0; top:0; display: block; width: 135px; height: 159px; } */
    /* .cta_blue_section_form::after { background: url(../images/petternBottom.png) no-repeat left top; content: ""; position: absolute; bottom:0; right: 0;  display: block; width: 172px; height: 191px; } */
    .cta_blue_section_form .wpb_wrapper{ z-index: 10;  position: relative;}

    .cta_blue_section  { display: grid; grid-template-columns: 1fr 275px; padding: 25px 0 25px 0 ;}
    .cta_blue_section::before, .cta_blue_section::after { display: none;}
    .cta_blue_section .vc_col-sm-8, .cta_blue_section .vc_col-sm-4 { width: 100%;}
    .cta_blue_section_form span {font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        /* identical to box height */
        
        
        color: #2E475D;}
        .cta_blue_section_form textarea,     .cta_blue_section_form input, .cta_blue_section_form select {
            background-color: #F1FAFE;
            border: solid 1px #B6C9D2;
                    font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #79aab6 !important;

                opacity: 1;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            width: 100%;
            height: 39px;
}
.cta_blue_section_form input::-webkit-input-placeholder {/* Chrome/Opera/Safari/Edge */
    color: #79aab6 !important;
}


.cta_blue_section_form input::-ms-input-placeholder { /* Microsoft Edge */
    color: #79aab6 !important;
}

.cta_blue_section_form input:-ms-input-placeholder {/* IE 10+ */
    color: #79aab6 !important;
}
.cta_blue_section_form .hs-form .hs-error-msgs label { color:red;}
.cta_blue_section_form input.hs-button  {
    width: 100% !important;
    background: #00BCE7 !important;
    color: #fff !important;
    text-align: center !important;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
border-radius: 3px;
font-weight: 700;
font-size: 16px;
line-height: 20px;


color: #FFFFFF;

}
.cta_blue_section_form input.hs-button:hover { opacity: 0.8;  }

.openForm { position: fixed; right: 0; top: 212px;  z-index: 12999;  cursor: pointer;}
.openForm { display: block; background: url(../images/rightbtnBg.svg) no-repeat right top; width: 29px; height: 150px;}
.closeIcon  { display: none; background: url(../images/rightbtnBgAct.svg) no-repeat right top; width: 29px; height: 150px; position: absolute; left: -29px; cursor: pointer; }

.rightForm.active  .closeIcon { display: block;}



.rightForm {
    position: fixed;
    z-index: 13000;
    transform: translate(calc(100% - 0px),0);
    -webkit-transform: translate(calc(100% - 0px),0);
    -moz-transform: translate(calc(100% - 0px),0);
    -ms-transform: translate(calc(100% - 0px),0);
    -o-transform: translate(calc(100% - 0px),0);
    right: 0;
    top: 150px;
    padding: 20px 9px;
    width: 330px;
}
h2.size32 { font-size: 32px !important;}



.rightForm.active {
    transform: translate(calc(100% - 330px),0);
    -webkit-transform: translate(calc(100% - 330px),0);
    -moz-transform: translate(calc(100% - 330px),0);
    -ms-transform: translate(calc(100% - 330px),0);
    -o-transform: translate(calc(100% - 330px),0);
}


.cta_blue_section .whitebtn .vc_general.vc_btn3:hover { border: solid 1px #fff; }
.cta_blue_section .whitebtn .vc_general.vc_btn3 { font-weight: 700; border: solid 1px #fff; width: 234px; height: 61px; color: #01809C !important;}

.section15 { padding-top: 15px; padding-bottom: 15px;}
.DownloadEbook { padding: 60px 0 14px 0;}
.ladingCounter { padding:  20px 100px 0 100px;}
.ladingCounter .funfact-project { font-weight: 300; opacity: 1; font-size: 22px;}
.ladingCounter .counter-count-new { font-size: 28px; line-height: 32px;}
.ladingCounter .funfact-outer { justify-content: center;}
.ladingCounter .funfact-icon { font-size: 10px; padding-right: 20px; }
.DownloadEbook .whitebtn .vc_general.vc_btn3 { width: 250px; color: #01809C !important; margin: 0;}
.featuerList .wpb_wrapper ul li { color: #2E475D; text-align: justify;} 
.featuerList .wpb_wrapper ul{ margin: 0 !important; padding: 0 0 0 18px !important;}


.rightForm_formTitle {font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    
    color: #2E475D;
    border-bottom: solid 1px #EBEBEB;
    padding-bottom: 15px;
    padding-left: 11px;
    margin-bottom: 22px;

}
.getintouchnew { padding-top: 115px !important ; padding-bottom: 115px !important ;}
.getintouchnew a.blueBtn {
    height: 58px;
    display: inline-flex;
    align-items: center;
    background: #004059 !important;
    border: 1px solid #004059 !important;
    border-radius: 3px !important;


    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
} 
.getintouchnew .normalBtn::after, .getintouchnew .normalBtn::before, .getintouchnew .normalBtn { color: #004059 !important;}

 

.icon_list .currency-type, .icon_list .month{ display: none;}
.icon_list .amount { padding-top: 20px;}
.icon_list .green_pricing .amount-number{  text-indent: -99999px; background: url(../images/lite_icon.png) no-repeat left top; width: 112px; height: 98px; display: block;}
.icon_list .purple_pricing .amount-number{  text-indent: -99999px; background: url(../images/standard.png) no-repeat left top; width: 97px; height: 97px; display: block;}
.icon_list .yellow_pricing .amount-number{  text-indent: -99999px; background: url(../images/premi.png) no-repeat left top; width: 99px; height: 89px; display: block;}
.planBtnOuter.icon_list { display: none;}

.desktopBanner { height: 500px; display: flex; align-items:center; }
.case-study-header-style-01 h1, .case-study-header-style-01 h2 {
     width: 100%; color: #fff; 
    font-weight: 900;
font-size: 50px;
line-height: 60px;
letter-spacing: 0.015em;
color: #FFFFFF;
}


/* white header Css */
body.white .logo { display: block ;}
body.white .logo .headerPhone a { border: solid 1px #fff;}
body.white  .headerPhone a img { filter: inherit; -webkit-filter: inherit; }
body.white  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link, body.white  .headerPhone a span { color: #fff;}
body.white .logo-black { display: none ;}
body.white .headerOuter.sticky  .headerPhone a img { filter:invert(88%) sepia(21%) saturate(935%) hue-rotate(123deg) brightness(85%) contrast(97%); -webkit-filter:invert(88%) sepia(21%) saturate(935%) hue-rotate(123deg) brightness(85%) contrast(97%); }
body.white .headerOuter.sticky .headerPhone a span { color: #000;}
body.white  .headerOuter  #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {background: rgba(255, 255, 255, 0.2) !important;}
body.white  .headerOuter.sticky  #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {background: #004059  !important;}
/*  End white header Css */

body.white.case_study_style_1  .headerOuter  #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link { background: #00B7F1 !important; border-radius:3px !important ; -webkit-border-radius:3px !important ; -moz-border-radius:3px !important ; -ms-border-radius:3px !important ; -o-border-radius:3px !important ; }
.case-study-banner-style-01 { position: relative;}
.case-study-banner-style-01::before{ background-color: rgba(0, 0, 0, 0.6); height: 100%; position: absolute; left: 0; right: 0; top: 0; content: ""; display: block;  }
.case-study-header-style-01 { position: relative; z-index: 5; padding-top: 40px; width: 80%;}
.case_study_style_1  h4.vc_custom_heading {  font-weight: 700; font-size: 24px; line-height: 30px; color: #2E475D;  margin-bottom: 24px; text-transform: uppercase;}
.case_study_style_1_content {  overflow: hidden !important;}
.vc_row.case_study_style_1_content_top:first-child {overflow: hidden !important;}
.vc_row.case_study_style_1_content_top { padding-top: 60px; padding-bottom: 15px;}

.usecases_section { border-bottom: 1px solid #EBEDF0; margin-bottom: 20px; padding-bottom: 15px; }
.case_study_style_1_content_top .wpb_wrapper p, .case_study_style_1_content_top .wpb_wrapper p em {
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    letter-spacing: 0.01em;
    color: #8293A4 !important;}
.case_study_style_1 .wpb_wrapper ul { margin: 0; padding: 0;}
.case_study_style_1 .wpb_wrapper ul li, .case_study_style_1 .wpb_wrapper p { text-align: justify !important;  word-spacing:-2px;}
.case_study_style_1 .wpb_wrapper p i, .case_study_style_1 .wpb_wrapper p em { color: #009ABC;}
.case_study_style_1_content_top .wpb_wrapper p i   { color: #8293A4;} 

.usecases_section_1 { margin-bottom: 0px; padding-bottom: 15px; }
.case_study_style_1_content_top .wpb_wrapper p, .case_study_style_1_content_top .wpb_wrapper p em {
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    letter-spacing: 0.01em;
    color: #8293A4 !important;}
.case_study_style_1 .wpb_wrapper ul { margin: 0; padding: 0;}
.case_study_style_1 .wpb_wrapper ul li, .case_study_style_1 .wpb_wrapper p { text-align: justify !important;  word-spacing:-2px;}
.case_study_style_1 .wpb_wrapper p i, .case_study_style_1 .wpb_wrapper p em { color: #009ABC;}
.case_study_style_1_content_top .wpb_wrapper p i   { color: #8293A4;} 


.case_study_style_1 .wpb_wrapper ul { margin: 0 20px;}
/* .case_study_style_1 .wpb_wrapper ul li  {  list-style: none; background: url(../images/tick-arrow.svg) no-repeat left 8px; padding:  5px 0 5px 30px; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: 0.01em; color: #2E475D; } */
.other_use_title { font-weight: 700; font-size: 24px; line-height: 30px; color: #2E475D; margin-bottom: 36px; text-transform: uppercase;}
.other_uses_right { padding: 45px 0 ;}
.other_uses_right .item-box{ margin: 0;}
.other_uses_right .b-item, .other_uses_right .b-item:hover { box-shadow: none !important;}
.other_uses_right .thumb { height: auto;}
.other_uses_right .b-item .thumb img { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; }
.other_uses_right .blog-info h5  { font-weight: 600; font-size: 16px; line-height: 21px;  color: #2E475D;}
 .other_uses_right .blog-info { padding: 10px 0 ;}
.other_uses_right .item-box:hover    .blog-info h5   {text-decoration-line: underline;}
/* .case_study_style_1_content { display: grid; grid-template-columns: 1fr 300px; } */
.usesBox_1:before,.OtherUseCases_list_2:before, .resultsOuter::before, .case_study_style_1_content::before, .case_study_style_1_content::after, .cs_1_bottom_image_section::before,  .cs_1_bottom_image_section::after { display: none;}

.cs_1_bottom_image_section {display: grid; grid-template-columns: 40% 20% 501px ; gap: 0px; align-items: center;}

.usesBox_1 {display: grid; grid-template-columns:1fr 537px ; align-items: center; }
.challengesLeft { padding-left: 15px;}
.usesBox_1  .vc_column-inner , .cs_1_bottom_image_section  .vc_column-inner { padding: 0;}
.OtherUseCases_list_2 .wpb_column, .blueBox_1 .wpb_column  ,  .usesBox_1 .wpb_column  , .case_study_style_1_content .wpb_column, .cs_1_bottom_image_section .wpb_column , .resultsOuter .wpb_column{ width: 100%; max-width: 100%;}
.OtherUseCases_list_2 .vc_column-inner{ padding: 0px;}
/* .case_study_style_1 .wpb_wrapper p { text-align: justify;} */
.cs_1_bottom_image_sectionOuter { padding: 10px 0 0 0;}
.cs_1_bottom_image_sectionOuter .images_slider .owl-item { background: #fff ;}
/* .resultsOuter { display: grid; grid-template-columns: 1fr 238px;   grid-gap: 0px 80px;} */
.resultsOuter { padding: 25px  0 25px 0 ; display: grid; grid-template-columns: 1fr 239px; grid-gap: 25px 100px; align-items: center;}
.case_study_style_1_content .vc_col-sm-8 { position: sticky; top: 0; }
.case_study_style_1_content   .vc_col-sm-4 { position: sticky; top: 4rem; align-self: flex-start; }
.wpb_wrapper p.imgTitlehd.vc_custom_heading {font-weight: 700; font-size: 18px; line-height: 23px; text-align: center; color: #01809C !important;}
.cs_1_bottom_image_right .wpb_content_element { margin-bottom: 15px;}
.cs_1_bottom_image_right  { padding-left: 0px;}
.mobiledata, .mobileImg { display: none;}
.cs_1_bottom_image_sectionOuter  h2.vc_custom_heading { font-weight: 800; font-size: 48px; text-transform: uppercase; line-height: 48px; text-align: center; letter-spacing: 0.05em; padding-bottom: 40px; color: #2E475D; }
.blueBox_1 { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;  padding: 30px; margin-top: 42px; margin-left: -30px; margin-right: -30px;}
.blueBox_1 { display: grid; grid-template-columns: 1fr 400px;   grid-gap: 0px 40px;}
.blueBox_1::before { display: none;}
.case_study_style_1 .blueBox_1 h4.vc_custom_heading, .blueBox_1  .wpb_wrapper p { color: #fff;}
.blueBox_1 .vc_column-inner, .blueBox_1 .wpb_content_element{ padding: 0 !important; margin: 0px !important;}
/* .resultsOuter .wpb_wrapper  b, .resultsOuter  .wpb_wrapper  strong { color: #019DC0; font-weight: 500;}          */
.case_study_style_1 .resultsOuter h4.vc_custom_heading  { margin-bottom: 20px;}
.OtherUseCases_list_2 {   display: grid; grid-template-columns: 1fr 1fr 1fr;   grid-gap: 0px 40px; padding: 0 15px;}
.OtherUseCases_list_2 .b-item { background: none;}

.single_downloadBtn { position: relative; z-index: 6;}
.single_downloadBtn a {     background: #ffffff; color: #444; padding: 18px 24px; 
    margin-top: 20px;
    display: inline-block;

    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.01em;
    border-radius: 3px;
}
.single_downloadBtn a:hover { background-color: rgba(255, 255, 255, .3) !important;
    color: #fff !important; }


    
     /* expo css  */
  #expoPoup .modal-body, #expoPoup .modal-content { padding: 0px !important; margin: 0px !important; background: none !important;}
  #expoPoup button.close { z-index: 5000; background: none !important; opacity: 0.5;}
  #expoPoup button.close:hover { opacity: 1;}
  #expoPoup .modal-dialog { max-width: 640px;}
  #timer {  
    font-family: 'Gothic A1', sans-serif;
    background: #130a81;
    /* box-shadow: 0px 0px 16px 0px #36a7f77d; */
    border-radius: 10px;
    width: 358px;
    margin: auto;
    padding: 0px 0 0 0;
    position: absolute;
    top: 40px;
    height: 83px;
    left: 0;
    text-align: center;
    right: 0;
    font-size: 3em;
    font-weight: 100;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    #timer div {
        font-weight: 700;
        font-size: 40px;
        line-height: 49px;
        display: inline-block;
        min-width: 80px;
        text-align: center;
        position: relative;
    }
    #timer div::before { content: ":"; display: block; position: absolute; right:-5px; top: 2%; font-size: 15px; opacity: .5;} 
    #timer div:last-child:before { display: none;}
	  
#timer div  span {
    color: #fff;
    display: block;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 3px;
    font-weight: 400;
}
.home .modal-backdrop.show { opacity: 0.8 !important;}


/* end product Key feature section */
.gl_case_slider_outer { position: relative;}
.gl_case_slider_outer  .item-box{ margin: 0;}
.gl_case_slider_outer .owl-nav{ top: 32%;}
  .other_uses_right .b-item { background: none !important;}



  /* case_study_style_2 css  */

.case_study_style_2_header h1 { color: #fff !important; font-size: 50px; font-weight: 900; padding-right: 250px;}
.case_study_style_2_header { padding-top: 150px; padding-bottom: 50px;}

.downloadPdfBtn a.vc_general  { background: none !important  ; border: solid 1px #fff !important; padding: 17px 24px !important; border-radius: 0px !important ; margin-top: 32px;}
.tesimonial_use_case p  { color: #fff !important; font-style: italic;}
.tesimonial_use_case::before { display: block; content: ""; background: url(../images/testimonial_top.png); height: 98px; width: 121px; margin-top: 115px; margin-bottom: 20px;}
.tesimonial_use_case::after {display: block; content: ""; background: url(../images/testimonial_bottom.png); float: right; height: 98px; width: 121px;}
.tesimonial_use_case .wpb_content_element { margin-bottom: 0;}
.challengesSection .wpb_content_element{ margin-bottom: 15px;}
.challengesSection p { font-size: 16px; line-height: 22px; color: #32325D !important;}
.middleBox { border-right: solid 1px #C5EDFF !important; border-left: solid 1px #C5EDFF !important;}
.middleBox { padding-left: 20px; padding-right: 20px;}

.challengesSection { margin-bottom: 20px; display: grid ; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.challengesSection::before, .benefitsList::before { display: none;} 
.challengesSection .vc_col-sm-4, .benefitsList .vc_col-sm-4 { width: 100%;}

.benefitsList {display: grid ; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.middleBox.borderRightNone { border-right: none  !important;}

.solutionsOuter ul li { background: url(../images/solutions_icon.svg) no-repeat left top; list-style: none; padding:  0 0 20px 45px;}
.solutionsOuter ul li h4 { font-size: 18px; font-weight: bold; margin: 0; padding: 0;}
.solutionsOuter ul { margin: 0; margin: 0;}

.benefitsList  p { color: #fff !important; font-size: 16px;}
.benefitsList h4.vc_custom_heading { font-size: 22px; font-weight: bold;}
.benefitsList h4.vc_custom_heading::after { content: ""; display: block; width: 30%; height: 3px; background-color: #00B7F1 !important; margin-top: 15px; margin-bottom: 22px;}
.benefitsList .wpb_single_image  { margin-bottom: 30px;}
.gl_case_slider_outer_2 .blog-info{ position: absolute; left: 0; right: 0; bottom: 0px; z-index: 10;}
.gl_case_slider_outer_2 .blog-info h5 { color: #fff; font-size: 20px; text-transform: uppercase;}
.gl_case_slider_outer_2 .b-item { padding-bottom: 0;}
.gl_case_slider_outer_2 .thumb { position: relative;}
.gl_case_slider_outer_2 .thumb::before{ content: ""; width: 100%; height: 100%; 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
opacity: 0.85;


    }
.gl_case_slider_outer_2 .owl-item { margin: 0;}
.gl_case_slider_outer_2 .thumb { height:  inherit;}

.threeBlogListing  .wpb_wrapper{   display: grid; grid-template-columns: 1fr 1fr 1fr ; column-gap: 16px;}
.threeBlogListing  .blog-items a h4{font-size: 24px !important; font-weight: 600;}
.threeBlogListing  .vc_column-inner{
padding-left: 0px !important;
padding-right: 0px !important;
}

.vc_row.wpb_row.vc_row-fluid.featureList_2.sectionpadding {
    padding-top: 70px;
    background-color: #f6f9fc;} 

    .page-template-landing-page .featureList_2 strong{
        color:#32325d ;
      }


.vc_row.wpb_row.vc_row-fluid.resources h2{
    font-size: 30px;
    font-weight: 700;
}

.vc_row.wpb_row.vc_row-fluid.resources h3{
    font-size: 26px;
    font-weight: 500;
}
.vc_row.wpb_row.vc_row-fluid.resources h4{
    font-size: 22px;
    font-weight: 400;
}

.vc_row.wpb_row.vc_row-fluid.resources h5{
    font-size: 18px;
    font-weight: 400;
}


.entry-content-single .h4 .img{
    padding-bottom: 50px;
}

.entry-content-single .resources .h4 .img{
    padding-bottom: 50px;
}

.resources img,
.resources h5 img,
.resources h4 img,
.resources h3 img,
.resources h2 img
 {
    margin-bottom: 40px;
}




.wp-pagenavi { padding: 30px 0 30px 0 ; display: flex; justify-content: center;}
        .wp-pagenavi .pages,   .wp-pagenavi  a.last  { display: none;}
        .wp-pagenavi a, .wp-pagenavi span {
            font-size: 16px !important;
            color: #000;
            padding: 0px;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: none !important;
            background-color: #F6F6F6 !important;
            border-radius: 10px !important ;
            -webkit-border-radius: 10px !important ;
            -moz-border-radius: 10px !important ;
            -ms-border-radius: 10px !important ;
            -o-border-radius: 10px !important ;
            text-decoration: none !important;
}

.wp-pagenavi span.current { background: #fff !important; }
a.first { width: 80px;  background: #fff !important;}



.wpb_text_column.wpb_content_element.specification_list {
    padding-left: 30%;
    margin-bottom: 5px;
    margin-top: 5px;
    
}

/* .wpb_text_column.wpb_content_element.specification_list.grey_list{
 
    border-top: 1px solid #F6F9FC;
} */


.vc_row.wpb_row.vc_inner.vc_row-fluid.tech_{
    margin-bottom: 5px;
    margin-top: 5px;
   }
.vc_row.wpb_row.vc_inner.vc_row-fluid.tech_list {
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #F6F9FC;
}

.FeatuerTabOuter { display: grid; grid-template-columns:1fr ; align-items: center; min-height: 550px ;}

.FeatuerTabOuter .vc_tta-tabs-list  { display: grid !important; grid-template-columns:1fr 1fr 1fr 1fr ;
    border-bottom: solid 1px #95A1AC !important; padding-top: 60px !important; }

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab { width: 100% ; list-style: none; margin:  0 !important ; padding-bottom: 28px !important;}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab a {
    color: #787F86 !important;
    font-size: 20px;
    font-weight: bold !important;
     background: none !important; border: none !important; 
    display: flex !important; gap: 20px; align-items: center;
}
.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab a:after { display: none !important;}
.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab:nth-child(1) a:before, .FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab a:before {
    background: url(../images/feaIcon1.png) no-repeat center center;
    opacity: 0.7;
    filter: grayscale(100%);
    position: relative !important;
    content: "";
    display: block;
    width: 30px !important;
    height: 30px !important;
    left: inherit !important;
    right:  inherit !important;
   
    
    

}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab:nth-child(2) a:before{ background: url(../images/school_icon.png) no-repeat center center;}
.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab:nth-child(3) a:before{ background: url(../images/school_icons.png) no-repeat center center;}
.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab:nth-child(4) a:before{ background: url(../images/user_setting.png) no-repeat center center;}


.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab {position: relative;}
.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active a:before { filter: grayscale(0%);  opacity:1;}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active::after { background-color: #0085FF   ; height: 5px; width: 100%; bottom: 0; display: block;  content: ""; left: 0; right:0; position: absolute;}


 .FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active  { border-radius: 10px 0px 0px 10px; padding: 0px;}

.FeatuerTabOuter img { border-radius: 20px;}

.FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active a  { color:#0085FF   !important; font-weight: 100; padding: 14px 20px !important; }
.FeatuerTabOuter .wpb_wrapper ul{ margin: 0; padding: 0; color: #32325D;}
.FeatuerTabOuter .wpb_wrapper ul li { list-style: none; background: url(../images/arrowtick.png) no-repeat  left 18px; padding: 10px 0 0 33px;}
.FeatuerTabOuter .vc_custom_heading { font-size: 22px; color:#32325D !important ;}

.FeatuerTabOuter .wpb_content_element { margin-bottom: 0px !important;}

.FeatuerTabOuter .vc_tta-panel-body, .FeatuerTabOuter  .vc_tta-panels {  border: 0px !important; padding: 0px !important;}
.videoBoxNew img { max-width: 100% !important;}

/* .FeatuerTabOuter  .vc_tta-panel-body .vc_row  { display: flex; align-items: center;} */
.FeatuerTabOuter  .vc_tta-panel-body .vc_row::before, .FeatuerTabOuter  .vc_tta-panel-body .vc_row::after { display: none !important;}



.bottomSlider  .vc_column-inner{ padding: 0px;}
.bottomSlider .owl-item  { margin: 0px !important;}

.BenefitsListingOuter  { padding-top: 65px !important;}

.BenefitsList h2.vc_custom_heading{ padding-left: 20px; padding-bottom: 20px; padding-top: 20px !important;}

.iconListOuter { display: grid; grid-template-columns: 1fr 1fr 1fr ; gap: 30px; padding:0 15px 40px 15px;}
.iconListOuter .iconList { display: flex; align-items: center; gap: 15px; background: #F6F9FC !important; -webkit-box-shadow: -5px 7px 10px 0 #D1D1D1;
box-shadow: -5px 7px 10px 0 #D1D1D1; padding: 21px 15px !important; height: 63px; }
.iconListOuter .iconList{ border: solid 1px #d0e3ed;}

.FeatuerTabOuter_left {  padding-top: 50px; padding-left: 25px;}
.FeatuerTabOuter .videoBoxNew { padding-top: 50px;}
.FeatuerTabOuter .normalBtn { margin-top: 30px;}

.featureSliderInnerSection { padding:  0 0 0 0 !important; background-position: bottom !important; background-repeat: no-repeat; background-position: center;}
.featureSliderInnerSection  .owl-nav, .featureSliderInnerSection  .owl-dots { display: none !important;}
.featureSliderInnerSection .images_slider .owl-stage-outer { overflow: visible;}
.featureSliderInnerSection .images_slider  { padding-top: 60px !important;}
.whychooseusLanding_inner, .whychooseusLanding_inner .wpb_content_element, .whychooseusLanding  .wpb_content_element , .whychooseusLanding  { margin-bottom: 0px !important; padding-bottom: 0px !important;}
.whychooseusLanding_inner .vc_column-inner { padding-top:  0 !important;}
.whychooseusLanding_inner { padding-bottom: 70px !important;}
.whychooseusLanding_inner .vc_custom_heading  { padding-bottom: 0px;}
 

.newBoxOuter { display: grid; grid-template-columns: 1fr 40% 1fr; align-items: center; margin-top: 65px;}
.newBoxOuter .vc_col-sm-4 { width: 100%;}
.newBoxOuter:before, .newBoxOuter:after { display: none !important;}

 .newBox {
    padding: 20px 20px 10px 20px;
    margin-bottom: 35px;
    
    
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 3px #D9D9D9;
    box-shadow: 0 0 8px 3px #D9D9D9;
    
}
.newBox .boxTitle  { padding-bottom: 15px; font-size: 18px; font-weight: bold; color:#32325D;}
.newBox .boxTitle img{ padding-right: 5px }

.newtitle { font-weight: bold !important;}

.whychooseusLanding { padding-bottom: 70px !important; padding-top: 100px;}


.simplifyingschool { padding: 70px 0 0 0 !important ;}

.simplifyingschoolContent { padding: 0 0 70px 0 !important;}
.simplifyingschoolContent .vc_column-inner { padding-top: 0px !important;}

.whychooseusLanding  .vc_column-inner { padding-top: 0px !important;}



/* New css for blog right single page  */


.resource-grid {
    column-gap: 90px;
    
}

.resource-detail-grid {
    grid-template-columns: 1fr 390px;
}

.resource-content-type  { width: 390px;}
.archive.category .resource-content-type{ width:auto; }


.tag_icon a { color: #212529 !important;}
.postContent img { margin: 20px 0  !important;}
.postContent  h1, .postContent  h2, .postContent  h3, .postContent  h4, .postContent  h5, .postContent  h6 { margin-bottom: 30px !important;}
.stayTuned { background: #D4EBFF; padding: 31px; text-align: center; margin-bottom: 60px;}
.blogsearch { background: #D4EBFF; padding: 20px 30px;}
.stayTitle { font-size: 35px; text-align: center;}
.stayOuter { background: #fff; border-radius:30px ; display: grid; grid-template-columns : 1fr 71px; align-items: center; margin-top: 35px !important; }
.stayOuter span.wpcf7-spinner { position: absolute;}
.stayOuter input ,  .searchBlogOuter input[type="text"]{ width: 100% !important; border: none !important; max-width: 100% !important ; border-radius:30px; padding: 0 0 0 30px;  margin: 0px !important;}
.stayOuter p { margin: 0px !important;}
    
.stayOuter input.wpcf7-submit { width: 71px !important; height: 50px !important; background: url(../images/submit.png) no-repeat left top !important; text-indent: -99999px;}
.stayTuned .wpcf7-not-valid-tip {      position: absolute;
    padding-top: 16px !important;
    top: 100%;
    left: 30px;
    font-size: 14px !important;}
    .stayTuned   .wpcf7 form.invalid .wpcf7-response-output{ background-color: #fff !important; border: none !important; border-radius: 30px; margin: 30px 0 0px 0 !important; padding: 10px 20px !important;}

 

.searchBlogOuter { background-color: #fff !important; display: grid; grid-template-columns: 1fr 71px; border-radius: 29px;}

.searchBlogOuter input[type="submit"] { width: 71px !important; height: 51px !important; background: url(../images/searchIcon.png) no-repeat left top !important; text-indent: -99999px; margin: 0px !important; border: none !important;}
.searchTitle { color: #0085FF; font-style: italic; font-size: 24px; padding-bottom: 20px; text-align: center;}
.searchPageOuter { padding-top: 80px !important;}
.searchPageOuter .entry-header { padding: 0px !important;}
.searchResultTitle { padding: 0 0 30px 0 ; font-weight: bold ;}
.searchPageOuter .entry-header h4 { padding:0 20px 20px 20px; margin: 0;}
.searchPageOuter .entry-header h4 a { color: #000000 !important; font-size: 18px;
line-height: 1.5;
font-weight: 700;
margin-top: 20px;
color: #000;
min-height: 85px;}

.resource-content-type  .sticky {

transition: top 0.3s; /* Smooth transition */
position: fixed; /* Fixes the position when sticky */
top: 80px; /* Sticks to the top of the viewport */
z-index: 1000; /* Ensures it appears above other elements */
width: 390px;

}

.resource-content-type .sticky.move-up { top: -40px;  transition: top 0.3s; }

.letsCoonet { padding: 30px 0 ;}

.entry-content-single p, .entry-content-single ul li, .entry-content-single ol li {
    margin: 0px 0 30px 0;
/*    font-size: 20px;*/
/*    line-height: 30px;*/
    font-size: 18px;
    line-height: 28px;
    color: #425466;

}

.postContent img {
    margin: 20px auto !important;
    
}
.postContent figure, .postContent img{
    max-width: 700px;
}

.entry-content-single h4{
    font-weight: 500;
    font-size: 25.5px;
    line-height: 30.6px;
}
.entry-content-single h5{
    font-weight: 500;
    font-size: 21px;
    line-height: 25.5px;
}
.singleOuter {
    padding: 57px 0 80px 0;
}

.singular .entry-title {
    font-size: 34px !important;
    line-height: 48px !important;
    font-weight: 800 !important;
}

.post_date {
    padding: 0px 0 10px 0;
}

.blog-content {
    position: absolute;
    padding: 15px;
    top: 45%;
    z-index: 111;
    height: 100%;
    width: 100%;
}

.postContent .blogBox img {
    margin: 0px !important;
}

.blog-date {
    display: none !important;

}

.bloglisting .boxLink {
    height: 250px;
}


.searchPageOuter .entry-header h4 {
    padding: 0 20px 20px 20px;
    margin: 0;
}

.searchPageOuter .entry-header h4 a {
    color: #000000 !important;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    margin-top: 20px;
    color: #000;
    min-height: 85px;
}

.entry-content-single p:first-child { margin-top: 30px !important;}
.entry-content-single p:first-child img { margin-top: 0px !important;}



.entry-content-single a { color: #425466 !important;}
.entry-content-single a:hover { color: #0056b3 !important; }

.planriceForm { padding: 0 25%; }
.planInnerPage { background: #fff; padding: 20px;}

  /* mobile RS  */


  @media (min-width: 768px) and (max-width: 500000px) {
    .mobileBanner { background-image:none !important ;}
        /* .FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active a:before
        {
            background: url(../images/dot_blinking.gif) no-repeat center center;
        } */
    }
    @media (min-width: 200px) and (max-width: 767px) {
        .mobileBanner {background-size: cover;}
        .desktopBanner { background-image: none !important;}
        }



 

@media (min-width: 200px) and (max-width: 767px) {
    .planriceForm { padding: 0 5%; }
    .logoImg img{
        height: 24px !important;
        width:150px !important;
    }

    .whychooseusLanding { padding-bottom: 30px;}

    .simplifyingschool { padding: 0px !important;}
    .simplifyingschoolContent { padding: 0 0 30px 0 !important;} 
    
    
    .newBoxOuter { grid-template-columns: 1fr; margin-top: 30px !important; }
    .newBoxOuter, .newBoxOuter p {text-align: left !important;}
    .newBoxOuter, .featureSliderInnerSection, .vc_custom_1715251429590 { padding: 0 30px !important;}
    .desktoponly { display: none;}
    .vc_custom_1715251532112 { padding: 0px !important;}

    .FeatuerTabOuter .vc_tta-tabs-list { padding-top: 20px !important;}
    .featureSliderInnerSection { padding-top: 30px !important;}
    .whychooseusLanding  { margin-top: 30px !important; margin-bottom: 0px !important; padding-bottom: 20px !important;}

    .copyright-footer .row { margin: 0px !important;}

    .rightForm.mobile.active {
        width: 250px;
        opacity: 1px !important;
        transform: translate(calc(100% - 250px),0);
        -webkit-transform: translate(calc(100% - 250px),0);
        -moz-transform: translate(calc(100% - 250px),0);
        -ms-transform: translate(calc(100% - 250px),0);
        -o-transform: translate(calc(100% - 250px),0);
    }
    

    

    .iconListOuter { grid-template-columns: 1fr;}
    .BenefitsListingOuter { padding-top: 0px !important;}
    .FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab a { display: grid !important; grid-template-columns: 1fr; justify-content: center;}
    .FeatuerTabOuter_right, .FeatuerTabOuter_left { padding: 0px;}
    .FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active::after { display: none !important;}
    .FeatuerTabOuter { min-height: inherit;}
    .whychooseusLanding, .whychooseusLanding .vc_column-inner { padding-left: 0 !important;  padding-right: 0 !important;}
    .FeatuerTabOuter .vc_tta-container, .FeatuerTabOuter  .wpb_content_element  { margin-bottom: 0px !important;}

    .FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab.vc_active { background: none !important;}
  .BenefitsListingOuter  .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: flex !important ;}
    .BenefitsListingOuter .vc_tta-panel .vc_tta-panel-heading { display: none !important;}
    .FeatuerTabOuter .vc_tta-tabs-list .vc_tta-tab a{ 
        display: flex !important; text-align: center !important; align-items: center; justify-content: center; 
         flex-direction: column; gap: 15px; border: none !important;
         padding-top: 14px !important;
        
        }
        
        .FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list { 
            display: grid; grid-template-columns:1fr 1fr 1fr 1fr ; 
            justify-content: center;  
            width: 100%; 
            border: none !important;
            padding-bottom: 17px !important;
        }
        

        .FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list span.vc_tta-title-text { font-size: 12px !important; display: none; line-height: 15px;}
        .FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list .vc_active span.vc_tta-title-text { position: absolute; 
            left: 0; right: 0; top: 100%; 
            display: block; color: #000; opacity: 1; color: #146EF5;}
            .FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list li {border-top: solid 5px #EFF7FF;}
            .FeatuerTabOuter .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_active { border-top: solid 5px #146EF5; border-radius: 5px 5px 0 0; }


        .FeatuerTabOuter .vc_tta-panel-body .vc_row { display: block;}
        

    .FeatuerTabOuter { display: block;}
    .mobileBannerLanding  { display: block; background-color: #1f1f1f;}
     .page-template-landing-page .mobileBannerLanding .videoboxImg { height: 528px !important;}
    .mobileBannerLanding .bannerImageOuter { background-size: 100%;}
    /* .desktopImgLanding { display: none;} */
    .threeBlogListing  .wpb_wrapper{ padding: 30px; grid-template-columns:  1fr ;}
    #expoPoup button.close  { top: -30px; right: 0; font-size: 30px;}
    #expoPoup .modal-dialog { max-width: 360px !important; margin-left: auto !important ; margin-right: auto !important;}
    #timer {  
        top: 10px !important;
        left: 0;
        text-align: center;
        width: 90%;
        padding-top: 0;
        height: 60px;
        gap: 5px;
        
      }
      .feature_img{
        display: none;
      }

        #timer div {
          min-width: 60px !important;
          font-size: 20px !important;
          line-height: 28px;
          font-weight: 700 !important;

        }
          
        #timer div::before { top: 2%;}
        #timer div  span {
            color: #fff;
            font-size: 10px !important;
            letter-spacing: 1px;
            font-weight: 400 !important;
          }

    .case_study_style_1 .wpb_wrapper ul {
        margin: 0 15px;
    }
   .bannerImageOuter{
    background-position: 00px;
   } 
    .getintouchnew { padding-top: 40px !important ; padding-bottom: 40px !important ;}
    .single_downloadBtn { margin-top: 26px;}
    .single_downloadBtn a { display: flex; text-align: center; margin: 0 15px; justify-content: center; padding: 10px; font-size: 16px;}
    
    .case_study_style_1 .wpb_wrapper ul li, .case_study_style_1 .wpb_wrapper p {
        text-align: justify !important;
        word-spacing: 0px;
    }
    .cta_blue_section_form  { margin:0 0 0px 0; }
    .cta_blue_section .whitebtn .vc_general.vc_btn3, .DownloadEbook .whitebtn .vc_general.vc_btn3 { width: 100%;}
    .cta_blue_section .vc_col-sm-4 .vc_column-inner { padding-top: 0px !important;}
    .cta_blue_section { margin-top: 0px !important;}
    h2.size32 { font-size: 26px !important;}
    .ladingCounter .funfact-project { font-size: 20px;}
    .ladingCounter .counter-count-new { font-size: 25px}

         .DownloadEbook { padding: 0 0 25px 0;}
    .ladingCounter { padding: 40px 0 60px;}
    .rightForm { opacity: 0;}
    .mobile { opacity: 0;  transform: translate(calc(100% - 0px),0);
        -webkit-transform: translate(calc(100% - 0px),0);
        -moz-transform: translate(calc(100% - 0px),0);
        -ms-transform: translate(calc(100% - 0px),0);
        -o-transform: translate(calc(100% - 0px),0);}
    .mobile.active {  opacity: 1;  transform: translate(calc(100% - 330px),0);
        -webkit-transform: translate(calc(100% - 330px),0);
        -moz-transform: translate(calc(100% - 330px),0);
        -ms-transform: translate(calc(100% - 330px),0);
        -o-transform: translate(calc(100% - 330px),0);}
    .cta_blue_section {padding: 80px 0 40px 0;}
    .page-template-feature-pages-style-2 .b-item, .page-template-feature-pages-style-2 .blog-items a:hover .b-item { padding-bottom: 0px !important;}
    .featuerpagecasestudies .thumb { height: inherit !important;}
    .featuresection01 h2.vc_custom_heading.smalltitle{ padding-bottom: 80px;}
    .banner_image{display: none;}
    .headerBox { position: relative; width: 100%;}
    .features_pages_header { padding: 112.5px 0 0  0 ;}
    .features_pages_short_description h1 {
        font-size: 35.1px;
        line-height: 132%;
        letter-spacing: 0.015em;
        margin-bottom: 13.5px;
        }

        .pages_short_description p {
            font-size: 20px;
            line-height: 153%;
            letter-spacing: 0.031em;
            padding: 0 11px;
            width: 100%;
            color: #2E475D;
        }
        .imageSection  img{ display: none !important;}
        .headerBox { top: 0; padding: 36.5px 24px 24px 24px; }
        .imageSection { padding-top: 58px; margin: 0 21px ; padding-bottom: 127px;}
        .featuresection01 { padding-top: 113px !important;}
        h2.vc_custom_heading.smalltitle {font-style: normal;

            font-size: 26px;
            line-height: 140%;
            width: 100%;

            }
            .featurerleft, .featureright { padding: 0;}
            .featureList_2 { padding-top: 113px; padding-left: 11px; padding-right: 11px;}
            .cta_blue_section { display: block;}
            .featuerList { display: block; padding: 0 15px;}
            
            .featlerListLeftImg .wpb_content_element{ margin-bottom: 12.5px;}

            
           
            .featuerList h4 {
                margin-top: 20px;
                font-size: 22px;
                padding-right: 0px;
                line-height: 140%;

            }
        .headerBox h2 {
            font-size: 24px;
            line-height: 140%;
            color: #2E475D;
            margin-bottom: 15px;
        }
        .headerBox p {
            font-size: 16px;
            line-height: 177%;
            letter-spacing: 0.015em;
            color: #2E475D;
        }
        .headerBox span.featurebannerbtn { 
            width: 100% !important;
            margin: 16.5px auto !important;
            font-size: 17px;
            line-height: 21px;
        }
        .headerBox p em { width: 100%;
            font-size: 12px;
            line-height: 177%;
            letter-spacing: 0.015em;
            color: #516F90;
        }
        .featureList_2 h3 { margin-bottom: 27px;}
        .cta_blue_section { padding-top: 0px;}
        .cta_blue_section_img  img{ width: 219px !important;}
        .cta_blue_section_img  .vc_align_right { text-align: center !important;}
        .cta_blue_section h3.vc_custom_heading, .topcontent { padding: 0; }
        .smallfonts .wpb_wrapper p{ font-size: 14px ; }
        .cta_blue_section h3.vc_custom_heading { padding-right: 0; font-weight: 700;
            font-size: 24px;
            line-height: 37px; color: #fff !important; }
        .cta_blue_section  span.GetademoPoppBtn{ width: 100% !important; padding: 0; display: flex; align-items: center; }
        .usecaseList { display: block; padding: 0 36px 70px 36px;}
        .usecaseList .blog-items {
            margin-bottom: 25px;
         
        }
        .usecaseList  .blog-items a h5 {
            padding-bottom: 0;
        }
     
    h1.timesfont { font-size: 38px !important;}
    .startImg  img { width: 257px !important; height: 24px !important;}

    .sliderProducts, .slideroneOuter  { width: 90%; display: block; }
    .sliderText.sliderProducts, .sliderText {     padding: 100px 0;}
    .sliderText.sliderProducts {
        display: flex;
        flex-direction: column-reverse;}

        .sliderText.sliderProducts h2 {
            font-size: 35px;
        }


    .sliderText_diff .sligImg {
        max-width: fit-content !important;
        width: 100%;
        height: inherit;    }
        .sligImg { transform:inherit; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; width: ; max-width: 100% !important; }
        .sliderBg, .sliderBg img, .HomepageSlider #carouselExampleIndicators, .HomepageSlider .carousel-item {
            height: 100% !important;
        }
        .sliderText_right { padding-left: 0;}
        h2.timesfont, .sliderText_diff h2 { font-size: 30px !important; letter-spacing: 1px; line-height: 35px;}
        .homesliderBtn { margin: 18px 0; text-align: center; display: block;}
        .homesliderBtn span.whiteBtn, .homesliderBtn a.whiteBtn { margin-bottom: 20px !important; width: 100%; margin: auto;}
        
        span.GetademoPoppBtn { padding: 20px 0; width: 100px !important; margin: auto; display: block;}
        .sliderText_diff { padding: 100px 0 !important;}
        .sliderText_diff .row { flex-direction: column-reverse;}
  
    .dataList a{  font-size: 16px; line-height: 35px;}
.use-case-rel-container { display: none !important;}
.use-case-banner { display: block; padding: 25px;}
    .dropdown, .dropdown-content { width: 100% !important;}
    .dropdown { margin-bottom: 30px;}
    .map-text {
        padding: 15px !important;
    }
    .contact-info-new { padding-bottom: 0px;}
    .contact-info-new h3.vc_custom_heading { padding-bottom: 0px;}
    .address-content-img .wpb_single_image{ margin-bottom: 0;}
    .office-map { margin: 15px;}
    .map-responsive {height: auto; overflow: hidden;}
    .contact-header-new { min-height:  auto !important;}
    .address-content-img img { margin-left: 0px;}
    .address-content-img .vc_column-inner { padding: 0;}
    .office-map {
        margin: 15px 10px;
    }
    .map-text .wpb_content_element { margin-bottom: 0;}
    .office-map h3.vc_custom_heading { padding-bottom: 0;}
   .featureAccodian .vc_tta-panel-body.hide { display: none !important;}
    .homepageProductListing_new { margin: 0;}
    #slider-2-slide-3-layer-1 {font-family: Cormorant !important;}
    .findParterNew  { margin: 0 ;}
    .indicatorspName { display: block;  font-size: 16px;}
    .slideterText ul li { font-size: 14px;}
    #carouselExampleIndicators_2 ol li  img { display: none;}
    .page-template-plan-pricing .uc-bg-g-ani, .page-template-plan-pricing .videoboxImg { height:380px;}
    .mobileTabing { display: flex;overflow: hidden; position: relative; flex-direction: column; }
    .mobileTabing.activeTab  { height: auto; overflow: visible; padding-top: 100px; }
    .mobileTabing button.collapsed { display: none !important;}
    .mobileTabing button { text-align: left; display: block !important; position: relative; top: 0; left: 0; padding-left: 40px !important;}
    .mobileTabing.activeTab button { position: absolute; top: 0px; background: #FFFFFF;
        box-shadow: 0px 1px 12px -12px rgb(29 45 78 / 26%), 0px 5px 7px -3px rgb(0 0 0 / 30%);
    }
    .newCounter { padding: 0 15px;}
    .page-template-homepage-v1 .newCounter h2.vc_custom_heading, .page-template-homepage-v2 .newCounter h2.vc_custom_heading { font-size: 24px; font-weight: bold;}
    .page-template-homepage-v1 p.vc_custom_heading, .page-template-homepage-v2 p.vc_custom_heading { font-size: 16px; font-weight: 600; line-height: 22px;}
    .homepageProductListing_new  p.vc_custom_heading{font-size: 15px; font-weight: 600; line-height: 27px;}
    .couterListing .funfact-outer { text-align: center; display: flex; flex-direction: column; justify-content: center;  margin-top: 56px;}
    .funfact-icon { padding: 0px;}
    .counter-count-new { display: block;}
    .newCounter::after { opacity: 0.6;}
    .newCounter div { text-align: center;}
    .imageSlider02 { padding: 0;}
    .imageSlider02 .owl-carousel .owl-stage-outer {  padding-top: 0; padding-bottom: 20px;}
    .imageSlider02 .owl-item { margin-right: 20px !important;}
    .partnerOuter { padding: 0px ; padding-bottom: 30px;}
    
    .parnersection::before { display: none;}
    .sliderContent-5 .slider2Img { left: 0;}
    .parnersection { padding: 30px 20px 10px 20px;}
    .slideterbtn, .slideterbtn a { width: 100%; display: block; text-align: center;}
    .couterListing { padding: 0 0 30px 0 ;}
    .parnersection { margin: 0;}
    .partnerIcon { position: absolute; left: 0;}
    .partnerIcon img { width: 60px !important; max-width: 60px !important;}
    .counter-count-new::after, .counter-count-new { font-size: 28px; font-weight: bold;}
    .newCounter .counter-count-new::after{ font-size: 31px;}
    .couterListing .funfact-project { font-size: 16px;}
    .newCounter .funfact-project { padding: 0px;}
    .couterListing .funfact-icon { line-height: 10px;}
    .couterListing    .funfact-outer { margin-bottom: 0; padding-bottom: 0;}
    .mobileTabing.activeTab button.collapsed {position: relative; background: #FFFFFF;
        box-shadow: 0px 0px 0px 0px rgb(29 45 78 / 26%), 0px 0px 0px -0px rgb(0 0 0 / 30%);
    }
    .pricingTableContent { padding-top: 10px !important;}
    .mobilediv { text-align: left !important; width: 100%;}
    .mobilediv a.vc_general { display: block; text-align: center;}
    .parnersection .vc_column-inner >  .wpb_wrapper { padding-left: 93px;}
    .becomePartner {
        border-left:  none;
        padding: 21px 0 0 0;
        border-top: dashed 1px #5E7D9B;
    }
    .becomePartner .vc_column-inner, .findpartner .vc_column-inner { padding: 0;}
    .pListing { padding: 0;}
    .pListing .container { padding: 0;}
   .pListing button { padding-bottom: 12px !important;}
    .mobileTabing  button.btnactive , .mobileTabing.activeTab  button { display: block !important;}
    .mobileTabing::before {    content: "\f078";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #000;
        margin: auto;
        top: 15px;
        display: flex;
        align-items: center;
        right: 30px;
        position: absolute;
        height: 50px;
    }
    .mobileTabing.activeTab::before , .mega-toggle-on .mega-indicator:after { 
        
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);}

        .buttonListing { display: block !important;}


    .pListing button { background: none !important; border: none !important;}
    .pListing button.collapsed {border: none !important;}
    
    
    
    .landingtickListing {
        display: flex;
        justify-content: center;
    }
    
     .logo-black {
        display: none;
    }
       
    .buttonListing {
        display: none !important;
    }
    .sticky .headerPhone a img { filter: none; -webkit-filter: none; }
    .landingtickListing ul {
        padding: 0;
    }
    .formInner {
        width: 100%;
    }
    .videobox video {
        width: 100%;
        object-fit: contain;
        margin-top: 0px;
    }
    .videobox {
        height: 100%;
    }
    .videobox video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: 100%;
        margin-left: -100px;
    }
    .uc-bg-g-ani {
        height: 270px;
        top: 0px;
        overflow: hidden;
    }
    .homesection01 {
        padding-top: 15px;
        padding-left: 30px;
    }
    .homesection01 h1 {
        font-size: 32px;
        line-height: 1.3;
    }
    .vc_custom_1652158819366 {
        position: relative;
        right: 0;
        padding: 120px 30px 100px 0 !important;
    }
    .platform-highlights-slider {
        padding-top: 0px;
    }
    .platform-highlights {
        padding-top: 50px !important;
    }
    .imagesliderOuter .item {
        width: 100%;
    }
    .platform-highlights-slider {
        display: flex;
        flex-direction: column;
    }
    .column-reverse {
        flex-direction: column-reverse;
        display: flex !important;
    }
    #carouselExampleIndicators2 .carousel-indicators {
        padding: 20px 0;
    }
    #carouselExampleIndicators2 .carousel-indicators li {
        padding: 3px 9px;
    }
    #carouselExampleIndicators2 .carousel-inner {
        margin: 0 0 30px 0;
    }
    .contentPaddingLeft {
        padding: 60px 0 0 0;
    }
    .imagesliderOuter,
    .contentPaddingRight {
        padding: 30px 15px 0 15px;
    }
    .bannerImg01 {
        top: 67px;
        left: 16px;
        opacity: 0;
        width: 32vw;
    }
    .bannerImg02 {
        top: 40px;
        right: 46px;
    }
    .bannerImg02 img {
        width: 35vw !important;
    }
    .uh-img-center {
        width: 80vw;
    }
    .vc_custom_1652417157405 {
        padding-top: 30px !important;
        padding-bottom: 0px !important;
    }
    .normalBtn {
        margin-top: 20px;
        display: inline-block;
    }
    .contentPaddingRight .vc_column-inner {
        padding: 0;
    }
    .vc_custom_1652417157405 .contentPaddingLeft {
        padding-top: 25px !important;
    }
    .api-img-container {
        display: block;
        padding: 0;
    }
    .api-img-box:first-of-type,
    .api-img-box:nth-of-type(2) {
        width: 100%;
    }
    .api-cloud-box {
        transform: rotate(90deg);
        height: calc(100vw - 100px)!important;
        width: calc(100vw - 180px)!important;
        margin-bottom: -40px!important;
    }
    .api-cloud-box img {
        transform: rotate(-90deg);
    }
    .api-img-ani-item {
        margin-bottom: 20px;
    }
    .api-img-ani-box .api-img-ani-item:last-child {
        margin-bottom: 0px;
    }
    .connectwithus {
        padding-bottom: 50px !important;
    }
    .whiteBox {
        margin-bottom: 0px !important;
    }
    .api-img-ani-box {
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        flex: 1;
    }
    .maskContent,
    .maskContent-2,
    .awardLogo {
        max-width: 100%;
        margin: 0 auto !important;
    }
    .maskContent {
        padding: 132px 30px 0px 30px;
    }
    .maskContent-2 {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 150px;
    }
    .platform-highlights {
        padding-bottom: 0px;
    }
    .InternationalMap {
        padding: 0px !important;
        display: none;
    }
    .InternationalContent.maskContent {
        padding: 0 30px;
    }
    .InternationalContent .wpb_content_element {
        padding: 0 !important;
    }
    .InternationalContent h2.vc_custom_heading {
        padding-right: 0px !important;
    }
    .Internationalcounter {
        display: flex;
        flex-wrap: wrap;
    }
    .Internationalcounter .funfact-icon {
        display: none;
    }
    .Internationalcounter .vc_col-sm-3 {
        width: 50%;
    }
    .funfact-outer {
        justify-content: left !important;
        padding-bottom: 24px;
        padding-left: 15%;
        padding-right: 15%;
    }
    .Internationalcounter {
        padding-bottom: 30px !important;
    }
    .featuresOuter,
    .margin_60_less {
        margin: 0 !important;
    }
    .childpageOuter .col-lg-4 {
        padding: 0;
    }
    .pageImg img {
        display: none;
    }
    .pageImg {
        min-height: auto;
    }
    .pageImgSmall {
        position: relative;
        bottom: 0;
    }
    .pageImg .pageImgSmall img {
        display: block;
    }
    .featuresOuter {
        padding-bottom: 20px;
    }
    .connectwithus {
        padding: 0 15px
    }
    button.owl-prev {
        left: -10px;
    }
    button.owl-next {
        right: -20px;
    }
    .carousel-indicators {
        display: none;
    }
    .sliderlist {
        padding: 40px 20px;
    }
    .sliderContent {
        padding: 0;
    }
    .sliderlogo {
        text-align: left;
        padding-bottom: 15px;
    }
    .sliderlogo img {
        height: 32px;
        width: auto!important;
    }
    .collaboratewithus h2.vc_custom_heading {
        padding-right: 0px !important;
        font-size: 33px;
    }
    .blueBox .wpb_wrapper a {
        margin-left: 0;
    }
    .blueBox .wpb_wrapper a {
        padding: 70px 0 0 0;
    }
    .blueBox .wpb_wrapper a {
        background-position: top;
    }
    .blueBox p {
        text-align: center;
    }
    .homepageBlog {
        padding-top: 50px;
    }
    h2.vc_custom_heading {
        font-size: 22px;
        font-weight: 700;
    }
    .featuresOuter {
        padding-top: 70px;
    }
    .homeBlogLisitngOUter {
        display: block;
        padding-top: 20px;
    }
    .homepageBlog {
        padding: 40px 15px 0 15px;
    }
    .footerOUter {
        padding: 10px 25px;
    }
    .carousel-indicators {
        display: flex;
        flex-wrap: wrap;
        padding-top: 30px;
    }
    #carouselExampleIndicators .carousel-indicators li {
        float: left;
        width: 40%;
        padding: 0 5px!important;
        margin-bottom: 20px;
    }
    .b-item {
        padding-bottom: 50px;
    }
    .read-more {
        bottom: 15px
    }
    .freetiral_left_content {
        padding: 0;
    }
    .videoboxImg {
        height: 300px;
    }
   
    .productpageHeader {
        padding-top: 35px;
    }
    .productpageHeader h1 {
        font-size: 32px;
    }
    .fleet_content_left {
        padding-left: 5px;
    }
    .fleetRight .vc_custom_1655116561558 {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 0px !important;
    }
    .bgimg img,
    .fleetRight .vc_custom_1655116561558,
    .uh-img-center {
        width: 100% !important;
    }
    .banneranimation01,
    .banneranimation02,
    .banneranimation03,
    .banneranimation04,
    .banneranimation05,
    .banneranimation06,
    .banneranimation07,
    .banneranimation08 {
        width: 102px;
    }
    .vc_empty_space {
        height: 0px !important;
    }
    .productpageHeader .section01Content {
        padding-bottom: 20px !important;
    }
    .bannerRight .bgimg {
        padding: 0 30px;
    }
    @keyframes banneranimation01 {
        100% {
            left: 25px;
            top: -22px;
            opacity: 1;
        }
    }
    @keyframes banneranimation02 {
        100% {
            right: 25px;
            top: -22px;
            opacity: 1;
        }
    }
    @keyframes banneranimation03 {
        0% {
            left: -25px;
            bottom: 0;
            opacity: 0;
        }
        100% {
            left: 25px;
            bottom: 70px;
            opacity: 1;
        }
    }
    @keyframes banneranimation04 {
        0% {
            right: -25px;
            bottom: 0px;
            opacity: 0;
        }
        100% {
            right: 25px;
            bottom: 70px;
            opacity: 1;
        }
    }
    .freetrial {
        display: block;
    }
    .freeImg {
        position: relative;
        left: 0;
        top: 0;
    }
    .freeImg img {
        height: inherit !important;
    }
    .vc_btn3-container.vc_btn3-right {
        text-align: left !important;
    }
    .product-highlight-grid-sticky {
        display: none;
    }
    .active-box .mobileView {
        display: block;
    }
    .whychooseOUter {
        padding: 0;
    }
    .home-videobox {
        padding: 0;
        margin: 0px;
    }
    .videosection .maskContent {
        padding-bottom: 80px;
    }
    .uc-section-divider {
        height: 18px;
    }
    .videosection {
        padding-bottom: 100px;
    }
    .product-feature-grid-item+.product-feature-grid-item {
        margin-top: 35px;
    }
    .img-filterdrop {
        padding: 0 100px;
    }
    .productfeature {
        margin: 0 -15px !important;
        padding-bottom: 70px;
    }
    .mobileappimg .vc_column-inner {
        margin: 0;
    }
    .imageoverlay button i,
    .overlayBtn i {
        width: 40px;
        height: 40px;
    }
    .mobileapps {
        margin: 0px 0px 0px 0px !important;
        padding-bottom: 100px !important;
    }
    #supported-tracker-section {
        position: relative;
        transform: inherit;
        left: 0;
        top: 0;
        padding: 20px 0;
        bottom: 0;
        right: 0;
    }
    #supported-tracker-section .vc_single_image-wrapper {
        transform: inherit;
    }
    .faqList {
        padding: 0;
    }
    .mobileappsContent {
        padding-left: 0px;
    }
    .faqOuter {
        padding: 40px 15px;
    }
    .faqOuter h2.vc_custom_heading {
        font-size: 28px;
    }
    .whychooseOUter {
        padding-bottom: 70px !important;
    }
    .gpssupported p {
        padding-right: 0;
    }
    .faqOuter h2.vc_custom_heading {
        padding-bottom: 0;
    }
    .IndustriesSliderOuter.maskContent {
        padding-left: 0;
        padding-right: 0;
    }
    .IndustriesSliderOuter .owl-item {
        margin-left: 0px !important;
    }
    .IndustriesSliderOuter .item {
        margin: 0 20px;
    }
    .cat-arrow {
        right: 36px
    }
    .IndustriesSliderOuter h2.vc_custom_heading,
    .IndustriesSliderOuter p.vc_custom_heading {
        padding: 0 30px;
    }
    .owl-dots {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-template-header-black .headerOuter {
        background-color: #f6f9fc !important;
    }
    

    .page-template-homepage-v3_withslider #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    .page-template-homepage-v3_withslider #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .page-template-homepage-v3_withslider #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after,

    .page-template-feature-pages-style-2 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    .page-template-feature-pages-style-2 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .page-template-feature-pages-style-2 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after,

    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after,
    .single #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    .single #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .single #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: #000 !important;
    }
    
    .page-template-feature-pages-style-2 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
        margin: 4px 0 0 0;
    }
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner,
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::after
   {
        background-color: #000 !important;
    }
    
    .page-template-product-layout-01-Outer {
        padding-top: 70px;
        padding-left: 15px !important;
        padding-right: 10px !important;
    }
    .page-template-product-layout-01-Outer h1,
    .industrial_parent_page_header h1 {
        font-size: 32px;
        padding-right: 0;
    }
    .page-template-product-layout-01-Outer p {
        font-size: 16px;
        line-height: 1.4;
    }
    .headerImgRight .vc_column-inner {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
    }
    .ParentsApp .margin_40_less {
        margin: 0 -15px!important;
    }
    .pb_128 {
        padding-bottom: 0px !important;
    }
    .ParentsApp .maskContent-2 {
        padding-bottom: 0px;
    }
    .mobileapps .img-filterdrop {
        padding: 0 60px;
    }
    .ParentsApp h3.vc_custom_heading {
        padding-top: 40px;
    }
    .featureappListing02 {
        display: flex;
        flex-direction: column-reverse;
    }
    .featureappListing02.maskContent-2,
    .featureappListing03.maskContent-2 {
        padding-top: 0px !important;
    }
    .pl_60 {
        padding: 0;
    }
    /* product styple 02  */
    .bannerRrightStyle02 .vc_column-inner {
        position: relative;
        width: inherit !important;
        left: 0;
        padding: 0 30px !important;
        right: 0;
    }
    .bannerRrightStyle02 .vc_column-inner .bgimg {
        padding: 0;
    }
    @keyframes banneranimation05 {
        100% {
            right: 0px;
            top: -40px;
            opacity: 1;
        }
    }
    @keyframes banneranimation06 {
        100% {
            right: 130px;
            bottom: 130px;
            opacity: 1;
        }
    }
    .banneranimation05,
    .banneranimation06 {
        width: 132px;
    }
    .busImg {
        left: -91px;
        width: 371px;
    }
    .banneranimation08,
    .banneranimation07 {
        width: 150px;
    }
    @keyframes banneranimation08 {
        0% {
            right: -75px;
            top: -90px;
            opacity: 0;
        }
        100% {
            right: -20px;
            top: -30px;
            opacity: 1;
        }
    }
    @keyframes banneranimation07 {
        0% {
            left: -75px;
            top: -90px;
            opacity: 0;
        }
        100% {
            left: -10px;
            top: -30px;
            opacity: 1;
        }
    }
    .page-id-1494 .bannerImageOuter {
        background-position: top;
    }

    .who-we-are-section,
    .aboutpagestyle {
        background: none !important;
    }
    .who-we-are-section-bg,
    .who-we-are-section-left {
        padding: 0px !important;
    }
    .who-we-are-section-bg {
        display: block;
    }
    .timelineOuter h2.vc_custom_heading,
    .globalAcclamation h2.vc_custom_heading,
    .award-section h2.vc_custom_heading {
        font-size: 32px;
    }
    .timeline>li>.timeline-badge {
        display: none;
    }
    .timeline>li>.timeline-label {
        top: 24px !important;
        padding: 10px 0;
    }
    .timeline>li>.timeline-panel {
        width: 100%;
        background: white;
    }
    .timeline>li>.timeline-label {
        position: absolute;
        left: auto;
        right: 0;
        max-width: inherit;
        margin: 0;
    }
    .timeline>li>.timeline-label h4 {
        font-size: 16px;
    }
    .timeline {
        padding: 0;
        margin: 0;
    }
    .timeline>li.timeline-inverted>.timeline-label {
        left: 0;
        right: auto;
        text-align: right;
    }
    .timeline:before {
        display: none;
    }
    .timeline>li.timeline-inverted>.timeline-label {
        top: 32px;
        left: 0!important;
        right: inherit;
        margin-left: 0;
        width: auto;
    }
    .timelineOuter .vc_column-inner {
        padding: 0px;
    }
    .award-container .wpb_wrapper {
        display: block;
        text-align: center;
    }
    .award-section {
        padding-left: 0;
        padding-right: 0;
    }
    .award-section h2.vc_custom_heading {
        font-size: 20px;
        padding-bottom: 15px;
    }
    .formInner {
        padding-left: 0;
        padding-right: 0;
    }
    /* default header  */
    .innerpageHeader-defult {
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 50px;
    }
    .careerOuter {
        display: block;
        padding: 50px 0px;
    }
    .boxed-1 {
        padding: 50px 20px;
        margin-bottom: 30px;
    }
    .rowstrech-1 {
        margin: 0;
    }
    .pl-40,
    .eventRight {
        padding: 0;
    }
    .industrial_parent_page_header {
        padding-top: 0px;
        padding-left: 15px !important;
    }
    .flipbannerOuter .vc_column-inner {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .uc-flip-silder {
        width: 100%;
        margin-left: -10px;
    }
    .indstrial_feature {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px;
    }
    .indstrial_feature {
        margin: 0;
    }
    .indstrial_left p {
        padding-right: 0px;
    }
    .industrial_features_right_content {
        padding-left: 0px;
    }
    .indstrial_feature_outer .wpb_wrapper .indstrial_feature:nth-of-type(2),
    .indstrial_feature_outer .wpb_wrapper .indstrial_feature:nth-of-type(4) {
        flex-direction: column;
    }
    #solutionsSection .maskContent-2 {
        padding-bottom: 0;
        padding-left: 15px;
    }
    .owl-carousel-Outer {
        padding-bottom: 50px;
    }
    .getintouch {
        padding: 30px 15px!important;
    }
    .uc-industry-grid .vc_col-sm-3 {
        padding-top: 50px;
    }
    .uc-industry-grid.maskContent-2 {
        padding-bottom: 70px;
    }
    .uc-industry-grid {
        padding-top: 10px;
    }
    .instrialbeniftsouter p {
        padding-right: 0;
    }
    .footerdivider .vc_empty_space {
        height: 80px !important;
    }
    .industrial_parent_page_header p {
        padding-right: 0px;
    }
    .industrial_section_overlap {
        margin-bottom: -10%;
    }
    .getintouch .wpb_raw_html {
        padding-top: 15px;
    }
    /* blog css  */
    .page-heading {
        font-size: 22px;
        font-weight: 700;
    }
    .BLogListingOuter {
        padding: 40px 0px;
    }
    .resource-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: none;
        overflow: hidden;
    }
    .mobile-blog-cate,
    .mobile-blog-cate-tag {
        display: block
    }
    .desktop-blog-cate .wp-block-categories,
    .desktop-blog-cate-tag {
        display: none;
    }
    .mobile-blog-cate select,
    .resource-content-type select {
        width: 100%;
        background: #e6e6e6;
        color: #7b7b7b;
        border: none;
    }
    .resource-content-data-items-box {
        grid-template-columns: repeat(1, 1fr);
    }
    .cate-name {
        font-size: 32px;
        line-height: 1.1;
    }
    .cate-post {
        padding-top: 30px !important;
        position: relative;
    }
    .resource-content-data-items-box,
    .cate-name,
    .resource-content-type,
    .resource-content-data article {
        padding: 0 15px;
    }
    .resource-content-data-view-all {
        font-size: 16px;
    }
    .resource-content-data-view-all {
        padding-right: 30px;
    }
    .resource-content-email-subscribe {
        padding: 0 30px;
        margin-top: 40px;
    }
    select:focus {
        outline: none;
        box-shadow: none;
    }
    .singleOuter {
        padding: 28px 0 0 0;
    }
    .singular .entry-title {
        font-size: 30px !important;
    }
    .resource-detail-grid {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 40px;
    }
    .recentpostTitle { font-size: 24px;}
    .recetPost { padding: 0 20px;}
    .recetPost .blogBox { margin-bottom: 20px; height: auto;}
    .resource-content-data article {
        padding-top: 20px;
    }
    .mobile-blog-cate-tag {
        padding-top: 30px;
    }
    .dateList {
        display: block;
    }
    .date {
        padding-bottom: 10px;
    }
    .addtoanyList {
        justify-content: flex-start;
        padding-top: 20px;
    }
    .recetPost .blogBox {
        margin-bottom: 20px;
    }
    .tag_icon {
        padding-left: 0;
        padding-top: 25px;
        display: block;
    }
    .Imgthumb img {
        width: 100%;
    }
    .blog-content {
        position: relative;
    }
    .boxLink {
        height: auto;
    }
    .blog-content h4 {
        min-height: inherit;
    }
    .blog-content p {
        height: auto;
    }
    .productpageHeader h1 {
        width: 260px;
    }
    .banneranimation01,
    .banneranimation02,
    .banneranimation03,
    .banneranimation04 {
        width: 35%;
    }
    .fleetRight .bgimg {
        padding: 0px !important;
    }
    .fleetRight {
        padding-left: 30px;
        padding-right: 30px;
    }
    #supported-tracker-section {
        height: 60vh;
    }
    .globalAcclamation {
        display: block;
    }
    .resource-content-data-view-all a::before,
    .resource-content-data-view-all a::after {
        top: -4px;
    }
    @keyframes bottomToTop {
        from {
            bottom: -500px;
        }
        to {
            bottom: 800px;
        }
    }
    #supported-tracker-section .vc_column-inner {
        animation: bottomToTop 25s linear infinite;
    }
    .plan-colom-outer {
        display: block;
    }
    .pricing-section {
        padding: 0px;
        box-shadow: none;
        overflow: visible;
        background-color: none;
        position: relative;
        z-index: 1000;
        border-radius: 7px;
        margin: -100px 0 100px 0px;
        text-align: center;
        width: 290px;
        margin-left: auto;
        margin-right: auto;
    }
    .plan-name {
        border-radius: 7px 7px 0 0;
        -webkit-border-radius: 7px 7px 0 0;
        -moz-border-radius: 7px 7px 0 0;
        -ms-border-radius: 7px 7px 0 0;
        -o-border-radius: 7px 7px 0 0;
}
    .plan {
        border: 0.5px solid #E3EFF4;
        border-radius: 7px;
        /* border: none; */
        margin-bottom: 25px;
    }
    .price {
        background-size: 100%;
        height: 130px;
    }
    .your-save {
        min-height: auto;
        padding: 0;
    }
    .amount-number {
        line-height: 72px;
    }
    .planBtnInner label {
        position: relative;
    }
    .pricesave {
        left: 5%;
        right: 0;
        top: 120%;
        width: 100px;
    }
    .pricesave::before {
        background: none;
        width: auto;
        height: auto;
    }
    .timelineOuter {
        padding: 0 30px;
    }
    .timelineOuter h2.vc_custom_heading {
        line-height: 40px;
        padding-bottom: 25px;
    }
    .ParentsApp .pt_65 {
        padding-top: 0px !important;
    }
    .driverapp .pl_60 {
        padding-top: 30px;
    }
    .bluesection {
        margin-top: 0px;
    }
    /* .bluesection .maskbg_no {
background-color: #f6f9fc;
} */
    .vc_toggle_content,
    .vc_toggle_title {
        padding-right: 15px;
    }
    .pagination .nav-links>*.current {
        margin-left: 15px;
        margin-right: 15px;
    }
    .driverapp {
        padding-bottom: 90px !important;
    }
    .featureappListing01 .pr_60,
    .featureappListing03 .pr_60 {
        padding-right: 0;
    }
    .ParentsApp .featureappListing01,
    .ParentsApp .featureappListing02,
    .ParentsApp .featureappListing03 {
        padding-top: 30px !important;
    }
    .featureappListing01 .vc_col-sm-8,
    .featureappListing02 .vc_col-sm-8,
    .featureappListing03 .vc_col-sm-8 {
        padding-top: 20px;
    }
    .pr_60 {
        padding-right: 0px;
    }
    .pricingPageHeader {
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
    .modal-header h2 {
        font-size: 25px;
    }
    .price {
        background-size: 100% !important;
        background-position: 0 -18px;
    }
    .bannerRight-fuel-management .vc_column-inner,
    .FeatureBenefitsBg img {
        position: relative;
        right: 0;
        width: 100%;
    }
    .featureHeaderLeft {
        padding-left: 15px;
        padding-top: 40px;
    }
    .banneranimationLeftTop,
    .banneranimationLeftBottom,
    .banneranimationRightBottom,
    .banneranimationRightTop {
        width: 35%;
    }
    .bannerRight-fuel-management {
        padding: 0 30px 120px 30px;
    }
    @keyframes banneranimationLeftTop {
        0% {
            left: -100px;
            top: 0;
            opacity: 0;
        }
        100% {
            left: 0px;
            top: 70px;
            opacity: 1;
        }
    }
    @keyframes banneranimationLeftBottom {
        0% {
            left: -100px;
            bottom: 0;
            opacity: 0;
        }
        100% {
            left: 0px;
            bottom: 30px;
            opacity: 1;
        }
    }
    @keyframes banneranimationRightTop {
        0% {
            right: -150px;
            top: 0;
            opacity: 0;
        }
        100% {
            right: 0px;
            top: 60px;
            opacity: 1;
        }
    }
    @keyframes banneranimationRightBottom {
        0% {
            right: -100px;
            bottom: 0;
            opacity: 0;
        }
        100% {
            right: 0px;
            bottom: -110px;
            opacity: 1;
        }
    }
    .fuelsectionBlueInner:before {
        display: none;
    }
    .fuelsectionTwo,
    .page-id-1961 .awardLogo {
        padding: 40px 0;
    }
    .featuresection_box_right .wpb_text_column,
    .featuresection_box_left .wpb_text_column {
        width: 94%;
        margin: -100px auto 0 auto!important;
    }
    .featuresection03 .vc_row {
        display: flex;
        flex-wrap: wrap;
    }
    .featuresection03 {
        padding: 70px 0;
    }
    .featuresection04 {
        padding: 0 25px 25px 25px;
    }
    .FeatureBenefits01,
    .FeatureBenefits02,
    .FeatureBenefits03,
    .FeatureBenefits04 {
        position: relative !important;
        animation-name: none;
        opacity: 1;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        bottom: 0;
        margin-bottom: 15px;
        height: auto;
    }
    .FeatureBenefitsBg {
        display: none;
    }
    .featuresection_box_right .wpb_text_column {
        padding: 25px !important;
    }
    .page-id-1961 .InternationalContent {
        padding: 0 !important;
    }
    .page-id-1961 .Internationalcounter {
        padding: 0px !important;
    }
    .testimonialsOuter {
        margin: 0;
        padding-bottom: 25px;
    }
    .testimonialsBox {
        margin-top: 20px;
    }
    .testimonialsBox {
        padding: 0px !important;
    }
    .page-id-1961 .awardLogo {
        margin-bottom: 0 !important;
    }
    .fuelsectionBlue h3 {
        font-size: 32px;
    }
    .openformLeft {
        padding-right: 0px;
        width: 100%;
    }
    .openformOuter {
        padding: 25px 0  !important;
    }
    .openformRight {
        width: 100%;
    }
    .tire-page-LeftTop {
        width: 190px;
    }
    .wpb_single_image.vc_align_left {
        text-align: left;
    }
    .tire-page-rightTop {
        width: 90px;
    }
    .tire-page-Leftbottom {
        width: 238px;
    }
    @keyframes tire_page_LeftTop {
        0% {
            left: -50px;
            top: 0;
            opacity: 0;
        }
        100% {
            left: -10px;
            top: 0px;
            opacity: 1;
        }
    }
    @keyframes tire_page_Leftbottmo {
        0% {
            left: -150px;
            bottom: -130px;
            opacity: 0;
        }
        100% {
            left: -40px;
            bottom: -80px;
            opacity: 1;
        }
    }
    @keyframes tire_page_rightTop {
        0% {
            right: -150px;
            bottom: -130px;
            opacity: 0;
        }
        100% {
            right: -20px;
            bottom: -40px;
            opacity: 1;
        }
    }
    .graysection {
        padding: 40px 0;
    }
    .tms-features span label {
        font-size: 12px !important;
    }
    .tms-features span label:after {
        width: 40px;
    }
    .tms-row-box {
        display: block;
    }
    .tms-content-box {
        padding: 0 15px !important;
        margin-top: 30px;
    }
    .tms-content-box .vc_column-inner {
        border-radius: 20px !important;
    }
    .tms-row-box.column-reverse {
        margin-top: 60px;
    }
    .awardLogo_normal,
    .tireBenefitsOuter {
        padding: 40px 0 !important;
    }
    .tireBenefits {
        display: block;
    }
    .dfac {
        display: block;
    }
    .TirepressurList {
        padding-left: 20px;
        padding-right: 20px;
    }
    .TirepressurListFirst {
        padding-top: 80px;
    }
    .whychooseusOuter {
        padding-left: 15px;
        padding-right: 15px;
    }
    .featureHeaderLeft,
    .productLeft_02 {
        padding-left: 5px;
    }
    .page-id-1494 .productpageHeader h1 {
        width: 90%;
    }
    .tireBenefitsOuter .wpb_single_image.vc_align_right {
        float: left;
    }
    .title4line {
        padding-top: 70px !important;
    }
    .innerpageHeaderLeft {
        padding-left: 5px;
    }
    .title4line h1 {
        font-size: 40px;
        width: 300px;
    }
    .title5line h1 {
        font-size: 40px;
        padding-right: 0px;
        width: 300px;
    }
    .title5line {
        padding-top: 70px !important;
    }
    .page-template-header_01 .uc-bg-g-ani,
    .page-template-header_02 .uc-bg-g-ani {
        height: inherit;
    }
    .page-template-header_01 .videoboxImg,
    .page-template-header_01 .uc-bg-g-ani {
        height: 380px !important;
    }
    .page-template-header_02 .videoboxImg,
    .page-template-header_02 .uc-bg-g-ani {
        height: 380px !important;
    }
    .innerpageHeaderBasic h1 {
        line-height: 44px
    }
    .tire-management-right-banner {
        transform: translateX(0%);
    }
    .uc-map-image {
        width: 80vw;
        max-width: 697px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .uc-fm-left {
        transform: translateX(-20%);
    }
    .right-banner-basic {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .innerpageHeaderBasic {
        padding-bottom: 30px;
        padding-right: 15px;
    }
    .fuel-manage-page-header .uc-map-image {
        width: 80vw;
    }
    .title2line {
        padding-top: 50px;
    }
    .title2line h1 {
        width: 280px;
    }
    .title2line h1 {
        font-size: 32px;
    }
    .title2line .right-banner-basic {
        top: 0;
    }
    .title2line .uc-map-image {
        width: 80vw;
    }
    .employee-page-header {
        padding-top: 10px;
    }
    .homepagebanner .bannerImg01 {
        top: -21px !important;
        left: 33px;
    }
    .homepagebanner .bannerImg02 {
        top: -23px;
        right: 22px;
    }
    .homepagebanner .bannerImg02 img {
        width: 29vw !important;
    }
    .homerightbanner {
        margin-top: 80px;
    }
    .careerBoxOuter {
        display: block;
    }
    .careerOuterNew h2 {
        padding: 50px 0!important;
    }
    .careerBoxOuter {
        padding: 0px !important;
    }
    .careerBox a {
        margin-bottom: 40px;
    }
    .careerForm {
        width: 100%;
    }
    .careerpagePopup .modal-body {
        padding: 15px !important;
    }
    .careerpagePopup .modal-dialog {
        max-width: 90% !important;
        margin: auto !important;
    }
    .margin_30_less_left {
        margin: 0px !important;
    }
    .careerOuterNew h2.vc_custom_heading {
        margin-bottom: 0;
    }
    .single-use-case-content-01 {
        padding: 45px 10px 30px 10px;
    }
    .single-use-case-content-title {
        padding-top: 37px !important;
    }
    .product-how-it-work-lineBox {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .leftborder {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* use cases  */
    .product-how-it-work-lineBox {
        padding-bottom: 100px;
    }
    .product-how-it-work-lineBox:before,
    .product-how-it-work-lineBox:after {
        top: 80%;
    }
    .single-use-case-content-02 .wpb_wrapper .product-how-it-work-lineBox:first-child .leftborder:before {
        top: 96%;
        height: 100px;
    }
    .leftborder:before {
        height: 100px;
        top: inherit;
        bottom: -46%;
        left: 50%;
    }
    .column-reverse .leftborder:before,
    .product-how-it-work-lineBox:before,
    .product-how-it-work-lineBox:after,
    .leftborder:before {
        display: none;
    }
    .single-use-case-content-02 .wpb_wrapper .product-how-it-work-lineBox:nth-child(even) {
        flex-direction: column-reverse;
        display: flex !important;
    }
    .product-how-it-work-lineBox {
        background: url(../images/use-case-pettern.jpg) no-repeat center bottom;
    }
    .use-case-help-text p {
        padding-right: 0px;
    }
    .single-use-case-content-02 .wpb_wrapper .product-how-it-work-lineBox:last-child {
        background: none !important;
        padding-bottom: 0px;
    }
    .use-case-benifit {
        grid-template-columns: 1fr;
        grid-row-gap: 35px;
    }
    .use-case-benifit-outer .uc-product-feature-grid {
        grid-template-columns: 1fr;
    }
    .use-case-benifit-section-02 {
        padding-top: 0px;
        padding-bottom: 70px;
    }
    .use-case-benifit-outer .product-feature-grid-icon-box {
        font-size: 20px;
    }
    .use-case-benifit-outer .product-feature-grid-item {
        grid-template-columns: 130px auto;
    }
    .use-case-benifit-outer .product-feature-grid-item {
        margin-top: 10px;
    }
    .use-case-benifit-outer .uc-product-feature-grid {
        padding-bottom: 0px;
    }
    .use-case-benifit {
        padding-top: 40px !important;
        padding-bottom: 0px !important;
    }
    .use-case-partner-section {
        margin-top: 0;
    }
    .leftborder {
        padding-bottom: 0;
    }
    .awardLogo p,
    .awardLogo_normal p {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: auto;
        grid-row-gap: 40px;
        grid-column-gap: 40px;
    }
    .awardLogo,
    .awardLogo_normal {
        margin: 15px 8px 70px 8px !important;
    }
    .awardLogo img,
    .awardLogo_normal img {
        padding: 0;
    }
    .tms-features>img {
        width: 34%;
    }
    .vts-feature-title {
        border: none !important;
    }
    .vts-feature-title p,
    .vts-feature-title p:hover {
        background: none !important;
        color: rgb(0, 0, 0) !important;
        box-shadow: none !important;
    }
    #phone_ext-ba1dc38e-b7e2-4258-87f7-cce9f4cbd385,
    .openformOuter .hs-fieldtype-intl-phone.hs-input select,
    .openformOuter .hs-form-ba1dc38e-b7e2-4258-87f7-cce9f4cbd385_81052a5b-3fd4-4c18-a290-6259e09d283e>.hs-phone>.input>.hs-fieldtype-intl-phone.hs-input>select.hs-input {
        float: left;
        width: 100%!important;
        margin-bottom: 10px;
    }
    #phone-ba1dc38e-b7e2-4258-87f7-cce9f4cbd385,
    .openformOuter .hs-fieldtype-intl-phone.hs-input input {
        width: 100%!important;
        float: right;
        /* margin-bottom: 10px; */
    }
    .footerSocial {
        justify-content: flex-start;
    }
    .copyright {
        text-align: flex-start;
    }
    .footermobTitle {
        margin-top: 30px;
    }
    .footerSocial {
        padding: 15px 8px;
    }
    .footerSocial a {
        width: 25px !important;
        height: 25px !important;
    }
    /* .primary-menu-industriesfooterMenu ul {
        display: grid;
        grid-template-columns: auto auto;
    } */
    .contact-info {
        position: relative;
        grid-template-columns: auto;
        bottom: 0;
        margin: 0;
    }
    .contactbox .vc_column-inner {
        padding: 0;
    }
    .contactBoxOuter {
        grid-template-columns: auto;
        gap: 20px;
        padding-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 70px;
    }
    .contacusPageForm {
        width: 90%;
        padding: 30px 10px;
    }
    .mapAddress {
        left: 0;
        top: initial;
        bottom: 50px;
    }
    .contact-header {
        background: #F2F2F2 !important;
    }
    .bluesectionContact {
        padding: 70px 0;
    }
    .mapFrame {
        width: 100%;
        overflow: hidden;
        height: 400px;
    }
    .creatateaccountForm {
        width: 100%;
        padding: 0 24px;
    }
    .creatateaccountForm input[type=email],
    .creatateaccountForm input {
        width: 50%;
        font-size: 8px;
        height: 32px;
        padding: 0 12px;
        font-weight: 800;
        font-size: 9px !important;
        line-height: 10px;
        /* identical to box height */
    }
    .creatateaccountForm input[type=submit] {
        text-transform: uppercase;
    }
    .landing-page-header {
        background-size: cover;
    }
    .landing-page-header h2.vc_custom_heading,
    .landing-page-header h1.vc_custom_heading {
        color: #fff;
        font-size: 28px !important;
    }
    .landing-page-header h1.vc_custom_heading span {
        display: block;
    }
    .landing-page-header {
        padding: 67px 0 0 0;
    }
    .landing-page-header .wpb_wrapper p {
        font-size: 14px;
        font-weight: 600;
    }
    .keyFetureOuter p.vc_custom_heading {
        font-weight: 500;
        font-size: 14px;
        line-height: 139.97%;
    }
    .keyFetureOuter .vc_column-inner {
        padding-top: 25px !important;
    }
    .cate-title-feature {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 139.97%;
        /* or 20px */
        letter-spacing: 0.015em;
        /* padding-right: 200px; */
    }
    .cat-description-feature {
        font-size: 14px;
        /* padding-right: 100px; */
    }
    .KeyFeaturesSliderOUter .vc_column-inner,
    .KeyFeaturesSliderOUter .owl-carousel {
        padding-top: 0px !important;
    }
    .landing-page-header-content {
        padding: 0;
    }
    .landing-page-header-content p {
        line-height: 19px;
        letter-spacing: 0.03em;
    }
    .softwareImg {
        padding-top: 0;
    }
    .rattingSection {
        padding: 15px 0 0 0 !important;
        margin-top: 15px;
        /* border-top: 1px solid #eaf0f6; */
    }
    .rattingSection p {
        font-size: 14px;
        font-weight: 700;
    }
    .rattingSection img {
        height: 25px !important;
        width: inherit !important;
    }
    .rattingSection .wpb_single_image.vc_align_left {
        text-align: center;
    }
    .rattingSection .wpb_content_element {
        margin-bottom: 15px;
    }
    .landingVideoSection {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .landingVideoSection .vc_column-inner {
        padding-top: 0 !important;
    }
    .landingVideoSection .home-videobox {
        padding: 25px 0 0 0 !important;
    }
    .landingVideoSection h2.vc_custom_heading {
        font-size: 18px;
    }
    .landingVideoSectionLeft {
        padding-left: 15px;
        padding-right: 15px;
    }
    .landingVideoSection ul li {
        font-size: 14px;
        line-height: 20px;
        background-size: 8px;
        padding-left: 16px;
    }
    .landingVideoSection ul {
        padding-top: 5px;
    }
    .landingVideoSection .YellowBtn {
        width: 100%;
        display: block;
        text-align: center;
        padding: 13px 34px 13px 21px !important;
    }
    .landingVideoSection .normalBtn {
        width: 110px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
    }
    .sectionpadding {
        padding-top: 36px;
        padding-bottom: 72px;
    }
    .page-template-landing-page h2.vc_custom_heading {
        padding-bottom: 0px;
        font-style: normal;
        font-weight: 900;
        font-size: 18px;
        line-height: 139.97%;
        /* or 25px */
        /* text-align: center; */
        letter-spacing: 0.015em;
    }
    .whychooseusLanding {
        padding: 0 20px;
    }
    .whychooseusLanding p {
        font-style: normal;
        /* padding-left: 15px;
        padding-right: 15px; */
        font-weight: 500;
        font-size: 14px;
        line-height: 139.97%;
        /* or 17px */
        text-align: left;
        letter-spacing: 0.015em;
    }
    /* .whychooseLandingBox {
        padding: 0 20px;
    } */
    .whychooseLandingBox .imageoverlay,
    .whychooseLandingBox .imageoverlay button,
    .whychooseLandingBox .imageoverlay .wpb_wrapper {
        height: 70%;
    }
    .downloadBtn a {
        width: 100%;
        text-align: center;
        display: flex !important;
    }
    .downloadBtn a::before,
    .downloadBtn a:hover::before {
        left: 0;
        position: relative;
        margin: 0 5px 0 0;
    }
    .keyFetureOuter {
        padding-top: 0px !important;
    }
    .whychooseLandingBox h3.vc_custom_heading {
        font-size: 16px;
        font-weight: 900;
    }
    .whychooseLandingBox .paraText {
        padding: 0 0px;
        color: #32325D;
    }
    .whychooseLandingBox .wpb_content_element {
        margin-bottom: 15px;
    }
    .whychooseLandingBox h3.vc_custom_heading {
        padding-bottom: 0;
    }
    .whychooseLandingBox .paraText p {
        margin-bottom: 20px;
    }
    .whychooseLandingBox {
        padding-bottom: 15px;
    }
    .gl_key_feture_slider {
        padding-bottom: 0px !important;
    }
    .LandingCouterOuter {
        padding: 0px 0px 20px 0px;
    }
    .smallColom,
    .bigcolom {
        width: 100%
    }
    .LandingCouterOuter .funfact-icon img {
        width: 30px !important;
    }
    .LandingCouterOuter .funfact-outer {
        padding-bottom: 15px;
        padding-left: 30%;
    }
    .LandingCouterOuter .counter-count {
        font-size: 15px;
    }
    .LandingCouterOuter .funfact-project {
        font-size: 14px;
    }
    .LandingCouterOuter .funfact-icon {
        line-height: 20px;
        padding-right: 20px;
    }
    .numberTitle img {
        width: 241px !important;
    }
    .LandingPrice {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .LandingPrice p {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 139.97%;
        /* or 17px */
        text-align: center;
        letter-spacing: 0.015em;
        color: #32325D;
        padding: 0 15px;
    }
    .LandingPrice .planBtnOuter {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .LandingPrice .pricesave::before {
        background-image: url(../images/pricesave.png);
        width: 60px;
        background-size: 60px;
        height: 60px;
        left: 12px;
        top: -46px;
        -moz-transform: rotate(25deg);
        -webkit-transform: rotate(25deg);
        -o-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        transform: rotate(25deg);
    }
    .LandingPrice .toggler {
        font-size: 14px;
    }
    .LandingPrice .planBtnOuter {
        display: inline-block;
        padding-left: 12%;
    }
    .LandingPrice .pricesave {
        left: 65%;
        /* position: fixed; */
        top: 130%;
    }
    .ladningpageBtnOuter .wpb_wrapper {
        display: block;
        justify-content: center;
    }
    .ladningpageBtnOuter .wpb_content_element {
        margin-bottom: 0px;
    }
    .LandingPrice .wrapper-full {
        width: 290px;
        margin: auto;
    }
    .LandingPrice .price-dec {
        padding: 0 30px;
    }
    .landingVideoSection a.YellowBtn {
        font-size: 14px;
    }
    .modal-header h2 {
        font-size: 20px;
    }
    .plan-colom-outer ul li {
        list-style: none;
        padding: 8px 32px 8px 25px;
    }
    .tooltip-list .tooltiptext {
        width: 250px;
    }
    .ladningpageBtnOuter .vc_btn3-container {
        display: flex;
        justify-content: center;
    }
    .ladningpageBtnOuter .yellowBtn a {
        width: 100%;
        height: 42px;
        margin: 0;
        font-style: normal;
        font-weight: 800;
        font-size: 14px !important;
        line-height: 114.97% !important;
        padding: 14px 0px !important;
    }
    .whychooseLandingBox .paraText p {
        font-weight: 500;
        font-size: 14px;
        line-height: 139.97%;
        /* or 15px */
        text-align: center;
        letter-spacing: 0.015em;
        color: #32325D;
    }
    .keyFetureOuter {
        padding-bottom: 50px !important
    }
    .plan-name {
        font-style: normal;
        font-weight: 900;
        font-size: 18px;
        line-height: 139.97%;
        text-align: center;
        letter-spacing: 0.015em;
    }
    .month,
    .price-dec,
    .priceFeatureBtn,
    .plan-colom-outer ul li {
        font-weight: 500;
        font-size: 14px;
        line-height: 139.97%;
    }
    .amount {
        font-size: 50px;
    }
    .amount-number {
        line-height: 62px;
    }
    .dollar {
        font-size: 25px;
    }
    .footerHelpDesk {
        width: 100%;
    }
    .whychooseLanding {
        padding-top: 0px;
    }
    .trakzeeAnimation {
        width: 80px;
        right: 17%;
        bottom: -15px;
    }
    .trakzeeAnimation img {
        width: 100% !important;
    }
    .page-template-landing-page .uc-bg-g-ani {
        height: 530px;
    }
    .page-template-landing-page .videoboxImg {
        height: 650px;
    }
    .landingBannerImg>.wpb_wrapper {
        position: relative;
    }
    .LandingPageheaderBtn {
        display: flex;
        flex-wrap: wrap;
        padding-top: 25px;
    }
    .LandingPageheaderBtn a {
        margin-bottom: 10px;
    }
    .LandingPageheaderBtn a.vc_general {
        margin-right: 0px !important;
        padding: 0 !important;
        line-height: 42px
    }
    /* .modal-dialog {
        margin: 1rem !important;
    } */
    .youtube-video-place iframe {
        width: 100% !important;
        height: 220px !important;
    }
    .single-post .innerpageOuter {
        padding-top: 0px;
    }
    p.rettingsectionHeading {
        padding-top: 20px;
        font-size: 18px;
    }
    .rattingImg img {
        /* width: 80% !important; */
    }
    .rattingImg .wpb_single_image.vc_align_left {
        text-align: center;
    }
    .rattingImg {
        padding-bottom: 0px !important;
    }
    .LandingPageheaderBtn a.vc_general,
    .page-template-landing-page a.vc_general,
    .page-template-landing-page a.blueBtn,
    .landingVideoSection a.YellowBtn {
        width: 330px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .landingVideoSectionLeft {
        padding-top: 30px;
    }
    .landingVideoSection {
        margin-top: 30px;
    }
    .vc_toggle_title>h4 {
        font-size: 16px !important;
    }
    .faqOuter .faqListing h6{
        font-size: 15px !important;
    }
    .vc_toggle_content p,
    .vc_toggle_content ul li {
        line-height: 22px;
        font-size: 14px;
    }
    .startImg { text-align: center !important;}
    .startImg .wpb_content_element {
        margin-bottom: 15px !important;
    }
    .videoPopup .modal-body iframe {
        width: 100% !important;
        height: 250px !important;
        max-height: 250px !important;
    }
    .home-videobox img {
        border-radius: 0px;
    }
    .videoPopup .modal-dialog {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .videoPopup .modal-header {
        margin-top: 30px;
    }
    .landingVideoSection ul li,
    .landingtickListing ul li {
        font-size: 14px;
        font-weight: 500;
    }
    .archive .gps-detail-page .innerpageHeader-defult {
        padding-top: 80px;
        padding-bottom: 30px;
    }
    .single .gps-detail-page .innerpageHeader-defult {
        padding-top: 40px;
    }
    .archive .gps-detail-page .innerpageHeader-defult .row {
        margin: 0 -30px;
    }
    .deviceOuter {
        padding-top: 50px;
    }
    .uc-gps-tracker-category,
    .uc-category-grid-box {
        grid-template-columns: 1fr;
    }
    .uc-category-grid-box {
        padding: 30px;
    }
    .uc-category-grid-img-box {
        transform: translateX(0%);
    }
    .header_para {
        padding-top: 10px;
    }
    .uc-gps-tracker-category {
        margin: 0;
    }
    .uc-category-grid-img-box img {
        height: 46px;
        margin-bottom: 20px;
    }
    .gps_right_bar {
        margin-bottom: 25px;
    }
    .deviceOuter {
        padding-left: 15px;
        padding-right: 15px;
    }
    .search_bar input {
        width: 100%;
    }
    .data-search { width: 100%;}
    .data-filter-grid { float: left;}
    .gps_right_bar ul { display: none;}
    .gps_right_bar ul.active { display: block;}
    .rightTitle {  box-shadow: none !important;}
    .grid-table tr {
        display: flex;
        display: -webkit-flex;
        flex: 1 0 auto;
        flex-direction: column;
        float: none;
        text-align: center;
        margin: 15px;
        width: calc(100% - 30px);
        background: #fff !important;
        box-shadow: 0 4px 5px #f3f3f3;
        max-width: calc(100% - 30px);
        cursor: pointer;
    }

    .slider2Img { position: relative; left: 0; }
    .sliderlist_2 .row { display: flex;}
    .slider2Img { width: 100%; padding: 0px 0 0 0;}
    .slider2Img img { width: 100%;}
    /* .slider2Img {
        transform: translateX(-350px) translateY(0px);
        -webkit-transform: translateX(-350px) translateY(0px);
        -moz-transform: translateX(-350px) translateY(0px);
        -ms-transform: translateX(-350px) translateY(0px);
        -o-transform: translateX(-350px) translateY(0px);
} */

.homeproductSlider-02 { padding: 0;}
.page-template-homepage-v1 h2.vc_custom_heading, .page-template-homepage-v2 h2.vc_custom_heading { font-size: 24px; font-weight: bold;}
.homepageProductListing_new h2.vc_custom_heading  { font-size: 20px}
#carouselExampleIndicators_2 .carousel-indicators li { height: auto; display: none; text-align: left; padding: 10px  0px!important;}

.newProductListingOuter { padding-bottom: 20px;}
#carouselExampleIndicators_2 .carousel-indicators.activeTab li { display: block; }


#carouselExampleIndicators_2 .carousel-indicators li.active { display: block; }
.homeproductSlider-02 ol.carousel-indicators {gap: 0; margin:  30px 0 30px 0; justify-content: flex-start; padding: 0px 15px; background: #fff; border: solid 1px #D9D9D9; text-align: left !important ; align-items:flex-start !important}

.homeproductSlider-02 .mobileTabing::before { top: 0px;}
.homeproductSlider-02 .carousel-inner { padding: 0px; margin-bottom: 30px;}


#carouselExampleIndicators_2 .carousel-indicators li::before { display: none;}
.homeproductSlider-02, .imageSlider02 , .partnerOuter  { padding-left: 15px; padding-right: 15px;}
.homepageBlog { padding-top: 0; padding-left: 15px !important; padding-right: 15px !important; padding-bottom: 0px;}

.homepageBlog  .homeBlogLisitngOUter { margin: 0;}
.homepageBlog .item-box { margin-top: 10px; margin-bottom: 0px;}
.homeBlogLisitngOUter .blog-items { margin-bottom: 30px;}
.videoPopup .modal-dialog { width: 90% !important; margin: auto !important;}

.couterListing { width: 100%; display: block;}

.pernerNewSection { display: block; margin: 0;}
.pernerNewSection .vc_row { margin: 0 0px;}
.findParterNew, .becomPartnerNew{ padding-left: 0px;}
.videopoup01::after , .videopoup01::before{
    top: 4px;
   
}
.videopoup01::after { right: -12px;}
.homepageProductListing_new .wpb_column  > .vc_column-inner { padding: 0;}
.homepageProductListing_new h4.vc_custom_heading { font-size: 16px;}
.homepageProductListing_new ul li { font-size: 13px; font-weight: bold;}
.pernerNewSection .wpb_column > .vc_column-inner{ padding: 0px;}

.becomPartnerNew {border-left: 0px; margin-bottom: 15px;}
.findParterNew, .becomPartnerNew { background: none; padding: 0px;}
/*.findParterNew { border-bottom: dashed 1px #019DC0;  margin-bottom: 30px; padding-bottom: 20px;} */
.findParterNew .wpb_wrapper p { background: url(../images/findpartner.svg) no-repeat left 0; padding-left: 100px; height: 81px; padding-top: 15px;}
.becomPartnerNew  .wpb_wrapper p { background: url(../images/becomepartner.svg) no-repeat left 0; padding-left: 100px; height: 81px; padding-top: 15px;}
.pernerNewSection a.vc_general.vc_btn3 { width: 100%;}
.homepageBlog  .wpb_column > .vc_column-inner { padding-left: 0 ; padding-right: 0 ;}
.page-template-homepage-v2 .footerItitle::after, .page-template-homepage-v2 .rightTitle::after { color: #fff;}
.page-template-homepage-v2 .copyright-footer { border: none !important;}
.copyright-footer { margin-top: 15px;}
.mobileLogo { display: block;} 
.imageSlider02  .owl-stage{ display: none !important;}
.mobileLogo { display: grid; grid-template-columns: 1fr 1fr; align-items: center;}
.mobileLogo::before { display: none;}
.newProductListingOuter .productTitle { padding-bottom: 7px }

.homepageProductListing_new a.vc_general { height: 46px; padding: 0px 0 !important; line-height: 46px;  }
.newCounter  p.vc_custom_heading{ font-size: 16px; line-height: 22px;}
.newCounter , .imageSlider02 { padding-bottom: 20px;}
.partnerImgLeft img { width: 240px !important; height: auto !important;}
.partnerImgLeft .vc_align_left { text-align: center !important;}
.partnerImgLeft .wpb_content_element  { margin-bottom: 0px !important;}
.pernerNewSection { padding-bottom: 10px;}
.newCounter::after, .mapRight { display: none;}
.partnerRight { padding: 0 15px;}
.page-template-feature-pages .uc-bg-g-ani  { height: 930px;}
.headerbannerStyle03 .images_slider { width: 250px;}
.feature-pages-banner-img {padding-left: 25px; padding-right: 25px; padding-top: 80px; }
.headerbannerStyle03 .images_slider {
    top: -10px;
    left: -10px;
}
.page-template-feature-pages .videoboxImg {
    height: 100%;
}
.headerbannerStyle03 { padding-top: 0px; padding-bottom: 20px;}
.whitebtn { width: 100%;}
.whitebtn .vc_general.vc_btn3 { width: 100%;}
.featureAccodian .vc_tta-tabs {  display: block; }
.featureAccodian .vc_tta-panel-body {
    padding: 30px 30px 30px 30px !important;
}
.featureAccodian .vc_tta-panel { margin-bottom: 0px !important;}
.featureAccodian .vc_tta-panels{ border: none !important;}
/* .featureAccodian .vc_active .vc_tta-panel-title { background: #004059; color: #fff !important;} */
.featureAccodian .vc_active .vc_tta-panel-title a {  color: #fff !important;}
.featureAccodian .vc_tta.vc_general .vc_tta-panel-title>a { padding: 5px 20px 10px 20px;}
.featureAccodian {
    padding-top: 20px;
}
a.newBlueBtn, .newBlueBtn a.vc_general { text-align: center !important; width: 100%;}
.featureAccodian .vc_tta-panel-body { padding: 30px 0 !important;}
.vc_custom_1669717397065 { padding-bottom: 0px !important;}
/* .page-template-feature-pages h2.vc_custom_heading { font-size: 32px !important; text-shadow:0 0 black; } */
.featureAccodian img { padding: 50px;}
.vc_custom_1669717397065  { padding-top: 30px;} 
.choiceListing h3, .choiceListing p { text-align: center !important;}
.choiceListing { display: block;}
.choiceListingMiddle {
    padding: 20px 0;
}
.choiceListing  { padding: 0 15px;}
.BenefitsListing { background: #004059 url(../images/BenefitsListingMobile.png) no-repeat right top !important; padding-top: 70px; padding-bottom: 70px;}
.BenefitsListingBox p { font-size: 18px !important;}
.IndustriesAccordian {
    padding-top: 50px;
} 
.IndustriesAccordian .vc_tta-panel.vc_active::before {
   background: #005a6e !important;
   opacity: 0.85;
   
}
.IndustriesAccordian .vc_tta-panel-title { font-size: 24px; font-weight: 900 !important;}
.IndustriesAccordian .vc_tta-panel-title a { line-height: 35px;}
.IndustriesAccordian .vc_tta-panel { padding: 30px;}
.featurecontactForm  h2.vc_custom_heading {
    font-size: 23px !important;
}
.headerbannerStyle03 h1, .headerbannerStyle03 h2 { font-size: 36px; height: 139px; display: flex; align-items: end;}
.featureAccodian .vc_tta-title-text { color: #000;}
/* .featureAccodian .vc_active .vc_tta-title-text { color: #fff;} */
.accordingRightImg { position: relative; right: 0; top: 0;   max-width: 100% !important;
    width: 100% !important;}
.accordingRightImg img {
    max-width: 95% !important;
    width: 95% !important;
    padding: 0 !important;
}
.featureAccodian .vc_tta-panel-body .vc_row  { flex-direction: column-reverse; display: flex;}
.featureAccodian { padding: 0 10px;}
.featureAccodian .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a 
 { color: #000 !important; font-weight: 600;
     border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; padding: 15px 0px !important; }

.featureAccodian .vc_tta-title-text {
    font-size: 20px;
    font-weight: 600;
    padding-right: 30px;
     display: block;
}
.featureAccodian .vc_tta-panel-heading { background: none !important; border: none !important; border-top: solid 1px #E0E0E0 !important; border-radius:0px !important ; -webkit-border-radius:0px !important ; -moz-border-radius:0px !important ; -ms-border-radius:0px !important ; -o-border-radius:0px !important ; }
.featureAccodian .vc_tta-panel-heading .vc_tta-panel-title a:after { content: ""; background: url(../images/downarrow.svg) no-repeat left top; width: 16px; height: 16px; display: block; position: absolute; right: 0; top: 17px;}

.featureAccodian .vc_active .vc_tta-panel-heading .vc_tta-panel-title a:after {-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.BenefitsListingBox img { width: 64px !important; height: 64px !important;}
.headerbannerStyle03 p , .featureAccodian  p { font-size: 17px !important;}

.choiceListing_2 { padding-bottom: 50px;}
.choiceListing_2 .vc_column-inner > .wpb_wrapper { margin-bottom: 30px;}
.mobileview { display: block;}
.vc_custom_1670394327903 .newBlueBtn  { display: none;}
.addtoany_list a, .addtoany_list a:hover { margin-right: 20px; padding: 7px !important;}

.case_study_style_2_header { padding-top: 78px; padding-left: 5px; padding-right: 5px; padding-bottom: 30px;}
.case_study_style_2_header h1 { font-size: 25px; line-height: 35px; padding-right: 0px !important;}
.downloadPdfBtn, .downloadPdfBtn a { width: 100%;}
.downloadPdfBtn a.vc_general { margin-top: 20px;}
.tesimonial_use_case::before { margin-top: 0px;}
.tesimonial_use_case .vc_col-sm-12{ margin-top: -50px;}
.tesimonial_use_case::after { margin-top: -30px;}
.challenges_bg { padding-top: 5px !important;}
.case_study_style_2  h2.vc_custom_heading { font-size: 26px !important;}
.challenges_big_img { padding-top: 20px !important;}
.challengesSection, .benefitsList { grid-template-columns: 1fr; padding-left: 5px; padding-right: 0px;}
.middleBox { border: none !important; padding: 0; gap: 15px;}
.challengesSection { margin-bottom: 0px;}
.solutionsOuter  { padding: 0 5px !important;}
.solutionsOuter ul { margin: 0; padding: 0px;}
.soutionsList { padding-top: 11px !important; margin-bottom: 0px !important;}

.benefitsList h4.vc_custom_heading { font-size: 22px;}
 .gl_case_slider_outer_2  .owl-nav { display: none !important;}
 .usecase_related_slider { padding: 0 !important;}


 .wpb_text_column.wpb_content_element.specification_list {
    padding-left: 0px !important;
}

/* .wpb_text_column.wpb_content_element.specification_list.grey_list{
 margin-bottom: 0;
    border-top: 1px solid #F6F9FC;
} */
/* .wpb_text_column.wpb_content_element.specification_list.grey_list{
 
   
    background-color: #F6F9FC;
} */

a.videopoup02 {
    padding: top 10px; ;
}

}


/* Small Mobile   */

@media (min-width: 200px) and (max-width: 380px) {
    .landingVideoSection .home-videobox {
        padding: 25px 0 0 0px !important;
    }
    .partnerOuter a.vc_general, .partnerOuter .blueBtn a, .partnerOuter a.blueBtn{ font-size: 14px !important; padding: 8px 30px 8px 8px !important;}
    .LandingPageheaderBtn a.vc_general,
    .page-template-landing-page a.vc_general,
    .page-template-landing-page a.blueBtn,
    .landingVideoSection a.YellowBtn {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .landing-page-header h2.vc_custom_heading,
    .landing-page-header h1.vc_custom_heading {
        color: #fff;
        font-size: 22px !important;
    }
    .landing-page-header .wpb_wrapper p {
        font-size: 14px !important;
        font-weight: bold;
    }
    .landing-page-header-content p {
        letter-spacing: 0;
    }
    .creatateaccountForm {
        padding: 0 10px;
    }
    .creatateaccountForm input[type=email],
    .creatateaccountForm input {
        font-size: 8px !important;
    }
}

@media (min-width: 390px) and (max-width: 767px) {
    .rattingSection p {
        font-size: 16px;
        font-weight: 600;
    }
    .page-template-landing-page h2.vc_custom_heading {
        font-size: 19px;
    }
    .landingVideoSection ul li {
        font-size: 14px;
        line-height: 24px;
        background-size: 8px;
        padding-left: 21px;
    }
    .landingVideoSection ul li,
    .landingtickListing ul li {
        background: url(../images/tick.svg) no-repeat left 6px
    }
    .page-template-landing-page h2.vc_custom_heading.bigtext {
        font-size: 22px;
        font-weight: 700;
    }
    p,
    .whychooseusLanding p,
    .whychooseLandingBox .paraText p,
    p.vc_custom_heading,
    .LandingPrice p,
    .cat-description-feature,
    .LandingCouterOuter .funfact-project,
    .month,
    .price-dec,
    .priceFeatureBtn,
    .plan-colom-outer ul li,
    .wpb_wrapper p,
    .header_para p,
    .header_para li,
    .uc-category-grid-box p,
    .table td,
    .table th,
    .search_bar input,
    .search_result ol li a {
        font-size: 16px;
/*        font-weight: 500;*/
        font-weight: 400;
    }
    
    
    .faqListing {
        padding-top: 0px;
    }
    .whychooseLandingBox h3.vc_custom_heading {
        font-size: 19px;
        font-weight: 900;
    }
    .cate-title-feature {
        font-size: 18px;
        font-weight: 500;
    }
    .LandingCouterOuter .counter-count {
        font-size: 18px;
        font-weight: 900;
    }
    .numberTitle img {
        width: 314px !important;
    }
    
    .toggler,
    .pricesave {
        font-size: 14px !important;
    }
    .plan-name {
        font-size: 22px;
    }
    .tooltip-list {
        top: 7px;
    }
    .LandingPrice .wrapper-full {
        width: 330px;
    }
    .price {
        background-position: 0 -22px;
    }
    .price-dec {
        padding: 21px 30px 0 30px !important;
    }
    .pricingTable_2 .price-dec {
        padding-bottom: 21px !important;
    }
}

@media (min-width: 200px) and (max-width: 375px) {
    .page-id-1494 .productpageHeader {
        padding-top: 0;
    }
    .awardLogo p,
    .awardLogo_normal p {
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* padding: 20px; */
        margin: auto;
        grid-row-gap: 40px;
        grid-column-gap: 20px;
    }
    .headerbannerStyle03 h1, .headerbannerStyle03 h2 {
        font-size: 32px;
    }
    .page-template-feature-pages .uc-bg-g-ani {
        height: 970px;
    }
    .BenefitsListingBox p {
        width: 80%;
      
    }
    .featureAccodian .vc_tta-title-text {
        font-size: 20px;
        font-weight: 600;
    }
    
    .IndustriesAccordian  .vc_tta-panel-title { padding-right: 34px;}
    .featureListOUter { padding-top: 50px;}
    
}

@media (min-width: 376px) and (max-width: 767px) {
    .videobox {
        height: 200%;
    }
    .videobox video {
        margin-top: -100px;
    }
    .homesection01 h1 {
        width: 300px;
    }
    .page-template-feature-pages .uc-bg-g-ani {
        height: 930px;
    }
    .headerbannerStyle03 {
        padding-top: 0px;
        padding-bottom: 70px;
    }
}

.is_mobile { display: none !important;}




/* Mobile menu  */

@media (min-width: 200px) and (max-width: 999px) {
    /* .case_study_style_1 .wpb_wrapper ul li, .case_study_style_1 .wpb_wrapper p { text-align: left  !important; word-spacing: normal;} */
    .usecases_section { margin-bottom: 40px;}
    .bottomSlider  { padding: 0 15px;}
    .is_mobile { display: block !important;}
    .is_desk { display: none !important;}
    .challengesLeft, .challengesRight  {padding:0  15px;}
    .usesBox_1 { display: flex; flex-direction: column-reverse; gap: 0;}
    .case-study-header-style-01 { padding-left: 15px; }
    .blueBox_1 { margin: 0 -15px; padding: 15px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .blueBox_1 { display: flex; grid-gap: 0; flex-direction: column-reverse;}
    .OtherUseCases_list_2 { display: block; }
    .OtherUseCases_list_2 .b-item { padding-bottom: 0px;}
    .other_uses_right .item-box { margin-bottom: 38px;}
    .other_uses_right { padding-bottom: 0px;}
    .other_use_title { font-size: 22px;}
    .cs_1_bottom_image_sectionOuter  h2.vc_custom_heading  { font-size: 32px;}
    .mobiledata { padding: 0 15px;}
    .mobiledata .other_use_title { border: none; text-align: center !important;}
    .other_uses_right .blog-info h5 {font-weight: 600;
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0.04em; }
        
    .case_study_style_1_content .other_uses_right, .resultsImg, .desktopImg{ display: none;}
    .case_study_style_1_content, .resultsOuter , .cs_1_bottom_image_section, .mobiledata, .mobileImg{ display: block;}
    .desktopBanner { height: 325px;}
    .cs_1_bottom_image_section { padding-bottom: 50px;}
    .case_study_style_1_content   .vc_col-sm-4, .case_study_style_1_content .vc_col-sm-8 { position: relative;  top: 0; bottom: 0;}
    .case-study-header-style-01 h1, .case-study-header-style-01 h2 {
        font-weight: 800;
        font-size: 25px;
        line-height: 132%;
        letter-spacing: 0.015em;
        color: #FFFFFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
        .case_study_style_1_content { padding: 50px  0 0 0 ;}
        .case_study_style_1_content_solution { padding-top: 0 !important;}
        .case_study_style_1 h4.vc_custom_heading  {
        font-weight: 700;
        font-size: 26px;
        line-height: 36px;
        color: #32325D;
       
        }

    /* .imageSlider02 .owl-carousel .owl-item { padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; } */
    .imageSlider02 .owl-carousel .owl-item img { width: 58px !important; height: 58px !important;}
        a.videopoup01  { border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; }
   
    .blog .innerpageHeader-defult,
    
    .archive .innerpageHeader-defult,
    .page-template-plan-pricing .innerpageHeader-defult, .search .innerpageHeader-defult  {
        padding: 30px 20px 0 20px;
        min-height: 200px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
     .search .headerOuter,
    .page-template-homepage-v2_withslider .headerOuter,
    .page-template-homepage-v1 .headerOuter,
    .page-template-feature-pages-style-2 .headerOuter,
    .page-template-homepage-v2 .headerOuter,
    .page-template-landing-page .headerOuter,
    .page-template-default .headerOuter,
    .blog .headerOuter,
    .archive .headerOuter,
    .page-template-plan-pricing .headerOuter,
    .page-template-career .headerOuter, .page-template-header-black .headerOuter  ,
    .page-template-hardware-menufaturer .headerOuter ,
    .page-template-contact-us .headerOuter,
    .page-template-contact-us-new .headerOuter,
    .single-use-case .headerOuter{
        position: fixed;
    }
    
    
    .headerOuter.sticky  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
    .headerOuter.sticky #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .headerOuter.sticky #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after
    { background: #000 !important;}
    .contact-header-new { padding-top: 127px !important; position: relative !important;}

    .headerOuter.sticky .logo-black { display: block;}
    .headerOuter.sticky .logo { display: none;}

    .headerOuter.sticky .headerPhone a {
        border: solid 1px #d4d4d4;
        color: #000;
    }
    .headerOuter.sticky .headerPhone a img {
        filter: invert(88%) sepia(21%) saturate(935%) hue-rotate(123deg) brightness(85%) contrast(97%);
    }
    .contact-header { padding-top: 50px;}

    /* header Menu css  */
    .headerOuter.sticky a.mega-menu-link {
        color: #fff !important;
    }
    ul.mega-sub-menu {
        
        padding-left: 35px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        box-shadow: none !important;
    }
    .menu-button-container {
        z-index: 10000;
        background-color: #fff;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item {
        padding: 3px 0 !important;
    }
    .headerOuter .custom-html-widget {
        display: none;
    }
    .widget_custom_html {
        display: none !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
        color: #fff !important;
        text-transform: inherit !important;
        font-size: 14px !important;
        font-weight: 700;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 0 20px 0 20px;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
        color: #1A59E5!important;
        font-weight: 900 !important;
    }
    .mega-menu-toggle {
        position: absolute;
        top: -50px;
        right: -12px;
        width: 100%;
        z-index: 1000;
    }
  
    .mega-menu-toggle {
        background: none !important;
    }
    .mega-toggle-blocks-right button {
        /* background-color: rgba(255, 255, 255, 0.2) !important; */
        padding: 0px 50px;
        border-radius: 15px !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle {
        border-radius: 15px;
        height: 30px;
        z-index: 2000000 !important;
        position: absolute;
        width: 30px;
        right: -12px;
        top: -49px;
    }
    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        z-index: 100000 !important;
    }
    .mega-toggle-blocks-right {
        /* width: inherit; */
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child { margin: 0;}
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        height: 2px;
        width: 24px;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
        top: 13px !important;
        left: 0px !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
        width: 40px;
        height: 40px;
        margin-top: 0px;
        margin-right: 0px;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
        transform: inherit;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
        top: 8px;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
        top: 16px;
    }
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
        top: 20px;
    }
    .mega-toggle-animated {
        top: 7px;
    }
    /* #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        top: -53px;
        left: -0px;
        padding-top: 70px;
        padding-bottom: 150px;
        width: 100%;
    } */
    .logoOuter a {
        position: relative;
        z-index: 11000000;
    }
    .logoOuter {
        /* padding-left: 36px; */
    }
    .headerPhone span {
        display: none !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after,
    body.white #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    body.white #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    body.white #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after 
    {
        background-color: #fff !important;
    }

   .page-template-contact-us #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    .page-template-contact-us #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .page-template-contact-us #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: #000 !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu.mega-menu-item {
        border-bottom: none;
        display: block;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu.mega-menu-item:first-child {
        border-top: none;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu.mega-menu-item-24.mega-menu-item {
        border-bottom: none !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding-left: 28px;
        font-weight: 900;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }


    
    /* .post-template-default.single-post #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner,
        .post-template-default.single-post #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::before,
        .post-template-default.single-post #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::after {
            background-color: #000 !important;
        } */
#mega-menu-wrap-primary #mega-menu-primary > li.pricingMenu > a.mega-menu-link
     {
        background: #1a59e5 !important;
        color: #fff !important;
        margin: 0 30px;
        border-radius: 25px;
        margin-top: 15px;
        text-transform: uppercase;
        font-weight: 700 !important;
        text-align: center;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.pricingMenu.pricingMenu > a.mega-menu-link {  color: #fff !important; background-color: #1a59e5  !important; }
    .plan-colom-outer {
        grid-template-columns: 250px 250px;
    }
    /* .plan-colom-outer {
        grid-template-columns: repeat(3, 1fr);
    } */
    .price {
        background-size: 152%;
    }
    .price-feature-title {
        padding: 30px 10px;
    }
    .page-id-1325 .formInner {
        margin-top: -30px;
    }
    li ul.mega-sub-menu {
        padding: 0px 0px 0px 10px !important;
        margin: 0px !important;
    }
    li ul.mega-sub-menu a {
        color: #000 !important;
        text-transform: capitalize !important;
        padding: 6px 0 !important;
    }
    .headerOuter.sticky li ul.mega-sub-menu a {
        color: #000 !important;
    }
    /* end Menu css */
    .awardLogo p,
    .awardLogo_normal p {
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* padding: 20px; */
        margin: auto;
        grid-row-gap: 40px;
        grid-column-gap: 40px;
    }
    .awardLogo,
    .awardLogo_normal {
        margin: 15px 8px 70px 8px !important;
    }
    .awardLogo img,
    .awardLogo_normal img {
        padding: 0;
    }
    #video_telematics_slide .carousel-indicators {
        margin: 30px 0 0 0px !important;
        padding: 2px;
        display: inline-flex;
    }
    .footerOUter .primary-menu-container {
        display: none;
    }
    .footerOUter .primary-menu-container.active {
        display: block;
        padding-left: 10px;
    }
    .footerItitle {
        padding: 15px 0px;
        cursor: pointer;
        margin: 0;
        position: relative;
    }

    .footerItitle.active::after, .rightTitle.active::after  {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    } 
    .gps_right_bar ul li { padding-left: 5px;}


    .footerItitle::after , .rightTitle::after {
        content: "\f078";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #fff;
        margin: auto;
        top: 10px;
        /* bottom: 0; */
        
        display: flex;
        align-items: center;
        right: 15px;
        position: absolute;
    }
    .page-template-landing-page .footerItitle::after {
        color: #fff;
    }
    .ladningpageBtnOuter {
        padding-bottom: 15px;
    }
    .footerHelpDesk {
        margin-top: 20px;
        /* width: 260px; */
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
        margin-right: 0px;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        content: "\f347";
        /* font-family: "Font Awesome 6 Free"; */
        font-weight: 900;
        color: #000;
        margin: auto;
        font-size: 17px;
        top: 0px;
        bottom: 0;
        height: 100%;
        display: flex;
        align-items: center;
        right: 0px;
        position: absolute;
        height: 50px;
        /* width: 50px; */
    }
    /* #mega-menu-wrap-primary #mega-menu-primary li.industriesMenu  li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after { content: "\f347";} */
    #mega-menu-wrap-primary #mega-menu-primary  li.industriesMenu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator { right: 24px;}
    
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after {
        content: '\f343';
    }
  
    .mega-menu-primary-mobile-open .headerOuter { border-bottom: solid 1px #DEDEDE; }
    /* .mega-menu-primary-mobile-open #mega-menu-wrap-primary .mega-menu-toggle { right: 0px;} */
    .mega-menu-primary-mobile-open #hubspot-messages-iframe-container { display: none !important;}
    .headerPhone {
        position: absolute;
        right: 63px;
        z-index: 600000;
    }
    .headerPhone a img {
        border: none;
        margin: 0;
        padding: 0;
        width: 20px;
    }
    .headerPhone a {
        margin-top: 0px;
        padding: 2px 9px;
        height: 34px;
    }
    .headerLeft {
        position: inherit;
    }
    .pricingTable_2 .price-dec {
        padding-bottom: 15px;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
        float: right;
        position: absolute;
        right: 28px;
        top: 21px;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator  { display: block !important;}
li.mega-menu-item-has-children li.mega-menu-item-has-children  ul.mega-sub-menu { display: none !important;}
li.mega-menu-item-has-children li.mega-menu-item-has-children.mega-toggle-on  ul.mega-sub-menu { display: block !important;}
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { background: rgba(255, 255, 255, 1) !important;}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {  color: #32325D !important; background: none !important;}   
/* ul.max-mega-menu> li:first-child { border-top: solid 1px #DEDEDE!important; padding-top: 20px !important;} */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: none !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { background: none;}
/* menu Icons  */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before { margin-right: 10px;}
ul.mega-sub-menu li a { height: 50px !important; color: #32325D !important; display: flex !important; align-items: center; font-weight: 700 !important;}
ul.mega-sub-menu li a:before { content: "";  width: 20px !important; height: 20px !important;}
.mega-productsMenu ul.mega-sub-menu li a:before { width: 100% !important; height: 20px !important; display: block !important;}
.mega-productsMenu ul.mega-sub-menu li a {display: block !important; height: 70px !important;}  

ul.mega-sub-menu li.aboutMenu a:before { background: url(../images/menuIcon/about.svg) no-repeat left top!important; }
ul.mega-sub-menu li.CareerMenu a:before { background: url(../images/menuIcon/career.svg) no-repeat left top!important; }
ul.mega-sub-menu li.ExhibitionsMenu a:before { background: url(../images/menuIcon/exhibitions.svg) no-repeat left top!important; }
ul.mega-sub-menu li.ContactMenu a:before { background: url(../images/menuIcon/contact.svg) no-repeat left top!important; }



ul.mega-sub-menu li.FleetMenu a:before { background: url(../images/menuIcon/trakzee.svg) no-repeat !important;   background-size: auto 20px !important; }
ul.mega-sub-menu li.SchoolMenu a:before { background: url(../images/menuIcon/smartbus.svg) no-repeat left top!important;  background-size: auto 16px !important; }
ul.mega-sub-menu li.FieldMenup a:before { background: url(../images/menuIcon/taskeye.svg) no-repeat left top!important;  background-size: auto 20px !important; }
ul.mega-sub-menu li.WasteMenup a:before { background: url(../images/menuIcon/smartwaste.png) no-repeat left top!important;  background-size: auto 20px !important; }
ul.mega-sub-menu li.ElectricMenu a:before { background: url(../images/menuIcon/elexee.svg) no-repeat left top!important;   background-size: auto 20px !important;}
ul.mega-sub-menu li.TransportMenu a:before { background: url(../images/menuIcon/logytrack.svg) no-repeat left top!important;   background-size: auto 20px !important;}
ul.mega-sub-menu li.PersonalMenu a:before { background: url(../images/menuIcon/trakzeemin.svg) no-repeat left top!important;   background-size: auto 20px !important; }
ul.mega-sub-menu li.SimMenu a:before { background: url(../images/menuIcon/trakzee-gsm.svg) no-repeat left top!important;  background-size: auto 27px !important; height: 27px !important; }

ul.mega-sub-menu li.FieldMenu a:before { background: url(../images/menuIcon/field.svg) no-repeat left top!important; }
ul.mega-sub-menu li.EnergyMenu a:before { background: url(../images/menuIcon/energy.svg) no-repeat left top!important; }
ul.mega-sub-menu li.PassengerMenu a:before { background: url(../images/menuIcon/passenger.svg) no-repeat left top!important; }
ul.mega-sub-menu li.HealthcareMenu a:before { background: url(../images/menuIcon/healthcare.svg) no-repeat left top!important; }
ul.mega-sub-menu li.AgricultureMenu a:before { background: url(../images/menuIcon/agriculture.svg) no-repeat left top!important; }
ul.mega-sub-menu li.ConstructionMenu a:before { background: url(../images/menuIcon/construction.svg) no-repeat left top!important; }
ul.mega-sub-menu li.TruckingMenu a:before { background: url(../images/menuIcon/trucking.svg) no-repeat left top!important; }
ul.mega-sub-menu li.FMCGMenu a:before { background: url(../images/menuIcon/FMCG.svg) no-repeat left top!important; }
ul.mega-sub-menu li.EmergencyMenu a:before { background: url(../images/menuIcon/emergency.svg) no-repeat left top!important; }
ul.mega-sub-menu li.HireMenu a:before { background: url(../images/menuIcon/hire.svg) no-repeat left top!important; }
ul.mega-sub-menu li.FishingMenu a:before { background: url(../images/menuIcon/fishing.svg) no-repeat left top!important; }
ul.mega-sub-menu li.ForestryMenu a:before { background: url(../images/menuIcon/forestry.svg) no-repeat left top!important; }
ul.mega-sub-menu li.WasteMenu a:before { background: url(../images/menuIcon/waste.svg) no-repeat left top!important; }
ul.mega-sub-menu li.FinancialMenu a:before { background: url(../images/menuIcon/financial.svg) no-repeat left top!important; }
ul.mega-sub-menu li.PetcareMenu a:before { background: url(../images/menuIcon/petcare.svg) no-repeat left top!important; }
ul.mega-sub-menu li.SportsMenu a:before { background: url(../images/menuIcon/sports.svg) no-repeat left top!important; }


ul.mega-sub-menu li.ResourcesMenu a:before { background: url(../images/menuIcon/resources.svg) no-repeat left top!important; }
ul.mega-sub-menu li.BlogMenu a:before { background: url(../images/menuIcon/blog.svg) no-repeat left top!important; }
ul.mega-sub-menu li.UffiTALKSMenu a:before { background: url(../images/menuIcon/UffiTALKS.svg) no-repeat left top!important; }
ul.mega-sub-menu li.WebinarsMenu a:before { background: url(../images/menuIcon/webinars.svg) no-repeat left top!important; }
ul.mega-sub-menu li.WhatsNewMenu a:before { background: url(../images/menuIcon/whatnew.svg) no-repeat left top!important; }
ul.mega-sub-menu li.eBooksMenu a:before { background: url(../images/menuIcon/eBooks.svg) no-repeat left top!important; }
ul.mega-sub-menu li.ContactMenu a:before { background: url(../images/menuIcon/contact.svg) no-repeat left top!important; }



ul.mega-sub-menu li.gpsMenu a:before { background: url(../images/menuIcon/gpstracker.svg) no-repeat left top!important; }
ul.mega-sub-menu li.hardwareMenu a:before { background: url(../images/menuIcon/HardwareManufaturer.svg) no-repeat left top!important; }




ul.mega-sub-menu li.mega-menu-item-has-children ul.mega-sub-menu a::before { display: none !important;}


#mega-menu-wrap-primary ul.mega-sub-menu li.mega-menu-item-has-children ul.mega-sub-menu li a { font-weight: 600 !important;  border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; color: #575775 !important; }
/* #mega-menu-wrap-primary ul.mega-sub-menu li.mega-menu-item-has-children ul.mega-sub-menu li a { font-weight: 600 !important; height: 30px !important; border-left: solid 1px #1A59E5 !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; padding-left: 10px !important; color: #575775 !important; } */
#mega-menu-wrap-primary ul.mega-sub-menu li.mega-menu-item-has-children ul.mega-sub-menu { padding-bottom: 0px !important; }


#mega-menu-primary  { height: 100%; background-color: #000;}


.mobilePlanBtn { display: block} 
.mobilePlanBtn a {    background: #1a59e5 !important;
    color: #fff !important;
    margin: 0 30px;
    border-radius: 25px;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 700 !important;
    text-align: center;}

    .gps_right_bar { padding:7px  10px; text-align: left;}   
    .rightTitle { text-align: left;}
    
}



/* All tablate   */

@media (min-width: 768px) and (max-width: 999px) {
    .case-study-header-style-01 { padding-left: 0;}
    .cta_blue_section  {  grid-template-columns: 1fr 305px; }
    .OtherUseCases_list_2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .challengesRight  .wpb_single_image.vc_align_right { text-align: center;}

    .headerBox { top: 28px; width: 392px;}
    .headerBox p em { width: 100%;}
    h2.vc_custom_heading.smalltitle { width: 65%;}
    .featuerList h4 { padding-right: 0px;}
    
    .headerPhone {
        right: 65px;
    }
    .homerightbanner .bannerImg02 img {
        width: 118px !important;
    }
    .homerightbanner .bannerImg02 {
        right: 20px;
        top: -38px;
    }
    .topMenu {
        top: 20px;
    }
    .videobox video {
        margin-top: 0;
    }
    .homesection01 h1 {
        font-size: 35px;
    }
    .videobox {
        height: 400px;
    }
    .homesection01 {
        padding-top: 131px;
    }
    .homesection01 h1 {
        font-size: 44px;
    }
    .uc-home-page-main-header-subcontent strong {
        font-size: 17px;
    }
    .vc_custom_1652158819366 {
        right: -7px;
    }
    .bannerImg01 {
        width: 140px;
        left: 30px;
    }
    .bannerImg02 {
        right: 10px;
    }
    .imagesliderOuter .item {
        width: 100%;
    }
    .contentPaddingLeft,
    .contentPaddingRight {
        padding: 0;
    }
    .platform-highlights-slider {
        align-items: inherit;
    }
    .carousel-indicators {
        padding: 30px 0;
    }
    #carouselExampleIndicators2 .carousel-indicators li {
        padding: 5px 10px;
    }
    .maskContent,
    .maskContent-2,
    .awardLogo {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .platform-highlights,
    .bottompadding {
        padding-bottom: 0;
    }
    .letstalk .maskContent {
        padding-top: 170px;
    }
    .letsTalkOuter {
        padding-bottom: 40px;
    }
    .InternationalContent.maskContent {
        padding-right: 160px !important;
        padding-top: 0px !important;
    }
    .funfact-outer {
        padding-right: 15px;
    }
    .counter-count {
        font-size: 18px;
    }
    .funfact-project {
        font-size: 15px;
    }
    .Internationalcounter.maskContent-2 {
        padding-bottom: 50px !important;
    }
    .featuresOuter,
    .margin_60_less {
        margin: 0 -15px!important;
    }
    .childpageOuter .col-md-6:last-child {
        margin: 0 auto;
    }
    .IndustriesSliderOuter.maskContent,
    .homeproductSlider.maskContent {
        padding-top: 158px !important;
    }
    .connectwithus {
        padding-bottom: 40px !important;
    }
    #carouselExampleIndicators .carousel-indicators li {
        padding: 0 12px !important;
    }
    h3.vc_custom_heading {
        font-size: 23px;
    }
    .sliderlogo {
        padding-top: 30px;
    }
    .sliderlogo img {
        height: 45px;
    }
    .sliderContent {
        text-align: center;
    }
    .blueBox .wpb_wrapper a strong {
        font-size: 13px;
    }
    .thumb {
        height: 115px;
    }
    .awardLogo {
        width: 90%;
    }
    .awardLogo p {
        display: flex;
        flex-wrap: wrap;
    }
    .awardLogo p a {
        flex: 25%;
        padding-bottom: 30px;
    }
    .homepageBlog {
        padding-bottom: 70px;
        padding-top: 70px;
    }
    .homepageBlog .vc_column-inner {
        padding: 0;
    }
    .footerOUter {
        padding-top: 0px;
    }
    .homeBlogLisitngOUter {
        padding: 20px 0 0 0;
        margin: 0 -20px;
    }
    .copyright-footer {
        margin-top: 20px;
        /* text-align: center; */
    }
    /* .primary-menu-industriesfooterMenu ul {
        display: flex;
        flex-wrap: wrap;
    }
    .primary-menu-industriesfooterMenu ul li {
        width: 50%;
    } */
    /* Innerpage css  */
    .productpageHeader {
        padding-top: 89px;
    }
    .fleetRight .vc_custom_1655116561558 {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 0px !important;
    }
    .bgimg img,
    .fleetRight .vc_custom_1655116561558,
    .uh-img-center {
        width: 100% !important;
    }
    .banneranimation01,
    .banneranimation02,
    .banneranimation03,
    .banneranimation04,
    .banneranimation05,
    .banneranimation06,
    .banneranimation07,
    .banneranimation08 {
        width: 135px;
    }
    .vc_empty_space {
        height: 0px !important;
    }
    .productpageHeader .section01Content {
        padding-bottom: 20px !important;
    }
    .bannerRight .bgimg {
        padding: 0;
    }
    @keyframes banneranimation01 {
        100% {
            left: 25px;
            top: -22px;
            opacity: 1;
        }
    }
    @keyframes banneranimation02 {
        100% {
            right: 25px;
            top: -22px;
            opacity: 1;
        }
    }
    @keyframes banneranimation03 {
        100% {
            left: 25px;
            bottom: 60px;
            opacity: 1;
        }
    }
    @keyframes banneranimation04 {
        100% {
            right: 25px;
            bottom: 60px;
            opacity: 1;
        }
    }
    .freetiral_left_content {
        padding-left: 328px;
    }
    .freetrial {
        display: block;
        position: relative;
    }
    .freetrial .vc_column-inner {
        padding: 0 !important;
    }
    .freetrial .vc_col-sm-10 {
        width: 100%;
    }
    .freeImg {
        left: auto;
        top: -17%;
        left: -3%;
    }
    .freeImg img {
        height: 250px !important;
    }
    .freetrial strong {
        font-size: 17px;
    }
    .freetrialBtn .vc_column-inner {
        position: absolute;
        bottom: -10px;
        right: 0;
        left: 310px;
        width: inherit;
    }
    .freetrialBtn a.vc_general {
        width: 140px;
    }
    .freetrialBtn .vc_btn3-container.vc_btn3-right {
        text-align: left;
    }
    .product-highlight-grid-sticky {
        display: none;
    }
    .active-box .mobileView {
        display: block;
    }
    .videosection {
        padding-bottom: 190px;
    }
    .uc-product-feature-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        padding-bottom: 70px;
        padding-top: 70px;
    }
    .mobileapps {
        margin: 0;
        padding-bottom: 100px;
    }
    /* header HEADER CSS*/
    .page-template-header-black .headerOuter {
        background-color: #f6f9fc !important;
    }
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after ,
    .page-template-contact-us #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    .page-template-contact-us #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .page-template-contact-us #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after 
    {
        background-color: #000 !important;
    }
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner,
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    .page-template-header-black #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: #ddd !important;
    }
    /* End header HEADER CSS*/
    .page-template-product-layout-01-Outer {
        padding-top: 78px;
        padding-bottom: 50px;
    }
    .page-template-product-layout-01-Outer h1,
    .industrial_parent_page_header h1 {
        font-size: 36px;
    }
    .headerImgRight .vc_column-inner {
        right: 0px;
    }
    .ParentsApp .margin_40_less {
        margin: 0 -15px!important;
    }
    .pb_128 {
        padding-bottom: 70px !important;
    }
    .ParentsApp .uc-product-feature-grid[data-column='2'] {
        grid-template-columns: repeat(1, 1fr);
    }
    .vc_custom_1653734938449 {
        width: 100% !important;
        right: 0;
    }
    .banneranimation05,
    .banneranimation06 {
        width: 190px;
    }
    @keyframes banneranimation05 {
        0% {
            right: -10px;
            top: -100px;
            opacity: 0;
        }
        100% {
            right: -10px;
            top: -40px;
            opacity: 1;
        }
    }
    @keyframes banneranimation06 {
        0% {
            right: 130px;
            top: 70px;
            opacity: 0;
        }
        100% {
            right: 130px;
            top: -30px;
            bottom: inherit;
            opacity: 1;
        }
    }
    .bannerRightRosterz .vc_column-inner {
        width: 100% !important;
        right: 0;
    }
    .busImg {
        left: -104px;
        width: 428px;
    }
    .banneranimation07,
    .banneranimation08 {
        width: 180px;
    }
    @keyframes banneranimation07 {
        0% {
            left: -75px;
            top: -90px;
            opacity: 0;
        }
        100% {
            left: 0px;
            top: -45px;
            opacity: 1;
        }
    }
    @keyframes banneranimation08 {
        0% {
            right: -75px;
            top: -90px;
            opacity: 0;
        }
        100% {
            right: 0px;
            top: -45px;
            opacity: 1;
        }
    }
    .page-id-1494 .productpageHeader h1 {
        font-size: 37px;
    }
    .who-we-are-section,
    .aboutpagestyle {
        background: none !important;
    }
    .page-template-default .headerOuter {
        position: absolute;
    }
    .careerOuter {
        grid-column-gap: 10px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .boxed-1 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .innerpageHeader-defult {
        margin: 0;
        padding-left: 40px;
        padding-right: 40px;
    }
    .uc-flip-silder {
        width: 100%;
        padding-top: 25px;
    }
    .flipbannerOuter {
        padding-right: 0px !important;
    }
    .flipbannerOuter .vc_column-inner {
        right: 0;
    }
    .footerdivider .vc_empty_space {
        height: 150px !important;
    }
    .footerdivider .maskbg__background {
        transform: skewY(-3deg) translateY(var(--sectionTranslateY, 0));
    }
    .getintouch h2.font_36 {
        font-size: 33px;
        padding-bottom: 15px;
    }
    .owl-carousel-Outer {
        padding-bottom: 90px;
    }
    .getintouch {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .industrial_parent_page_header {
        padding-top: 0px;
    }
    /* blog Css  */
    .resource-content-data-items-box {
        grid-template-columns: repeat(2, 1fr);
    }
    .resource-content-email-subscribe {
        grid-row: 2;
        grid-column: 1;
    }
    .resource-content-type {
        grid-row: 1;
        grid-column: 1;
    }
    .resource-content-data {
        grid-row: 1/ span 2;
        grid-column: 2;
    }
    .resource-grid {
        grid-template-columns: 160px 1fr;
    }
    .BLogListingOuter {
        padding: 70px 0;
    }
    .innerpageOuter {
        padding-top: 10px;
    }
    .singleOuter {
        padding: 50px 15px 0 15px;
    }
    .resource-detail-grid {
        grid-template-columns: 1fr 160px;
    }
    .single .breadcrumbsOuter {
        padding: 14px 15px;
    }
    .recetPost .bloglisting .col-lg-4 {
        margin-bottom: 30px;
    }
    .bannerRrightStyle02 .vc_column-inner {
        width: 376px !important;
        right: 0;
    }
    .bannerRight-fuel-management .vc_column-inner {
        right: 0;
        top: 50px;
        width: 100%;
    }
    .FeatureBenefitsBg {
        display: none;
    }
    .banneranimationLeftTop,
    .banneranimationLeftBottom,
    .banneranimationRightBottom,
    .banneranimationRightTop {
        width: 35%;
    }
    .bannerRight-fuel-management {
        padding: 0 30px 120px 30px;
    }
    @keyframes banneranimationLeftTop {
        0% {
            left: -100px;
            top: 0;
            opacity: 0;
        }
        100% {
            left: 0px;
            top: 70px;
            opacity: 1;
        }
    }
    @keyframes banneranimationLeftBottom {
        0% {
            left: -100px;
            bottom: 0;
            opacity: 0;
        }
        100% {
            left: 0px;
            bottom: 30px;
            opacity: 1;
        }
    }
    @keyframes banneranimationRightTop {
        0% {
            right: -150px;
            top: 0;
            opacity: 0;
        }
        100% {
            right: 0px;
            top: 60px;
            opacity: 1;
        }
    }
    @keyframes banneranimationRightBottom {
        0% {
            right: -100px;
            bottom: 0;
            opacity: 0;
        }
        100% {
            right: 0px;
            bottom: -110px;
            opacity: 1;
        }
    }
    .fuelsectionBlueInner:before,
    .fuelsectionBlueInner:after {
        display: none !important;
    }
    .featuresection_box_right .wpb_text_column {
        margin-left: -80px;
    }
    .FeatureBenefits01,
    .FeatureBenefits02,
    .FeatureBenefits03,
    .FeatureBenefits04 {
        position: relative !important;
        animation-name: none;
        opacity: 1;
        width: 46%;
        margin: 0 2%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-bottom: 15px;
        height: 280px;
    }
    .featuresection04 {
        padding: 40px 0;
    }
    .tire-page-LeftTop {
        width: 55%;
    }
    .tire-page-rightTop {
        width: 30%;
    }
    .tire-page-Leftbottom {
        width: 70%;
    }
    .page-id-4137 .homesection01 {
        padding-top: 63px;
    }
    @keyframes tire_page_LeftTop {
        0% {
            left: -50px;
            top: 0;
            opacity: 0;
        }
        100% {
            left: -10px;
            top: 0px;
            opacity: 1;
        }
    }
    @keyframes tire_page_Leftbottmo {
        0% {
            left: -150px;
            bottom: -130px;
            opacity: 0;
        }
        100% {
            left: -20px;
            bottom: -80px;
            opacity: 1;
        }
    }
    @keyframes tire_page_rightTop {
        0% {
            right: -150px;
            bottom: -130px;
            opacity: 0;
        }
        100% {
            right: -10px;
            bottom: -40px;
            opacity: 1;
        }
    }
    .tms-features span label:after {
        width: 60px;
    }
    .openformLeft {
        padding-right: 0;
        width: 100%;
    }
    .openformRight {
        width: 100%;
    }
    .title4line h1 {
        font-size: 51px;
    }
    .title4line {
        padding-top: 50px;
    }
    .title5line h1 {
        font-size: 44px;
    }
    .title5line {
        padding-top: 50px;
    }
    .right-banner-basic {
        padding-top: 50px;
    }
    .page-template-header_02 .videoboxImg {
        height: 380px;
    }
    .page-template-header_03 .videoboxImg {
        height: 320px;
    }
    .title5line h1 {
        padding-right: 0px;
        width: 300px;
    }
    .title2line {
        padding-top: 100px;
    }
    .title2line .right-banner-basic {
        top: -50px;
    }
    .title2line .right-banner-basic {
        transform: translateX(5%);
    }
    .employee-page-header {
        padding-top: 47px;
    }
    .careerBoxOuter {
        grid-gap: 20px;
    }
    .careerBox a .possitionname {
        font-size: 14px;
    }
    .careerOuterNew h2 {
        padding: 70px 0!important;
        margin-bottom: 0px !important;
    }
    .innerpageHeader-defult {
        padding-bottom: 70px;
    }
    .careerpagePopup .modal-dialog {
        max-width: 90% !important;
    }
    .use-case-partner-section {
        margin-top: 0px;
    }
    .pricing-section {
        width: 500px;
    }
    .tms-features>img {
        width: 162px;
    }
    #phone_ext-ba1dc38e-b7e2-4258-87f7-cce9f4cbd385,
    .openformOuter .hs-fieldtype-intl-phone.hs-input select,
    .openformOuter .hs-form-ba1dc38e-b7e2-4258-87f7-cce9f4cbd385_81052a5b-3fd4-4c18-a290-6259e09d283e>.hs-phone>.input>.hs-fieldtype-intl-phone.hs-input>select.hs-input {
        float: left;
        width: 95%!important;
    }
    #phone-ba1dc38e-b7e2-4258-87f7-cce9f4cbd385,
    .openformOuter .hs-fieldtype-intl-phone.hs-input input {
        width: 100%!important;
        float: right;
    }
    .footerHelpDesk {
        width: 230px;
    }
    .contact-header {
        min-height: 300px;
    }
    .contact-header-text p {
        padding-right: 300px;
    }
    .contact-info {
        bottom: -117px;
    }
    .contactbox img {
        right: 0;
        top: 24px;
        position: absolute;
        width: 59px !important;
        height: auto !important;
        opacity: 0.5;
    }
    .contactbox p a {
        padding: 20px;
    }

    
    .LandingPrice .plan-colom-outer {
        grid-template-columns: auto auto auto;
        gap: 15px;
    }
    .price-dec {
        padding: 0 15px;
    }
    .landing-page-header-content {
        padding: 0 0px;
    }
    .landing-page-header {
        background-position: top !important;
        background-size: 220%;
    }
    .rattingSection img {
        height: 22px !important;
        width: inherit !important;
    }
    .rattingSection {
        padding: 0 20px !important;
    }
    .landing-page-header h2.vc_custom_heading {
        font-size: 33px !important;
    }
    .page-template-landing-page h2.vc_custom_heading {
        font-size: 25px;
    }
    .whychooseLandingBox h3.vc_custom_heading {
        font-size: 22px;
    }
    .keyFetureOuter {
        padding-bottom: 0px;
    }
    .LandingCouterOuter .funfact-outer {
        display: block;
    }
    .LandingCouterOuter .funfact-icon {
        width: 56px;
    }
    .LandingPrice .amount {
        font-size: 50px;
    }
    .LandingPrice .amount-number {
        line-height: 64px;
    }
    .plan-colom-outer ul {
        padding: 0 15px;
    }
    .LandingPrice .vc_column-inner {
        padding: 0;
    }
    .plan-colom-outer ul li {
        list-style: none;
        padding: 8px 10px 8px 25px;
    }
    .trakzeeAnimation {
        right: -50px;
        bottom: 0px;
    }
    .trakzeeAnimation img {
        width: 50% !important;
    }
    .page-template-landing-page .videoboxImg {
        height: 650px;
    }
    .landing-page-header {
        padding-bottom: 00px;
    }
    .headerPhone a {
        margin-top: 19px;
    }
    .logo-black {
        display: none;
    }

    #mega-menu-wrap-primary .mega-menu-toggle {
        right: -12px;
        top: 20px;
    }
    body.menuAct .headerOuter .col-lg-8,  body.menuAct .headerLeft {
      
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    body.menuAct .headerOuter .col-lg-8 {  padding: 0 !important;}

    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        top: -66px;
      
    }
    body.menuAct #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open {
        right: 15px;
        top: -48px;
    }
    .headerPhone a {
        margin-top: 4px;
    }
    .homepageProductListing_new {
        margin: 0px;
    }
    .couterListing {
        display: flex;
        justify-content: center;
        padding: 0 20px;
        width: 100%;
        margin: auto !important;
    }
    .pernerNewSection {
        margin: 0;
    }
    .pernerNewSection {
    
    grid-template-columns: 315px 1fr;
    
}
.footerOUter .primary-menu-container {
    display: block !important;
    
}
.headerbannerStyle03 {
    padding: 100px 0;
}
.headerbannerStyle03 h1, .headerbannerStyle03 h2 {
    
    padding: 0px 0 33px 0;
    
}
.page-template-feature-pages .videoboxImg {
    height: 770px;
}
.accordingRightImg {
    right: 0%;
    position: relative;
    max-width: 100%!important;
    width: 100% !important;
    height: 100% !important;
}
.accordingRightImg img , .featureAccodian .vc_tta-panel-body .vc_row > div{
    max-width: 100%!important;
    width: 100% !important;
}
.featureAccodian .vc_tta-tabs {
    display: grid;
    grid-template-columns: 25% 75%;
}
.featureAccodian .vc_tta-panel-body .vc_row::before { display: none;}
.featureAccodian .vc_tta-panel-body .vc_row  { display: flex; flex-direction: column-reverse;}
.BenefitsListingBox p {
    width: 90%;
    
}
.footerItitle::after { display: none;}
.case_study_style_2_header h1 {    font-size: 40px;
    padding-right: 0;}
    .tesimonial_use_case::before { padding-top: 0px;}
    .benefitsList h4.vc_custom_heading { font-size: 20px;}
    .case_study_style_2 h2.vc_custom_heading { font-size: 28px !important;}
    .gl_case_slider_outer_2  .owl-nav { display: none;}
  
}


/* end tablate */


/* small   */


@media (min-width: 1000px) and (max-width: 1060px) {
    #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link { margin-left: 0px !important;}


}
@media (min-width: 768px) and (max-width: 1200px) {
    .mobileTabing { display: flex;overflow: hidden; position: relative; flex-direction: column; }
    .mobileTabing.activeTab  { height: auto; overflow: visible; padding-top: 100px; }
    .mobileTabing button.collapsed { display: none !important;}
    .mobileTabing button { text-align: left; display: block !important; position: relative; top: 0; left: 0; padding-left: 40px !important;}
    .mobileTabing.activeTab button { position: absolute; top: 0px; background: #FFFFFF;
        box-shadow: 0px 1px 12px -12px rgb(29 45 78 / 26%), 0px 5px 7px -3px rgb(0 0 0 / 30%);
    }

    .mobileTabing button.btnactive, .mobileTabing.activeTab button {
        display: block !important;
    }


    .mobileTabing.activeTab button {
        position: absolute;
        top: 0px;
        background: #FFFFFF;
        box-shadow: 0px 1px 12px -12px rgb(29 45 78 / 26%), 0px 5px 7px -3px rgb(0 0 0 / 30%);
    }
    .pListing button {
        background: none !important;
        border: none !important;
    }
    .mobileTabing.activeTab button.collapsed {
        position: relative;
        background: #FFFFFF;
        box-shadow: 0px 0px 0px 0px rgb(29 45 78 / 26%), 0px 0px 0px 0px rgb(0 0 0 / 30%);
    }

    /* .mobileTabing img, .buttonListing img { height: 25px;} */
    /* .mobileTabing  button.btnactive { position: absolute; top: 0;} */
    .mobileTabing  button.btnactive , .mobileTabing.activeTab  button { display: block !important;}
    .mobileTabing::before {    content: "\f078";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #000;
        margin: auto;
        top: 15px;
        display: flex;
        align-items: center;
        right: 30px;
        position: absolute;
        height: 50px;
    }
    .mobileTabing.activeTab::before , .mega-toggle-on .mega-indicator:after { 
        
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);}

        .buttonListing { display: none !important;}

        .mobileTabing.activeTab {
            height: auto;
            overflow: visible;
            padding-top: 100px;
        }

}

@media (min-width: 1200px) and (max-width: 1290px) {
    .pListing button {padding: 15px 2px 2px 5px !important;}
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .case-study-header-style-01 h1, .case-study-header-style-01 h2 { width: 100%;}
    .cs_1_bottom_image_section { grid-template-columns: 1fr 200px 400px;}
    #mega-menu-wrap-primary #mega-menu-primary li.pricingMenu a.mega-menu-link {margin-left:0 !important}
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link { font-size: 13px !important;}
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 24px 10px;
    }
    .videobox video {
        margin-top: -100px;
    }
    .bannerImg01 {
        width: 192px;
    }
    .bannerImg02 img {
        width: 162px !important;
    }
    .vc_custom_1652158819366 {
        right: 0;
    }
    .imagesliderOuter .item {
        width: 100%;
    }
    .maskContent,
    .maskContent-2,
    .awardLogo {
        max-width: 960px;
        margin: 0 auto !important;
    }
    .InternationalContent.maskContent {
        padding-right: 45%;
    }
    .featuresOuter,
    .margin_60_less {
        margin: 0 -30px !important;
    }
    .awardLogo {
        margin-bottom: 110px !important;
    }
    .awardLogo img {
        max-height: 62px;
    }
    .letstalk .vc_col-sm-2 {
        width: inherit;
    }
    .letsTalkOuter .normalBtn2 {
        padding-left: 15px;
    }
    /* innerpages css  */
    .fleetRight .vc_custom_1655116561558 {
        width: 496px;
        top: -120px;
        right: -20px;
    }
    .banneranimation01,
    .banneranimation02,
    .banneranimation03,
    .banneranimation04,
    .banneranimation05,
    .banneranimation06,
    .banneranimation07,
    .banneranimation08 {
        position: absolute;
        z-index: 1;
        width: 180px;
    }
    @keyframes banneranimation03 {
        100% {
            left: 35px;
            bottom: 190px;
            opacity: 1;
        }
    }
    @keyframes banneranimation04 {
        100% {
            right: 35px;
            bottom: 190px;
            opacity: 1;
        }
    }
    .freeImg {
        left: -40px;
        top: -38%;
    }
    .freeImg img {
        height: 250px !important;
    }
    .freetrialBtn a.vc_general {
        margin: 0;
        padding: 8px 30px 8px 13px !important;
    }
    .headerImgRight .vc_column-inner {
        right: 0px;
    }
    .vc_custom_1653734938449 {
        width: 100% !important;
        right: 0px;
    }
    .banneranimation05,
    .banneranimation06 {
        width: 250px;
    }
    @keyframes banneranimation06 {
        0% {
            right: 130px;
            bottom: 100px;
            opacity: 0;
        }
        100% {
            right: 130px;
            bottom: 127px;
            opacity: 1;
        }
    }
    .section01Content {
        padding: 0px 10px 0px 0 !important;
    }
    .flipbannerOuter .vc_column-inner {
        right: 20px;
    }
    .industrial_parent_page_header h1 {
        font-size: 45px;
    }
    .price {
        background-size: 127%;
    }
    .bannerRrightStyle02 .vc_column-inner {
        width: 476px !important;
        right: 0;
    }
    .homesection01 h1 {
        padding-bottom: 36px;
    }
    .bannerRight-fuel-management .vc_column-inner {
        width: 100%;
        right: 0;
        position: relative;
    }
    .banneranimationLeftTop,
    .banneranimationLeftBottom,
    .banneranimationRightBottom,
    .banneranimationRightTop {
        width: 35%;
    }
    @keyframes banneranimationLeftTop {
        0% {
            left: -100px;
            top: 0;
            opacity: 0;
        }
        100% {
            left: 0px;
            top: 70px;
            opacity: 1;
        }
    }
    @keyframes banneranimationLeftBottom {
        0% {
            left: -100px;
            bottom: 0;
            opacity: 0;
        }
        100% {
            left: 0px;
            bottom: 30px;
            opacity: 1;
        }
    }
    @keyframes banneranimationRightTop {
        0% {
            right: -150px;
            top: 0;
            opacity: 0;
        }
        100% {
            right: 0px;
            top: 60px;
            opacity: 1;
        }
    }
    @keyframes banneranimationRightBottom {
        0% {
            right: -100px;
            bottom: 0;
            opacity: 0;
        }
        100% {
            right: 0px;
            bottom: -110px;
            opacity: 1;
        }
    }
    @keyframes benifit_01 {
        0% {
            left: 0px;
            top: -130px;
            opacity: 0;
        }
        100% {
            left: 100px;
            top: -20px;
            opacity: 1;
        }
    }
    @keyframes benifit_02 {
        0% {
            right: 0px;
            top: -130px;
            opacity: 0;
        }
        100% {
            right: 80px;
            top: 80px;
            opacity: 1;
        }
    }
    @keyframes benifit_03 {
        0% {
            left: 0px;
            bottom: -130px;
            opacity: 0;
        }
        100% {
            left: 100px;
            bottom: -48px;
            opacity: 1;
        }
    }
    @keyframes benifit_04 {
        0% {
            right: 0px;
            bottom: -230px;
            opacity: 0;
        }
        100% {
            bottom: -147px;
            right: 80px;
            opacity: 1;
        }
    }
    .sensorOuter h4 {
        padding: 0 50px;
    }
    .FeatureBenefits01,
    .FeatureBenefits03 {
        left: 100px;
    }
    .FeatureBenefits02,
    .FeatureBenefits04 {
        right: 80px;
    }
    .tire-page-LeftTop {
        width: 50%;
    }
    .wpb_single_image.vc_align_left {
        text-align: left;
    }
    .tire-page-rightTop {
        width: 30%;
    }
    .tire-page-Leftbottom {
        width: 80%;
    }
    @keyframes tire_page_LeftTop {
        0% {
            left: -50px;
            top: 0;
            opacity: 0;
        }
        100% {
            left: -10px;
            top: 0px;
            opacity: 1;
        }
    }
    @keyframes tire_page_Leftbottmo {
        0% {
            left: -150px;
            bottom: -130px;
            opacity: 0;
        }
        100% {
            left: -40px;
            bottom: -80px;
            opacity: 1;
        }
    }
    @keyframes tire_page_rightTop {
        0% {
            right: -150px;
            bottom: -130px;
            opacity: 0;
        }
        100% {
            right: -20px;
            bottom: -40px;
            opacity: 1;
        }
    }
    .title4line h1 {
        font-size: 54px;
    }
    .title4line {
        padding-top: 160px;
    }
    .title2line {
        padding-top: 315px;
    }
    .title2line h1 {
        font-size: 41px;
    }
    .title2line .right-banner-basic {
        transform: translateX(5%);
    }
    .careerpagePopup .modal-dialog {
        max-width: 90% !important;
    }
    .headerPhone a img {
        display: none;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 24px 1px;
        line-height: 20px !important;
    }
    .landing-page-header {
        background-position: top !important;
        background-size: 150%;
    }
    .LandingPrice .plan-colom-outer {
        grid-template-columns: auto auto auto;
        gap: 15px;
    }
    .plan-colom-outer ul li {
        padding: 8px 20px 8px 25px;
    }
    .landing-page-header {
        padding-bottom: 0px;
    }
    .trakzeeAnimation {
        right: 55px;
        bottom: 10px;
    }
    .trakzeeAnimation img {
        width: 70% !important;
    }
    .page-template-template .videoboxImg {
        height: 700px;
    }
    .landing-page-header {
        padding-bottom: 00px;
    }
}


/* medium   */

@media (min-width: 1200px) and (max-width: 1400px) {
    .employee-page-header .right-banner-basic {
        transform: translateX(0%);
    }
    .videobox video {
        margin-top: -150px;
    }
    .fleetRight .vc_custom_1655116561558 {
        right: -50px;
    }
    .vc_custom_1653734938449 {
        right: -20px;
    }
    .bannerRrightStyle02 .vc_column-inner {
        right: 0px !important;
    }
    .right-banner-basic {
        transform: translateX(5%);
    }
    @keyframes banneranimation08 {
        0% {
            right: -75px;
            top: -90px;
            opacity: 0;
        }
        100% {
            right: -30px;
            top: -45px;
            opacity: 1;
        }
    }
    @keyframes banneranimation07 {
        0% {
            left: -75px;
            top: -90px;
            opacity: 0;
        }
        100% {
            left: -35px;
            top: -45px;
            opacity: 1;
        }
    }
    .bannerRight-fuel-management .vc_column-inner {
        right: -35px;
        position: relative;
        /* width: 100%; */
    }
    .fuel-management-left-01 {
        padding-right: 20px;
    }
    @keyframes tire_page_LeftTop {
        0% {
            left: -50px;
            top: 0;
            opacity: 0;
        }
        100% {
            left: -10px;
            top: 0px;
            opacity: 1;
        }
    }
    @keyframes tire_page_Leftbottmo {
        0% {
            left: -150px;
            bottom: -130px;
            opacity: 0;
        }
        100% {
            left: -40px;
            bottom: -80px;
            opacity: 1;
        }
    }
    @keyframes tire_page_rightTop {
        0% {
            right: -150px;
            bottom: -130px;
            opacity: 0;
        }
        100% {
            right: -20px;
            bottom: -40px;
            opacity: 1;
        }
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 24px 10px;
        line-height: 20px !important;
    }
    .softwareImg img {
        width: 1100px !important;
        max-width: 1100px !important;
    }
    .landingBannerImg {
        left: 0;
    }
    .trakzeeAnimation {
        right: 117px;
        bottom: 20px;
    }
    .trakzeeAnimation img {
        width: 70% !important;
    }
    .landing-page-header {
        padding-bottom: 650px;
    }
}


/* odd size  css */

@media (min-width: 1200px) and (max-width: 1360px) {
    .freeImg {
        left: -61px;
    }
    .freetiral_left_content {
        padding-left: 380px;
    }
    .accordingRightImg { right: -40px; position: absolute; max-width: 490px !important;   width: 490px !important;  height: 100% !important; }

    .accordingRightImg img {
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 1360px) and (max-width: 1700px) {
    .accordingRightImg img {
        max-width: 560px !important;
        width: 560px !important;
    }
}

@media (min-width: 1700px) and (max-width: 5000px) {
   .cs_1_bottom_image_sectionOuter  { padding-left: 200px !important; padding-right: 200px !important;}
}





@media (min-width: 2100px) and (max-width: 8000px) {
    .pListing {
        padding: 0 25%;
    }
    .pricing-section {
        margin-top: -400px;
    }
    .landing-page-header {
        background-size: cover;
        /* display: none !important; */
    }
}

@media (min-width: 1600px) and (max-width: 5000px) {
    .awardlogoOuter .maskbg__background {
        transform: skewY(-3deg) translateY(var(--sectionTranslateY, 0));
    }
    .landing-page-header {
        background-size: contain;
        /* display: none !important; */
    }
    .section01Content {
        padding-top: 35px !important;
    }
    .bannerRight-fuel-management .vc_column-inner {
        right: -190px;
    }
    .homesection01 {
        padding-top: 291px !important;
    }
    .videobox,
    .videoboxImg {
        height: 530px;
    }
    .page-template-header_01 .videoboxImg,
    .page-template-header_02 .videoboxImg {
        height: 530px;
    }
    .productpageHeader {
        padding-top: 350px !important;
    }
    #supported-tracker-section {
        top: 59px
    }
    .title4line {
        padding-top: 234px;
    }
    .title5line {
        padding-top: 160px;
    }
    .title2line {
        padding-top: 420px;
    }
    .title2line .right-banner-basic {
        top: -200px;
    }
    .softwareImg img {
        width: 1440px !important;
        max-width: 1440px !important;
    }
    .landing-page-header {
        padding-bottom: 800px;
    }
    .landingBannerImg {
        left: -135px;
    }
    .trakzeeAnimation {
        position: absolute;
        bottom: 40px;
        right: 85px;
    }
}
   


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

    .contact-header-new{
        background-position: top;
       bottom: 67px;    
    }
    .contact-header-new h1{
        margin-top: 30px;
        font-size: 35px;
    }
    .contact-header-new p{
        font-size: 17px;
    }

    .contact-info-query {
        top: 150px;
        flex-direction: column;
        position: relative;
        bottom: 0;
        margin: 0;
    }
    .contact-info-query .contactbox-new{
        bottom: 165px;

    }
     .contact-info-new{
        display: flex;
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px;
        top: 0px;
        margin-bottom: 25px;
    }
    
    .contact-info-first{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding-left: 15px;
        padding-right: 15px;
        top: 0px;
        margin-bottom: 25px;
    }

    .contact-info-new h3.vc_custom_heading{
        padding-left: 0px;
        top: 0px;
    }
    .contact-info-new p, .vc_toggle_content ul li, ol li{
        padding-left: 0px;
    }
    .address-content.wpb_column.vc_column_container.vc_col-sm-6 {
        order: 2;
    }
    .contact-heading h2.vc_custom_heading{
        font-size: 28px;
        margin: -20px 0 25px 0;
        top: 0;
    }
 
  
   .darkmarunsectionContact {
    margin-top: 0px;    
   }
   
}
.legal-consent-container .hs-form-booleancheckbox-display input{

    height: 18px;
    width: 18px;
}





@media (min-width: 200px) and (max-width: 380px){
    .contactbox-new img {
        right: 0;
        top: 24px;
        position: absolute;
        width: 59px !important;
        height: auto !important;
        opacity: 0.5;
    }
    .contactbox-new p a {
        padding: 20px;
    }
    .contactbox-new .vc_column-inner {
        padding: 0;
   
}
}

@media (min-width: 768px) and (max-width: 999px){
    
    .contact-header-new h1{
        margin-top: 30px;
    }
    .contact-header-new{
    top: -65px;        
    }
    .contact-info-query {
        top: 200px;
        flex-direction: column;
        position: relative;
        bottom: 0;
        margin: 0;
        margin-bottom: 20px;
    }
    .contact-info-query .contactbox-new{
        bottom: 210px;

    }    
    .contact-heading h2.vc_custom_heading{
        font-size: 35px;
        margin: -20px 0 25px 0;
        top: 0px;
    }   
    .map-responsive, .office-map iframe { height: 420px !important;}
 
   
}
.challenges_bg { background-position: 0 180px !important;}




.home.hiesubMenu .mega-sub-menu{ display: none !important;}

.popupContainer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }

.closeButton {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
  }
  .gpsNote p { font-size: 13px !important; line-height: 20px;}
  .gpsNote p span { font-weight: 600;}


/* Carriers keka*/

  .keka-carriers .wpb_wrapper {
    height: 600px;
    overflow: hidden;
    padding: 0 0 50px 0;
}

.d-flex.flex-column.footer.container-fluid.justify-content-center.position-absolute {display:none !important}

.featurelistbox .featurebox {
   
    width: 260px;
    height: 240px;
    padding: 10px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(29, 45, 78, 0.26);
    border-radius: 2px;
    padding: 28px 28px 50px 28px;
  }
  
  .featureboxicon {
    width: 35px;
    height: 35px;
    background-color: #ccc;
    margin-bottom: 10px;
  }
  
  .featureboxheading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  
  .featureboxdescription {
    font-size: 14px;
  }

  .usecasesolutions .vc_single_image-wrapper   .vc_box_border_grey{
vertical-align: middle !important;
  }



   /* product Key feature section */

  .Featuresbox .vc_column-inner {
    width: 92%;
    height: 90%;
    max-height: 255px;
    padding: 20px;
    margin-bottom: 23px;
    box-shadow: 0px 4px 10px rgba(29, 45, 78, 0.26);
 
  }
  
  p.vc_custom_heading.featurelink {
    display: none;
    margin-bottom: 0px;
    color: #0063ff;
}

 
  .vc_row.wpb_row.vc_row-fluid.featureList_2.sectionpadding h3  {
    color: #32325d !important ;
    font-size: 36px !important;
    margin-bottom: 11px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

   .featureList_2 .wpb_wrapper h6.vc_custom_heading{
    color: #32325d;
    font-size: 17px;
    line-height: 30px;
    padding-bottom: 20px;
  }
  

  @media (max-width: 768px){

  .Featuresbox .vc_column-inner 
  {
    width: 92%;
    margin: 5% 4% 5% 4%;
  }
  .vc_row.wpb_row.vc_row-fluid.featureList_2.sectionpadding h3 {
    font-size: 22px !important;
  }

 }
 




 
  /* Mobile rs blog   */
  @media (min-width: 200px) and (max-width: 767px) {
    .searchPageOuter {
        padding-top: 40px !important;
    }
    .searchResultTitle { padding-left: 20px;}
    .resource-content-type .sticky { position: relative !important;}
    .resource-content-type , .resource-content-type .sticky{
        width: 100%;
    }
    .bloglisting .boxLink {
        height: auto;
    }

    .singular .entry-title {
        font-size: 24px !important;
        line-height: 38px !important;

    }
    .entry-content-single p:first-child {
        margin-top: 30px !important;
    }
    .letsCoonet {
        padding: 30px 0;
    }

    .stayTuned input {
        padding-left: 20px !important;
    }

    .stayOuter, .searchBlogOuter { padding: 20px 0 10px 0px; grid-template-columns: 1fr;}
    .blogsearch, .stayTuned { margin-bottom: 0px !important; padding: 20px;}
    .searchBlogOuter input[type="submit"] { margin: auto !important;}
    .stayOuter input, .searchBlogOuter input[type="text"] { text-align: center; padding: 0px !important;}

  }

  @media (min-width: 768px) and (max-width: 999px) {
    .resource-detail-grid {
        grid-template-columns: 1fr 260px;
        column-gap:30px
    }
    .resource-content-type, .resource-content-type .sticky {
        width: 260px;
    }
    .footerOUter .row { margin: 0px !important;}

  }





  /* version 05 theme by harish */


  /* Start  header css with new menu  */



  .headerOuter {
    z-index: 15000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1330px;
    margin: 0 auto;
    display: grid; 
    gap: 30px; 
    grid-template-columns: 115px 51% 1fr; 
    text-align: center;
}


    .HeaaderOuter_5_Menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { padding: 12px 0;/*margin-bottom:10px !important*/}

    .HeaaderOuter_5_Menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { 
        color: #fff ; 
        font-family: "Inter", serif !important; font-size: 16px !important;

        font-weight: 300 !important; padding: 5px 15px !important;
    }
    .sticky .HeaaderOuter_5_Menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
        color: #fff;
    }
        ul.mega-sub-menu  a.mega-menu-link{ 
             color: #0E0E0E !important; 
             font-family: "Inter", serif !important;
             font-size: 16px !important;
             font-weight: 500 !important;

        }

       .mega-UffizioGroupMenu ul.mega-sub-menu { 
            background: #fff !important;
        }

ul.mega-sub-menu li.mega-abousMenu a.mega-menu-link{ background: url(../images/about-us.svg) no-repeat 20px 10px !important;}
ul.mega-sub-menu li.mega-abousMenu:hover a.mega-menu-link{ background: url(../images/about-us_act.svg) no-repeat 20px 10px !important;}


ul.mega-sub-menu li.mega-CareerMenu a.mega-menu-link{ background: url(../images/menu-icons/career.png) no-repeat 20px 13px !important;
    background-size: 30px !important;}
ul.mega-sub-menu li.mega-CareerMenu:hover a.mega-menu-link{ background: url(../images/menu-icons/career_act.png) no-repeat 20px 13px !important;
    background-size: 30px !important;}
ul.mega-sub-menu li.mega-menuExhibitions a.mega-menu-link{ background: url(../images/exhibitions_icon.svg) no-repeat 20px 10px !important;}
ul.mega-sub-menu li.mega-menuExhibitions:hover a.mega-menu-link{ background: url(../images/exhibitions_icon_act.svg) no-repeat 20px 10px !important;}

ul.mega-sub-menu li.mega-ContactMenu a.mega-menu-link{ background: url(../images/menu-icons/helpdesk.png) no-repeat 20px 13px !important;
    background-size: 30px !important;}
ul.mega-sub-menu li.mega-ContactMenu:hover a.mega-menu-link{ background: url(../images/menu-icons/helpdesk_act.png) no-repeat 20px 13px !important;
    background-size: 30px !important;}



ul.mega-sub-menu li.mega-BlogMenu a.mega-menu-link{ 
/*    background: url(../images/blog_icon.svg) no-repeat 20px 10px !important;*/
background: url(../images/menu-icons/blog.png)  no-repeat 20px 13px !important;
background-size: 30px !important;
/*    background-position: 20px 10px !important;*/
}

ul.mega-sub-menu li.mega-BlogMenu:hover a.mega-menu-link{
    background: url(../images/menu-icons/blog_act.png) no-repeat 20px 13px !important;
    background-size: 30px !important;
/*    background-repeat: no-repeat !important;*/
/*    background-position: 20px 10px !important;*/
}
/*ul.mega-sub-menu li.mega-BlogMenu:hover a.mega-menu-link{ background: url(../images/blog_icon_act.svg) no-repeat 20px 10px !important;}*/

ul.mega-sub-menu li.mega-aboutMenu a.mega-menu-link { background: url(../images/menu-icons/about.png) no-repeat  20px 13px!important;
    background-size: 30px !important; }
ul.mega-sub-menu li.mega-aboutMenu:hover a.mega-menu-link { background: url(../images/menu-icons/about_act.png) no-repeat  20px 13px!important;
    background-size: 30px !important; }

ul.mega-sub-menu li.mega-ExhibitionsMenu a.mega-menu-link { background: url(../images/menu-icons/exhibition.png) no-repeat  20px 13px!important;
    background-size: 30px !important; }
ul.mega-sub-menu li.mega-ExhibitionsMenu:hover a.mega-menu-link { background: url(../images/menu-icons/exhibition_act.png) no-repeat  20px 13px!important;
    background-size: 30px !important; }


ul.mega-sub-menu li.mega-eBooksMenu a.mega-menu-link{ background: url(/wp-content/uploads/2025/01/Frame-1410106562-1.png) no-repeat 20px 10px !important;}
ul.mega-sub-menu li.mega-eBooksMenu:hover a.mega-menu-link{ background: url(/wp-content/uploads/2025/01/Frame-1410106572.png) no-repeat 20px 10px !important;}


ul.mega-sub-menu li.mega-eBooksMenu a.mega-menu-link{ background: url(../images/menu-icons/ebook.png) no-repeat 20px 13px !important;
    background-size: 30px !important;}
ul.mega-sub-menu li.mega-eBooksMenu:hover a.mega-menu-link{ background: url(../images/menu-icons/ebook_act.png) no-repeat 20px 13px !important;
    background-size: 30px !important;}
    ul.mega-sub-menu li.mega-latestNewMenu a.mega-menu-link{ background: url(../images/menu-icons/latest.png) no-repeat 20px 13px !important;
    background-size: 30px !important;}
ul.mega-sub-menu li.mega-latestNewMenu:hover a.mega-menu-link{ background: url(../images/menu-icons/latest_act.png) no-repeat 20px 13px !important;
    background-size: 30px !important;}




ul.mega-sub-menu li.mega-UffiTALKSMenu a.mega-menu-link{ background: url(../images/menu-icons/uffitalks.png) no-repeat 20px 10px !important;
    background-size: 30px !important;}
ul.mega-sub-menu li.mega-UffiTALKSMenu:hover a.mega-menu-link{ background: url(../images/menu-icons/uffitalks_act.png) no-repeat 20px 10px !important;
    background-size: 30px !important;}
    
ul.mega-sub-menu li.mega-HelpdeskMenu a.mega-menu-link{ background: url(/wp-content/uploads/2025/01/Frame-1410106565-1.png) no-repeat 20px 10px !important;
    background-size: 30px !important;}
ul.mega-sub-menu li.mega-HelpdeskMenu:hover a.mega-menu-link{ background: url(/wp-content/uploads/2025/01/Frame-1410106570.png) no-repeat 20px 10px !important;
    background-size: 30px !important;}

ul.mega-sub-menu li.mega-FleetManagementMenu a.mega-menu-link{ background: url(../images/FleetManagement.svg) no-repeat 20px 10px !important;}



ul.mega-sub-menu li.mega-WasteCollectionSoftwareMenu a.mega-menu-link{ background: url(../images/WasteCollectionSoftware.svg) no-repeat 20px 10px !important;}

ul.mega-sub-menu li.mega-TransportMonitoringSoftwareMenu a.mega-menu-link{ background: url(../images/TransportMonitoringSoftware.svg) no-repeat 20px 10px !important;}

ul.mega-sub-menu li.mega-SimBasedTrackingSoftwareMenu a.mega-menu-link{ background: url(../images/SimBasedmonitoringSoftware.svg) no-repeat 20px 10px !important;}

ul.mega-sub-menu li.mega-ElectricFleetManagementMenu a.mega-menu-link{ background: url(../images/ElectricFleetmanagement.svg) no-repeat 20px 10px !important;}

ul.mega-sub-menu li.mega-PersonalVehicleTrackingMenu a.mega-menu-link{ background: url(../images/FleetManagement.svg) no-repeat 20px 10px !important;}







#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding: 10px 20px 5px 65px !important;

 }
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
    margin-top: -1px;
 }
 li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:hover a.mega-menu-link {
    color: #0057FF !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu,.header_lang ul.wpml-ls-sub-menu { 
    width: 350px;
     
     border-radius: 0 0 10px 10px !important; 
      font-family: "Inter", serif !important;
/*    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.10) !important;*/
/*    box-shadow: 0 0 5px 2px rgba(0,0,0,0.10) !important;*/
    padding: 20px 0px;
}
.header_lang ul.wpml-ls-sub-menu{
        box-shadow: 0 15px 30px -15px #7e7e7e !important
}
.header_lang ul.wpml-ls-sub-menu {background: #fff !important;}
.header_lang ul.wpml-ls-sub-menu { width: auto;padding: 10px 0!important;font-size: 12px;font-weight: normal}
.header_lang ul.wpml-ls-sub-menu,.footerOUter .wpml-ls-statics-shortcode_actions a {transition: none;}

    .HeaaderOuter_5_Menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-UffizioGroupMenu {
     margin-left: 20px  !important;
 }


    .HeaaderOuter_5_Menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-UffizioGroupMenu > a.mega-menu-link  {
        border-left: solid 2px white !important;
        /*border-top: 2px solid #0057ff !important;*/
         background: url(../images/UffizioGroupMenu-w.svg) no-repeat 30px 4px !important;
          background-size: 20px; 
          padding-left: 80px !important;
      }

    


    #mega-menu-wrap-primary #mega-menu-primary > li.mega-UffizioGroupMenu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
     background: #fff !important; 
     padding: 10px 30px 10px 21px !important;}
span.mega-menu-title { color: #0E0E0E !important; font-size: 14px !important; font-weight: 500 !important;}
span.mega-menu-description { color: #7D8DAF !important; font-size: 14px !important; font-style:normal !important}


ul.mega-sub-menu li a.mega-menu-link:hover span.mega-menu-title { color: #0057FF !important;}

.HeaaderOuter_5_Right { display: flex; align-items: center; justify-content: flex-end;  gap: 20px;}
.HeaaderOuter_5_Right a { background-color: #0057FF; color: #fff; text-transform: uppercase; 
    display: inline-block;
    border-radius: 3px; 
    padding:5px 27px ; 
    font-family: "Antonio", serif;
/*    font-family: "Inter", serif;*/
     font-size: 1.060em;
 }



 /* Mobile Menu Base */
.custom-mobile-menu {
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    transform: translateX(-100%); /* Initially hidden */
    transition: transform 0.3s ease-in-out;
    z-index: 9999;
}

.custom-mobile-menu.open {
    transform: translateX(0); /* Menu slides in */
    min-height: 95vh;
}

.custom-mobile-menu a {
    text-decoration: none;
    text-align: left; 
    display: block;
    padding: 15px;
    color: #333;
/*    background: #f9f9f9;*/
    border-bottom: 1px solid #ddd;
}
/* Ensure Submenu Hidden when Main Menu Closes */
.custom-mobile-menu:not(.open) .submenu {
    transform: translateX(100%);
}



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


#mega-menu-19938-0-2{
/*    margin-top:-15px !important;*/
}
/* Style the tab */
.tab {
    float: left;
    /*border: 1px solid #ccc;*/
    background-color: #fff;
    width: 100%;
      display: grid;
      row-gap: 10px;
    /*height: 300px;*/
  }
  
  /* Style the buttons inside the tab */
  .tab a {
    display: block;
    background-color: white;
    color: black;
    padding: 8px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    font-family:"Inter",serif;
/*    color:#0E0E0E !important;*/
color: #0057FF !important;
    
  }
  
  
  .tab button:hover, .tablinks.active {
    background-color: #F0F3FB;
    border-radius:6px;
  }


 
  
  .tab a::after {
    content: "\f0d7"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 16px; 
    color: black;
    transition: transform 500ms ease;
  }
  
  .tab a.active::after {
    transform: rotate(-90deg);
  }

  
  .content_outer div {
    min-width: 32px;
}


.menu_heading {
    font-size: 16px;
    color: #0E0E0E;
    font-weight: 500;
    font-family: "Inter", serif !important;
}
.tabcontent div, .tabcontent p {
    line-height: 20px;
}
.content_box1, .content_box2, .content_box3, .content_box4 {
    display: none;
}

.menu_arrow_icon {
    height: 10px;
    width: 10px;
    line-height: 0;
}
.tabcontent {
    border-left: 1px solid #DDE2E9;
    float: left;
    padding-left: 20px;
    margin-left: 20px;
    width: 82%;
    min-height: 360px;
    display: none;
   
}

.content_outer:hover .menu_heading {
    color: #0057FF;
}

.content_outer:hover {
    background-color: #F0F3FB;
}



.content_outer {
    align-items: center;
    column-gap: 12px;
    padding: 10px;
    border-radius: 6px;
    min-width: 390px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li {
/*    padding-top: 30px !important;*/
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
    width: 45%;
    background: #F0F3FB;
    float: right;
    min-height: 425px;
    
    border-radius: 0px 0px 10px 0px;
}
ul.mega-sub-menu { overflow: hidden !important;}

.topMenu {
 
    justify-content: flex-start !important;
}

.content_box {
    /* background-color: #F0F3FB; */
    padding: 5px 10px 10px;
}


.uf_menu_heading{
    font-size:20px;
    font-family:"Inter",serif;
    padding : 20px 0 10px;
    font-weight:500;
    margin:0;
    color:#0e0e0e;
    
    }
    .uf_menu_heading::after{
        display: block;
      content: '';
      border-bottom: solid 1px black;
      transform: scaleX(0);
      transition: transform 250ms ease-in-out;
    
      transform-origin: 0% 50%;
    }
    .uf_menu_heading:hover::after{
         transform: scaleX(1);
    }

    ul.mega-sub-menu {
         transform: translate(0%, 14px) !important; 
/*        box-shadow: 0 15px 0px -15px #7e7e7e !important;*/
/*        box-shadow: 0 0 5px 2px rgba(0,0,0,0.10) !important;*/
    }

    #mega-menu-primary .content_outer p {
        margin-bottom: 0px !important;
        color: #484848;
        font-size: 14px !important;
        line-height: 20px;
        font-weight: 300 !important;
    }

    .col-gap-15 {
        column-gap: 15px;
    }

    .headerOuter.sticky {
        z-index: 15000 !important;
        background-color: #000 !important;
        box-shadow: 0 2px 4px rgb(33 51 67 / 12%);
    }

    .headerOuter.sticky a.mega-menu-link { color: #fff !important;}
    .headerOuter.sticky ul.mega-sub-menu a.mega-menu-link { color: #000 !important;}
    ul.mega-sub-menu a.mega-menu-link{
    font-family: "Inter", serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    }

.content_outer img {
height: 32px;
width: 32px;
}

    /* End   header css with new menu  */


    /* Homepage css  */


.category-blog .resource-grid, .category-ebooks .resource-grid {
    padding: 0 15px;
    max-width: 1360px;
    margin: 0 auto;
}
.category-ebooks.single .postContent img{display: none;}
.resource-detail-grid .resource-content-type{ margin-top:5%; }