<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&amp;display=swap'); */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')
}


/* open-sans-300 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-600 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-700 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-300italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local(''),
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local(''),
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-600italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local(''),
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-700italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local(''),
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
@font-face {
    font-family: 'Lato', sans-serif;
    src: url(../fonts/Lato-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {

    font-family: 'Lato', sans-serif;
    src: url(../fonts/Lato-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Lato', sans-serif;
    src: url(../fonts/Lato-Bold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Lato', sans-serif;
    src: url(../fonts/Lato-Black.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}
 @font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
 }
 @font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIconsOutlined-Regular.otf) format('truetype');
 }
 @font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIconsRound-Regular.otf) format('truetype');
 }
 @font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIconsSharp-Regular.otf) format('truetype');
 }
 .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; 
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }

a,
a:hover,
a.btn {
    text-decoration: none
}

body .h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

h2.sub-title {
    font-size: 1.8em;
    color: rgb(59, 56, 56);
    font-weight: 500;
    /*new changes 27-07*/
}

.navbar .navbar-nav&gt;li&gt;.dropdown-menu.menubg-gradient {
    margin-top: 0;

    /*change for nav*/
    background: #f5f5f5;
    background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f5f5f5 75%, #ebebeb 75%);
    background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f5f5f5 75%, #ebebeb 75%);
    background-image: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 75%, #ebebeb 75%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ebebeb', GradientType=1);
    max-height: 90vh;
    overflow: auto;
}

/* Slider CSS Start  */

.thumbnail_slider {
    /* max-width: 1152px; */
    margin: 30px auto;
}
  
.splide__slide {
    display: flex;
    align-items: center;
    height: 400px;
    width: 580px;
    overflow: hidden;
    transition: .1s;
    border-width: 2px !important;
    /* margin: 10px 4px; */
}

.gredient-bg{background: rgb(224,253,186);
    background: linear-gradient(140deg, rgba(224,253,186,1) 28%, rgba(174,225,255,1) 100%);}
.feeld-container{padding: 2rem 0;}
.header-logo{margin-bottom: 3rem;}
.left-content h1{font-size:40px; font-weight: 500;}
.left-content h1 span{display: block;}
.left-content .heading-tagline{font-size: 20px; font-weight: 500; margin-top: 2rem; line-height: normal; display: block;}
.left-content ul{padding: 0; margin: 1.8rem 0 0 0; list-style: none; font-size: 16px; font-weight: 500;}
.left-content ul li{padding: 1rem 0 1rem 28px; position: relative;}
.left-content ul li img{position: absolute; left: 0; top: 17px;}
.left-content ul li span{font-weight: 600; }
.form-white-box{background-color: #ffffff; border-radius: 12px; box-shadow: 0 0px 12px 2px #d2d2d2; padding: 2rem 3rem;}
.form-white-box h1{font-size: 2rem; text-align: center; font-weight: 500; line-height:26px;}
.padding-left{padding-left: 8px;}
.padding-right{padding-right: 8px;}
.mt-0{margin-top: 0!important;}
.benefits-section{margin-top: 2rem; margin-bottom: 3rem;}
.benefits-section h1{font-size: 40px; text-align: center; font-weight: 500; margin-bottom: 3rem; margin-top: 2rem;}
.benefits-grid{width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; background: #ffffff; padding: 2rem; border-radius: 12px;}
.benefit-box{border: 1px solid #ffffff; border-radius: 12px; background-color: #E8F7E5; text-align: center; display: flex; flex-direction: column; justify-content: center; gap: 1.5rem; height: 200px;}
.benefit-box .fa, .benefit-box .vis{font-size: 6rem;}
.benefit-box .box-heading{font-size: 1.8rem; font-weight: 500; padding: 0 8%; line-height: 24px;}


 
.form-headTxt{text-transform: none;}
.perfect-plan-col{display: grid; grid-template-columns:20% 79%; align-items: center; gap: 1%; margin: 1rem 0; }  
.perfect-plan-col h1{font-size: 2rem; font-weight: 500; margin: 0; padding-right: 1.5rem;}
.option-box{border-radius: 6px; padding: 1.5rem; display: flex; flex-direction: column; gap: 2rem; min-width: 160px;}
.plans-options{display: flex; align-items: center; gap: 2rem;}
.option-name-w-usertxt h2{font-size: 1.6rem; font-weight: 600; margin: 0 0 0.4rem;}
.feeld-page-header{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1rem 0;}
.header-nav{margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 3rem;}
.header-nav li a{color: #000000; font-size: 1.4rem; font-weight: 600;}
.header-nav li.getStarted-link a{background-color: #000000; border-radius: 6px; padding: 8px 16px; color: #ffffff; display: flex;}


.darkGreen{background-color:#CDE2E8}
.lgtGreen{background-color:#D1E6E2}
.conGreen{background-color:#E0F0D0}

.feeld-banner{background: url(../images/feeld-banner.png) center center no-repeat; background-size: cover; height: 150px;  }
.bannerTxt{display: flex; flex-direction: column; height: 100%; justify-content: center;}
.bannerTxt h1{font-size: 20px; font-weight: 500; color: #ffffff; margin: 0;}
.bannerTxt span{font-size: 30px; font-weight: 600; color: #ffffff; line-height: normal;}


.slider-bg{background-color: #EDF5FA;}
.thumbnail-box.splide--nav&gt;.splide__track&gt;.splide__list&gt;.splide__slide{border: 2px solid transparent; background-color: #ffffff; border-radius: 8px;}
.thumbnail-box.splide--nav&gt;.splide__track&gt;.splide__list&gt;.splide__slide.is-active{border-color: #1F7EBC; }
.thumbnail-box .splide__arrow{background-color: #ffffff; opacity: 1;}
.thumbnail-box{padding:0 50px}
.thumbnail-box .splide__arrow--prev{left: 4px;}
.thumbnail-box .splide__arrow--next{right: 4px;}
.module-thumbnail-col{background: none !important; width: 100%; height: 100%; display: flex; align-items: center; gap: 0.5rem;}
.img-col{background: none !important;}
.module-thumbnail-col img, .img-col img{display: block!important;}
.thubnail-text{font-weight: 500; color: #062134;}
.slider-content{margin-top: 2rem;}
.slider-content .splide__slide{background-color: #ffffff; border-radius: 12px;}
.slider-content h2{font-size: 1.5em; color: #062134; font-weight: 600; margin-bottom: 2em;}
.module-listing-col{width: 100%; display: flex; gap: 2em; margin-bottom: 2em;}
.module-listing-col ul{list-style: none; padding: 0; margin: 0;}
.module-listing-col ul li{display: flex; align-items: center; gap: 0.4em; padding: 0.2em 0;}
.col-img img{margin-left: auto;}
.page-header.va-home-ban .container, .page-header.va-top-erp .container {
    padding-top: 100px
}

.va-mosaic-banner-bg h2, .va-aura-banner-bg h2, .va-canvas-banner-bg h2, .va-feeldWrapper h2{font-size: 2.4em; font-weight: 600; line-height: 1.1em; margin-bottom: 0.75em;}
.va-mosaic-banner-bg h2 span, .va-aura-banner-bg h2 span, .va-canvas-banner-bg h2 span, .va-feeldWrapper h2 span{display: block; font-size: 0.75em; font-weight: normal;}
.va-canvas-banner-bg h2, .va-canvas-banner-bg p{color: #ffffff;}
.va-onfinity-ver{padding: 1.5em 0; font-size: 1.3em;}
.col-reverse{display: flex;}
.pl-5{padding-left: 3em;}
.homepage-bannercontent .row {
    display: flex;
    align-items: center;
}

.homepage-bannercontent .row img {
    max-width: 100%;
}

.carousel .carousel-indicators li.active{background-color: #f9b31d;}



/* Slider CSS End  */


.color-white {
    color: #fff
}

.home-page header .nav-list:hover {
    border-bottom: 3px solid #0084c4
}

.va .navbar-nav&gt;li.head-try-free-btn.open,
.va .navbar-nav&gt;li.head-icon {
    border-bottom: none
}

.navbar .dropdown-menu li a:hover {
    background-color: #ff9800 !important;
    box-shadow: none
}

.navbar .navbar-nav&gt;li&gt;.dropdown-menu {
    margin-top: 0;
    text-align: left
}

.navbar-nav {
    min-height: 50px
}

header .active,
header .nav-list:hover,
header .nav-list:focus {
    border-bottom: 3px solid #0084c4
}

.community-va .navbar-nav&gt;li {
    position: initial
}

.community-va .navbar .navbar-nav&gt;li&gt;.dropdown-menu {
    margin-top: 0;
    height: 52px;
    text-align: right !important;
    width: 100%;
    background: rgba(232, 230, 230, .7);
    border-bottom: 2px solid #fff
}

.va.white-header .about-dropdown,
.va.white-header .partner-dropdown {
    min-width: 160px !important;
    width: auto !important
}

.va.white-header .navbar .navbar-nav&gt;li&gt;.dropdown-menu {
    z-index: 8;
    margin-top: 0;
    height: auto;
    text-align: left !important;
    width: 100%;
    background-color: #f5f5f5;
}

.va.white-header .navbar .navbar-nav&gt;li&gt;.dropdown-menu.menubg-gradient {
    background-image: -moz-linear-gradient(left, #f2f2f2 0%, #f2f2f2 75%, #ebebeb 75%);
    background-image: -webkit-linear-gradient(left, #f2f2f2 0%, #f2f2f2 75%, #ebebeb 75%);
    background-image: linear-gradient(to right, #f2f2f2 0%, #f2f2f2 75%, #ebebeb 75%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ebebeb', GradientType=1)
}

.community-va .dropdown-menu.dropdown-with-icons li&gt;a {
    padding: 12px 20px 12px 12px;
    color: #fff;
    box-shadow: none !important
}

.community-va .dropdown-menu.dropdown-with-icons li&gt;a:hover {
    background-color: #0084c4 !important
}

.community-va .dropdown-menu li {
    position: relative;
    display: block
}

a.navbar-brand {
    margin-bottom: 10px
}

.community-va .navbar.navbar-transparent {
    background-color: #fff;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .12), 0 7px 10px -5px rgba(0, 0, 0, .15);
    padding-top: 12px;
    padding-bottom: 5px;
    border-radius: 0;
    top: 0
}

.community-va .navbar .navbar-nav&gt;li&gt;a {
    color: #3C4858 !important;
    text-transform: uppercase;
    font-size: 12px;
}

.community-va .navbar .navbar-nav&gt;li.open&gt;a {
    color: #3C4858
}

.community-va ul.nav li a.btn.btn-just-icon {
    padding: 7px 6px !important
}

.community-va ul.nav li a.btn.btn-just-icon:hover i {
    color: #f9b31d
}

.community-va .navbar a.btn.btn-warning.btn-raised.btn-primary {
    background: #0084c4 !important;
    color: #fff !important
}

.community-va .navbar a.btn.btn-warning.btn-raised.btn-primary:hover {
    background: rgb(249, 179, 29) !important
}

.erp-feature-page-htmltag li.white-try-it {
    margin: 6px 0
}

.va .nav li ul.dropdown-menu.mega-dropdown-menu {
    padding: 20px 0
}

.va header .navbar-collapse .nav li.nav-list {
    position: static !important
}

/* new for menu link color */
.navbar.navbar-transparent li a {
    color: #fff;
}

/* new for menu link color */

.va header .navbar-collapse .nav .dropdown-menu li a {
    /* display: inline-flex; */
    /*change for nav*/
    padding: 0;
    color: #292F35;
    /*change for nav*/
    border-bottom: 2px solid transparent;
    background-color: transparent;
    margin: 0;
    white-space: normal;
}

.dropdown-menu-btn {
    color: grey
}


.dropdown-menu-btn:hover {
    background: transparent !important;
    color: #ff9800 !important
}

.va header .navbar-collapse .dropdown-menu li {
    position: relative;
    list-style: none;
    line-height: 1.4;

    /*change for nav*/
}

.va header .navbar-collapse .dropdown-menu li:not(:last-child) {
    /*change for nav*/
    margin-bottom: 0.2em;
}

.va .navbar-nav .dropdown-menu .dropdown-header {
    font-weight: 700;
    font-size: 15px;
    padding-left: 0;
    padding-right: 0;

    /*change for nav*/
    margin-top: 1.3em;
    width: 100%;
    padding-bottom: 1.5em;
    padding-top: 0;
}

ul.dropdown-menu.about-dropdown {
    background: #f2f2f2;
    padding: 1.5em 1.9em;
}

.va header .navbar-collapse .nav .dropdown-menu li a.va-blueLinkButton {
    color: #0088c7;
    font-size: .875em;
    align-items: center;
}

.va header .navbar-collapse .nav .dropdown-menu li a.va-blueLinkButton i {
    color: #0088c7;
}

.navbar-nav .dropdown-menu .dropdown-header a {
    font-size: 1em;
    line-height: normal;
}

.va-navSolutionSubNavLeft {
    float: left;
    width: 100%;

    /*change for nav*/
    display: flex;
}

.va-menuIcons {
    /*change for nav*/
    padding-left: 2em;
    margin-top: .5em;
    /* margin-bottom: 1.3em; */
}

.va-menuIcons a {
    font-size: 14px !important;
    font-weight: normal;
}

header .navbar-collapse .nav .dropdown-menu li a:focus {
    background: none;
    box-shadow: none
}

.va header .navbar .dropdown-menu li a:hover {
    background: transparent !important;
    box-shadow: none !important;

    /*change for nav*/
    /* border-bottom: 2px solid #337ab7; */
    color: #0084c4;
    font-weight: 700;
}

/*change for nav ****NEW****  ****START****/
.dropdown-header {
    color: #292F35;
}

.va-subNavContainer {
    padding-left: 0 !important;
}

.va-navIcon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.5em;
    margin-top: 1px;
    background-position: center;
}

.va-erp-icon {
    background-image: url(../images/menu-icons/erp-icon.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-erp-icon {
    background-image: url(../images/menu-icons/erp-icon-hover.svg);
}

.va-ecs-icon {
    background-image: url(../images/menu-icons/ecs-icon.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-ecs-icon {
    background-image: url(../images/menu-icons/ecs-icon-hover.svg);
}

.va-sme-icon {
    background-image: url(../images/menu-icons/sme-icon.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-sme-icon {
    background-image: url(../images/menu-icons/sme-icon-hover.svg);
}

.va-fm-icon {
    background-image: url(../images/menu-icons/fm-icon.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-fm-icon {
    background-image: url(../images/menu-icons/fm-icon-hover.svg);
}

.va-ep-icon {
    background-image: url(../images/menu-icons/ep-icon.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-ep-icon {
    background-image: url(../images/menu-icons/ep-icon-hover.svg);
}

.va-eam-icon {
    background-image: url(../images/menu-icons/eam-icon.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-eam-icon {
    background-image: url(../images/menu-icons/eam-icon-hover.svg);
}

.va-hr-icon {
    background-image: url(../images/menu-icons/hr-icon.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-hr-icon {
    background-image: url(../images/menu-icons/hr-icon-hover.svg);
}

.va-dms-icon {
    background-image: url(../images/menu-icons/dms-icon.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-dms-icon {
    background-image: url(../images/menu-icons/dms-icon-hover.svg);
}

.va-textile-icon {
    background-image: url(../images/menu-icons/industry/texttile-and-apparels.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-textile-icon {
    background-image: url(../images/menu-icons/industry/texttile-and-apparels-hover.svg);
}

.va-retail-icon {
    background-image: url(../images/menu-icons/industry/retail-and-supply-chain.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-retail-icon {
    background-image: url(../images/menu-icons/industry/retail-and-supply-chain-hover.svg);
}

.va-restaurant-icon {
    background-image: url(../images/menu-icons/industry/f&amp;b.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-restaurant-icon {
    background-image: url(../images/menu-icons/industry/f&amp;b-hover.svg);
}

.va-construction-icon {
    background-image: url(../images/menu-icons/industry/construction-and-realstate.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-construction-icon {
    background-image: url(../images/menu-icons/industry/construction-and-realstate-hover.svg);
}

.va-public-icon {
    background-image: url(../images/menu-icons/industry/public-sector.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-public-icon {
    background-image: url(../images/menu-icons/industry/public-sector-hover.svg);
}

.va-telecom-icon {
    background-image: url(../images/menu-icons/industry/telecom.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-telecom-icon {
    background-image: url(../images/menu-icons/industry/telecom-hover.svg);
}

.va-education-icon {
    background-image: url(../images/menu-icons/industry/educaton.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-education-icon {
    background-image: url(../images/menu-icons/industry/educaton-hover.svg);
}

.va-distribution-icon {
    background-image: url(../images/menu-icons/industry/distribution.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-distribution-icon {
    background-image: url(../images/menu-icons/industry/distribution-hover.svg);
}

.va-discrete-icon {
    background-image: url(../images/menu-icons/industry/discrete-manufacturing.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-discrete-icon {
    background-image: url(../images/menu-icons/industry/discrete-manufacturing-hover.svg);
}

.va-ecommerce-icon {
    background-image: url(../images/menu-icons/industry/e-commerce.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-ecommerce-icon {
    background-image: url(../images/menu-icons/industry/e-commerce-hover.svg);
}

.va-professional-icon {
    background-image: url(../images/menu-icons/industry/professional-service.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-professional-icon {
    background-image: url(../images/menu-icons/industry/professional-service-hover.svg);
}

.va-medical-icon {
    background-image: url(../images/menu-icons/industry/life-insurance.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-medical-icon {
    background-image: url(../images/menu-icons/industry/life-insurance-hover.svg);
}

.va-oil-icon {
    background-image: url(../images/menu-icons/industry/oil-and-gas.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-oil-icon {
    background-image: url(../images/menu-icons/industry/oil-and-gas-hover.svg);
}

.va-blog-icon {
    background-image: url(../images/menu-icons/resource/blog.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-blog-icon {
    background-image: url(../images/menu-icons/resource/blog-hover.svg);
}

.va-brochure-icon {
    background-image: url(../images/menu-icons/resource/brochure.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-brochure-icon {
    background-image: url(../images/menu-icons/resource/brochure-hover.svg);
}

.va-sucess-icon {
    background-image: url(../images/menu-icons/resource/success-story.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-sucess-icon {
    background-image: url(../images/menu-icons/resource/success-story-hover.svg);
}

.va-video-icon {
    background-image: url(../images/menu-icons/resource/video.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-video-icon {
    background-image: url(../images/menu-icons/resource/video-hover.svg);
}

.va-webinar-icon {
    background-image: url(../images/menu-icons/resource/webinar.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-webinar-icon {
    background-image: url(../images/menu-icons/resource/webinar-hover.svg);
}

.va-comparison-icon {
    background-image: url(../images/menu-icons/resource/comparison.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-comparison-icon {
    background-image: url(../images/menu-icons/resource/comparison-hover.svg);
}

.va-whitePaper-icon {
    background-image: url(../images/menu-icons/resource/white-paper.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-whitePaper-icon {
    background-image: url(../images/menu-icons/resource/white-paper-hover.svg);
}

.va-caseStudy-icon {
    background-image: url(../images/menu-icons/resource/case-study.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-caseStudy-icon {
    background-image: url(../images/menu-icons/resource/case-study-hover.svg);
}

.va-ebook-icon {
    background-image: url(../images/menu-icons/resource/ebook.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-ebook-icon {
    background-image: url(../images/menu-icons/resource/ebook-hover.svg);
}

.va-community-icon {
    background-image: url(../images/menu-icons/community.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-community-icon {
    background-image: url(../images/menu-icons/community-hover.svg);
}

.va-installation-icon {
    background-image: url(../images/menu-icons/installation.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-installation-icon {
    background-image: url(../images/menu-icons/installation-hover.svg);
}

.va-sourceFiles-icon {
    background-image: url(../images/menu-icons/source-files.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-sourceFiles-icon {
    background-image: url(../images/menu-icons/source-files-hover.svg);
}

.va-partner-icon {
    background-image: url(../images/menu-icons/partner.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-partner-icon {
    background-image: url(../images/menu-icons/partner-hover.svg);
}

.va-find-partner-icon {
    background-image: url(../images/menu-icons/find-partner.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-find-partner-icon {
    background-image: url(../images/menu-icons/find-partner-hover.svg);
}

.va-partner-portal-icon {
    background-image: url(../images/menu-icons/partner-portal.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-partner-portal-icon {
    background-image: url(../images/menu-icons/partner-portal-hover.svg);
}

.va-company-icon {
    background-image: url(../images/menu-icons/company.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-company-icon {
    background-image: url(../images/menu-icons/company-hover.svg);
}

.va-careers-icon {
    background-image: url(../images/menu-icons/careers.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-careers-icon {
    background-image: url(../images/menu-icons/careers-hover.svg);
}

.va-contact-icon {
    background-image: url(../images/menu-icons/contact.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-contact-icon {
    background-image: url(../images/menu-icons/contact-hover.svg);
}

.va-navPlatformSection ul,
.va-navPlatformSection p {
    padding-left: 0 !important;
}

.va-navPlatformSection {
    margin-top: -63px;
}

.va-vaf-NavItem {
    background: #fff;
    border-radius: .3em;
    overflow: hidden;
    /* margin-bottom: 1.5em; */
}

.va-firstSubNav-ulWrap {
    margin-left: .5em;
}

.va-vaf-NavImg img {
    width: 100%;
}

.va-vaf-NavData {
    padding: 1em;
}

.va-vaf-NavData strong {
    white-space: normal;
    display: block;
}

.va-navPlatformSection li.dropdown-header:first-child {
    margin-top: .5em !important;
}

.va-navPlatformSection h6 {
    padding-left: .6em;
}

.va-navPlatformSection ul li.dropdown-header:not(:first-child) {
    padding-left: .9em !important;
}

.mega-dropdown-menu .va-navSolutionSubNavLeft:not(:last-child) .dropdown-header {
    border-bottom: 1px solid #d6d5d5;
}

.va-navSolutionSubNavLeft .dropdown-col {
    display: flex;
}

.va-navNewItem-badge {
    background: #ff9800;
    color: #292F35;
    font-weight: normal;
    padding: .1em 0.5em;
    border-radius: 0.3em;
    margin-left: 0.5em;
    font-size: .8em;
    display: inline-flex;
}

.va-subnav-ulWrap {
    background-image: none !important;
}

.va-vaf-NavData .btn.btn-primary {
    padding: .3em 1em !important;
    text-transform: none;
    margin-top: 1em !important;
}

.btn.btn-primary.btn-NavLogin {
    background-color: #0084c4 !important;
    color: #fff !important;
    display: inline-flex;
    font-weight: 600 !important;
}

.va header .navbar .dropdown-menu li .va-vaf-NavData .btn.btn-primary:hover {
    font-weight: 600 !important;
}

.va header .navbar .dropdown-menu li .btn.btn-primary.btn-NavLogin:hover {
    background-color: #292F35 !important;
}

.mega-dropdown-menu.va-industrySubMenu .va-navSolutionSubNavLeft:not(:last-child) .dropdown-header {
    border: none;
    padding-bottom: .5em;
}

.va .navbar-nav .dropdown-menu.va-industrySubMenu .dropdown-header {
    font-weight: normal;
}

.va-subNavSecondRow .col-md-4:nth-child(2) {
    padding-right: 0;
}

.va-subNavSecondRow .col-md-4:nth-child(3) {
    padding-left: 0;
}

.va-subNavSecondRow .col-md-4:nth-child(2) .dropdown-header {
    padding-right: 15px;
}

.va-subNavSecondRow .col-md-4:nth-child(3) .dropdown-header {
    padding-left: 15px;
}

.dropdown-header.va-navCareers {
    border: none !important;
}

.va header .navbar .dropdown-menu li .btn.btn-primary.btn-NavLogin+.btn.btn-primary {
    color: #0084c4;
}

.demo-headerBG{background-color: #E1E1E3; margin-top: 40px !important;}
.footerMargin .footer{margin-top:0!important}
.header-content{padding:6rem 0;}
.header-content h1{font-size: 32px; font-weight: 600; color: #121B2A;}
.header-content p{font-size: 22px; color: #121B2A; }
.ico-w-heading h1{color: #121B2A; font-size: 28px; font-weight: 500;}
.demo-content-section{padding:5rem 0;}
.demo-content-section p{margin-bottom: 3rem;}
.d-flex-content{display: flex; align-items: center;}
.video-thumbnail{display: flex; align-items: center; justify-content: center; background-color: #EDF5FA; border-radius: 12px; min-height: 300px;}

.community-edition-row {display: grid; width: 100%; grid-template-columns: repeat(5, 1fr); gap: 0.875rem; row-gap: 4rem; }
.community-module {padding: 4rem 0 ;}
.community-module h1{font-size: 2.5rem; margin-bottom: 5rem;}
.community-module h1 span{display: block; font-weight: 600; font-size: 3rem; padding-top: 1rem;}
.module-img-box{width: 70px; height: 70px; background-color: #EDF5FA; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin: auto; padding: 8px;}
.module-img-box img{object-fit: contain; width: 100%; height: 100%;}
.module-options h6{font-size: 1.6rem; text-transform: capitalize; text-align: center;}
.installation-text{color: #ffffff; font-size: 2.5rem; line-height:38px;}
.align-item-center{display: flex; align-items: center;}
.paddingTB{padding: 5rem 0;}
.large-outline-btn{font-size: 1.6rem; margin-top: 2rem;}
.tailored-feature-list h1{font-size: 3.2rem; margin-bottom: 2rem;}
.tailored-feature-list h1 span{font-weight: 600; display: block;}
.grid-4{grid-template-columns: repeat(2, 1fr)!important;}
.d-block-span{display: block;}
.module-edition-sec .ico-w-heading h1{ font-weight: lighter; margin-bottom: 3rem;}
.module-edition-sec .ico-w-heading h1 span{font-weight: 600;}
.module-edition-sec p span{font-weight: 600;}
.edition-banner{margin-top: 40px !important; padding: 3rem 0;}
.edition-banner .header-content a{margin-top: 2rem;}
.heading-container{width: 100%; display: flex; align-items: center; margin-top: 2rem; gap: 2.5rem;}
.page-sub-heading{font-size: 3.2rem; font-weight: normal; line-height: initial;}
.page-sub-heading span{font-weight: 600; display: block;}

.success-step{background-color: #008679;}
.success-step-content h1{color: #ffffff; font-size: 3rem;}
.success-step-content h1 span{font-weight: 600;}
.success-step-content p{color: #ffffff;}
.success-step-content a{font-size: 2rem; margin-top: 2.5rem;}
.success-step-content a:hover{background-color: #099b8d;}

.page-header.va-top-erp .container {
    padding-top: 0px
}
.transformAi{background-color: #9DBFDA; padding: 2em 0 0;}
.transformAi-content h1{font-size: 2.5em; color:#062134;}
.transformAi-content h1 span{display: block; font-weight: 600;}

.multipleGstn-content{padding: 6em 0;}
.multipleGstn-content h1{font-size: 2.3em; color:#062134;}
.multipleGstn-content p{margin: 1em 0;}

.poweredBy{background-color: #1F7EBC;}
.poweredby-content h1{font-size: 2.5em; color:#ffffff;}
.poweredby-content p{margin: 1em 0; color: #ffffff;}
.poweredby-content .btn{font-size: 14px;}
.participate-date, .event-address{color:#000000; display: flex;align-items: center; gap: 0.75rem; font-size: 1.5em;}
.participate-date span{font-weight: 600;}
.event-address{align-items: center; margin-top: 0.5em;}
.event-address .fa{font-size:1.5em ;}



/*mobile*/
.va-try-it-free-btn {
    position: absolute;
    z-index: 2;
    background: #f9b31d;
    color: #fff;
    top: 18px;
    right: 70px;
    border-radius: .5em;
    padding: .5em .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.va-try-it-free-btn i {
    display: none;
}

.va .navbar-right .product-dropdown.va-subnav-ulWrap {
    max-width: 900px;
}

.va-mobNav .head-try-free-btn .btn-transparent {
    border: none !important;

}

.va-mobNav .head-try-free-btn .btn-transparent,
.va-mobNav .head-try-free-btn .btn-transparent i {
    color: #0084c4 !important;
}

.va-navSocialIcons-wrap {
    padding-left: .9em;
    margin-top: .7em;
    display: flex;
}

.va-navSocialIcons-wrap a {
    background-color: #292F35 !important;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1em !important;
}

.va-navSocialIcons-wrap a i {
    width: auto !important;
    font-size: 1.1em !important;
}

.va header .navbar .dropdown-menu .va-navSocialIcons-wrap a:hover {
    background-color: #0084c4 !important;
}

.va header .navbar .dropdown-menu .va-navSocialIcons-wrap a i,
.va header .navbar .dropdown-menu .va-navSocialIcons-wrap a:hover i {
    color: #fff !important;
}

/*change for nav ****NEW****  ****END****/

.va .nav .dropdown-menu h6 {
    color: grey !important;
    font-size: 10px;
    line-height: 1.4em
}

.va .navbar-right .product-dropdown {
    left: 0;
    max-width: 1170px;
    margin: 0 auto
}

.va .navbar-nav .dropdown-menu .col-sm-3 ul {
    padding-left: 15px !important
}

.va .dropdown-menu li.col-md-3.dropdown-col-border {
    /* border-left: 1px solid #ccc; */
    height: 100%;
    min-height: 430px
}

.va .dropdown-menu li.col-md-3.dropdown-col-border:last-child {
    border: none
}

.va header .navbar-collapse .dropdown-menu li.dropdown-col ul {
    padding-left: 15px;
}

.va .navbar-nav .dropdown-col-3 .product-dropdown-first {
    float: left;
    width: 50%
}

.va .navbar-nav .dropdown-menu .dropdown-col-3 {
    width: 39%
}

.footer-black a {
    font-size: 14px;
}

.pro-menu-col-20 {
    width: 20% !important
}

.pro-menu-col-35 {
    width: 35% !important
}

.all-banner-wrap {
    /*new changes 27-07*/
    height: 570px;
    display: flex;
    align-items: center
}

.all-banner-wrap h1 {
    margin-top: 0
}

.all-banner-wrap .btn-primary {
    margin-bottom: 0
}

#brochure-form {
    background: rgba(0, 0, 0, .7);
    max-width: 100%;
    margin: 0 auto !important
}

#brochure-form label.col-form-label {
    font-size: 12px;
    position: absolute;
    padding-left: 10px;
    top: 6px;
    color: #AAAAAA;
    z-index: 9999999;
}

#brochure-form select#country_select_brochures {
    background-color: #fff;
    border-radius: 4px;
}

#brochure-form span.countryflag:after {
    content: "\f107";
    color: #AAAAAA;
    font-family: fontAwesome;
}

#brochure-form select#country_code_brochures {
    cursor: pointer;
    z-index: 99999;
    opacity: 0;
    width: 50px;
}

#brochure-form input#work_phone_brochures {
    /* z-index: 99;
    padding-top: 5px; */
    position: absolute;
    left: 50px;
    width: 70%;
    height: 50px;
    top: -7px;
    padding-left: 50px;
    background-color: transparent !important;
    margin-bottom: 0;
}

#brochure-form input#work_phone_code_brochures {
    /* padding-top: 5px;
    z-index: 99;
    padding-left: 0;
    width: 45px; */
    color: #000;
    position: absolute;
    left: 46px;
    background-color: transparent !important;
    top: -8px;

}


#brochure-form .modal-content {
    box-shadow: none;
    background: rgba(0, 0, 0, .3)
}

#brochure-form .modal-content .modal-header {
    color: #fff
}

#brochure-form .modal-content .modal-body {
    color: #fff
}

#brochure-form .form-group .form-control {
    margin-bottom: 7px;
    padding-left: 10px
}

#brochure-form input.form-control {
    background: #fff !important;
    border-radius: 4px !important
}

#brochure-form .form-control {
    margin-bottom: 7px;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 0;
    height: 50px
}

#brochure-form .modal-header .close {
    font-size: 25px;
    color: #fff !important
}

#brochure-form .form-group {
    margin-top: 0
}

#brochure-form .modal-body p {
    margin-bottom: 20px
}

.home-page .dropdown-menu.solution-dropdown li.col-md-3.dropdown-col-border {
    width: 25% !important
}

.va .navbar-nav .dropdown-menu.product-dropdown .dropdown-col-3 {
    width: 25%
}

.home-page .nav .dropdown-menu.solution-dropdown h6 {
    /* color: red!important */
}

.home-page .nav .dropdown-menu.solution-dropdown h6 {
    font-weight: 500;
    font-size: 1.5em;
    /*change for nav*/
    text-transform: none;
    margin-top: 0;
    margin-bottom: .2em;
    color: #3c4858 !important;
}

.home-page .nav .dropdown-menu.solution-dropdown small {
    font-size: 14px;
    /*change for nav*/
}
.valueErp-content{display: flex; align-items: center;}

.home-page .nav .dropdown-menu.solution-dropdown small,
.home-page .nav .dropdown-menu.solution-dropdown p {
    color: #3c4858;
    white-space: normal;
    font-weight: 400;

    /*change for nav*/
    margin-top: .5em;
    display: block;
    /* margin-bottom: 1.5em; */
}

.home-page .nav .dropdown-menu.solution-dropdown p {
    font-size: 14px;

    /*change for nav ****NEW****/
    padding-left: 2em;
}

.navbar-nav .solution-dropdown .dropdown-col-3 .product-dropdown-first {
    width: 100%
}

.va .navbar.logo-on-scroll {
    padding: 9px 0;
    background-color: #FFFFFF;
    color: #555555;
}

.community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul li.white-try-it a {
    padding: 7px 10px;
    font-size: 10px;
    font-weight: 700;
    position: absolute
}

.community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul li.white-try-it {
    margin-top: 0;
    margin-bottom: 0
}

.community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu.logo-on-scroll ul li.white-try-it a {
    color: #fff !important
}

.community-inner-va nav.top-sub-menu-transparent.logo-on-scroll.product-services-sub-menu {
    border-bottom: 1px solid #cacaca !important;
    box-shadow: none
}

.community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul li.white-try-it {
    display: none
}

.community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu.logo-on-scroll ul li.white-try-it {
    display: block;
    margin-top: -3px
}

.community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu {
    border-bottom: 1px solid #cacaca !important
}

.community-inner-va nav.top-sub-menu-transparent {
    position: fixed;
    margin-top: 68px;
    border-bottom: none !important;
    background: rgba(255, 255, 255, .3) !important;
    border-bottom: 1px solid #fff !important;
    padding: 7px 0 0;
    min-height: 30px
}

.community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul li a {
    font-size: 12px
}

.community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul li a.active {
    color: rgb(279, 179, 29) !important;
    font-weight: 700;
    border: none
}




.community-inner-va nav.top-sub-menu-transparent ul li.active a {
    color: #f2ae1d !important;
    font-weight: 700
}

.community-inner-va nav.top-sub-menu-transparent.logo-on-scroll {
    margin-top: 0;
    background: #fff !important;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .12), 0 7px 10px -5px rgba(0, 0, 0, .15)
}

.community-inner-va nav.top-sub-menu-transparent.logo-on-scroll ul {
    margin-bottom: 3px
}

.community-inner-va nav.top-sub-menu-transparent.logo-on-scroll ul li a {
    color: #3C4858 !important
}

.community-inner-va nav.top-sub-menu-transparent ul li.active {
    border-bottom: none
}

.community-inner-va nav.top-sub-menu-transparent ul li {
    float: left;
    list-style: none;
    margin-left: 20px
}

.community-inner-va nav.top-sub-menu-transparent ul {
    float: right;
    right: 30px;
    position: relative
}

.community-inner-va.dms-ban-va nav.top-sub-menu-transparent ul {
    margin: 0
}

.community-inner-va nav.top-sub-menu-transparent ul li a {
    color: #fff;
    font-size: 12px
}

.community-inner-va nav.top-sub-menu-transparent ul li a.active {
    color: rgb(279, 179, 29) !important;
    font-weight: 700;
    border: none
}

.community-va ul.nav li a.btn.btn-just-icon.fb-after:before {
    background: #3c4858;
}

ul.partner-dropdown,
ul.about-dropdown {
    right: initial !important;
    padding: 15px 5px
}

.home-feature {
    margin-top: 40px;
    padding-bottom: 20px
}

body.home-page {
    overflow-x: hidden
}

body.home-page.iosdevice {
    -webkit-overflow-x: hidden !important
}

.svg-content a.btn {
    padding-left: 0
}

.on path {
    fill: #f9b31d;
    stroke-width: 2;
    color: black
}

.svg-section .clickpath path:hover {
    fill: #d7dfe8
}

.svg-section .clickpath path:hover .st11 {
    fill: rgb(59, 56, 56)
}

.on path .st14 {
    fill: black !important
}

.click-text.on .st28,
.click-text.on .st8,
.click-text.on .st15 {
    stroke: #02abe3
}

.clickpath.on#extendable .st15,
.clickpath.on#extendable .st25,
.clickpath.on#extendable .st45,
.clickpath.on#extendable .st50,
.clickpath.on#extendable .st49,
.clickpath.on#extendable .st46 {
    font-weight: 600
}

#workflow-management.clickpath.on text,
#productivity_and_collaboration.clickpath.on text,
#business-intelligence.on text,
#roles-based-security.clickpath.on text {
    stroke: #02abe3
}

svg#circlesvg {
    top: 0;
    left: 0
}

.svg-section {
    position: relative;
    padding-top: 30px;
    bottom: 33px
}

.svg-content .mycontent {
    display: none
}

.clickpath:hover .st11 {
    fill: rgb(59, 56, 56)
}

.st0 {
    fill: url(#SVGID_1_);
    stroke: #D5DBE4;
    stroke-width: .28;
    stroke-miterlimit: 22.93
}

.st1 {
    fill: #F0F2F3
}

.st2 {
    fill: #F1F3F4;
    stroke: #FFF;
    stroke-width: 5.67;
    stroke-miterlimit: 22.93
}

.st3 {
    fill: none
}

.st4 {
    fill: #FFF;
    stroke: #E2E2D5;
    stroke-width: .28;
    stroke-miterlimit: 22.93
}

.st5 {
    fill: #FFF;
    stroke: #E0AA00;
    stroke-width: .28;
    stroke-miterlimit: 22.93
}

.st6 {
    fill: #FFF;
    stroke: #D5DBE4;
    stroke-width: .28;
    stroke-miterlimit: 22.93
}

.st7 {
    fill: #292424
}

.st8 {
    font-family: 'Open Sans'
}

.st9 {
    font-size: 10px
}

.st10 {
    fill: #02ABE3;
    stroke: #FFF;
    stroke-width: 2.13;
    stroke-miterlimit: 22.93
}

.st11 {
    fill: #FFF;
    font-weight: 600
}

.st12 {
    font-size: 9px
}

.st13 {
    fill: #02ABE3
}

.st14 {
    fill: #0080C2;
    stroke: #FFF;
    stroke-width: 2.83;
    stroke-miterlimit: 22.93
}

.st15,
.small {
    font-size: 12px;
    font-family: 'Open Sans'
}

.st29 {
    font-size: 15px
}

.st30 {
    font-size: 14.9737px
}

.st31 {
    font-size: 14.9587px
}

.st32 {
    font-size: 15.0748px
}

.st33 {
    font-size: 15.003px
}

.st34 {
    font-size: 15.027px
}

.st35 {
    font-size: 15.0337px
}

.st36 {
    font-size: 15.0606px
}

.st37 {
    font-size: 15.012px
}

.st38 {
    font-size: 15.0479px
}

.st39 {
    font-size: 14.9459px
}

.st40 {
    font-size: 15.0659px
}

.st41 {
    font-size: 15.0255px
}

.st42 {
    font-size: 11.9952px
}

.st43 {
    font-size: 11.9676px
}

.st44 {
    font-size: 12.0318px
}

.st45 {
    font-size: 11.9483px
}

.st46 {
    font-size: 12.0789px
}

.st47 {
    font-size: 11.9645px
}

.st48 {
    font-size: 11.9718px
}

.st49 {
    font-size: 11.9567px
}

.st50 {
    font-size: 11.9982px
}

.st51 {
    font-size: 11.979px
}

.text-justify {
    text-align: justify
}

.navbar-collapse a.try-it-free-btn,
.navbar-collapse a.try-it-free-btn-white {
    background: rgb(249, 179, 29);
    color: #fff !important;
    font-weight: bold !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 9px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 4px;
}

.navbar-transparent .navbar-collapse a.try-it-free-btn:hover {
    background-color: #fff !important;
    color: #ff9800 !important
}

.navbar-collapse a.try-it-free-btn:hover {
    background-color: #393636 !important;
    color: #fff !important
}

.fb-after:before {
    content: "";
    background: #fff;
    height: 29px;
    width: 1px;
    position: absolute;
    display: inline;
    top: 2px;
    left: -7px
}

.logo-on-scroll .fb-after:before {
    content: "";
    background: #393636 !important;
    height: 29px;
    width: 1px;
    position: absolute;
    display: inline;
    top: 2px
}

.fb-after-grey:before {
    background: #3c4858 !important
}

.try-it-free-btn-white {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.fb-after {
    margin-left: 15px !important
}

body {
    margin: 0;
    padding: 0
}

body p {
    font-size: 1.15em;
    line-height: 1.42em;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0
}

body li {
    font-size: 1.15em;
    line-height: 1.4;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0
}

body {
    font-family: 'Open Sans', sans-serif
}

body.product-green-ban {
    overflow-x: hidden
}

h1,
.h1 {
    font-size: 2.9em
}

h1.title {
    font-weight: 300 !important
}

.bold {
    font-weight: 700
}

h2.title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5em;
    font-size: 2.2em;
    /*new changes 27-07*/
}

.grey-background {
    background-color: #f8f8f8
}

a.btn {
    box-shadow: none !important
}

.tal {
    text-align: left
}

.btn.btn-primary {
    box-shadow: none !important
}

.tar {
    text-align: right
}

.va-inner-ban {
    height: auto;
    padding-bottom: 130px
}

.white-color {
    color: #fff !important
}

h3.sub-title {
    font-size: 1.5em
}

.comm-edition h3.sub-title {
    font-size: 1.3em
}

.comm-edition img {
    float: right
}

.va .link-hover-color:hover {
    background: transparent !important;
    color: #e1b31d !important
}

.btn.btn-primary {
    background-color: #0084c4
}

.va .logo-on-scroll ul.nav li a i {
    color: #3c4858
}

h3.description {
    margin-top: 10px;
    line-height: 1.3em;
    font-size: 1.3em;
    color: #3b3838
}

h3.sub-description {
    font-size: 1.4em;
    margin-top: 10px
}

.comm-edition h3 {
    margin-top: 40px
}

.rgb-117 {
    color: rgb(117, 112, 112) !important
}

.navbar .navbar-brand {
    padding: 0 15px;
    margin-bottom: 0
}

.product-green-ban .navbar-absolute .navbar-header .navbar-brand img {
    height: 50px
}

.product-green-ban .top-sub-menu-transparent.navbar.navbar-default.logo-on-scroll {
    background-color: #FFF;
    color: #555;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .12), 0 7px 10px -5px rgba(0, 0, 0, .15);
    padding: 5px 0;
    /* framework page new design */
}

.text-green {
    color: #006464 !important
}

.text-skyblue {
    color: rgb(19, 175, 239) !important
}

.product-green-ban.vaf-benefits-header .navbar.navbar-absolute {
    margin-top: 0px !important
}

.product-green-ban .navbar.navbar-transparent {
    border-bottom: 1px solid #fff
}

.vaf-overview-ban {
    transform: skew(0deg, -4deg);
    margin-top: -10px;
    outline: 1px solid transparent
}

.vaf-overview-ban .container {
    margin-top: -57px;
    transform: skew(0deg, 4deg)
}

.text-bold {
    font-weight: 700
}

.light {
    font-weight: 300 !important
}

.text-bold-500 {
    font-weight: 500 !important
}

.text-bold-700 {
    font-weight: 600 !important
}

.product-overview-ban .text-bold-500 {
    font-weight: 500 !important
}

a.btn-simple.text-green:hover {
    color: #ff9800 !important;
    background: transparent !important
}

a.btn-simple.text-green {
    padding: 0
}

h3.description.sub-after:after {
    content: "";
    background: rgb(249, 179, 29);
    height: 2px;
    width: 50px;
    position: relative;
    display: block;
    bottom: 0;
    margin: 10px 0
}

.margin-top-zero {
    margin-top: 0px !important
}

.padding-left-10 {
    padding-left: 10px
}

.margin-bottom-zero {
    margin-bottom: 0px !important
}

.margin-top-ten {
    margin-top: 10px !important
}

.margin-bottom-ten {
    margin-bottom: 10px !important
}

.margin-bottom-five {
    margin-bottom: 5px !important
}

.margin-top-30 {
    margin-top: 30px !important
}

.margin-top-50 {
    margin-top: 50px !important
}

.margin-top-70 {
    margin-top: 70px !important
}

.margin-top-20 {
    margin-top: 20px !important
}

.vaf-overview-main-ban {
    /* framework page new design */
    /* background-color: #006464 */
}

.vaf-overview-main-ban .container {
    padding-top: 147px !important
}

.vaf-overview-main-ban.vaf-benefits-ban .container {
    padding-top: 180px
}

.vaf-overview-ban .container {
    padding-top: 120px
}

.btn.btn-primary.green-border-btn:hover {
    background: #006464 !important;
    color: #fff !important
}

.vaf-overview-main-ban h1.title,
.dms-benefits-ban h1.title,
.vaf-overview-main-ban h2.title {
    color: #fff;
    margin-bottom: 0
}

.vaf-overview-ban h2.title {
    font-weight: 500 !important
}

.vaf-overview-main-ban h3.description {
    color: #fff
}

.banner-btn-yellow {
    color: #fff
}

.banner-btn-yellow {
    background: rgb(249, 179, 29) !important
}

.vaf-overview-main-ban .banner-btn-green {
    background: rgb(0, 199, 108) !important
}

.vaf-first-section a.btn.text-green {
    font-size: 14px
}

.vaf-overview-main-ban.vaf-framework-components-ban .banner-btn-yellow {
    background: rgb(249, 179, 29) !important
}

.vaf-overview-main-ban.vaf-framework-components-ban .banner-btn-yellow:hover {
    background: rgb(59, 56, 56) !important
}

.vaf-framework-components-ban .banner-btn-yellow {
    font-size: 15px;
    font-weight: 400
}

.banner-btn-transparent {
    background: transparent !important;
    border: 1px solid #fff;
    margin-left: 10px
}

.banner-btn-transparent {
    color: #fff !important;
    font-weight: 700
}

.vaf-first-section .features .info p {
    min-height: auto
}

.vaf-second-section {
    padding-bottom: 140px;
    padding-top: 50px;
    transform: skew(0deg, -4deg)
}

.vaf-second-section .image-section img {
    max-width: 100%;
    width: 70%;
    position: absolute;
    top: -102px
}

.vaf-second-section .container-full {
    margin-right: 17vw;
    transform: skew(0deg, 4deg)
}

.vaf-third-section {
    position: relative;
    background: #fff;
    margin-top: -75px;
    padding-top: 50px;
    padding-bottom: 50px
}

.vaf-third-section hr {
    max-width: 100%;
    width: 70%;
    margin-top: 70px;
    margin-bottom: 50px
}

.vaf-third-section .image-section img {
    position: absolute;
    top: -52px
}

.vaf-third-section .second-row .image-section img {
    top: 0;
    margin-top: 50px
}

.vaf-third-section .second-row {
    margin-bottom: 50px
}

.vaf-first-section {
    padding-bottom: 100px;
    padding-top: 100px
}

.green-personal-session {
    background-image: url(../images/products/overview-green/data-visualization-head-photo.jpg) !important;
    background-size: cover;
    padding: 50px 0 80px
}

.green-personal-session .btn.btn-primary {
    color: #006464 !important;
    background: rgb(249, 179, 29) !important;
    padding: 12px 30px !important
}

.green-personal-session .btn.btn-primary:hover {
    background: #393636 !important;
    color: #fff !important
}

.green-border-btn {
    background: transparent !important;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #006464
}

.green-border-btn {
    color: #006464 !important
}

.vaf-bottom-btn a.simple-link {
    color: grey;
    text-decoration: underline;
    font-size: 16px;
    cursor: pointer;
    text-transform: capitalize
}

.vaf-bottom-btn a.simple-link:hover {
    color: #ff9800
}

.vaf-framework-components-ban h4 {
    color: #fff;
    font-size: 1.18em
}

.vaf-framework-components-ban h4:after {
    content: "";
    background: #f9b31d;
    height: 2px;
    width: 48px;
    position: relative;
    top: 5px;
    display: block;
    bottom: 0;
    left: 47%
}

.vaf-framework-components-ban .container {
    padding-top: 200px;
    padding-bottom: 80px
}

.pfc-jump-menu h4 {
    margin-bottom: 0;
    font-weight: 500;
    margin-top: 0
}

.pfc-jump-menu ul.nav li {
    min-height: 32px
}

.pfc-jump-menu ul.nav li a {
    padding: 7px 15px;
    color: rgb(117, 112, 112)
}

.pfc-jump-menu ul.nav li a.book-demo-btn {
    margin: 5px 0 15px;
    display: inline-block
}

.pfc-jump-menu .navigation {
    position: fixed
}

.pfc-jump-menu .col-md-9 h3 {
    color: #8497b0;
    font-weight: 500 !important;
    margin-bottom: 5px
}

.pfc-jump-menu .navigation__link {
    display: block;
    color: #3C4858;
    text-decoration: none;
    padding: 1em;
    font-weight: 400
}

.pfc-jump-menu .navigation__link:hover {
    background-color: #f2f2f2
}

.pfc-jump-menu .navigation__link.active {
    color: white;
    background-color: #8497b0;
    font-weight: 700
}

.pfc-jump-menu .page-section-sub .col-md-6 {
    width: 49%
}

.pfc-jump-menu {
    padding-top: 50px;
    padding-bottom: 50px
}

.pfc-jump-menu h2 {
    color: #00617e
}

.dms-features-foot-bg .btn.btn-primary {
    background: #13afef
}

.bi-overview-first-section .features .info p span {
    font-size: 10px;
    display: block
}

.light-green-color {
    color: rgb(0, 199, 108) !important
}

.bi-overview-ban h1.title {
    font-weight: 500 !important
}

.bi-overview-ban {
    transform: skew(0deg, -4deg);
    outline: 1px solid transparent;
    background-color: #00617e
}

.bi-overview-ban .container {
    margin-top: -68px;
    transform: skew(0deg, 4deg)
}

.bi-overview-ban .image-section img {
    float: right;
    position: relative;
    bottom: -83px
}

.bi-overview-ban .content-section {
    margin-top: 100px
}

.bi-overview-first-section .features .info img {
    margin: 0 auto
}

.bi-overview-first-section {
    padding-top: 130px;
    padding-bottom: 0
}

.bi-overview-gif-section img {
    max-width: 100%;
    margin: 0 auto
}

.bi-overview-gif-section {
    padding-top: 20px;
    padding-bottom: 80px
}

.bi-overview-gif-section .row.content {
    margin-top: 50px !important
}

.bi-overview-gif-section .content-section ul li {
    background: url(../images/products/overview-green/tick-green.png) no-repeat;
    font-size: 14px;
    padding: 5px 0 5px 30px;
    background-position: 0 7px
}

.bi-overview-gif-section .content-section ul {
    padding-left: 0
}

.bi-overview-gif-section .content-section {
    margin-top: 30px
}

.bi-overview-fourth-section {
    background-image: url(../images/products/overview-green/business-intelligence-is-easy-bg.jpg);
    background-size: cover;
    padding: 80px 0 100px
}

.light-green {
    background-color: rgb(0, 199, 108) !important
}

.bi-overview-innovate.benefits-for-partner {
    padding-top: 70px
}

.light-green {
    color: #fff !important
}

.bi-overview-fourth-section p {
    text-align: justify
}

.bi-overview-innovate .info .info-title {
    margin: 0 0 0
}

.bi-overview-key-features .col-md-4 .image {
    min-width: 120px;
    min-height: 120px;
    background-repeat: no-repeat;
    background-position: center
}

.bi-overview-key-features .first .col-md-4:first-child .image {
    background-image: url(../images/products/overview-green/bi-overview-icons/dashboards-icon-blue.png)
}

.bi-overview-key-features .first .col-md-4:nth-child(2n) .image {
    background-image: url(../images/products/overview-green/bi-overview-icons/data-visualization-icon-blue.png)
}

.bi-overview-key-features .first .col-md-4:nth-child(3n) .image {
    background-image: url(../images/products/overview-green/bi-overview-icons/reporting-alerts-icon-blue.png)
}

.bi-overview-key-features .first .col-md-4:first-child .image:hover {
    background-image: url(../images/products/overview-green/bi-overview-icons/dashboards-icon-green.png)
}

.bi-overview-key-features .first .col-md-4:nth-child(2n) .image:hover {
    background-image: url(../images/products/overview-green/bi-overview-icons/data-visualization-icon-green.png)
}

.bi-overview-key-features .first .col-md-4:nth-child(3n) .image:hover {
    background-image: url(../images/products/overview-green/bi-overview-icons/reporting-alerts-icon-green.png)
}

.bi-overview-key-features .second .col-md-4:first-child .image {
    background-image: url(../images/products/overview-green/bi-overview-icons/collaborative-bi-icon-blue.png)
}

.bi-overview-key-features .second .col-md-4:nth-child(2n) .image {
    background-image: url(../images/products/overview-green/bi-overview-icons/tasks-icon-blue.png)
}

.bi-overview-key-features .second .col-md-4:nth-child(3n) .image {
    background-image: url(../images/products/overview-green/bi-overview-icons/data-storytelling-icon-blue.png)
}

.bi-overview-key-features .second .col-md-4:first-child .image:hover {
    background-image: url(../images/products/overview-green/bi-overview-icons/collaborative-bi-icon-green.png)
}

.bi-overview-key-features .second .col-md-4:nth-child(2n) .image:hover {
    background-image: url(../images/products/overview-green/bi-overview-icons/tasks-icon-green.png)
}

.bi-overview-key-features .second .col-md-4:nth-child(3n) .image:hover {
    background-image: url(../images/products/overview-green/bi-overview-icons/data-storytelling-icon-green.png)
}

.bi-overview-key-features .third .col-md-4:first-child .image {
    background-image: url(../images/products/overview-green/bi-overview-icons/governed-platform-icon-blue.png)
}

.bi-overview-key-features .third .col-md-4:nth-child(2n) .image {
    background-image: url(../images/products/overview-green/bi-overview-icons/data-sources-icon-blue.png)
}

.bi-overview-key-features .third .col-md-4:nth-child(3n) .image {
    background-image: url(../images/products/overview-green/bi-overview-icons/mobile-analytics-icon-blue.png)
}

.bi-overview-key-features .third .col-md-4:first-child .image:hover {
    background-image: url(../images/products/overview-green/bi-overview-icons/governed-platform-icon-green.png)
}

.bi-overview-key-features .third .col-md-4:nth-child(2n) .image:hover {
    background-image: url(../images/products/overview-green/bi-overview-icons/data-sources-icon-green.png)
}

.bi-overview-key-features .third .col-md-4:nth-child(3n) .image:hover {
    background-image: url(../images/products/overview-green/bi-overview-icons/mobile-analytics-icon-green.png)
}

.bi-overview-video-section .fullscreen-bg {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100
}

.bi-overview-video-section .fullscreen-bg__video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bi-overview-video-section {
    height: 450px;
    overflow-y: hidden;
    background-color: rgba(0, 82, 107, .7) !important;
    background-blend-mode: color
}

.bi-overview-video-content .btn.btn-primary {
    border-radius: 100px;
    width: 160px;
    height: 160px;
    background-color: transparent;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.bi-overview-video-content .btn.btn-primary {
    color: #fff;
    font-size: 18px
}

.bi-overview-video-content {
    position: absolute;
    padding-top: 50px;
    z-index: 9
}

.bi-overview-video-content .row.content {
    width: 80%;
    margin: 0 auto
}

.bi-overview-video-content .col-md-4 {
    text-align: center
}

.bi-overview-video-content .btn.btn-primary:hover {
    background-color: rgb(0, 199, 108) !important;
    border-color: rgb(0, 199, 108) !important
}

.bi-features-links {
    float: left;
    width: 100%;
    cursor: pointer
}

.bi-overview-key-features .info a {
    padding: 20px 0
}

.bi-footer-main-section {
    position: relative;
    display: flex;
    align-items: center;
    height: 450px;
    justify-content: center
}

nav.top-sub-menu-transparent {
    z-index: 2
}

.product-green-ban nav.top-sub-menu-transparent li a {
    color: #fff;
    font-weight: 300;
    font-size: 12px
}

.product-green-ban nav.top-sub-menu-transparent.logo-on-scroll ul li a {
    color: #3C4858
}

.product-green-ban nav.top-sub-menu-transparent li a.active,
.product-green-ban nav.top-sub-menu-transparent.logo-on-scroll ul li a.active {
    color: rgb(249, 179, 29);
    font-weight: 700;
    border: none
}

.product-green-ban nav.top-sub-menu-transparent.logo-on-scroll ul li.active a {
    color: #ff9800
}

.product-green-ban nav.top-sub-menu-transparent li.active {
    border-bottom: none
}

.product-bi-analytic-ban nav.navbar.navbar-danger.navbar-transparent.navbar-absolute {
    margin-top: 0px !important;
    padding-top: 10px !important
}

.product-bi-analytics-ban {
    background-image: url(../images/products/overview-green/analytics-bi-software-ban.jpg);
    background-size: cover
}

.product-bi-analytics-ban .container {
    padding-top: 160px;
    padding-bottom: 70px
}

.product-bi-analytics-ban h1 {
    margin-bottom: 0
}

.anl-green-btn {
    background-color: rgb(0, 199, 108) !important;
    padding: 12px 50px
}

.anl-green-btn {
    font-size: 15px;
    color: #fff !important
}

.darkgreen-btn {
    color: #00617e !important;
    font-weight: 700
}

.bi-analytic-first .row.content {
    margin-top: 20px !important;
    margin-bottom: 100px
}

.bi-analytic-first p {
    font-size: 15px
}

.bi-analytic-first p a {
    text-decoration: underline
}

.org-edition-first-section .content-section a.simple-link {
    text-decoration: underline
}

.bi-analytic-first {
    padding-top: 40px;
    padding-bottom: 40px
}

.product-bi-features-ban {
    background-image: none;
    background-color: #1d5d76
}

.product-bi-features-ban .container {
    padding-top: 100px
}

.product-bi-features-ban .container h1.title.white-color {
    font-size: 2.4em
}

.product-bi-features-first .left-div,
.product-bi-features-first .right-div {
    width: 50%;
    padding: 10px;
    display: table-cell;
    vertical-align: top
}

.product-bi-features-first .full-div {
    background-image: url(../images/products/overview-green/dashboards-head-photo.jpg);
    padding-top: 50px;
    padding-bottom: 60px;
    margin-bottom: 30px
}

.product-bi-features-first .full-div-content {
    width: 70%;
    max-width: 100%;
    margin: 0 auto
}

.product-bi-features-first div#side-nav.affix {
    width: 250px;
    top: 9%;
    z-index: 2
}

.product-bi-features-first .full-div-second-bottom {
    background-image: url(../images/products/overview-green/data-visualization-maps.jpg);
    padding-top: 50px;
    padding-bottom: 60px;
    border: 1px solid #d4d2d2;
    padding-left: 10px;
    padding-right: 10px
}

.product-bi-features-first .content-second .full-div-second-bottom .left,
.product-bi-features-first .content-second .full-div-second-bottom .right {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.product-bi-features-first .content-second .full-div-second-bottom .right button {
    background: #4cd898;
    padding: 10px 30px;
    border: 1px solid #4cd898;
    border-radius: 6px;
    margin-top: 0 auto
}

.product-bi-features-first .content-second .full-div-second-bottom .right button a {
    color: #fff;
    text-transform: uppercase
}

.product-bi-features-first .content-second .full-div-second-bottom .right {
    text-align: center
}

.product-bi-features-first button.center-btn {
    background: #00c76c;
    padding: 10px 30px;
    border: 1px solid #00c76c;
    border-radius: 6px;
    margin: 10px auto 20px
}

.product-bi-features-first button.center-btn a {
    color: #fff;
    text-transform: uppercase
}

.product-bi-features-first button.center-btn:hover {
    background: #393636;
    border: 1px solid #393636
}

.product-bi-features-first img.image-border {
    border: 1px solid whitesmoke
}

.product-bi-features-first .navbar.navbar-inverse {
    background-color: transparent;
    box-shadow: none
}

.product-bi-features-first .col-md-3 .nav&gt;li.active a {
    background: #00617e;
    color: #fff;
    font-weight: 700
}

.product-bi-features-first .col-md-3 .nav&gt;li {
    margin-bottom: 5px
}

.product-bi-features-first .col-md-3 .nav&gt;li a {
    color: #3C4858;
    padding: 7px 15px
}

.product-bi-features-first .col-md-3 .nav&gt;li a.download-brochure:hover {
    background-color: transparent
}

.product-bi-features-first h4.light-green-color {
    line-height: 1.3em
}

.pro-bi-fea-first-section .book-demo-btn {
    color: #fff !important;
    text-transform: uppercase
}

.pro-bi-fea-first-section #side-nav {
    background: #fff;
    z-index: 1;
    padding: 0
}

.pro-bi-fea-first-section .full-div-content p b {
    text-decoration: underline
}

.pro-bi-fea-first-section .book-demo-btn {
    background: #00c76c;
    padding: 5px 35px !important;
    border: none;
    border-radius: 4px;
    display: inline-block;
    margin-top: 10px
}

.nav&gt;li&gt;a.book-demo-btn:hover {
    background: #00c76c
}

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

.flex-row-reverse {
    flex-direction: row-reverse
}

.installation-package h4 {
    line-height: 1.2em
}

.svg-section .clickpath {
    cursor: pointer
}

.va-awards .awards-image {
    width: 80%;
    margin: 0 auto;
    max-width: 100%
}

.award-thumb-wrap {
    max-width: 100px;
    max-height: 100px;
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center
}

.award-thumb-wrap:hover {
    box-shadow: 1px 1px 20px 1px #cecbcb
}

.padding-left-div {
    padding-left: 40px
}

footer.footer-black ul.footer-social-icon button.btn {
    box-shadow: none !important
}

.logo-carousel.home-logo-carousel img {
    filter: grayscale(100%);
    max-width: 100%;
    max-height: 150px
}

.va-success-stories .carousel-inner&gt;.item,
.va-testimonial-carousel .carousel-inner&gt;.item {
    transition: transform 1s ease-in-out
}

.logo-carousel.home-logo-carousel img:hover {
    filter: grayscale(0%)
}

.svg-content h2.sub-title {
    font-size: 20px
}

.featureTxt-animation{display: inline-flex; margin-top: 0.75em;}
.va-home-ban .dynamic-text, .banner-slider .dynamic-text  {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	margin-inline-start: 15px;
    margin: 0;
    list-style: none;
    padding: 0 1em;
    background-color: #fbe0a8;
    border-radius: 4px;
}
.va-home-ban .dynamic-text li, .banner-slider .dynamic-text li {
	color: #121B2A;
	list-style: none;
	font-size: 1.4em;
	font-weight: 600;
	position: relative;
	top: 0;
	animation: textanimate 12s steps(3) infinite;
}

@keyframes textanimate {
	100% {
		top: -150px;
	}
}
.va-home-ban .dynamic-text li span, .banner-slider .dynamic-text li span {
	position: relative;
	margin: 5px 0;
	line-height: 50px;
}
.va-home-ban .dynamic-text li span::after, .banner-slider .dynamic-text li span::after{
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fbe0a8;
	border-left: 2px solid #121B2A;
	animation: typing 4s steps(10) infinite;
	bottom:0;
}

@keyframes typing {
	40%,
	60% {
		left: calc(100% + 30px);
	}
	100% {
		left: 0;
	}
}

.demo-blueBG{background-color: #1F7EBC;}
.va-home-ban .discover-btn{margin-top: 2.5em;}
.va-top-erp .discover-btn{margin-top: 1em;}
#testimonial-carousel .carousel-inner {
    min-height: 300px
}

.va-testimonial-carousel.mobile-carousel {
    display: none
}

.page-header.va-home-ban .container {
    padding-top: 90px;
    color: #FFF;
    height: 100%;
    display: flex;
    align-items: center;
}

h1.title {
    /*new changes 27-07*/
    margin-bottom: 1em;
    /*change for nav */
    font-size: 2.4em;
    font-weight: 500 !important;
}

.va-home-erp-solution h3.description {
    margin-top: 10px
}

.va-advantages .home-feature .info img.img-responsive {
    width: 60%
}

hr.home-bottom-hr {
    margin: 0 auto;
    max-width: 100%;
    width: 40%;
    border-top: 1px solid #e2e0e0
}

.va-home-erp-solution {
    padding-top: 50px;
    padding-bottom: 80px
}

.svg-content .btn .material-icons {
    letter-spacing: -6px
}

.va-home-ban img.img-responsive.col-sm-12 {
    width: 70%;
    margin: 5px auto 0% auto;
    max-width: 100% !important;
    float: none !important
}

.awards-image .col-md-2 {
    height: 90px;
    position: relative;
    display: inline-block
}
/*new for company meet vienna START*/
.about-awards-logo .awards-image .col-md-2 {
    height: 80px;
    line-height: 80px;
    margin-bottom: 1em;
    margin-top: 1.5em;
}

.va-awardsIconWrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.va-awardsIconWrap div {
    padding-left: 2em;
    padding-right: 2em;
}
.va-awardsIconWrap div:nth-child(2),
.va-awardsIconWrap div:nth-child(6) {
    width: auto;
}
.va-awardMobWrap img {
    height: 80px;
}

.va-awardMobWrap .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
}

.va-awardMobWrap .swiper-wrapper {
    padding: 1em 0 2em;
}

.va-awardMobWrap {
    margin-bottom: 3em;
}
.awards-image .col-md-2 img {
    max-height: 100%;
    max-width: 100%;
}
/*new for company meet vienna END*/


.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover,
.navbar .navbar-nav&gt;li&gt;a.btn.btn-primary:focus,
.navbar .navbar-nav&gt;li&gt;a.btn.btn-primary:active,
.navbar .navbar-nav&gt;li&gt;a.btn.btn-primary:hover {
    box-shadow: none !important;
    background: #292f35;
    /* framework page new design */
}

.btn.btn-primary:hover a {
    color: #fff !important
}

.advantage-nav:not(.va-navTab) li:last-child a {
    background-color: #f9b31d !important;
    box-shadow: none !important;
    color: #3c4858 !important;
    border: none;
    padding: 5px 20px !important;
    margin-top: 3px;
    text-transform: capitalize
}

.advantage-nav .nav-pills&gt;li&gt;a {
    line-height: 16px
}

ul.advantage-nav {
    margin-top: 23px
}

.advantage-nav.nav-pills&gt;li.active&gt;a,
.advantage-nav.nav-pills&gt;li.active&gt;a:focus,
.advantage-nav.nav-pills&gt;li.active&gt;a:hover {
    background-color: transparent;
    color: inherit;
    box-shadow: none
}

.subscribe-div .btn-primary:hover {
    background: #393636;
    color: #fff !important;
}

.subscribe-div&gt;div#subscribe-form-submit:hover :active {
    color: #fff !important;
}

.advantage-nav.nav-pills&gt;li&gt;a:hover {
    background-color: transparent
}

.advantage-nav.nav-pills&gt;li&gt;a:hover:after {
    content: "";
    height: 2px;
    background-color: rgb(249, 179, 29);
    position: relative;
    display: inherit;
    top: 2px
}

.va-home-ban {
    background: url(../images/home-page/home-page-Banner_Aug_2024_final.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}
.banner-slider{position: relative;}
.va-home-ban .title, .va-top-erp .title{color: #ffffff; margin-bottom: 0.75em;}
.banner-slider .title{color: #121B2A; margin-bottom: 0.75em;}
.va-home-ban .launchingTxt, .banner-slider .launchingTxt{color: #F9B31D; font-weight: 600; font-size: 1.5em; }
.va-home-ban .keyFeature-heading, .banner-slider .keyFeature-heading{font-size: 1em; color: #121B2A; font-weight: 500; margin-top: 2.5em;}
.banner-slider .carousel .carousel-caption{text-align: left; text-shadow: none; top: 0; bottom: 0; padding: 0; display: flex; align-items: center;}
.onfinity-banner .title{color: #ffffff; font-weight: 600;}
.onfinity-banner .title span{display: block;}
.onfinity-banner .carousel-caption p{font-size: 1.6em;}

.va-community-ban {
    background: url(../images/community/Community-header-new.jpg) no-repeat center center;
    background-size: cover
}
.va-top-erp p{color:#121B2A ;}
.va-top-erp {
    background: url(../images/home-page/india-header-bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}

.va ul.nav li a i {
    color: #fff
}

.community-va ul.nav li a i {
    color: #3C4858
}

.va ul.nav li a.btn.btn-just-icon {
    padding: .3em !important;
    margin-top: 9px;
}

.va-advantages img.img-responsive {
    display: inline-block
}

.va-advantages h2.title {
    margin-bottom: 10px;
    margin-top: 0
}

.va-advantages h3 {
    margin: 10px 0;
    font-size: 1.2em
}

.indus-life-features h3 {
    font-size: 1.2em
}

.va-advantages a {
    font-size: 16px
}

.va-home-erp-solution .tab-content {
    margin-top: 40px
}

.va-home-erp-solution h2.sub-title {
    margin-top: 0;
    margin-bottom: 1em;
    /*new changes 27-07*/
}

.va-home-erp-solution h2.sub-title:after {
    content: "";
    background: rgb(249, 179, 29);
    height: 2px;
    width: 50px;
    position: relative;
    display: block;
    bottom: 0;
    margin: 10px 0;
    left: 0;
    /*new changes 27-07*/
}

.va-home-erp-solution ul li {
    list-style: none
}

.border-top {
    border-top: 1px solid #e2dfdf
}

.va-home-erp-solution .tab-content .btn.btn-primary {
    background: #0084c4;
    float: left;
    font-size: 16px
}

.va-home-erp-solution .tab-content ul li,
.g2c-features li,
.product-erp-cloud .row ul li,
.dev-pro-first-section ul li {
    background-image: url(../images/home-page/tick.png);
    line-height: 1.44em;
    padding-left: 35px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: 0 -7px;
    min-height: 25px
}

.va-home-erp-solution .tab-content ul {
    padding-left: 0;
    margin-top: 10px
}

h2.sub-after:after {
    content: "";
    background: rgb(249, 179, 29);
    height: 2px;
    width: 50px;
    position: relative;
    display: block;
    bottom: 0;
    margin: 10px 0 20px
        /*new changes 27-07*/
}

.right-bot-line:after {
    content: '';
    position: absolute;
    width: 50px;
    background: #f9b31d;
    height: 2px;
    bottom: 18px;
    right: 0
}

.right-bot-line {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 15px
}

.erp-crm-framework h2.sub-after.sub-title:after {
    width: 40px !important;
    height: 3px !important
}

.va-development-framework,
.va-sectionBGImage {
    background-size: cover;
    padding: 50px 0;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 700px;
    display: flex;
    align-items: center;
}

.va-development-framework {
    background-image: url(../images/home-page/Develop-Business-Apps-VIENNA-Advantage-Framework-122021.jpg);
}

.va-development-framework .btn.btn-primary {
    background: #0084c4;
    float: left;
    font-size: 1em;
}

.grow-your-business {
    background-image: url(../images/products/erp-crm/coremodules/crm/Start-Free-Trial-2.jpg);
    background-size: cover;
    padding: 180px 0
}

.dms-features-foot-bg {
    background-image: url(../images/products/dms/features/Register-for-DMS-demo-v2.jpg);
    background-size: cover;
    padding: 200px 0
}

.row.awards-image .col-md-12 { /* company meet vienna new changes*/
    /* margin: 0 auto !important;
    max-width: 100% !important;
    width: 80%;
    float: none !important */
}

.va-awards {
    background-color: #f8f8f8;
    padding-top: 30px;
    padding-bottom: 50px
}

.va-erp-innovation .row .col-md-6:nth-child(2) {
    text-align: center
}

.va-erp-innovation img {
    height: 500px;
    box-shadow: 1px 1px 20px 1px grey
}

.va-erp-innovation {
    background: #f8f8f8;
    padding-bottom: 100px
}

.va-erp-innovation a.btn.btn-raised {
    font-size: 17px;
    padding: 0
}

.va-partner-ecosystem {
    background-color: #3a3838;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 100px;
    transform: skew(0deg, -6deg);
    position: relative;
    margin-bottom: -100px;
    outline: 1px solid transparent
}

.va-partner-ecosystem h5:after,
.partner-levels h5:after {
    content: "";
    background: rgb(249, 179, 29);
    height: 2px;
    width: 50px;
    position: relative;
    display: block;
    bottom: 0;
    margin: 10px 0
}

.va-partner-ecosystem h5:after {
    background: #f9b522 !important
}

article.skew-section {
    background: #f8f8f8
}

.skew-container {
    transform: skew(0deg, 6deg) !important
}

.skew-container img {
    margin-top: -160px
}

.skew-container img {
    margin-top: -160px
}

.logo-carousel .card.card-raised,
.va-testimonial-carousel .card.card-raised {
    box-shadow: none;
    background: transparent !important
}

.va-success-stories h2.sub-title {
    margin-top: 0
}

.success-stories-partner .partner-box .title h4 {
    text-align: center;
    font-weight: 500 !important
}

.success-stories-partner.first-section {
    padding-top: 80px;
    padding-bottom: 80px
}

.success-stories-partner .partner-box img {
    max-width: 100%;
    width: 70%
}

.success-stories-partner .partner-box {
    min-height: 500px
}

.success-stories-partner .partner-box {
    padding: 40px 40px 20px
}

.va-success-stories {
    padding-top: 55px;
    padding-bottom: 50px;
    background: #fff !important;
    position: relative
}

.bg-color-white {
    background: #fff
}

.logo-carousel {
    width: 100%;
    margin: 30px auto 0;
    max-width: 100%
}

.logo-carousel .carousel-indicators {
    position: absolute;
    bottom: -80%
}

.carousel .carousel-indicators li {
    border-radius: 10px
}

.star-content img {
    max-width: 50%;
    position: relative;
    right: 0;
    width: auto;
    float: right
}

.star-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.star-icon {
    /*new changes 27-07*/
    color: #ffc000;
    order: 2;
}

.star-icon i {
    float: left;
    font-size: 1.45em;
    /*new changes 27-07*/
}

.star-icon i.fa {
    /*new changes 27-07*/
    margin-left: 2px;
    font-size: 18px;
    line-height: 20px;
    margin-top: 1px;
}

.va-testimonial-carousel .testimonial-content {
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    border-radius: 0.7em;
    padding: 1em 1.2em;
    /*new changes 27-07*/
    position: relative;
    overflow-y: hidden;
    /*new changes 27-07*/
    background: #fff;
    display: flex;
    flex-direction: column;
}

.success-story-overflow-eclipse {
    height: 18px;
    position: absolute;
    background: white;
    bottom: 0;
    right: 0;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px
}

article.grey-background .success-story-overflow-eclipse {
    background: #f8f8f8
}

.success-story-overflow-eclipse i {
    font-size: 25px;
    cursor: pointer
}

.success-story-paragraph {
    /*new changes 27-07*/
    flex: 1;
}

.success-story-paragraph p {
    /*new changes 27-07*/
    height: 90px;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.testimonial-content ol {
    padding-left: 15px
}

.testimonial-content ol li {
    font-size: 16px
}

.va-testimonial-carousel .carousel .carousel-indicators .active {
    background: #c5c5c5;
    border-color: #c5c5c5
}

.logo-carousel .carousel .carousel-indicators .active {
    background: #c5c5c5;
    border-color: #c5c5c5
}

.padding-top0 {
    padding-top: 30px
}

.va-testimonial-carousel {
    /*new changes 27-07*/
    padding-left: 0;
    padding-right: 0
}

.va-partner-ecosystem .btn.btn-primary:hover {
    background: #0084c4 !important;
    color: #fff
}

.testimonial-content h5 {
    /*new changes 27-07*/
    line-height: 1.3;
    font-size: 1.5em;
    /* min-height: 104px */
    margin-bottom: 1em;
    font-weight: 600;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    min-height: 80px;
}

.va-testimonial-carousel .carousel-indicators {
    position: absolute;
    bottom: -25%
}

.va-have-question .btn.btn-primary {
    background: linear-gradient(45deg, #13afef, #c1d935);
    font-size: 1.15em;
    min-width: 200px;
    color: #fff;
}

.va-have-question .btn.btn-primary:hover {
    background: #f9b31d;
}

.va-have-question {
    padding-top: 50px;
    padding-bottom: 50px;
    background: linear-gradient(45deg, #093756, #0083c3);
    color: #fff;
}

.row.logo-carousel {
    margin: 0 auto;
    padding: 60px 0 90px;
    display: flex;
    justify-content: center
}

.row.logo-carousel .col-md-3 {
    margin-bottom: 30px;
    line-height: 150px
}

.va-testimonial-carousel a,
.va-testimonial-carousel a:hover {
    color: #333
}

.va-partner-ecosystem .btn.btn-primary {
    background-color: #f9b522;
    color: black;
    font-size: 16px
}

.va-home-ban a.btn:hover, .va-top-erp a.btn:hover {
    background-color: #02abe3;
    box-shadow: none
}

.collapse .navbar-nav a.btn.btn-warning {
    background-color: #ff9800 !important
}

.va-home-ban a.btn:hover, .va-top-erp a.btn:hover {
    box-shadow: none
}

.va-advantages a.btn.btn-raised:hover {
    color: rgb(249, 149, 29);
    background-color: transparent !important
}

.va-advantages a.btn.btn-raised {
    text-transform: uppercase
}

.va-advantages .svg-content a {
    float: left
}

.award-border {
    border: 1px solid #e8e6e6;
    width: 60%;
    margin: 40px auto 0
}

.advantage-nav.nav-pills&gt;li.active&gt;a:after {
    content: "";
    height: 2px;
    background-color: rgb(249, 179, 29);
    position: relative;
    display: inherit;
    top: 2px
}

.va-home-erp-solution .tab-space {
    padding: 0 40px 50px 40px
}

.va-community-ban a.btn.btn-warning.btn-raised.btn-lg:hover {
    background: #393636
}

.va-community-ban .login-comm:hover {
    background-color: rgb(249, 179, 29) !important;
    border: 1px solid rgb(249, 179, 29)
}

.comm-signup {
    background: url(../images/community/ERP-CRM-Newsletter_banner-1700x600.jpg) no-repeat center center;
    background-size: cover;
    border-bottom: 2px solid #f9b31d;
    padding-top: 170px;
    padding-bottom: 170px
}

.comm-signup .bootstrap-select.btn-group .dropdown-menu.inner {
    max-width: 100%;
    width: 200px
}

.comm-signup-form input[type="text"],
.comm-signup-form input[type="email"] {
    color: #fff
}

.comm-signup-form .bootstrap-select.btn-group .dropdown-toggle .caret {
    display: block;
    color: #fff !important
}

.comm-case-study .info {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px
}

.login-comm {
    background: transparent !important;
    border: 1px solid #fff;
    margin-left: 10px
}

.comm-case-study .features p {
    min-height: 50px !important
}

.comm-case-study.our-office .features p {
    min-height: auto !important
}

.comm-rich .features ul li {
    list-style: none
}

.comm-rich .features ul {
    padding-left: 0
}

.width-eighty {
    width: 80%;
    margin: 0 auto !important
}

.width-65 {
    width: 65%;
    margin: 0 auto !important
}

.comm-rich .features a {
    padding-left: 0;
    color: rgb(117, 112, 112) !important
}

.comm-rich .features a:hover {
    color: rgb(249, 179, 29) !important
}

.comm-rich a.btn-simple {
    color: #0084c4 !important
}

.comm-signup-form .recapcha-div .g-recaptcha {
    display: inline-block;
    margin-top: 20px
}

.comm-signup-form .recapcha-div {
    text-align: center;
    float: none
}

.comm-signup-form .subscribe-btn {
    background-color: rgb(249, 179, 29);
    padding: 10px 50px;
    font-size: 15px;
    margin-top: 0;
    color: black
}

.subscribe-div {
    text-align: center;
    max-width: 100%;
    width: 100%;
    display: inline-block
}

.comm-signup-form .country-select {
    margin-top: 29px
}

.comm-signup-form .country-select span.filter-option.pull-left {
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    left: 10px;
    position: relative
}

.comm-signup-form .country-select .btn-group.bootstrap-select.show-tick.open .select-with-transition {
    outline: none !important;
    background-image: linear-gradient(#f2ae1d, #f2ae1d), linear-gradient(#D2D2D2, #D2D2D2) !important
}

.comm-edition {
    background-color: #f8f8f8;
    padding-top: 80px;
    padding-bottom: 80px
}

.edition-btn {
    /* left: 20%; */
    position: relative
}

.comm-case-study {
    /* padding-top: 80px; */
    padding-bottom: 80px
}

.make-smarter .comm-case-study {
    padding-top: 100px;
    padding-bottom: 150px
}

.skew-technical-features {
    transform: skewY(-6deg);
    margin-top: -83px;
    background: #fff
}

.technical-features.core-modules-features {
    padding-top: 80px
}

.skew-technical-features .btn.btn-primary:hover a,
.skew-technical-features .btn.btn-primary:hover i {
    color: #fff !important
}

.skew-technical-features .btn.btn-primary {
    text-transform: uppercase !important;
    border: 1px solid rgb(117, 112, 112) !important;
    padding: 12px 60px
}

.skew-technical-features .btn.btn-primary {
    color: rgb(117, 112, 112) !important
}

.skew-technical-features .btn.btn-primary i {
    color: rgb(117, 112, 112) !important
}

.skew-technical-features .row.content {
    margin-top: 40px !important
}

.skew-technical-features .container {
    transform: skewY(6deg);
    margin-top: -83px
}

.skew-technical-features .simple-box {
    min-height: 235px;
    padding: 10px 25px 20px;
    cursor: pointer
}

.technical-features.skew-technical-features {
    padding-top: 160px
}

.comm-rich a.btn {
    padding: 0;
    margin-top: 0
}

.edition-btn .btn.btn-primary {
    font-size: 15px
}

.edition-btn a {
    text-decoration: underline;
    font-weight: 500;
}

.edition-btn a.btn.btn-primary {
    text-decoration: none
}

.simple-box a {
    color: inherit
}

.product-brochures .card-content {
    min-height: auto !important;
    border-radius: 0
}

.first-section h2.title {
    margin-top: 0;
    margin-bottom: 0
}

.first-section,
.comm-rich,
.product-brochures,
.organization-first-section,
.org-medium-enterprises,
.org-government {
    padding-top: 50px;
    padding-bottom: 50px
}

.partnership {
    padding-top: 50px;
    padding-bottom: 60px
}

.brochures-image-section {
    margin-top: 50px !important
}

.brochures-image-section .card.upper-text {
    max-width: 100%;
    width: 60%;
    position: absolute;
    top: -20px;
    z-index: 1;
    left: 10px;
    min-width: min-content;
}

.brochures-image-section .card .header-info,
.card .content-info.color-blue {
    background: rgba(19, 175, 239, .7)
}

.brochures-image-section .card .header-info,
.card .content-info.color-green {
    background: rgba(0, 199, 108, .7)
}

.brochures-image-section .card .header-info,
.card .content-info.color-dark-blue {
    background: rgba(0, 132, 196, .7)
}

.brochures-image-section h3.card-title {
    padding-bottom: 30px;
    text-align: left;
    text-transform: uppercase
}

.brochures-image-section .article:hover {
    box-shadow: 1px 1px 20px 1px #ded7d7;
    background: #fff;
    border-radius: 6px
}

.brochures-image-section .article {
    padding: 10px 15px
}

.brochures-image-section .card-blog {
    margin-bottom: 0
}

.brochures-image-section p.card-description {
    text-align: left;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 10px;
    max-width: 100%;
    width: 78%;
    color: rgb(38, 38, 38)
}

.brochures-image-section .article:hover .card-description {
    font-weight: 700
}

.brochures-image-section .card {
    background: none;
    cursor: pointer
}

.brochures-image-section .card-plain .card-image img {
    border-radius: 0;
    box-shadow: none
}

.product-brochures button.btn.btn-primary {
    background: transparent;
    border: 1px solid #0084c4;
    color: #0084c4;
    box-shadow: none;
    font-size: 16px;
    margin-top: 40px
}

.brochures-image-section {
    margin-top: 30px;
    display: flex;
}

.grey-brochures {
    background-color: #f8f8f8
}

.brochures-image-section .card .header-info,
.card .content-info.color-yellow {
    background: rgba(255, 175, 9, .7)
}

.brochures-image-section .card .header-info,
.card .content-info.color-dark-green {
    background: rgba(0, 100, 100, .7)
}

.product-brochures button.btn.btn-primary:hover {
    border-color: #393636
}

button.btn.btn-primary a:hover {
    color: #fff
}

.va-partner-ban {
    background: url(../images/partner-program/Partner-Program-Header-new.jpg) no-repeat center center;
    /* background-size: cover */
    /*new changes 27-07*/
}

.sol-indus-ban {
    background: url(../images/partner-program/industries-ban.jpg) no-repeat center center !important;
    /* background-size: cover */
    /*new changes 27-07*/
}

.find-partner-ban.va-partner-ban {
    background: url(../images/partner-program/find-partner-ban.jpg) no-repeat center center
}

.solution-edition-ban {
    background: url(../images/solution/va-editions-banner-1920x511.jpg) no-repeat center center
}

.benefits-for-partner .down-button button.btn.btn-primary:hover {
    border-color: #393636
}

.benefits-for-partner .down-button button.btn.btn-primary:hover a {
    color: #fff !important
}

.va-partner-ban a.btn {
    background: #0084c4;
    box-shadow: none;
    text-transform: none;
    /* font-size: 17px */
    /*new changes 27-07*/
}

.first-section .row.content {
    margin-top: 20px !important
}

.success-stories-partner .content.second,
.success-stories-partner .content.third {
    margin-top: 70px !important
}

.cursive-font {
    font-style: italic !important
}

.benefits-for-partner {
    padding-top: 50px;
    padding-bottom: 50px
}

.benefits-for-partner img {
    margin: 0 auto;
    max-width: 100%;
    width: 40%
}

.bi-overview-innovate.benefits-for-partner img {
    width: 80%
}

.benefits-for-partner .info .info-title {
    color: #0084c4;
    line-height: 1.4em
}

.bi-overview-key-features.benefits-for-partner .info .info-title {
    color: rgb(59, 56, 56)
}

.down-button .btn.btn-primary {
    background-color: transparent;
    box-shadow: none;
    color: #0084c4;
    font-size: 16px;
    border: 1px solid #0084c4;
    text-transform: none
}

/*.down-button .btn.btn-primary:hover {
    border: 1px solid #393636!important;
    color: #fff!important
}*/
/* above lines commented to change buttons hover color to blue*/
.down-button .btn.btn-primary:hover {
    border: 1px solid #0084c4 !important;
    color: #fff !important;
    background-color: #0084c4;
}

.hover-blue-btn.btn-primary:hover {
    background: #0084c4;
    border: 1px solid #0084c4;
}

.down-button {
    text-align: center
}

.second-content-row .info {
    padding: 20px 0 30px
}

.partner-levels {
    padding-top: 50px;
    padding-bottom: 50px
}

.partner-levels a {
    font-size: 18px
}

.partner-levels h5 {
    margin-top: 0;
    /* font-size: 1.15em; */
    /*new changes 27-07*/
    text-transform: uppercase
}

.partner-levels .row.first {
    margin-top: 70px
}

.partner-levels p {
    line-height: 1.6
}

.partner-levels .row.second,
.partner-levels .row.third {
    margin-top: 120px
}

.partner-levels .second p {
    color: red
}

.partner-levels .border {
    border: .02em solid rgb(208, 206, 206);
    width: 60%;
    max-width: 100%;
    margin: 80px auto 24px
}

.partner-fullysupported {
    padding-bottom: 80px
}

.partner-fullysupported img {
    max-width: 100%
}

.partner-fullysupported .content-section {
    margin-top: 10px
}

.partner-fullysupported p,
.partner-fullysupported h6,
.partner-fullysupported span {
    font-style: italic
}

.content-row-margin {
    margin-top: 80px !important
}

.partner-fullysupported h2.sub-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6em
}

.btn-border {
    background-color: transparent;
    box-shadow: none;
    color: #0084c4;
    font-size: 16px;
    border: 1px solid #0084c4;
    text-transform: none
}

.btn-border:hover {
    background: rgb(57, 54, 54);
    border-color: rgb(57, 54, 54) !important;
    box-shadow: none
}

.installation-package.first-section img {
    border: 3px solid #ececec
}

.installation-package-second {
    padding-top: 70px;
    padding-bottom: 70px
}

.content-box {
    text-align: center
}

.content-box h5 {
    color: #0084c4;
    font-size: 25px;
    margin-bottom: 7px
}

.installation-package-second a.btn-primary {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 300
}

.installation-package-second a.border-btn-login {
    padding: 10px 19px
}

.content-box {
    text-align: center;
    padding: 15px 15px 25px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 20px 1px #d8cece
}

.installation-package-second .content-box {
    text-align: center;
    padding: 15px 25px 25px
}

.content-box a.btn-primary.border-btn {
    background: none;
    box-shadow: none;
    border: 1px solid #0084c4;
    color: #0084c4
}

.content-box a.btn-primary.border-btn:hover {
    color: #fff;
    border: 1px solid transparent
}

.content-box p {
    min-height: 115px
}

.content-box .border-btn:hover {
    border-color: #393636
}

.installation-package a {
    text-decoration: underline;
    font-size: 16px;
    margin-bottom: 13px !important
}

button.yellow-simple-btn {
    background: #f2ae1d;
    border: none;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 18px;
    font-style: italic;
    font-weight: 700
}

span.yellow-simple-btn {
    background: #f2ae1d;
    border: none;
    border-radius: 4px;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 700;
    font-style: italic
}

.installation-package .content-section p {
    font-size: 16px
}

.installation-package .nav-pills&gt;li.active&gt;a,
.installation-package .nav-pills&gt;li.active&gt;a:focus,
.installation-package .nav-pills&gt;li.active&gt;a:hover {
    background-color: transparent;
    box-shadow: none !important
}

.installation-package .tab-space {
    padding: 20px 0 30px 0
}

.installation-package .nav-pills&gt;li&gt;a:hover {
    background-color: transparent
}

.installation-package-second .content-box p {
    min-height: 90px;
    font-size: 16px
}

.installation-package-second .btn.btn-primary.border-btn a {
    text-transform: capitalize
}

.installation-package-second a:not(.btn) {
    text-decoration: underline;
    color: grey;
    font-weight: 700
}

.product-bi-features-ban {
    padding-bottom: 30px
}

.become-partner-form .partner-form button[type="button"] span {
    font-size: 14px !important;
    padding-left: 10px;
    color: rgb(117, 112, 112);
    margin-top: -4px;
    font-weight: 300 !important
}

.partner-form button[type="button"] {
    border-radius: 4px !important;
    height: 31px
}

.become-partner-form .col-md-8.content-section {
    margin: 0 auto;
    max-width: 100%;
    float: none !important
}

.become-partner-form button.btn.dropdown-toggle {
    border: 2px solid #e2e1e1 !important;
    padding: 5px;
    padding-left: 5px !important;
    background: none;
    border-radius: 4px
}

.become-partner-form .btn-group.bootstrap-select.show-tick.country-select {
    margin: 0
}

.become-partner-form span.filter-option.pull-left {
    font-size: 12px;
    text-transform: capitalize
}

.become-partner-form .btn-group.bootstrap-select.show-tick.open .select-with-transition {
    background-image: none !important
}

.become-partner-form .partner-form select .disabled-text {
    color: #e2e1e1
}

.become-partner-form select.interest-select {
    width: 98%;
    max-width: 100%
}

.partner-form input[type="text"],
.partner-form input[type="email"] {
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 2px solid #e2e1e1;
    border-radius: 4px;
    height: 35px
}

.partner-form input[placeholder="Interest"] {
    width: 100%;
}

.become-partner-form .partner-form input[type="text"]::placeholder,
.become-partner-form .partner-form input[type="email"]::placeholder,
.become-partner-form .partner-form textarea::placeholder {
    color: rgb(117, 112, 112)  !important;
    
}

.become-partner-form .partner-form select {
    color: rgb(117, 112, 112)
}

.become-partner-form .col-md-12 {
    padding: 0
}

.partner-form textarea#message {
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 2px solid #e2e1e1;
    border-radius: 4px
}

.become-partner-form .partner-form textarea#message {
    width: 98%
}

.partner-form select {
    width: 100%;
    padding: 6px 10px;
    margin-bottom: 10px;
    border: 2px solid #e2e1e1;
    border-radius: 4px;
    color: #aaa8b2
}

.bfd-first-section .features .info p a {
    text-decoration: underline
}

.become-partner-form .col-md-8.content-section .col-md-6 {
    padding-left: 0
}

.partner-form input::placeholder,
.partner-form textarea::placeholder {
    color: #aaa8a8
}

.partner-form input[type="text"]:focus,
.partner-form input[type="tel"]:focus,
.partner-form input[type="email"]:focus,
.partner-form select:focus,
.partner-form textarea:focus {
    border: 2px solid #0084c4 !important
}

.become-partner-form button[type="button"] {
    float: left !important;
    height: auto
}

.partner-box {
    box-shadow: 1px 1px 20px 1px #d8cece;
    text-align: center;
    background: #fff;
    padding: 40px 40px 10px;
    min-height: 600px;
    border-radius: 6px
}

.partner-box a.link-color {
    color: #0084c4;
    text-decoration: underline;
    margin-top: 10px !important
}

.partner-box img {
    margin: 0 auto;
    max-height: 120px
}

.partner-box .title {
    background: #3b3838;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    top: -23px;
    width: 72%
}

.partner-box .contact-info {
    margin-top: 30px
}

.partner-box button {
    background: transparent;
    box-shadow: none;
    padding: 10px 23px;
    border: 2px solid #88898c;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 10px
}

.partner-box a {
    color: #88898c
}

.partner-box button:hover {
    background: #88898c
}

.partner-box button:hover a {
    color: #fff
}

.find-partner .info-margin {
    margin-top: 14px
}

.find-partner h2.title {
    font-weight: 300;
    color: rgb(117, 112, 112)
}

.find-partner h3.description {
    color: rgb(117, 112, 112)
}

.find-partner .partner-box hr {
    border-top: 1px solid #d4d2d2;
    max-width: 100%;
    width: 58%
}

.partner-box h4 {
    margin-bottom: 0
}

.partner-box .title h4 {
    margin-bottom: 10px
}

.find-partner .partner-box .title h4 {
    font-weight: 700 !important
}

.find-partner-middleeast .content .partner-box .contact-info {
    min-height: 150px !important
}

.find-partner .row.content {
    margin-top: 70px !important
}

.find-partner {
    padding-top: 10px;
    padding-bottom: 80px
}

.partner-nav ul.nav {
    display: inline-block
}

.partner-nav ul.nav li {
    background: none !important;
    box-shadow: none !important
}

.partner-nav ul.nav li:hover a {
    background: none
}

.partner-nav ul.nav li:hover a:after {
    content: "";
    height: 2px;
    background-color: grey;
    position: relative;
    display: inherit;
    top: 2px
}

.partner-nav .nav-pills.nav-pills-rose&gt;li.active&gt;a {
    background-color: none !important;
    background-color: transparent;
    box-shadow: none;
    color: black !important
}

.partner-nav .nav-pills.nav-pills-rose&gt;li&gt;a {
    font-size: 20px;
    color: rgb(117, 112, 112)
}

.partner-nav .nav-pills&gt;li.active&gt;a:after {
    content: "";
    height: 2px;
    background-color: rgb(249, 179, 29);
    position: relative;
    display: inherit;
    top: 2px
}

.partner-nav .row {
    text-align: center
}

.va-about-ban {
    background: url(../images/about/VA-Company-Header.jpg) no-repeat center center;
    background-size: cover
}

.va-about-ban .container,
.va-partner-ban .container {
    padding-top: 55px
}

.va-community-ban .container {
    padding-top: 45px
}

.about-awards-logo h3.description {
    font-size: 1.4em
}

.va-arrow-down img.img-responsive {
    margin: 0 auto 0
}

.va-about-ban h3 {
    margin-top: 0
}

.about-heart .features img.img-responsive {
    margin: 0 auto;
    max-width: 100%;
    height: 100px
}

.about-our-journey h2.title {
    margin-top: 40px
}

.about-brochures .card-content {
    min-height: 115px
}

.about-brochures .card-blog {
    margin-top: 10px
}

.about-contact-us {
    background-color: #0084c4;
    color: #fff
}

.about-contact-us .btn.btn-primary {
    background-color: transparent;
    border: 1px solid #fff;
    box-shadow: none !important;
    width: 20%
}

.about-contact-us .btn.btn-primary:hover {
    border-color: rgb(249, 179, 29);
    background: rgb(249, 179, 29) !important
}

.about-heart .features {
    margin-top: 20px
}

.about-contact-us h2.sub-title {
    line-height: 1.3em
}

.about-awards-logo {
    padding-bottom: 70px
}

.about-awards-logo h4:after {
    content: "";
    background-color: grey;
    width: 90px;
    height: 1px;
    position: relative;
    display: inline-block;
    left: 2%;
    top: -4px
}

.about-awards-logo h4:before {
    content: "";
    background-color: grey;
    width: 90px;
    height: 1px;
    position: relative;
    display: inline-block;
    left: -2%;
    top: -4px
}

.about-heart h3.info-title {
    color: #0084c4
}

.success-stories-partner .partner-box .contact-info {
    margin-top: 0
}

.success-stories-partner hr {
    border-top: 1px solid #d4d2d2
}

.success-stories-ban h3.description.white-color {
    margin-top: 0
}

.success-stories-partner .partner-box {
    text-align: left
}

.success-stories-ban {
    background-color: #0084c4;
    padding-bottom: 80px;
    padding-top: 140px
}

.contact-us-form #contact-form .col-md-4 {
    text-align: right
}

.contact-us-form .partner-form input[type="text"],
.partner-form input[type="email"],
.partner-form input[type="tel"] {
    width: 100%
}

.contact-us-form .partner-form input[type="tel"] {
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 2px solid #e2e1e1;
    border-radius: 4px
}

.contact-us-form .partner-form textarea#message {
    max-height: 105px
}

.our-office a.btn {
    text-transform: capitalize
}

.contact-support img.img-responsive {
    text-align: center;
    margin: 0 auto
}

.product-page-ban {
    background-image: linear-gradient(90deg, #093756, #0084c4);
}

.product-page-ban .btn.btn-primary {
    color: #fff;
    font-size: 16px
}

.product-page-ban .banner-btn-red {
    background-color: #f96161
}

.product-page-ban .banner-btn-blue {
    background-color: #19a0ec
}

.product-page-ban h4:after {
    background-color: #f96161
}

.red-text-color {
    color: #f96161 !important
}

.blue-text-color {
    color: #19a0ec !important
}

.product-page-jump-menu hr {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 100%;
    width: 70%
}

.product-page-jump-menu.pfc-jump-menu div#side-nav.affix {
    top: 10%;
    z-index: 1
}

.product-page-jump-menu.pfc-jump-menu .navbar.navbar-inverse ul li.active a {
    background: #f96161;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.product-page-jump-menu.pfc-jump-menu .navbar.navbar-inverse ul.finance-features li.active a {
    background: #19a0ec
}

.product-page-jump-menu.pfc-jump-menu div#side-nav ul li a {
    color: grey
}

.product-page-jump-menu.pfc-jump-menu div#side-nav ul li.active a {
    color: #fff
}

.product-page-jump-menu.pfc-jump-menu div#side-nav ul li a {
    padding: 7px 15px
}

.product-page-jump-menu.pfc-jump-menu div#side-nav ul li {
    height: 32px
}

.product-page-jump-menu .full-div ul li:before {
    content: "";
    background: url(../images/home-page/tick.png);
    height: 30px;
    width: 30px;
    position: relative;
    display: inline-block;
    top: 15px;
    left: 0%;
    background-size: 70%;
    background-repeat: no-repeat
}

.product-page-jump-menu .full-div ul li {
    list-style: none
}

.product-page-jump-menu .full-div ul {
    padding-left: 10px
}

.product-page-jump-menu h2 {
    font-weight: 700;
    font-size: 1.7em;
    color: #0084c4
}

.product-page-jump-menu.pfc-jump-menu .salesforce-div img {
    width: 35% !important
}

.product-page-jump-menu.pfc-jump-menu .full-div.salesforce-div {
    margin-top: 40px
}

.dev-pro-first-section h4 {
    line-height: 1.3em
}

.dev-pro-first-section .partner-form input:focus,
.dev-pro-first-section .partner-form select:focus,
.dev-pro-first-section .partner-form textarea:focus {
    border: 2px solid rgb(0, 100, 100) !important
}

.dev-pro-first-section {
    padding-top: 50px;
    padding-bottom: 50px
}

.dev-pro-first-section h4:after {
    content: "";
    background: #f9b522;
    height: 2px;
    width: 50px;
    position: relative;
    top: 5px;
    display: block;
    margin: 10px 0 20px
}

.dev-pro-first-section ul li {
    list-style: none
}

.dev-pro-first-section ul {
    padding-left: 0
}

.vaf-developer-program .container {
    padding-top: 170px
}

.vaf-developer-program {
    padding-bottom: 50px
}

.dev-pro-first-section .form-section {
    background: #f8f8f8;
    border-radius: 6px;
    padding: 15px 30px
}

.dev-pro-first-section .form-section #contact-form {
    padding: 15px 0
}

.dev-pro-first-section .form-section #contact-form label {
    font-size: 13px
}

.dev-pro-first-section #contact-form button[type="submit"] {
    font-size: 14px;
    padding: 10px 35px;
    background: #006464;
    margin-top: 35px
}

.dev-pro-first-section .partner-form .col-md-4 {
    text-align: right
}

.dev-pro-first-section .partner-form input[type="password"] {
    max-width: 100%;
    width: 100%;
    border: 2px solid #e2e1e1;
    margin-bottom: 10px
}

.dev-pro-first-section .partner-form input[type="tel"] {
    margin-bottom: 10px;
    border: 2px solid #e2e1e1
}

.video-first-section {
    padding-top: 50px;
    padding-bottom: 50px
}

.video-first-section .video-div h3.ytd-grid-video-renderer {
    font-size: 1.2em;
    color: #3C4858
}

.video-first-section .btn-row .navbar-form .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding: 20px;
    background-image: none !important;
    border: 2px solid #c1c1c1
}

.video-first-section .btn-row .form-group {
    max-width: 100%;
    width: 70%;
    margin: 0 auto !important
}

.video-first-section .btn-row .btn-fab.btn-fab-mini {
    border-radius: 0;
    top: -7px;
    border: 2px solid #c1c1c1;
    border-left: none;
    background-color: transparent;
    left: -5px;
    height: 44px;
    min-width: 42px;
    width: 42px
}

.video-first-section .btn-row .btn-fab.btn-fab-mini .material-icons {
    font-size: 38px;
    left: 35%
}

.video-first-section .nav-row ul.nav li {
    display: inline-block
}

.video-first-section .nav-row ul.nav li a {
    font-size: 12px;
    color: grey
}

.video-first-section .nav-row ul.nav {
    width: 85%;
    max-width: 100%;
    margin: 0 auto 50px
}

.video-first-section .nav-row ul.nav li:hover a {
    background: none !important;
    color: rgb(249, 179, 29)
}

.video-first-section .btn-row form.navbar-form {
    text-align: center
}

.video-first-section .block {
    margin-bottom: 50px !important
}

.video-first-section a.video_caption {
    font-size: 18px;
    color: #6b6b6b;
    font-weight: 700
}

.video-first-section .row.load-more-btn {
    text-align: center
}

.presentation-first-section .img-div iframe {
    border: 1px solid #e8e8e8 !important;
    padding: 10px
}

.presentation-first-section .slideshowMetaData {
    font-size: 16px;
    color: grey !important
}

.presentation-first-section iframe.slideshowMetaData a {
    color: grey !important
}

.presentation-first-section .row.nav-row {
    text-align: center
}

.presentation-first-section .nav-row ul.nav li:hover a:after {
    content: "";
    height: 2px;
    background-color: rgb(249, 179, 29);
    position: relative;
    display: block;
    top: 2px
}

.presentation-first-section .nav-row ul.nav li:hover a {
    color: inherit
}

.presentation-first-section .nav-row ul.nav li a:after {
    content: "";
    height: 2px;
    background-color: transparent;
    position: relative;
    display: block;
    top: 2px;
    display: block
}

.dev-pro-first-section .terms-div input[type="checkbox"] {
    margin: 5px 10px 0 0px !important;
    height: 20px;
    width: 20px;
    top: 6px;
    position: relative
}

.erp-crm-features .features .info a {
    padding: 0px !important
}

.dark-grey-ban {
    background-color: #4e5167;
    padding-top: 200px;
    padding-bottom: 140px
}

.erp-first-section a.btn {
    padding-top: 20px;
    font-size: 14px
}

.erp-first-section .nav-pills&gt;li.active&gt;a {
    background: none;
    box-shadow: none;
    color: rgb(59, 56, 56);
    border-radius: 0;
    padding-bottom: 0
}

.erp-first-section ul.nav li img {
    max-width: 100%;
    width: 70%;
    margin: 0 auto
}

.erp-first-section ul.nav li a {
    text-transform: capitalize;
    background: none
}

.erp-first-section .nav-pills&gt;li.active&gt;a:after {
    content: "";
    height: 2px;
    background-color: #0084c4;
    position: relative;
    display: inherit;
    top: 2px;
    max-width: 100%;
    width: 60%;
    margin: 0 auto
}

.product-erp-cloud ul li {
    line-height: .7em
}

.product-erp-cloud ul {
    list-style: none;
    padding-left: 0
}

.erp-first-section .tab-content.tab-space {
    padding: 0 0 10px
}

.product-erp-cloud .btn.btn-primary {
    font-size: 14px;
    font-weight: 700
}

.erp-first-section h5 {
    margin-bottom: 0
}

.product-erp-cloud hr {
    border-top: 1px solid rgb(197, 197, 197);
    max-width: 100%;
    width: 76%;
    clear: right;
    text-align: left
}

.product-erp-cloud h5 {
    display: inline-table;
    clear: both !important
}

.product-down-btn.down-button .btn.btn-primary {
    background-color: #0084c4;
    box-shadow: none;
    color: #0084c4;
    font-size: 16px;
    border: 1px solid #0084c4
}

.product-down-btn.down-button .btn.btn-primary {
    color: #fff
}

.erp-crm-framework {
    background-image: url(../images/products/erp-crm/features/Cloud-ERP-Sign-Up_Features-LP.png);
    color: #fff;
    background-position-y: 0;
    padding: 150px 0 150px;
    background-position-y: 0px !important
}

.erp-crm-framework .btn.btn-primary {
    padding: 10px 50px
}

.skew-erp-crm-framework {
    position: relative
}

.simple-box {
    border: 1px solid #dedcdc;
    padding: 10px 15px 40px
}

.costumer-crm-system .simple-box {
    padding: 10px 15px 10px
}

.technical-features h5 {
    margin-bottom: 5px;
    font-size: 1.3em;
    font-weight: 400;
}

.costumer-crm-system .content {
    max-width: 100%;
    width: 90% !important;
    margin: 50px auto 0px !important
}

.technical-features .col-md-4 {
    padding-left: 0;
    padding-right: 0
}

.simple-box:hover {
    border: 1px solid #0084c4 !important;
    /*box-shadow: 1px 1px 20px 1px #ded7d7*/
}

.erp-industry-html-wrap .community-va .navbar.navbar-transparent {
    margin: 0
}

.va-home-erp-solution .nav-pills&gt;li&gt;a {
    min-width: auto
}

.core-modules-features .simple-box.first-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/crm-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.second-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/finance-management-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.third-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/inventory-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.four-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/purchasing-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.five-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/order-management-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.six-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/warehouse-management-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.sixteen-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/POS_v2_Icon.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.seven-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/asset-management-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.eight-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/hr-payroll-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.nine-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/project-management-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.ten-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/helpdesk-support-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.eleven-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/time-expense-management-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.twelve-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/services-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.thirteen-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/manufacturing-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.fourteen-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/dms-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.fifteen-box .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/business-intelligence-grey.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    margin: 0 auto
}

.core-modules-features .simple-box.first-box:hover .img-div {
    background-image: url(../images/products/erp-crm/coremodules/icons/crm-blue.png) !important
}

.core-modules-features .simple-box.second-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/finance-management-blue.png) !important
}

.core-modules-features .simple-box.third-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/inventory-blue.png) !important
}

.core-modules-features .simple-box.four-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/purchasing-blue.png) !important
}

.core-modules-features .simple-box.five-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/order-management-blue.png) !important
}

.core-modules-features .simple-box.six-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/warehouse-management-blue.png) !important
}

.core-modules-features .simple-box.sixteen-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/POS_v1_Icon.png) !important
}

.core-modules-features .simple-box.seven-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/asset-management-blue.png) !important
}

.core-modules-features .simple-box.eight-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/hr-payroll-blue.png) !important
}

.core-modules-features .simple-box.nine-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/project-management-blue.png) !important
}

.core-modules-features .simple-box.ten-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/helpdesk-support-blue.png) !important
}

.core-modules-features .simple-box.eleven-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/time-expense-management-blue.png) !important
}

.core-modules-features .simple-box.twelve-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/services-blue.png) !important
}

.core-modules-features .simple-box.thirteen-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/manufacturing-blue.png) !important
}

.core-modules-features .simple-box.fourteen-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/dms-blue.png) !important
}

.core-modules-features .simple-box.fifteen-box:hover .img-div {
    content: url(../images/products/erp-crm/coremodules/icons/business-intelligence-blue.png) !important
}

.core-modules-features a {
    color: rgb(59, 56, 56)
}

.technical-features,
.va-harnessThePowerSec {
    padding-top: 60px;
    padding-bottom: 70px
}

.color-red {
    color: red !important
}

.awards-image.fea-awards-image .col-md-2 {
    margin-right: 10px
}

.awards-image.fea-awards-image .col-md-2 img {
    filter: grayscale(100%)
}

.awards-image.fea-awards-image .col-md-2 img:hover {
    filter: grayscale(0%)
}

.core-modules-features .col-md-3 {
    padding-left: 0;
    padding-right: 0
}

.core-modules-features p {
    font-size: 15px;
    line-height: 1.4;
    min-height: 50px
}

.core-modules-features img {
    margin: 0 auto 15px
}

.core-modules-features .simple-box {
    border: 1px solid #dedcdc;
    padding: 20px 10px 10px;
    min-height: 260px
}

.core-modules-features .simple-box a:hover {
    color: rgb(59, 56, 56)
}

.grow-your-business .btn.btn-primary {
    padding: 12px 50px;
    font-size: 16px;
    margin-right: 10px;
}

.btn.request-demo-tco {
    font-size: 14px !important;
    display: block;
    text-align: center
}

.core-modules-ban h3.description {
    color: #fff
}

.link-btn {
    padding: 0;
    margin: 0;
    font-size: 14px
}

.features-first-section a.btn:hover {
    background: transparent !important;
    color: #f9b522 !important
}

.link-btn:hover {
    background: transparent !important;
    color: #f9b522 !important
}

.gif-video-section {
    padding-top: 100px;
    padding-bottom: 70px;
    transform: skew(0deg, 3deg)
}

article.tech-main {
    margin-bottom: -43px;
    z-index: 1;
    position: relative;
    background: #fff !important
}

.skew-gif-video-section {
    background-color: #f8f8f8;
    transform: skew(0deg, -3deg)
}

.gif-video-second {
    padding-top: 80px;
    padding-bottom: 80px
}

.gif-video-section img.img-responsive {
    box-shadow: 1px 1px 20px 1px grey
}

.gif-video-section .content-section {
    margin-top: 30px
}

.features-report-integration {
    background-image: url(../images/products/erp-crm/features/External-Reporting-Tools-integration-Technical-Features-2.jpg);
    background-size: cover;
    padding: 140px 0;
    background-repeat: no-repeat;
    background-position: center
}

.va-core-advantage {
    background-image: url(../images/products/erp-crm/overview/va-core-advanatage-bg.jpg);
    background-size: cover;
    padding: 60px 0 80px
}

.relationship-costumer-ban {
    padding-top: 170px;
    padding-bottom: 225px;
    color: #fff;
    background-image: linear-gradient(90deg, #093756, #0084c4);
}

.coremodulepagesbanerbgclr {
    background-image: linear-gradient(90deg, #093756, #0084c4);
}

.costumer-relationship-first .top-image {
    margin: 0 auto;
    position: relative;
    top: -200px;
    box-shadow: 1px 1px 20px 1px grey;
    margin-bottom: -14%;
    max-width: 702px;
}

.key-benefits-costumer .info img {
    max-width: 100px;
}

.key-benefits-costumer .info img.img-responsive {
    margin: 0 auto
}

.key-benefits-costumer .second-row .info {
    padding-top: 20px !important
}

.costumer-relationship-first {
    padding-bottom: 50px
}

.relationship-video .transparent-btn a {
    text-decoration: none !important
}

.relationship-video {
    padding-top: 50px;
    padding-bottom: 50px
}

.relationship-video a {
    text-decoration: underline
}

.relationship-video .second-row img,
.relationship-video .fourth-row img {
    float: right
}

.transparent-btn {
    background: transparent;
    padding: 10px;
    border: 1px solid grey;
    border-radius: 4px
}

.transparent-btn a {
    color: grey
}

.transparent-btn:hover {
    background: #393636;
    border: 1px solid #393636;
    color: #fff;
}

.transparent-btn:hover a {
    color: #fff
}

.relationship-video hr {
    margin-top: 75px;
    margin-bottom: 70px;
    width: 70%;
    border: none;
}

.relationship-video .third-row {
    margin-top: 70px !important
}

.relationship-video .third-row .image-section {
    margin-top: 55px
}

.relationship-video .third-row .content-section ul li:before {
    content: "";
    background: url(../images/home-page/tick.png);
    height: 30px;
    width: 25px;
    position: absolute;
    display: inline-flex;
    align-items: center;
    top: 2px;
    left: 0;
    background-repeat: no-repeat;
    background-size: 70%;
    margin: auto;
}

.relationship-video ul {
    padding-left: 0
}

.relationship-video .third-row .content-section ul li {
    list-style: none;
    line-height: 1.5em;
    position: relative;
    padding-left: 40px;
    min-height: 30px;
    margin-bottom: .5em;
}

.relationship-video h5 {
    margin-bottom: 5px
}

.relationship-video .fourth-row {
    margin-top: 100px !important
}

.dark-grey-background {
    background: #3a3838
}

.costumer-crm-system .simple-box {
    background: #fff;
    min-height: 315px;
}

.costumer-crm-system .content a {
    margin-top: 10px;
    font-weight: 700
}

.costumer-crm-system hr {
    margin-top: 60px
}

.costumer-awards-image ul li {
    display: table-cell
}

.costumer-awards-image ul li img {
    vertical-align: middle;
    width: 85%
}

.costumer-awards-image ul li.text-info {
    padding-top: 0px !important;
    vertical-align: middle
}

.costumer-awards-image .text-info h5.text-left {
    margin-top: -5px;
    margin-right: 35px;
    font-size: 25px;
    line-height: 1.2em
}

.free-crm-report .btn.btn-primary:hover,
.finance-mgt-foot .btn.btn-primary:hover {
    background: #3a3838 !important;
}

.free-crm-report h3.description,
.finance-mgt-foot h3.description {
    color: rgb(59, 56, 56);
    font-size: 1.4em;
}

.core-module-bottom-line:after {
    content: "";
    height: 2px;
    width: 48px;
    position: relative;
    top: 10px;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.core-module-bottom-line {
    color: #fff
}

.line-color-red:after {
    background: rgb(249, 97, 97)
}

.line-color-blue:after,
h2.sub-after-blue.sub-title:after,
.btn.va-financeBlueBtn {
    background: #19a0ec
}

.key-benefits-costuamer .info img {
    max-width: 120px
}

.image-section iframe,
.va-webiVideoSec iframe {
    width: 100%
}

.core-text-wrap h5 {
    margin-top: 0
}

.core-text-wrap {
    margin-bottom: 30px
}

.services-ban h5:after {
    /* background: rgb(249, 97, 97);
    height: 2px;
    width: 40px;
    position: relative;
    top: 5px;
    display: block;
    bottom: 0;
    left: 48%!important */
}

.services-page-ban h4:after {
    content: "";
    height: 2px;
    width: 40px !important;
    position: relative;
    top: 5px;
    display: block;
    bottom: 0;
    left: 48% !important
}

h2.sub-after-red.sub-title:after {
    background: rgb(249, 97, 97)
}

.btn-red .btn.btn-primary {
    border: 1px solid rgb(249, 97, 97) !important
}

.btn-red .btn.btn-primary {
    color: rgb(249, 97, 97)
}

.btn-red .btn .material-icons {
    color: #b95b63
}

.btn-red .btn.btn-primary:hover {
    color: #fff
}

.free-crm-report {
    background-image: url(../images//products/erp-crm/coremodules/crm/crm-banner.jpg)
}

.free-crm-report .btn.btn-primary,
.btn.va-bg-red {
    background-color: rgb(249, 97, 97)
}

.relationship-costumer-ban .btn-seagreen:hover {
    background: #393636 !important;
}

.free-crm-report .btn.btn-primary a {
    color: #fff
}

.color-yellow {
    color: rgb(249, 179, 29) !important
}

.org-header-ban {
    background-color: inherit;
    background-image: url(../images/solution/org-size-banner.jpg) !important;
    background-size: cover
}

.organization-first-section h2.sub-title {
    font-size: 25px
}

.org-medium-enterprises .content-section .color-blue {
    text-decoration: underline
}

.org-medium-enterprises .second-row .image-section {
    padding-left: 0
}

.org-medium-enterprises .first .image-section {
    padding-right: 0;
    margin-top: 26px
}

.org-medium-enterprises h3.cursive-font.sub-title {
    border-left: 4px solid #f9b31d;
    padding-left: 20px
}

.org-medium-enterprises .first .col-md-6.content-section {
    padding-left: 50px
}

.org-medium-enterprises .second-row .col-md-6.content-section {
    padding-right: 50px;
    margin-top: 40px
}

.org-medium-enterprises .first .col-md-6.content-section .content-div {
    padding-bottom: 30px
}

.g2c-features li {
    font-size: 14px;
    list-style: none;
    display: flex
}

.g2c-features ul {
    padding-left: 5px
}

.g2c-btn .btn.btn-primary {
    border: 1px solid #757070 !important;
    color: red
}

.g2c-btn .btn.btn-primary {
    color: #757070
}

.g2c-btn .btn.btn-primary:hover {
    background: #757070 !important
}

h2.small-title {
    font-size: 2.3em
}

.title {
    font-weight: 300
}

.organization-first-section .image-section {
    margin-top: 50px
}

.organization-first-section .image-section img {
    width: 95%
}

.org-edition-first-section .content.row {
    margin-top: 60px !important
}

.org-edition-first-section .content-div {
    margin-top: 70px;
    display: flex;
    align-items: center
}

.org-edition-first-section hr {
    margin-top: 80px;
    margin-bottom: 40px;
    max-width: 100%;
    width: 70%
}

.org-edition-first-section h2.sub-title {
    margin-top: 0;
    font-size: 22px
}

.org-painfull-integration .image-section {
    margin-top: 50px
}

.org-painfull-integration a {
    font-weight: bold !important
}

.org-edition-first-section .content-section p a {
    text-decoration: underline
}

.overview-feature .card img {
    max-width: 100%;
    width: auto;
    height: auto
}

.va-advantages .overview-feature h3 {
    margin: 10px 0;
    font-size: 1.6em
        /*new changes 27-07*/
}

.va-key-industries {
    padding: 80px 0 80px;
    /*new changes 27-07*/
    background: linear-gradient(45deg, #e7e8ec, #e3d9d7);
}

#erpindustries-icons {
    width: 600px
}

#erpindustries-icons-right {
    width: 600px;
    float: right
}

#erpindustries-icons-right #floatright {
    float: right
}

#erpindustries-icons ul,
#erpindustries-icons-right ul {
    display: table-row
}

#erpindustries-icons ul li:hover {
    background: #e3e4e9
}

#erpindustries-icons ul li,
#erpindustries-icons-right ul li {
    list-style: none;
    margin: 0;
    float: left;
    width: 90px;
    height: 90px;
    border: 1px solid #bcbcc0;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

#erpindustries-icons ul li {
    float: left
}

#erpindustries-icons-right ul li {
    float: right
}

#erpindustries-icons-right ul li:hover {
    background: #e3e4e9
}

.va-erp-implementation-steps .steps-blue-box {
    border: 1px solid #0084c4ff
}

.va-erp-implementation-steps .stepscontainer h2 {
    /* font-size: 2.2em; */
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
    text-align: left;
}

.row.stepscontainer {
    /*new changes 27-07*/
    line-height: 2;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding-top: 2em;
}

.va-erp-implementation-steps .steps-box-top {
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 15px 15px;
    z-index: 0;
    background: #fff
}

.steps-uni-blue .steps-box-top {
    border-top: 2px solid #0084c4;
    border-left: 2px solid #0084c4;
    border-right: 2px solid #0084c4
}

.steps-uni-blue .steps-box-top h2 {
    color: #0084c4
}

.va-erp-implementation-steps .steps-box h2 span {
    font-size: 20px
}

.stepscontainer .steps-box p {
    margin-bottom: 15px
}

.bi-analytic-first .first.margin-top-50 {
    margin-top: 70px !important
}

.va-erp-implementation-steps .stepscontainer .col-md-2 {
    /*new changes 27-07*/
    /* position: relative; */
    height: initial;
}

.step1svg {
    position: absolute;
    bottom: -68px;
    z-index: 999;
    width: 102%;
    left: 17px
}

#erpindustries-icons ul li img,
#erpindustries-icons-right ul li img {
    width: 100%;
    max-height: 100%
}

.block_title {
    display: block;
    padding: 5px 0;
    position: relative;
    bottom: 33px;
    left: 0;
    width: 150px;
    font-family: 'Bitter', serif;
    font-size: 14px;
    text-align: center;
    background: white;
    z-index: 1
}

.va-erp-localization h5 {
    margin-bottom: 0;
    margin-top: 0
}

.va-erp-localization .image-section {
    margin-top: 80px
}

.custom-blue-btn {
    font-size: 20px;
    background: #0084c4;
    padding: 10px 50px !important;
    border: 1px solid #0084c4;
    border-radius: 4px
}

.custom-blue-btn a {
    color: #fff
}

.sub-after-yellow:after {
    background-color: rgb(249, 179, 29) !important
}

button.custom-blue-btn:hover {
    background-color: #393636 !important;
    color: #fff !important
}

.overview-blue-section {
    background: #00b0f0;
    padding: 50px 0;
    /*new changes 27-07*/
    color: #fff;
    /* padding-bottom: 0 */
    /*new changes 27-07*/
}

.overview-blue-section img.img-responsive {
    max-width: 100%;
    width: 45%;
    margin: 0 auto
}

.product-overview-ban {
    background-color: #0084c4
}

.product-overview-ban.vaf-overview-ban .image-section img {
    position: absolute;
    top: 50px;
    /*new changes 27-07*/
    right: 0;
    width: 100%;
    max-width: 100%
}

.product-overview-ban .banner-btn-yellow {
    background: #f9b31d !important
}

.product-overview-ban .banner-btn-yellow:hover,
.vaf-overview-ban .video-btn:hover {
    background: #3b3838 !important
}

.product-overview-ban h4 {
    line-height: 1.2em;
    font-size: 1.45em;
    /*new changes 27-07*/
}

.pro-overview-solution a.btn.link-btn {
    text-align: left;
    float: left
}

.pro-overview-solution {
    padding-top: 80px;
    padding-bottom: 70px
}

.pro-overview-solution .tab-content {
    margin-top: 60px
}

.va-advantages.pro-overview-advantage .overview-feature h3 {
    color: #656565
}

.va-advantages.pro-overview-advantage .overview-feature .card img {
    width: 70%;
    margin: 0 auto
}

.pro-overview-advantage .btn.btn-primary.border-btn {
    border: 1px solid grey;
    padding: 10px 25px
}

.pro-overview-advantage .btn.btn-primary.border-btn:hover {
    color: #fff
}

.pro-overview-advantage .btn.btn-primary.border-btn:hover {
    color: #fff !important
}

.pro-overview-advantage .btn.btn-primary.border-btn {
    color: grey !important
}

.pro-overview-implement .down-button .btn.btn-primary {
    color: grey
}

.pro-overview-implement .down-button .btn.btn-primary {
    border: 1px solid grey
}

.boost-features .info-horizontal .icon {
    margin-top: 10px
}

.overview-round-section-img {
    background-image: url(../images/products/erp-crm/overview/cloud-erp/bgsvg.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 200px;
    margin-top: -185px
}

.boost-features .features-2 {
    padding-top: 40px;
    /*new changes 27-07*/
}

.boost-features .features-2 h4 {
    margin-bottom: 10px
}

.overview-page-testimonial {
    /*new changes 27-07*/
    padding-top: 4em;
    padding-bottom: 5em;
}

.va-erp-implementation-steps .steps-box {
    /*new changes 27-07*/
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.va-indus-mainbg {
    background-size: cover;
    background-color: #f9f9f9
}

.scrollspy-example::-webkit-scrollbar {
    width: 0px !important
}

.scrollspy-example {
    height: 200px
}

#mdb-scrollspy-ex .nav-item {
    width: 100%
}

#mdb-scrollspy-ex a {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.1rem;
    padding: 0 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    color: black
}

#mdb-scrollspy-ex li .active {
    font-weight: 600
}

.mdb-scrollspy-ex-example {
    height: 200px
}

.scrollspy-example {
    overflow-y: scroll;
    position: relative;
    height: 200px;
    padding: 1rem
}

.solution-indus-first .content-section p {
    text-align: justify
}

.org-edition-first-section .content-section p {
    text-align: justify
}

.padding-div-right {
    padding-right: 40px
}

.solution-indus-first p b {
    color: rgb(117, 112, 112)
}

.solution-indus-first {
    padding-top: 60px;
    padding-bottom: 60px
}

.solution-nav .affix {
    top: 0;
    z-index: 1
}

.solution-nav.solution-indus-nav .navbar.navbar-inverse.affix {
    border-bottom: none;
    display: flex;
    align-items: center;
    position: relative
}

.solution-nav .navbar.navbar-inverse {
    background-color: #fff;
    box-shadow: none;
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    padding-top: 16px
}

.solution-nav .navbar.navbar-inverse.affix {
    box-shadow: 0 4px 10px 0 rgba(216, 214, 214, .14), 0 7px 12px -5px rgba(228, 226, 226, .46)
}

.border-btn {
    background-color: transparent !important;
    border: 1px solid #0084c4
}

.border-btn {
    color: #0084c4 !important
}

.solution-nav .nav li {
    float: left
}

.solution-nav .nav li a {
    padding: 0 5px;
    font-size: 12px;
    color: grey;
    text-transform: uppercase
}

.solution-nav .nav {
    width: 70%;
    margin: 0 auto
}

.solution-nav .nav li {
    border-bottom: 1px solid transparent;
    margin-bottom: 5px
}

.solution-nav .nav li.active a {
    color: #333
}

.solution-nav .nav li.active {
    border-bottom: 1px solid #f9b522
}

.solution-erp-crm {
    background-image: url(../images/solution/solution-industry-erp-ban.jpg)
}

.solution-erp-crm .btn.btn-primary {
    background-color: #f9b522 !important
}

.industry-sub-menu-wrap {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 0 20px
}

.solution-nav .industry-sub-menu-wrap .nav {
    width: auto;
    text-align: center
}

.solution-nav .industry-sub-menu-wrap .nav li {
    float: none;
    display: inline-block;
    border-bottom: 2px solid transparent
}

.solution-nav .industry-sub-menu-wrap .nav li:hover {
    border-bottom: 2px solid #f9b31d
}

.solution-nav .industry-sub-menu-wrap .nav li a:hover {
    background-color: transparent
}

.pfc-jump-menu .left-div,
.pfc-jump-menu .right-div {
    width: 50%;
    display: table-cell;
    padding: 10px;
    vertical-align: top
}

.pfc-jump-menu.dms-feature-jump-menu .section-first img {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3)
}

.toggle-section .panel-heading {
    background: #f2f2f2;
    padding: 10px
}

.toggle-section .panel-heading.active {
    background: #8497b0;
    padding: 10px
}

.toggle-section .panel-heading.active i {
    color: #fff !important
}

.toggle-section .panel-group .panel {
    border-radius: 0;
    border: 1px solid gainsboro
}

.toggle-section .panel.panel-default .panel-heading+.panel-collapse .panel-body {
    padding: 20px 20px 15px 20px;
    line-height: 1.3em
}

.pfc-jump-menu .navbar.navbar-inverse {
    background: #fff;
    box-shadow: none;
    padding-top: 8px
}

.pfc-jump-menu .navbar.navbar-inverse ul li.active a {
    background: #8497b0;
    color: #fff;
    font-weight: 700
}

.erp-crm-html-wrap .pfc-jump-menu .navbar.navbar-inverse ul li.active a {
    background: #0084c4
}

.pfc-jump-menu div#side-nav.affix {
    top: 50px;
    width: 212px;
    z-index: 1
}

.pfc-jump-menu div#side-nav.affix.core-modules-sidenav {
    width: auto
}

.vaf-left-scroll-spy div#side-nav.affix {
    width: 262px
}

.pfc-jump-menu ul.nav li a i {
    color: #00617e
}

.toggle-section a.collapsed {
    font-weight: 300 !important;
    color: #3C4858 !important
}

.toggle-section .panel .panel-heading a {
    color: #fff;
    font-weight: 700
}

.dms-ban-va nav.top-sub-menu-transparent ul li a.active {
    font-weight: bold !important;
    color: rgb(249, 179, 29) !important;
    border: none !important
}

.dms-feature-jump-menu div#side-nav.affix {
    z-index: 1
}

.dms-feature-jump-menu .nav&gt;li&gt;a.book-demo-btn:hover {
    background: rgb(249, 179, 29) !important
}

.dms-ban-va .navbar.navbar-transparent {
    background-color: rgb(19, 175, 239);
    border-bottom: 1px solid #fff;
    box-shadow: none;
    padding-top: 12px;
    padding-bottom: 13px
}

.dms-ban-va nav.top-sub-menu-transparent {
    margin-top: 77px
}

.dms-main-html-wrap .dms-ban-va .navbar.navbar-absolute {
    position: relative;
    margin-bottom: 0;
    margin-top: -16px
}

.dms-ban-va .fb-after-grey:before {
    background: #fff !important;
    top: 3px
}

.dms-ban-va ul.nav li a i {
    color: #fff !important
}

.dms-ban-va .navbar a.btn.btn-warning.btn-raised.btn-primary {
    background: rgb(249, 179, 29) !important
}

.dms-ban-va .navbar a.btn.btn-warning.btn-raised.btn-primary:hover {
    background: rgb(59, 56, 56) !important
}

.dms-ban-va header .active,
.dms-ban-va header .nav-list:hover,
.dms-ban-va header .nav-list:focus {
    border-bottom: 3px solid #fff !important
}

.dms-ban-va nav.top-sub-menu-transparent ul li.active {
    border-bottom: none !important
}

.dms-ban-va .navbar .navbar-nav&gt;li&gt;a {
    color: #fff !important
}

.dms-ban-va nav.top-sub-menu-transparent {
    background: transparent !important;
    border-bottom: none !important
}

.dms-system-section h4 {
    line-height: 1.2em
}

.dms-system-section .features {
    float: left
}

.dms-benefits-ban {
    background-image: url(../images/products/dms/benefits/dms-key-benefits-ban.jpg);
    background-size: cover
}

.dms-benefits-ban .btn.btn-primary.anl-green-btn {
    background: rgb(249, 179, 29) !important;
    margin-top: 30px
}

.dms-benefits-ban .btn.btn-primary.anl-green-btn:hover {
    background: rgb(59, 56, 56) !important
}

.grow-your-business.dms-your-business {
    background-image: none;
    background: rgb(19, 175, 239);
    padding: 100px 0
}

.dms-your-business button.btn.btn-primary {
    background: transparent;
    border: 1px solid #fff
}

.dms-your-business button.btn.btn-primary a {
    color: #fff
}

.dms-comprehensive-sec .content-box {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    max-width: 100%;
    margin: 0 auto
}

.dms-comprehensive-sec .content-box ul li {
    list-style: none;
    text-align: left;
    color: #333;
    font-weight: 500
}

.dms-comprehensive-sec {
    background-image: url(../images/products/dms/benefits/comprehensive-scalable-bg.jpg);
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 100px
}

.dms-comprehensive-sec .second-row {
    margin-top: 50px !important
}

.dms-comprehensive-sec .content-box ul li {
    list-style: url(../images/black-tick.png);
    margin-left: 20px;
    padding: 5px 0
}

.dms-comprehensive-sec .vaf-bottom-btn {
    margin-top: 50px
}

.dms-comprehensive-sec .skyblue-border-btn {
    background: rgb(19, 175, 239);
    border: none;
    font-size: 16px;
    font-weight: 700
}

.dms-comprehensive-sec .skyblue-border-btn {
    color: #fff
}

.dms-comprehensive-sec .skyblue-border-btn:hover {
    background: rgb(59, 56, 56)
}

.dms-your-business .btn.btn-primary:hover {
    border: 1px solid rgb(249, 179, 29);
    background: rgb(249, 179, 29)
}

.key-benefits-costumer .info {
    padding: 70px 0 70px
}

.margin-top-bot-70 {
    margin: 70px 0 50px
}

.dms-features-ban {
    background-image: none !important;
    background-color: rgb(19, 175, 239);
    padding-bottom: 0
}

.dms-features-ban .container {
    padding-top: 95px !important
}

.dms-feature-jump-menu h2 {
    color: rgb(19, 175, 239);
    margin-top: 0
}

.dms-feature-jump-menu h4 {
    font-size: 15px
}

.dms-feature-jump-menu .right-div {
    padding-left: 30px
}

.dms-feature-jump-menu .left-div {
    padding-left: 0;
    padding-right: 30px
}

.dms-feature-jump-menu hr {
    margin-bottom: 60px;
    margin-top: 80px
}

.dms-feature-jump-menu #side-nav .nav li a {
    color: rgb(117, 112, 112)
}

.dms-feature-jump-menu #side-nav .nav li a:hover {
    background-color: #f2f2f2
}

.dms-feature-jump-menu #side-nav .nav li.simple-link-bottom a:hover {
    background-color: transparent
}

.dms-feature-jump-menu .nav&gt;li&gt;a.book-demo-btn {
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px
}

.dms-feature-jump-menu #side-nav .nav li.active a {
    color: #fff;
    font-weight: 700
}

.dms-feature-jump-menu .book-demo-btn {
    background: rgb(19, 175, 239);
    padding: 5px 35px;
    border: none;
    border-radius: 4px
}

.dms-feature-jump-menu .book-demo-btn {
    color: #fff !important;
    text-transform: uppercase
}

.dms-feature-jump-menu li.simple-link-bottom a {
    padding-left: 0
}

.dms-feature-jump-menu .panel .panel-heading .panel-title {
    color: #000
}

.dms-feature-jump-menu .toggle-section .panel.panel-default .panel-heading+.panel-collapse .panel-body {
    color: #000
}

.dms-feature-jump-menu .panel .panel-heading i {
    color: initial
}

.dms-core-system {
    background-image: url(../images/products/dms/overview/dms-core-va.png);
    background-size: cover
}

.grow-your-business.dms-over-business {
    background-image: url(../images/products/dms/overview/dms-register-demo.jpg);
    background-size: cover
}

.dms-over-business .btn.btn-primary {
    background: rgb(249, 179, 29);
    border: 1px solid rgb(249, 179, 29)
}

.dms-over-business .btn.btn-primary a {
    color: #fff
}

.dms-over-business .btn.btn-primary:hover {
    border: 1px solid rgb(57, 54, 54)
}

.dms-video-sec {
    background-image: none
}

.dms-overview-ban .container {
    margin-top: 0;
    padding-top: 100px
}

.dms-overview-ban .banner-btn-transparent {
    padding: 12px 20px
}

.product-overview-ban.dms-overview-ban {
    background-color: rgb(19, 175, 239);
    padding-bottom: 71px
}

.dms-overview-first-section {
    padding-top: 10%;
    padding-bottom: 5%
}

.dms-system-section .down-button button.btn.btn-primary {
    border: 1px solid rgb(117, 112, 112);
    text-transform: uppercase
}

.dms-system-section .down-button button.btn.btn-primary a {
    color: rgb(117, 112, 112) !important
}

.dms-system-section .down-button .btn.btn-primary.right-btn {
    background: #0084c4;
    margin-left: 10px;
    color: #fff
}

.dms-system-section .down-button .btn.btn-primary.right-btn a {
    color: #fff !important
}

.dms-system-section .down-button .btn.btn-primary:hover a {
    color: #fff !important
}

.dms-system-section .down-button {
    margin-top: 20px
}

/* .margin-top-minus16 {
    margin-top: -16px    //changed on 14/10/2024 banner overlapping footer
} */

.margin-top-minus16 {
    margin-top: 0px
} 

.clickable-row .cd-more-info.cd-right {
    visibility: hidden;
    opacity: 0
}

.clickable-row .cd-single-point .cd-more-info {
    position: absolute;
    visibility: hidden
}

.clickable-row .cd-single-point.is-open .cd-more-info {
    visibility: visible;
    opacity: 1;
    max-width: 100%;
    width: 235px;
    position: relative;
    z-index: 3
}

.clickable-row .cd-single-point.is-open .cd-more-info.cd-left {
    right: 21vw
}

.clickable-row .cd-single-point.is-open .cd-more-info.cd-left.cd-touch {
    right: 26vw
}

.clickable-row li.cd-single-point {
    list-style: none;
    border-radius: 50%;
    position: absolute
}

.clickable-row a.cd-close-info {
    display: none
}

.clickable-row .cd-single-point&gt;a {
    position: relative;
    z-index: 2;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: inherit;
    background: #f9b31d;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s
}

.clickable-row .cd-single-point.is-open .cd-more-info h2 {
    background: #0084c4;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
    font-size: 1.5em
}

.clickable-row .cd-single-point.is-open .cd-more-info p {
    background: #fff;
    padding: 15px 15px 15px;
    font-size: 14px
}

.clickable-row .cd-single-point.is-open::after {
    animation: none
}

.clickable-row .cd-single-point::after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: transparent;
    -webkit-animation: cd-pulse 2s infinite;
    -moz-animation: cd-pulse 2s infinite;
    animation: cd-pulse 2s infinite
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    50% {
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    100% {
        -webkit-transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0)
    }
}

@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    50% {
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    100% {
        -moz-transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0)
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(253, 196, 72, .8)
    }

    50% {
        box-shadow: inset 0 0 1px 1px rgba(253, 196, 72, .8)
    }

    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
        transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(253, 196, 72, 0)
    }
}

.clickable-row .cd-img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.clickable-row li.cd-single-point:nth-of-type(1) {
    left: 40%;
    top: 144px
}

.clickable-row li.cd-single-point:nth-of-type(2) {
    left: 35%;
    top: 180px
}

.clickable-row li.cd-single-point:nth-of-type(3) {
    left: 43%;
    top: 390px
}

.clickable-row li.cd-single-point:nth-of-type(4) {
    left: 55%;
    top: 300px
}

.clickable-row li.cd-single-point:nth-of-type(5) {
    left: 66%;
    top: 220px
}

.clickable-row li.cd-single-point:nth-of-type(6) {
    left: 75%;
    top: 365px
}

.clickable-row li.cd-single-point:nth-of-type(7) {
    left: 62%;
    top: 645px
}

.clickable-row .cd-single-point:nth-of-type(7) .cd-more-info.cd-right.cd-receipt {
    top: -25vh !important;
    left: 40%
}

.clickable-row .cd-single-point.is-open .cd-more-info.cd-fifth {
    left: 20%;
    top: -14vh
}

.clickable-row .cd-single-point.is-open .cd-more-info.cd-fourth {
    left: -7%
}

.clickable-row-mob {
    display: none
}

.indus-features .features h5 {
    line-height: 1.2em
}

.indus-food-features .features-2 {
    padding: 45px 0
}

.indus-edu-features {
    padding-top: 70px;
    padding-bottom: 40px
}

.indus-discrete-features {
    padding-top: 70px;
    padding-bottom: 40px
}

.indus-discrete-features .info.info-horizontal {
    max-width: 450px
}

.indus-discrete-features img.img-responsive {
    width: 90px;
    max-width: 100%
}

.indus-discrete-features .info-horizontal .icon {
    margin-right: 20px;
    margin-top: 17px
}

.indus-life-features {
    padding-top: 60px;
    padding-bottom: 60px
}

.indus-life-features .info.info-horizontal {
    max-width: 450px
}

.indus-life-features img.img-responsive {
    width: 95px;
    max-width: 100%
}

.indus-life-features .info-horizontal .icon {
    margin-right: 20px;
    margin-top: 17px
}

.indus-life-features .down-button {
    margin-top: 40px
}

.indus-food-features {
    padding-top: 70px;
    padding-bottom: 40px
}

.indus-food-compatible {
    background: url(../images/solution/industry/hardware-food-and-beverage.jpg);
    background-size: cover;
    padding-top: 50px;
    height: 825px;
    background-position: center;
    position: relative;
    z-index: 2
}

.indus-food-features .info.info-horizontal {
    max-width: 485px
}

.indus-food-features img.img-responsive {
    width: 90px;
    max-width: 100%
}

.indus-food-features .info-horizontal .icon {
    margin-right: 20px;
    margin-top: 0;
    min-width: 90px
}

.indus-food-features .description .info-title {
    margin-top: 0
}

.indus-tex-features .info-horizontal .icon {
    margin-top: 5px
}

.indus-food-features .down-button {
    margin-top: 40px
}

.indus-food-features .down-button a.simple-link {
    text-decoration: underline;
    color: rgb(117, 112, 112)
}

.indus-food-features .down-button button.btn.btn-primary:hover {
    background-color: rgb(0, 132, 196) !important
}

.indus-food-features .down-button button.btn.btn-primary:hover i {
    color: #fff
}

.indus-food-features .down-button a.simple-link:hover {
    color: rgb(249, 179, 29)
}

.indus-food-compatible .hpm__card {
    opacity: 0;
    border: none;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    z-index: 10;
    width: 250px;
    left: 0;
    top: 280px
}

.indus-food-compatible .hpm__header {
    padding: 15px 10px 10px 75px;
    background: #39c;
    color: #fff;
    position: relative
}

.indus-food-compatible .hpm__content {
    padding: 15px
}

.indus-food-compatible .hm-beacon:before {
    width: 13px;
    height: 13px;
    top: 2px;
    left: 2px;
    background: rgb(0, 132, 196);
    -webkit-animation: pulse 3s ease-out infinite;
    -moz-animation: pulse 3s ease-out infinite
}

.indus-food-compatible .hm-beacon:after {
    left: -7px;
    top: -7px;
    width: 32px;
    height: 32px;
    box-shadow: 0 0 10px 3px #96bf48;
    -webkit-animation: radiate 3s ease-in infinite;
    -moz-animation: radiate 3s ease-in infinite
}

.indus-food-easy .image-section img.img-responsive {
    max-width: 100%;
    width: 90%;
    float: right;
    top: 100px;
    position: relative
}

.indus-food-easy {
    transform: skew(0deg, -4deg);
    position: relative;
    z-index: 1;
    margin-top: -57px;
    height: 690px
}

.indus-food-easy .container {
    transform: skew(0deg, 5deg)
}

.indus-food-easy .content-section {
    margin-top: 12%
}

.indus-food-time {
    padding-top: 12%;
    padding-bottom: 8%
}

.indus-food-mobile {
    transform: skew(0deg, -5deg);
    position: relative;
    z-index: 1;
    margin-bottom: -6%
}

.indus-food-mobile .container {
    transform: skew(0deg, 5deg)
}

.indus-food-mobile .image-section img.img-responsive {
    position: relative;
    top: -130px;
    max-width: 100%;
    width: 90%;
    float: right
}

.indus-food-mobile .content-section {
    margin-top: 8%
}

.indus-features .erp-crm-features {
    background-color: #ffffff !important;
    padding-bottom: 100px
}

.indus-features .margin-top-50 {
    margin-top: 20px !important
}

.indus-features .down-button {
    margin-top: 50px
}

.indus-footer-form.industry-food-bev-footer {
    background: url(../images/solution/industry/demo-food-and-beverage.jpg);
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
    background-position: center
}

.indus-footer-form .form-group {
    margin-top: 10px
}

.indus-footer-form .form-group input[type="text"],
.indus-footer-form .form-group input[type="email"],
.indus-footer-form .form-group input[type="tel"] {
    color: #fff !important;
    font-weight: 300 !important
}

.indus-footer-form .form-group input::placeholder {
    color: #fff !important;
    font-weight: 300 !important
}

.indus-footer-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #fff !important;
    text-transform: capitalize !important;
    font-size: 14px;
    font-weight: 300 !important
}

.indus-footer-form select {
    background: transparent;
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none;
    color: #fff;
    border-color: #fff
}

/*.indus-footer-form .form-group.interest-select {
    margin-top: 22px
}*/
.indus-footer-form .bootstrap-select.btn-group .dropdown-toggle .caret {
    color: #fff;
    display: block;
    right: 7px
}

.indus-footer-form .form-group.interest-select option {
    color: rgb(117, 112, 112)
}

.indus-footer-form button.subscribe-btn {
    float: left;
    background: rgb(249, 179, 29) !important;
    color: rgb(59, 56, 56);
    margin-top: 20px;
    font-weight: 600
}

.indus-footer-form button.subscribe-btn:hover {
    background: rgb(59, 56, 56) !important;
    color: #fff
}

.indus-textile-ban {
    background: url(../images/solution/industry/textile-apparels/textile-apparels-header.jpg) no-repeat;
    background-position: 50% 0%
}

.indus-food-features h3 {
    font-size: 1.2em
}

.indus-food-ban.indus-retail-ban button a {
    color: #fff
}

.indus-retail-features .description,
.indus-retail-compatible .description {
    color: rgb(59, 56, 56)
}

.indus-food-time .image-section img.img-responsive {
    width: 90%
}

.indus-discrete-access,
.indus-edu-access,
.indus-real-access,
.indus-ecomm-access,
.indus-life-access {
    padding-top: 10%;
    padding-bottom: 10%;
    min-height: 90vh
}

.indus-discrete-access {
    background: url(../images/solution/industry/discrete/Increase-productivity-Manufacturing-ERP-bg-1920x860.jpg);
    background-size: cover
}

.indus-edu-access {
    background: url(../images/solution/industry/education/education.jpg);
    background-size: cover
}

.indus-real-access {
    background: url(../images/solution/industry/real-estate/Unlimited-Collaboration-VIENNA-Advantage-Construction-ERP-software.jpg);
    background-size: cover
}

.indus-ecomm-access {
    background: url(../images/solution/industry/ecomm/Multi-dimensional-system-bg-1920x860.jpg);
    background-size: cover
}

.indus-life-access {
    background: url(../images/solution/industry/ecomm/Multi-dimensional-system-bg-1920x860.jpg);
    background-size: cover
}

.indus-retail-features {
    padding-top: 60px;
    padding-bottom: 60px
}

.indus-retail-ban {
    background: url(../images/solution/industry/retail-chain/retail-scm-ban.jpg);
    background-position-y: 50px
}

.indus-retail-features .features .info {
    text-align: center
}

.indus-retail-features .features .info img {
    margin: 0 auto
}

.indus-retail-access {
    background: url(../images/solution/industry/retail-chain/access-from-anywhere-retail.jpg);
    background-size: cover;
    padding-top: 125px;
    padding-bottom: 125px
}

.indus-retail-compatible ul li {
    display: inline;
    text-align: center
}

.indus-retail-compatible ul {
    display: inline-flex
}

.indus-retail-compatible ul li img {
    max-width: 100%;
    width: 60%
}

.indus-retail-compatible {
    padding-top: 60px;
    padding-bottom: 50px
}

.indus-retail-compatible h5 {
    margin-top: 20px;
    font-size: 1em
}

.indus-easy-dark {
    background-color: #3B3839;
    padding-top: 80px;
    padding-bottom: 80px
}

.indus-easy-dark .col-md-6 li h3 {
    font-size: 1.4em
}

.indus-easy-dark .right-side {
    float: right
}

.indus-easy-dark .col-md-6 li:before {
    content: "";
    background: url(../images/solution/industry/retail-chain/easy-to-use-icon.png);
    width: 25px;
    height: 30px;
    position: absolute;
    display: inline;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 4%
}

.indus-retail-growth {
    background: url(../images/solution/industry/retail-chain/retail-analytics-vienna.jpg);
    background-size: cover;
    background-position: 75% 50%;
    padding-top: 125px;
    padding-bottom: 125px
}

.indus-retail-yellow-sec {
    padding-top: 60px;
    padding-bottom: 50px;
    background: url(../images/solution/industry/retail-chain/know-your-customers-v2.jpg)
}

.indus-retail-yellow-sec .down-button button.btn.btn-primary {
    background-color: #009a9a
}

.indus-retail-yellow-sec .down-button button.btn.btn-primary a {
    color: #fff;
    text-transform: uppercase
}

.indus-retail-advantage .case-study p {
    position: absolute;
    background: #fff;
    padding: 7px 15px 10px;
    display: inline-block;
    left: 0;
    z-index: 1;
    color: rgb(249, 179, 29);
    font-weight: 700;
    text-transform: uppercase;
    top: -22px
}

.indus-retail-advantage .article {
    padding: 0;
    border-radius: 10px;
    border: 1px solid #efebeb;
    height: 100%;
    background: #fff;
}

.indus-retail-advantage .article:hover {
    border: 1px solid #efebeb
}

.indus-retail-advantage .card-blog {
    margin-top: 0;

    /*new 030321*/
    display: flex;
    flex-direction: column;
    height: 100%;
}

.indus-retail-advantage .card-plain .card-content {
    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

    /*new 030321*/
    display: flex;
    flex-direction: column;
    flex: 1;
}

.indus-retail-advantage .brochures-image-section .card-plain .card-image a img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.indus-retail-advantage .card .card-image .colored-shadow {
    filter: blur(0);
    position: absolute;
    top: 0;
}

.underline {
    text-decoration: underline
}

.indus-features .down-button a.simple-link {
    text-decoration: underline
}

.indus-features .down-button a.simple-link:hover {
    color: rgb(249, 179, 29) !important
}

.indus-retail-advantage.first-section {
    padding-top: 60px;
    padding-bottom: 60px
}

.indus-retail-footer {
    background: url(../images/solution/industry/retail-chain/indus-retail-footer-form-ban.jpg);
    background-size: cover;
    background-position: center
}

.indus-footer-form h3 {
    font-size: 2em
}

.indus-tex-features-sec {
    padding-top: 0;
    padding-bottom: 0
}

.indus-tex-features img.img-responsive {
    width: 90px;
    max-width: 100%
}

.indus-tex-features .down-button .btn.btn-primary {
    background: rgb(0, 132, 196) !important
}

.indus-tex-features .down-button .btn.btn-primary {
    color: #fff
}

.indus-tex-features .down-button .btn.btn-primary:hover {
    background: rgb(249, 179, 29) !important;
    border-color: rgb(249, 179, 29) !important
}

.indus-tex-industry-sec {
    background: url(../images/solution/industry/textile-apparels/textile-industry-bg.jpg);
    background-size: cover;
    padding-top: 10%;
    padding-bottom: 10%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat
}

.indus-tex-industry-sec .inner-para {
    max-width: 100%;
    width: 45%;
    margin: 10px auto 10px
}

.indus-tex-industry-sec .down-button .btn.btn-primary {
    background: rgb(249, 179, 29);
    border: none;
    box-shadow: 1px 1px 15px 1px grey !important
}

.indus-tex-industry-sec .down-button .btn.btn-primary {
    color: rgb(59, 56, 56)
}

.indus-tex-industry-sec .down-button .btn.btn-primary:hover {
    border: none !important
}

.indus-tex-plan .content-section {
    padding-right: 15%;
    margin-top: 80px
}

.indus-tex-plan {
    padding-top: 5%;
    padding-bottom: 5%
}

.indus-tex-plan .second-row .content-section {
    padding-left: 10%;
    margin-top: 90px;
    padding-right: 0
}

.indus-tex-plan .third-row .content-section {
    margin-top: 115px
}

.indus-tex-plan hr {
    margin-top: 100px;
    margin-bottom: 100px;
    max-width: 100%;
    width: 70%
}

.indus-tex-compatible ul li img {
    max-width: 100%;
    width: 50%
}

.indus-tex-footer {
    background: url(../images/solution/industry/textile-apparels/textiles-apparels-footer.jpg);
    padding: 80px 0
}

.indus-food-ban.indus-education-ban {
    background: url(../images/solution/industry/education/industry-education-header.jpg);
    background-position-x: center;
    background-position-y: 50px
}

.indus-pos-jump-menu h2 {
    color: rgb(249, 179, 29)
}

.indus-pos-jump-menu p {
    color: rgb(117, 112, 112)
}

.indus-pos-jump-menu .simple-link-bottom a {
    padding: 10px 15px !important
}

.indus-pos-jump-menu .navbar.navbar-inverse ul li.active a {
    background: rgb(249, 179, 29);
    color: rgb(59, 56, 56) !important
}

.indus-pos-jump-menu .section-first a {
    text-decoration: underline
}

.indus-pos-jump-menu .panel .panel-heading.active .panel-title {
    color: #fff !important
}

.indus-pos-jump-menu .panel .panel-heading .panel-title {
    color: rgb(117, 112, 112) !important
}

.indus-pos-jump-menu .toggle-section .panel .panel-heading a {
    text-decoration: none
}

.indus-pos-jump-menu .toggle-section .panel.panel-default .panel-heading+.panel-collapse .panel-body {
    color: rgb(117, 112, 112) !important
}

.indus-pos-jump-menu .toggle-section .panel-heading.active {
    background: #757070
}

.indus-pos-jump-menu hr {
    margin-bottom: 50px;
    margin-top: 50px
}

.indus-pos-jump-menu div#side-nav.affix {
    top: 15%
}

.indus-pos-jump-menu .full-div.pos-gif-image img {
    width: 100% !important
}

.indus-pos-ban {
    background: none !important;
    background-color: #4e5167 !important;
    padding-top: 175px;
    padding-bottom: 80px
}

.indus-pos-ban h5:after {
    content: "";
    background: rgb(249, 179, 29);
    height: 3px;
    width: 48px;
    position: relative;
    top: 20px;
    display: inline-block;
    bottom: 0;
    left: -18%
}

.indus-pos-jump-menu .retail-analytics-sec li:before {
    content: "";
    background: url(../images/home-page/tick.png);
    height: 30px;
    width: 30px;
    position: absolute;
    display: inline-block;
    top: 5px;
    left: -7%;
    background-repeat: no-repeat;
    background-size: 60%
}

.indus-pos-jump-menu .retail-analytics-sec li {
    list-style: none;
    display: flex;
    position: relative;
    line-height: 1.7em
}

.indus-pos-jump-menu .retail-analytics-sec ul {
    padding-left: 20px
}

.posmodules-video .content-section {
    float: right
}

.posmodules-video hr {
    margin-top: 0
}

.relationship-video.posmodules-video {
    padding-top: 0
}

.posmodules-benefits .down-button button.btn a {
    color: #fff
}

.posmodules-benefits .down-button button.btn {
    background: #0084c4
}

.posmodules-video a.btn {
    text-decoration: none
}

.posmodules-open-source {
    background: url(../images/products/erp-crm/posmodules/free-open-source-pos.jpg) !important;
    background-position: 75% 50% !important;
    background-size: cover !important;
    min-height: 760px
}

.posmodules-sales-growth {
    padding-top: 100px;
    padding-bottom: 100px
}

.posmodules-softwaresolution .left-side,
.posmodules-softwaresolution .right-side {
    padding-right: 0;
    text-align: center
}

.posmodules-softwaresolution .left-side,
.posmodules-softwaresolution .right-side {
    padding-right: 0;
    text-align: center
}

.posmodules-softwaresolution .left-side {
    padding-right: 0
}

.posmodules-softwaresolution .right-side {
    padding-left: 0
}

.posmodules-softwaresolution .content-div li {
    list-style: none;
    line-height: 2.3em;
    color: rgb(117, 112, 112)
}

.posmodules-softwaresolution .content-div li a {
    color: rgb(117, 112, 112);
    font-size: 18px
}

.posmodules-softwaresolution .title-div {
    padding-top: 30px;
    padding-bottom: 40px;
    color: #fff
}

.posmodules-softwaresolution .left-side .title-div {
    background: url(../images/products/erp-crm/posmodules/retail-scm-header.jpg);
    background-size: cover
}

.posmodules-softwaresolution .right-side .title-div {
    background: url(../images/products/erp-crm/posmodules/restaurant-solution-header.jpg);
    background-size: cover
}

.posmodules-softwaresolution .title-div hr {
    color: #fff !important;
    max-width: 100%;
    width: 90%
}

.posmodules-softwaresolution .content-div {
    background: #f7f5f5;
    padding-top: 30px;
    padding-bottom: 30px
}

.posmodules-softwaresolution .content-div ul {
    padding-left: 0
}

.posmodules-softwaresolution {
    padding-top: 70px;
    padding-bottom: 80px
}

.posmodules-softwaresolution .left-side-content:hover,
.posmodules-softwaresolution .right-side-content:hover {
    box-shadow: 1px 1px 20px 1px grey;
    position: relative;
    z-index: 999
}

.posmodules-softwaresolution .left-side button.btn {
    background: rgb(249, 179, 29)
}

.posmodules-softwaresolution .right-side button.btn {
    background: #00c5cd
}

.posmodules-softwaresolution .content-div button.btn a {
    color: #fff;
    font-weight: 700
}

.posmodules-features .simple-box {
    background: #fff;
    min-height: 160px
}

.posmodules-benefits .down-button button.btn.btn-primary {
    text-transform: uppercase
}

#leaf-contents .on-content {
    display: block
}

#leaf-contents&gt;div:not(:first-child) {
    display: none
}

#circle-contents&gt;div:not(:first-child) {
    display: none
}

.activeLeaf,
.leaf-hover-shadow:hover {
    filter: url("#drop-shadow")
}

.activeSeg {
    opacity: .95
}

g#eGovSys&gt;*,
g#Layer_2&gt;* {
    cursor: pointer
}

g#text {
    cursor: hand;
    pointer-events: none;
}

.footer-svg {
    height: 0
}

.indus-gov-erp-system .image-section img.img-responsive {
    max-width: 100%;
    width: 85%
}

.indus-gov-erp-system .content-row {
    margin-top: 60px
}

.indus-gov-erp-system {
    padding-top: 80px;
    padding-bottom: 90px
}

.indus-gov-erp-system .down-button {
    margin-top: 50px
}

.indus-gov-erp-system .down-button button a {
    text-transform: uppercase
}

.indus-gov-erp-system .down-button a.simple-link {
    color: rgb(117, 112, 112);
    text-decoration: underline
}

.indus-gov-erp-system h3 {
    font-size: 1.2em
}

.indus-gov-erp-system .content-row .round-border {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    cursor: pointer
}

.indus-gov-erp-system .content-row .round-border-1 {
    border: 2px solid #bfbfbf;
    background-color: #bfbfbf;
    box-shadow: 0 0 5px 5px #e8e7e7
}

.indus-gov-erp-system .content-row .round-border-1:focus {
    background-color: #bfbfbf
}

.indus-gov-erp-system .content-row .round-border-2 {
    border: 2px solid #7760a9
}

.indus-gov-erp-system .content-row .round-border-2:focus {
    background-color: #8c73b5
}

.indus-gov-erp-system .content-row .round-border-3 {
    border: 2px solid #2bace2
}

.indus-gov-erp-system .content-row .round-border-3:focus {
    background-color: #42b5e7
}

.indus-gov-erp-system .content-row .round-border-4 {
    border: 2px solid #8ec641
}

.indus-gov-erp-system .content-row .round-border-4:focus {
    background-color: #9cce5a
}

.indus-gov-erp-system .content-row .round-border-5 {
    border: 2px solid #faa61a
}

.indus-gov-erp-system .content-row .round-border-5:focus {
    background-color: #ffb531
}

.indus-gov-erp-system .content-row .round-border-6 {
    border: 2px solid #F15B2A
}

.indus-gov-erp-system .content-row .round-border-6:focus {
    background-color: #f86a3b
}

.indus-gov-erp-system .content-row ul {
    display: inline-flex;
    padding-left: 0;
    margin-top: 30px
}

.indus-gov-erp-system .content-row ul li {
    list-style: none;
    margin-right: 10px
}

.indus-gov-one-erp .content-row ul {
    margin-top: 40px
}

.indus-gov-key-modules .col-three-row .content-box {
    text-align: left;
    box-shadow: none;
    min-height: 330px
}

.indus-gov-key-modules .col-three-row ul {
    padding-left: 0;
    margin-top: 20px
}

.indus-gov-key-modules .full-col-row {
    background: #fff;
    border-radius: 6px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 20px
}

.indus-gov-key-modules {
    padding-top: 50px;
    padding-bottom: 60px
}

.indus-gov-key-modules .full-col-row h5 {
    font-size: 25px
}

.indus-gov-key-modules .full-col-row h5.sub-title {
    font-size: 18px;
    color: rgb(249, 179, 29)
}

.indus-gov-key-modules .full-col-row ul {
    padding-left: 0
}

.indus-footer-form {
    background-size: cover;
    padding: 80px 0
}

.indus-food-ban {
    background: url(../images/solution/industry/food-resturant-header.jpg) no-repeat;
    background-position: 50% 0%
}

.e-gov-ban {
    background: url(../images/solution/industry/e-governance/e-governance-header.jpg) no-repeat;
    background-position: 50% 0%
}

.indus-footer-form.e-gov-footer-form {
    background-image: url(../images/solution/industry/e-governance/e-governance-form-bg.jpg);
    padding: 80px 0;
    background-repeat: no-repeat;
}

.indus-gov-random-image .full-width-container .images-div ul {
    display: inline-flex;
    padding-left: 0;
    margin-bottom: 0;
    width: 100vw
}

.indus-gov-random-image .full-width-container .images-div ul li {
    list-style: none;
    max-width: 100% !important;
    width: 14.28% !important
}

.indus-gov-random-image .full-width-container .images-div ul li img {
    max-width: 100%;
    width: 100% !important
}

.indus-gov-random-image .gov-ministries ul {
    padding: 0
}

.indus-gov-random-image .gov-ministries ul li {
    font-weight: 500
}

.list-style-yellow-tick li {
    list-style: url(../images/tick-mark.png);
    margin-left: 25px;
    line-height: 2em
}

.indus-gov-random-image .gov-ministries {
    max-width: 100%;
    width: 45%;
    pointer-events: none
}

.indus-gov-random-image .gov-ministries {
    max-width: 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 auto !important;
    top: 0%;
    left: 0%;
    background: rgba(249, 249, 249, .775);
    background: -webkit-radial-gradient(#F9F9F9, rgba(249, 249, 249, .55));
    background: -moz-radial-gradient(#F9F9F9, rgba(249, 249, 249, .55));
    background: -ms-radial-gradient(#F9F9F9, rgba(249, 249, 249, .55));
    background: -o-radial-gradient(#F9F9F9, rgba(249, 249, 249, .55));
    background: radial-gradient(#F9F9F9, rgba(249, 249, 249, .65));
    display: flex;
    align-items: center
}

.indus-gov-random-image .gov-ministries .second-row {
    max-width: 100%;
    width: 70%;
    margin: 0 auto
}

.indus-gov-random-image .gov-ministries .second-row .col-md-4:nth-child(2) ul,
.indus-gov-random-image .gov-ministries .second-row .col-md-4:nth-child(3) ul {
    padding-left: 0
}

.indus-gov-random-image {
    position: relative
}

.gov-ministries .down-button .btn.btn-primary {
    padding: 10px 20px;
    background: rgb(249, 179, 29);
    border: 1px solid rgb(249, 179, 29);
    pointer-events: auto
}

.gov-ministries .down-button .btn.btn-primary {
    color: rgb(59, 56, 56)
}

.indus-gov-random-image .full-width-container .images-div-3,
.indus-gov-random-image .full-width-container .images-div-2 {
    margin-top: -5px !important
}

.indus-gov-random-image .full-width-container .images-div ul li img {
    border-bottom: 3px solid #fff !important;
    border-right: 2px solid #fff !important
}

.indus-gov-erp-system .btn.btn-primary {
    text-transform: uppercase
}

.product-green-ban nav.navbar.navbar-danger.navbar-transparent.navbar-absolute {
    top: 0;
    padding-top: 12px
}

.erp-crm-html-wrap .product-green-ban nav.navbar.navbar-danger.navbar-transparent.navbar-absolute {
    background: #0084c4
}

.VAF-html-wrap .product-green-ban nav.navbar.navbar-danger.navbar-transparent.navbar-absolute {
    /* framework page new design */
    /* background: #006464 */
}
.onfinity-banner{padding-top: 66px;}
.va-feeldWrapper{padding: 1.5em 0;}

.bi-html-wrap .product-green-ban nav.navbar.navbar-danger.navbar-transparent.navbar-absolute {
    background: #1d5d76
}

.home-html-wrap article:first-child {
    margin-top: -16px
}

.erp-feature-page-htmltag .product-green-ban .navbar-absolute {
    margin-top: 0 !important
}

.product-green-ban nav.top-sub-menu-transparent {
    position: fixed;
    margin-top: 65px;
    border-bottom: none !important;
    z-index: 3
}

.product-green-ban nav.top-sub-menu-transparent li {
    list-style: none;
    float: left;
    padding: 3px 8px 5px;
}

.product-green-ban nav.top-sub-menu-transparent ul {
    position: absolute;
    right: 30px;

    /* framework page new design */
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

.product-green-ban nav.top-sub-menu-transparent.logo-on-scroll {
    margin-top: 0
}

.footer-custom hr {
    margin-bottom: 0
}

.footer-big.footer-custom {
    padding: 30px 0 0
}

.footer-logo-col img {
    margin-top: 12px
}

li.footer-country-link a {
    display: inline;
    padding: 1px !important
}

footer .footer-form .btn.btn-primary:last-child {
    width: 96%
}

footer .footer-form .btn.btn-primary {
    background: transparent;
    border: 1px solid #b9b5b5;
    padding: 10px;
    text-align: left;
    margin-bottom: 0
}

footer .footer-form .btn.btn-primary:hover {
    border: 1px solid rgb(249, 179, 29);
    background: rgb(249, 179, 29) !important
}

footer .footer-form .btn.btn-primary:hover {
    color: rgb(56, 56, 56) !important
}

.comm-signup select.input-medium.bfh-countries {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-bottom: 5px
}

footer ul.links-vertical li .footer-social-icon li {
    display: inline-block !important;
    margin: 6px
}

footer ul.links-vertical li .footer-social-icon li:first-child {
    margin-left: 0
}

footer li a:hover {
    color: rgb(249, 179, 29)
}

.footer-form input::placeholder {
    color: grey
}

footer ul.links-vertical li .footer-social-icon li .btn-round {
    background: #333;
    padding: 6px !important;
}

.inner-links li {
    line-height: 1.3
}

.footer-black .social-icon {
    margin-top: 20px;
    margin-bottom: 20px
}

.footer-black {
    background-color: #555555 !important
}

.footer-form input[type="email"] {
    background: transparent;
    margin-bottom: 10px;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px
}

.footer-form input::placeholder {
    color: grey !important
}

.color-blue {
    color: rgb(0, 132, 196) !important
}

footer ul {
    margin: 0
}

.form-text-wrap {
    float: left;
    width: 100%
}

.form-text-wrap strong {
    margin-bottom: 5px;
    display: block
}

.data-check-label {
    float: left;
    width: 100%;
    margin-top: 5px
}

.data-check-label input {
    float: left;
    margin-right: 10px !important
}

.data-check-label label {
    font-weight: 400;
    width: calc(100% - 23px)
}

.font-size-18 {
    font-size: 18px
}

.font-size-2_2 {
    font-size: 2.2em
}

.font-size-1_4 {
    font-size: 1.4em
}

.font-size-30 {
    font-size: 30px
}

.indus-life-access p {
    line-height: 1.7em
}

.popup-overlaywrap {
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    top: 0;
}

.popup-head {
    color: #fff;
    text-align: right;
    padding: 8px 0;
    font-size: 20px;
}

@media (min-width:1921px) {
    .vaf-second-section .image-section img {
        width: 60%
    }

    body p,
    body li,
    .va-cloudKeyBenefitBox h5 {
        font-size: 1.3em;
    }
}

@media (min-width:1440px) {
    .vaf-overview-ban .container {
        margin-top: -68px
    }

    .dms-overview-ban .container {
        margin-top: 0
    }
    .banner-slider .carousel .carousel-caption{left: 0; right: 0; margin: auto;}
}

@media (max-width:1440px) {
    .banner-slider .dynamic-text li{font-size: 1.2em;}
    .banner-slider .carousel .carousel-caption{left: 0; right: 0; margin: auto;}
    h1,
    .h1 {
        font-size: 2.5em
    }

    

    .clickable-row .cd-single-point:nth-of-type(7) .cd-more-info.cd-right.cd-receipt {
        top: -33vh !important
    }

    .clickable-row li.cd-single-point:nth-of-type(1) {
        top: 150px
    }

    .clickable-row li.cd-single-point:nth-of-type(2) {
        top: 186px
    }

    .clickable-row li.cd-single-point:nth-of-type(3) {
        top: 400px
    }

    .home-page .navbar-right .solution-dropdown {
        width: 80%
    }

    #erpindustries-icons ul li {
        width: 80px;
        height: 80px
    }

    #erpindustries-icons-right ul li {
        width: 80px;
        height: 80px
    }

    .va-advantages .home-feature p {
        min-height: auto
    }

    .va-erp-innovation img {
        height: 400px
    }

    .bi-overview-ban .banner-btn-transparent {
        padding: 11px 18px
    }

    .bi-overview-ban .content-section {
        margin-top: 70px
    }

    .va .navbar-right .product-dropdown {
        /* max-width: 80% */
    }

    .va-home-ban img.img-responsive.col-sm-12, .va-top-erp img.img-responsive.col-sm-12 {
        width: 50%
    }

    .vaf-second-section .image-section img {
        max-width: 100%;
        width: 90%;
        position: absolute;
        top: -68px
    }

    .vaf-second-section {
        padding-top: 30px
    }

    .step1svg {
        position: absolute;
        bottom: -66px;
        z-index: 999;
        width: 100%;
        left: 18px
    }

    .indus-retail-access {
        padding-top: 100px;
        padding-bottom: 100px;
        background-position: 32% 20% !important
    }

    .indus-retail-growth {
        background-position: 40% 44% !important;
        padding-top: 100px;
        padding-bottom: 100px
    }

    .indus-gov-random-image .gov-ministries {
        top: 0%
    }

    .indus-gov-random-image .gov-ministries .second-row {
        width: 58%
    }
}


@media (min-width:1200px) {
    .page-header.va-home-ban, .page-header.va-top-erp {
        height: 80vh
    }
    
}
@media (max-width:1200px) {
    .homepage-bannercontent .row img{max-width: 80%;}
    
    
}


@media (min-width:1199px) {
    .va-analyticsDataWarehousing {
        background-position-x: 35%;
    }
}


.product-overview-ban .col-md-4.content-section {
    margin-top: 0
}

.product-overview-ban h1.title br {
    display: none
}

.product-overview-ban h1.title {
    font-size: 2em;
}

.va-advantages.pro-overview-advantage .features.overview-feature.overview-feature-second p {
    min-height: auto
}

.step1svg {
    bottom: -52px;
    width: 96%
}

.overview-round-section-img {
    margin-top: -162px
}

.boost-features .features-2 {
    padding-bottom: 30px
}

.product-bi-features-first.pro-bi-fea-first-section .col-md-3 .nav&gt;li {
    display: block;
    margin-bottom: 0
}

.product-bi-features-first.pro-bi-fea-first-section div#side-nav.affix {
    width: 220px;
    top: 50px;
    max-width: 100%;
    min-height: auto;
    background: #fff !important;
    z-index: 1
}

.pro-bi-fea-first-section .book-demo-btn {
    background: #00c76c;
    padding: 2px 15px
}

.indus-retail-access {
    padding-top: 60px;
    padding-bottom: 60px
}

.indus-retail-growth {
    padding-top: 60px;
    padding-bottom: 60px;
    min-height: 700px
}

.indus-retail-features .margin-top-50 {
    margin-top: 20px !important
}

.indus-features .down-button {
    margin-top: 70px
}

.indus-retail-compatible {
    padding-top: 60px;
    padding-bottom: 40px
}

.indus-retail-advantage .case-study p {
    /* bottom: 38% */
}

.posmodules-video .iframe-video iframe {
    /*width: 450px!important;*/
    max-width: 100%
}

.posmodules-video a.btn {
    padding-left: 0
}

.posmodules-open-source a.btn {
    padding-left: 0
}

.posmodules-features .simple-box {
    background: #fff;
    min-height: 225px
}

.posmodules-features {
    padding-top: 50px
}

.posmodules-softwaresolution {
    padding-top: 50px;
    padding-bottom: 60px
}

.posmodules-softwaresolution .margin-top-70 {
    margin-top: 50px !important
}

.relationship-costumer-ban {
    padding-top: 160px
}

.indus-food-easy .image-section img.img-responsive {
    top: 70px;
    float: none
}

.indus-food-mobile .image-section img.img-responsive {
    top: -100px
}

.indus-food-features .features-2 {
    padding: 20px 0
}

@media (max-width:980px) {
    .benefits-grid{grid-template-columns: repeat(2, 1fr);}
}

@media (min-width:768px) {
    #brochure-form .modal-dialog {
        width: 900px;
        margin: auto;
        height: 432px;
        top: 0;
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0
    }

    .modal-dialog {
        width: 740px
    }    
    
}

@media (max-width:768px) {
    .va-erp-localization .flexbox-wrap h5 {
        margin-top: 15px
    }

    .org-edition-first-section .content-div {
        display: block
    }

    .services-page-ban h4:after {
        left: 47% !important
    }

    .solution-nav .nav {
        width: 100%
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse li:first-child {
        display: none
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse li {
        width: 33%;
        margin-bottom: 0
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse.affix li {
        width: 33%
    }

    .head-icon {
        background-color: none;
        display: flex !important;
        float: left !important;
        margin-top: 20px;
    }

    .head-icon a {
        margin: 0px !important
    }

    .head-icon.head-icon-first {
        margin-left: 6%;
    }

    .fb-after-grey:before {
        background: none !important;
        top: 3px
    }

    .dev-pro-first-section .recapcha-div {
        float: none;
        left: 0;
        text-align: center
    }

    .va ul.nav li a i {
        color: #3C4858
    }

    .nav-open nav .navbar-header .navbar-brand {
        -webkit-transform: translate3d(245px, 0, 0);
        -moz-transform: translate3d(245px, 0, 0);
        -o-transform: translate3d(245px, 0, 0);
        -ms-transform: translate3d(245px, 0, 0);
        transform: translate3d(245px, 0, 0)
    }

    .dms-ban-va .dms-feature-jump-menu ul.nav li a i {
        color: rgb(19, 175, 239) !important
    }

    .va .navbar .navbar-nav&gt;li.open&gt;.dropdown-menu {
        background: #f2f2f2 !important
    }

    .dms-ban-va .navbar .navbar-nav&gt;li&gt;a {
        color: #3C4858 !important
    }

    .dms-ban-va ul.nav li a i {
        color: #3C4858 !important
    }

    .pfc-jump-menu.dms-feature-jump-menu div#side-nav.affix {
        width: 170px;
        padding: 10px 0;
        box-shadow: none
    }

    .indus-pos-ban h5:after {
        left: -28%;
        width: 38px
    }

    .product-page-jump-menu hr {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .dms-feature-jump-menu hr {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .dev-pro-first-section .submit-div {
        text-align: left
    }

    .dev-pro-first-section .terms-div {
        text-align: left
    }

    .product-overview-ban.vaf-overview-ban.dms-overview-ban .image-section img {
        top: 56px
    }

    .dms-overview-ban .height-div {
        height: 40px !important
    }

    .dms-video-sec img {
        max-width: 100%;
        margin: 0 auto
    }

    .dms-video-sec .col-md-4 {
        margin-bottom: 30px
    }

    .top-sub-menu-transparent {
        z-index: 0
    }

    .top-sub-menu-transparent.logo-on-scroll {
        z-index: 1
    }

    .va-indus-mainbg {
        background-image: url(../images/products/erp-crm/overview/erp-for-manyindustries/how-va-helps-your-indutry-768.jpg);
        background-size: cover;
        background-repeat: no-repeat
    }

    .va-indus-mainbg .container .content .col-md-5.content-section {
        padding-top: 40px
    }

    .success-stories-partner.first-section {
        padding-bottom: 30px
    }

    .technical-features.core-modules-features {
        padding-top: 60px
    }

    .padding-div-right {
        padding-right: 15px
    }

    .vaf-first-section {
        padding-bottom: 60px
    }

    .vaf-third-section hr {
        margin-top: 40px;
        margin-bottom: 20px
    }

    .skew-technical-features button.btn.btn-primary {
        padding: 10px 40px
    }

    .gif-video-section {
        padding-top: 60px
    }

    .gif-video-second {
        padding-bottom: 50px
    }

    .erp-crm-features .features.margin-top-50 {
        margin-top: 0px !important
    }

    .va-advantages.erp-crm-features .features .col-md-4:nth-child(2) .info {
        padding-bottom: 20px
    }

    .va-advantages.erp-crm-features .features p {
        min-height: auto !important
    }

    .pro-overview-solution ul li {
        display: inline-block;
        float: none
    }

    .contact-us-form #contact-form .col-md-4 {
        text-align: left
    }

    .comm-edition h3 {
        margin-top: 0
    }

    .benefits-for-about-page .col-md-3 {
        max-width: 100%;
        margin: 0 auto
    }

    .find-partner-middleeast .content .partner-box .contact-info {
        min-height: auto !important
    }

    .comm-signup .bootstrap-select.btn-group .dropdown-menu.inner {
        width: 100px
    }

    .va-home-erp-solution h3.description br {
        display: none
    }

    .become-partner-form .col-md-12 {
        padding-left: 15px;
        padding-right: 15px
    }

    .become-partner-form select.interest-select {
        width: 100%
    }

    .become-partner-form .partner-form textarea#message {
        width: 100%
    }

    .become-partner-form .col-md-8.content-section .col-md-6 {
        padding-left: 15px
    }

    .become-partner-form button.btn.dropdown-toggle {
        margin-bottom: 10px
    }

    .installation-package-second .content-box p {
        min-height: auto;
        margin-bottom: 10px
    }

    .skew-technical-features .simple-box {
        min-height: 200px
    }

    .erp-crm-framework button.btn.btn-primary {
        padding: 10px 40px;
        font-size: 14px
    }

    .erp-first-section .content-section ul.nav.nav-pills {
        max-width: 100%;
        width: 100% !important;
        margin: 0 auto;
        padding-left: 0
    }

    .product-erp-cloud hr {
        width: 100%
    }

    .product-erp-cloud button.btn.btn-primary a {
        font-size: 12px
    }

    .padding-left-div {
        padding-left: 15px
    }

    .relationship-video .second-row img,
    .relationship-video .fourth-row img {
        float: none
    }

    .organization-first-section .full-container {
        padding-left: 20px;
        padding-right: 20px
    }

    .organization-first-section .content-section {
        padding-right: 20px
    }

    .organization-first-section h2.sub-title {
        font-size: 20px
    }

    h3.sub-description {
        font-size: 1.1em
    }

    .solution-edition-ban {
        padding-bottom: 80px
    }

    .grow-your-business h2.sub-title {
        /* font-size: 22px */
    }

    footer .footer-form button.btn.btn-primary:last-child {
        width: 44%;
        display: block;
        margin-top: 0
    }

    footer ul.links-vertical li .footer-social-icon li {
        margin: 0
    }

    .home-page .dropdown-menu.solution-dropdown li.col-md-3.dropdown-col-border {
        width: 100% !important
    }

    .va .navbar-nav .dropdown-menu.product-dropdown .dropdown-col-3 {
        width: 100%
    }

    .community-inner-va nav.top-sub-menu-transparent {
        z-index: 11;
        margin-top: 80px
    }

    .community-inner-va .page-header .container {
        padding-top: 150px
    }

    header .navbar-collapse .nav .dropdown-menu.partner-dropdown li&gt;a {
        display: block
    }

    #brochure-form .modal-content {
        box-shadow: none;
        background: transparent;
        max-width: 100%;
        width: 100%
    }

    #brochure-form .modal-dialog {
        margin: 20px auto;
        overflow-y: auto;
        width: 60%
    }

    .va .navbar-nav .dropdown-col-3 .product-dropdown-first {
        float: left;
        width: 100%
    }

    .va .nav .dropdown-menu h6 {
        margin: 0
    }

    .va .dropdown-menu li.col-md-3.dropdown-col-border {
        border-top: 1px solid grey;
        border-left: none;
        border-bottom: none;
        height: 100%;
        width: 100%;
        margin-bottom: 10px;
        padding-top: 10px
    }

    .va .navbar-right .product-dropdown,
    .va .navbar-right .solution-dropdown {
        max-width: 100%
    }

    .va .nav li.open ul.dropdown-menu.mega-dropdown-menu {
        overflow: scroll;
        max-height: 50vh
    }

    .va .navbar-nav .dropdown-menu .dropdown-col {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
        margin-left: 0
    }

    .va .navbar-nav .dropdown-menu li.col-md-3.dropdown-col.dropdown-col-3 {
        margin-bottom: 10px
    }

    .va .navbar-nav .dropdown-menu li.dropdown-header {
        font-size: 14px;
        margin-left: 0;
        margin-right: 0;
    }

    .va header .navbar-collapse .dropdown-menu li.dropdown-col ul {
        padding-left: 0
    }

    .va-partner-ecosystem h5:after {
        left: 0%
    }

    .svg-content h2.sub-title {
        font-size: 18px
    }

    .svg-section {
        margin-top: 0%;
        max-width: 100%;
        width: 100%;
        bottom: 0
    }

    .va-advantages {
        padding-top: 20px
    }

    svg#circlesvg {
        height: 100%;
        position: relative
    }

    .row.svg-row.flex-middle-align {
        display: flex;
        flex-direction: column-reverse;
        align-items: normal
    }

    .svg-content {
        margin-top: 0
    }

    .footer ul.footer-social-icon {
        display: inline
    }

    .footer ul.footer-social-icon li {
        padding-right: 10px
    }

    .footer .col-md-2,
    .footer .col-md-3 {
        /* width: 45%; */
        float: left;
        text-align: left
    }

    .va-have-question h2.sub-title {
        font-size: 22px
    }

    footer .footer-form .btn.btn-primary {
        width: auto !important;
    }

    .community-va .navbar-header .navbar-toggle {
        /* background: #0084c4; */
        max-width: 42px
    }

    h2.sub-title {
        margin-bottom: 0
    }

    h3,
    .h3 {
        /* margin-bottom: 0 */
    }

    .footer-big .content {
        text-align: inherit
    }

    .va-inner-ban .container {
        padding-top: 100px;
        color: #FFF
    }

    .va .va-inner-ban {
        height: auto;
        min-height: auto
    }

    .width-eighty {
        width: 100%
    }

    .page-header.va-home-ban .container, .page-header.va-top-erp .container {
        padding-top: 80px;
        width: 100%;
    }

    .page-header .container {
        padding-top: 0
    }
   

    .page-header.header-filter.va-home-ban, .page-header.header-filter.va-top-erp {
        min-height: 505px;
        margin-top: -20px
    }

    .va-advantages {
        padding-top: 30px
    }

    .va-home-ban img.img-responsive.col-sm-12, .va-top-erp img.img-responsive.col-sm-12  {
        margin-bottom: -50px !important
    }

    .va-advantages .features .col-md-4:nth-child(2) .info,
    .va-advantages .features .col-md-4:nth-child(3) .info {
        padding: 0
    }

    .va-advantages .section {
        padding: 40px 0 30px
    }

    .va-advantages .features p {
        min-height: auto
    }

    .va-home-erp-solution h2.sub-title {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .skew-container .col-md-6:nth-child(2) {
        margin-top: 40px
    }

    .va-partner-ecosystem {
        margin-bottom: -60px
    }

    .va-success-stories .col-md-2 img {
        max-width: 100%;
        width: 25%
    }

    .va-success-stories .col-md-3 img {
        max-width: 100%;
        width: 25%
    }

    .va-testimonial-carousel .col-md-4 .testimonial-content {
        /*new changes 27-07*/
        margin: 30px auto;
    }

    .testimonial-content h5 {
        /*new changes 27-07*/
        -webkit-line-clamp: 2;
        min-height: 60px;
    }

    .va-success-stories {
        padding-top: 40px
    }

    .va-testimonial-carousel .carousel-indicators {
        position: absolute;
        bottom: -5%
    }

    .logo-carousel .carousel-indicators {
        position: absolute;
        bottom: -5%
    }

    .logo-carousel.home-logo-carousel .carousel-indicators {
        position: absolute;
        bottom: -20%
    }

    .va-have-question br {
        display: none
    }

    .comm-edition img {
        max-width: 100%;
        float: none
    }

    .edition-btn {
        left: 0%;
        position: relative
    }

    .comm-case-study .info {
        padding-bottom: 30px
    }

    .comm-case-study img.img-responsive {
        max-width: 100%;
        width: 70%
    }

    .comm-case-study {
        padding-top: 40px;
        padding-bottom: 30px
    }

    .va-advantages .features .col-md-4 .info {
        padding-top: 40px !important
    }

    .comm-signup {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .comm-rich h3 br {
        display: none
    }

    .partnership .image-section img {
        margin: 0 auto
    }

    .va .va-partner-ban.va-inner-ban {
        height: auto;
        min-height: auto
    }

    .benefits-for-partner {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .partner-levels {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .partner-fullysupported {
        padding-bottom: 40px
    }

    .partnership .row.content {
        margin-top: 20px !important;
        text-align: center
    }

    .partnership .image-section {
        margin-top: 30px
    }

    .benefits-for-partner .info {
        padding-top: 10px
    }

    .benefits-for-partner .col-md-3 .info {
        padding-top: 40px
    }

    .partner-levels .col-md-6:last-child {
        margin-top: 20px !important
    }

    .logo-on-scroll .fb-after:before {
        display: none
    }

    .partner-levels .row.second,
    .partner-levels .row.third {
        margin-top: 50px
    }

    .partner-levels .third img {
        margin-top: 30px
    }

    .partner-fullysupported .col-md-5.text-left {
        margin-bottom: 30px
    }

    .find-partner .row.content {
        margin-top: 50px !important
    }

    .find-partner .row.content.second {
        margin-top: 0px !important
    }

    .find-partner .row.content.third {
        margin-top: 0px !important
    }

    .brochures-image-section .article {
        padding: 10px 15px;
        max-width: 100%;
        margin: 0 auto
    }

    .brochures-image-section .card.upper-text {
        max-width: 100%;
        width: 36%;
        left: 22%
    }

    .brochures-image-section p.card-description {
        text-align: center;
        width: 100%
    }

    .brochures-image-section h3.card-title {
        padding-bottom: 40px
    }

    .brochures-image-section {
        margin-top: 20px !important
    }

    .product-brochures button.btn.btn-primary {
        margin-top: 0
    }

    .installation-package .row.content {
        margin-top: 20px !important;
        text-align: center
    }

    .installation-package .content-section {
        text-align: center;
        margin-top: 40px
    }

    .installation-package h2.sub-after.sub-title:after {
        left: 37%
    }

    .content-box {
        max-width: 100%;
        margin: 0 auto
    }

    .content-box-second {
        margin-top: 40px
    }

    .partner-box {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 70px
    }

    .find-partner .partner-box {
        min-height: auto
    }

    .partner-box .title {
        width: 45%
    }

    .find-partner {
        padding-top: 10px;
        padding-bottom: 20px
    }

    .success-stories-partner .content.second,
    .success-stories-partner .content.third {
        margin-top: 0px !important
    }

    .success-stories-partner .partner-box {
        min-height: auto
    }

    .va-have-question h2.sub-title {
        font-size: 22px
    }

    .about-contact-us button.btn.btn-primary {
        width: 25%
    }

    .about-heart .features img.img-responsive {
        margin: 0 auto;
        width: 40% !important;
        max-width: 100%;
        height: auto
    }

    .va-about-ban img.img-responsive {
        width: 60px
    }

    .about-heart .features .info {
        padding-top: 10px
    }

    .about-heart .features .col-md-4:first-child .info {
        padding-top: 40px
    }

    .simple-box {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    .erp-first-section .tab-pane img {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    .product-erp-cloud img,
    .erp-flexible-section img {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    .core-modules-ban h3.description {
        margin-top: 10px
    }

    .costumer-crm-system .simple-box {
        /* min-height: auto */
    }

    .costumer-crm-system h2.title {
        font-size: 1.8em
    }

    .relationship-video .third-row {
        margin-top: 70px !important;
        display: flex;
        flex-direction: column-reverse
    }

    .relationship-video hr {
        margin-top: 50px;
        margin-bottom: 40px
    }

    .relationship-video .second-row .col-md-6.image-section {
        margin-top: 40px
    }

    .costumer-relationship-first .top-image {
        width: 70%;
        margin-bottom: -25%
    }

    .relationship-costumer-ban h5:after {
        /* left: -28% */
    }

    .costumer-relationship-first .features .info {
        padding-top: 15px !important
    }

    .costumer-relationship-first .info p {
        text-align: center
    }

    .costumer-relationship-first .features .col-md-4:first-child .info {
        padding-top: 40px !important
    }

    .relationship-costumer-ban br {
        display: none
    }

    .relationship-video {
        padding-top: 20px
    }

    .relationship-video .third-row {
        margin-top: 50px !important
    }

    .relationship-video .fourth-row {
        margin-top: 50px !important
    }

    .relationship-video .third-row .image-section {
        margin-top: 30px
    }

    .relationship-video .fourth-row .image-section {
        margin-top: 30px
    }

    .costumer-awards-image ul li {
        display: table-row
    }

    .costumer-awards-image ul li {
        display: inherit;
        max-width: 100%;
        width: 30%;
        margin: 0 auto
    }

    .costumer-awards-image .text-info h5.text-left {
        text-align: center;
        margin-bottom: 30px
    }

    .org-medium-enterprises .image-section {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .g2c-features.g2c-features-second {
        padding: 0
    }

    .org-medium-enterprises .second-row .col-md-6.content-section .content-div {
        padding-bottom: 30px
    }

    .org-painfull-integration .image-section {
        margin-top: 0
    }

    .org-edition-first-section .image-section img {
        max-width: 100%;
        margin: 0 auto
    }

    .org-painfull-integration .image-section img {
        max-width: 100%;
        margin: 0 auto
    }

    .org-edition-first-section hr {
        margin-top: 40px;
        margin-bottom: 30px
    }

    .org-edition-first-section {
        text-align: left
    }

    .org-edition-first-section h2.sub-after.sub-title:after {
        top: 8px
    }

    .vaf-overview-main-ban.vaf-benefits-ban .container {
        padding-top: 120px !important
    }

    .bfd-first-section .features .col-md-4:first-child .info {
        padding-top: 30px
    }

    .bfd-first-section .features .col-md-4 .info {
        padding-top: 10px
    }

    .bi-overview-first-section .features .col-md-4:nth-child(2n) .info,
    .bi-overview-first-section .features .col-md-4:nth-child(3n) .info {
        padding-top: 10px
    }

    .bi-overview-first-section {
        padding-top: 60px;
        padding-bottom: 0
    }

    .bi-overview-gif-section img {
        max-width: 100%;
        margin: 40px auto 0
    }

    .bi-overview-gif-section img {
        max-width: 100%;
        margin: 40px auto 0
    }

    .bi-overview-video-content button.btn.btn-primary {
        border-radius: 100px;
        width: 150px;
        height: 150px
    }

    .bi-overview-video-content button.btn.btn-primary a {
        color: #fff;
        font-size: 16px
    }

    .bi-overview-gif-section {
        padding-top: 20px;
        padding-bottom: 50px
    }

    .bi-overview-fourth-section {
        padding: 30px 0 40px
    }

    .bi-overview-gif-section .row.content {
        margin-top: 0px !important
    }

    .bi-overview-gif-section .content-section ul li:before {
        top: 3px
    }

    .bi-overview-ban .banner-btn-transparent {
        padding: 10px 10px
    }

    .bi-overview-ban .content-section {
        margin-top: 20px;
        width: 50%;
        float: left
    }

    .bi-overview-ban .image-section {
        width: 50%;
        float: left
    }

    .bi-overview-innovate h3.description br {
        display: none
    }

    .bi-analytic-first .row.content {
        margin-top: 40px !important;
        margin-bottom: 40px;
        text-align: center
    }

    .bi-analytic-first .image-section img {
        margin: 0 auto;
        max-width: 100%
    }

    .bi-analytic-first .content-section {
        margin-top: 10px
    }

    .bi-analytic-first .content-section {
        text-align: left
    }

    .bi-analytic-first {
        padding-top: 30px;
        padding-bottom: 0
    }

    .product-bi-analytics-ban .container {
        padding-top: 110px;
        padding-bottom: 50px
    }

    .solution-indus-first img {
        margin: 0 auto;
        max-width: 100%;
        width: 100%
    }

    .solution-nav .nav li {
        float: left;
        height: 30px;
        line-height: 30px
    }

    .vaf-overview-ban {
        text-align: center
    }

    .vaf-first-section .features .info {
        padding: 20px 0 0
    }

    .vaf-first-section .features .info p {
        min-height: auto
    }

    .vaf-second-section .container-full .row {
        padding-right: 20px;
        padding-left: 20px
    }

    .vaf-second-section .image-section img {
        margin-left: -20px
    }

    .vaf-third-section .image-section img {
        position: relative;
        top: 0;
        max-width: 100%;
        margin: 0 auto
    }

    .vaf-second-section {
        padding-bottom: 100px
    }

    .vaf-third-section .content-section,
    .vaf-third-section .second-row {
        text-align: left
    }

    .vaf-third-section h3.description.sub-after:after {
        left: 0%
    }

    .vaf-first-section {
        padding-top: 40px
    }

    .vaf-third-section {
        padding-bottom: 40px
    }

    .pfc-jump-menu div#side-nav.affix ul li {
        display: inline-block;
        width: 100%
    }

    .pfc-jump-menu div#side-nav.affix {
        top: 51px;
        width: 167px;
        max-width: 100%;
        min-height: auto;
        box-shadow: none;
        background: #fff !important;
        z-index: 1;
        padding: 0
    }

    .product-page-jump-menu.pfc-jump-menu div#side-nav.affix {
        top: 14%
    }

    .dev-pro-first-section h4 {
        font-size: 1em
    }

    .dev-pro-first-section {
        padding-top: 30px;
        text-align: left
    }

    .dev-pro-first-section .form-section {
        max-width: 100%;
        padding-top: 0
    }

    .dev-pro-first-section .partner-form .col-md-4 {
        text-align: left
    }

    .vaf-developer-program .container {
        padding-top: 150px !important
    }

    .video-first-section .margin-bottom10 {
        margin-bottom: 0px !important
    }

    .video-first-section .col-md-4.block {
        max-width: 100%;
        width: 60%;
        margin: 0 auto 40px
    }

    .video-first-section .nav-row ul.nav li a {
        font-size: 12px;
        padding: 6px
    }

    .video-first-section .nav-row ul.nav {
        width: 100%
    }

    .product-overview-ban.vaf-overview-ban .image-section img {
        top: 0px;
        /*new changes 27-07*/
        position: relative;
    }

    .va-home-erp-solution.pro-overview-solution .tab-space {
        padding: 0 0 0 0
    }

    .pro-overview-advantage .card-blog {
        margin-bottom: 0;
        margin-top: 0
    }

    .va-advantages.pro-overview-advantage .features.overview-feature.overview-feature-first p {
        min-height: auto
    }

    .va-advantages.pro-overview-advantage .section {
        padding: 0 0 30px
    }

    .va-erp-localization img.img-responsive {
        max-width: 100%;
        margin: 0 auto
    }

    .va-erp-implementation-steps .stepscontainer .col-md-2 {
        /*new changes 27-07*/
        margin-bottom: 60px
    }

    .step1svg {
        bottom: -70px;
        width: 84%;
        left: 38px
    }

    .va-erp-implementation-steps .steps-box {
        max-width: 100%;
        width: 80%;
        /*new changes 27-07*/
        margin: 0 auto
    }

    .va-erp-implementation-steps.first-section {
        /* padding-bottom: 0; */
        /*new changes 27-07*/
        text-align: center
    }

    .va-erp-localization .image-section {
        margin-top: 30px
    }

    .va-erp-localization {
        padding-top: 30px;
        text-align: center
    }

    .overview-round-section-img {
        margin-top: -122px;
        min-height: 150px
    }

    .overview-page-testimonial {
        /* padding-top: 40px!important; */
        /*new changes 27-07*/
        padding-left: 15px;
        padding-right: 15px
    }

    .pro-overview-solution img.img-responsive {
        max-width: 100%;
        margin: 0 auto
    }

    .pro-overview-solution .tab-pane .content-section h2,
    .pro-overview-solution .tab-pane .content-section p,
    .pro-overview-solution .tab-pane .content-section a.btn {
        float: none
    }

    .product-bi-features-first.pro-bi-fea-first-section {
        padding-top: 20px
    }

    .product-bi-features-ban {
        padding-bottom: 30px;
        padding-top: 20px
    }

    .product-bi-features-first.pro-bi-fea-first-section div#side-nav.affix {
        width: 165px;
        box-shadow: none
    }

    .product-bi-features-ban .container h1.title.white-color {
        font-size: 2em
    }

    .dms-comprehensive-sec .content-box {
        margin: 0 auto 20px
    }

    .dms-comprehensive-sec .vaf-bottom-btn {
        margin-top: 10px
    }

    .dms-comprehensive-sec .second-row {
        margin-top: 30px !important
    }

    .dms-comprehensive-sec {
        padding-top: 40px;
        padding-bottom: 50px
    }

    .dms-your-business button.btn.btn-primary {
        margin-top: 10px !important
    }

    .dms-benefits-ban {
        padding-bottom: 70px
    }

    .dms-system-section .features {
        float: none
    }

    .dms-features-ban .container {
        padding-top: 68px !important;
        padding-bottom: 0
    }

    .indus-life-access,
    .indus-ecomm-access,
    .indus-edu-access,
    .indus-real-access,
    .indus-retail-access,
    .indus-retail-growth,
    .indus-dis-access,
    .indus-dis-access2 {
        padding-top: 30px;
        padding-bottom: 30px;
        background-blend-mode: overlay;
        background-color: rgba(255, 255, 25500, .8) !important;
        min-height: auto
    }

    .indus-retail-growth {
        background-position: 32% 20% !important;
        min-height: auto
    }

    .indus-retail-features {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .indus-retail-compatible {
        padding-top: 50px;
        padding-bottom: 30px
    }

    .indus-easy-dark .col-md-6 ul {
        padding-left: 0
    }

    .indus-easy-dark .right-side {
        float: left;
        margin-top: 20px
    }

    .indus-retail-yellow-sec {
        text-align: center
    }

    .indus-retail-yellow-sec br {
        display: none
    }

    .indus-retail-yellow-sec .margin-top-50 {
        margin-top: 20px !important
    }

    .indus-retail-yellow-sec .margin-bottom-zero {
        margin-bottom: 5px !important
    }

    .indus-retail-yellow-sec .down-button {
        margin-top: 10px
    }

    .indus-features .comm-case-study .info {
        padding-bottom: 0
    }

    .indus-retail-advantage .article {
        padding: 0;
        width: 100%;
        margin: 0 auto 20px
    }

    .indus-footer-form .form-group {
        max-width: 100%;
        width: 100%
    }

    .indus-footer-form .show-tick.country-select {
        max-width: 100%;
        width: 100% !important
    }

    .indus-footer-form form {
        margin-top: 40px
    }

    .indus-retail-advantage .brochures-image-section {
        margin-top: 40px !important
    }

    .indus-features .erp-crm-features {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .indus-footer-form h3 {
        font-size: 1.7em
    }

    .indus-pos-jump-menu div#side-nav.affix {
        top: 15%
    }

    .posmodules-benefits .row.second-row .col-md-4:first-child .info {
        padding-top: 10px !important
    }

    .posmodules-video hr {
        margin-top: 0;
        margin-bottom: 30px
    }

    .posmodules-video .content-section.margin-top-50 {
        margin-top: 20px !important
    }

    .posmodules-open-source {
        background-blend-mode: normal
    }

    .posmodules-sales-growth {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .posmodules-softwaresolution .left-side {
        padding-right: 15px;
        margin-bottom: 40px;
        max-width: 100%;
        width: 60%;
        margin: 0 auto 40px
    }

    .posmodules-softwaresolution .right-side {
        padding-left: 15px;
        max-width: 100%;
        width: 60%;
        margin: 0 auto
    }

    .posmodules-softwaresolution .content-div li a {
        color: rgb(117, 112, 112);
        font-size: 15px
    }

    .indus-food-features {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .indus-food-features .info-horizontal .icon {
        margin-top: 10px
    }

    .indus-food-easy .image-section img.img-responsive {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        top: 20px
    }

    .indus-food-time .image-section img {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    .indus-food-mobile .image-section img.img-responsive {
        top: 0;
        width: 100%;
        margin: 0 auto;
        float: none
    }

    .indus-food-mobile {
        padding-bottom: 6%
    }

    .indus-food-features h3.description {
        font-size: 1.1em
    }

    .indus-life-features {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .indus-life-features .info-horizontal .icon {
        margin-top: 10px
    }

    .indus-life-easy .image-section img.img-responsive {
        margin: 0 auto;
        max-width: 100%;
        width: 70%;
        top: 20px
    }

    .indus-life-time .image-section img {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .indus-life-mobile .image-section img.img-responsive {
        top: 0;
        width: 60%;
        margin: 0 auto;
        float: none
    }

    .indus-life-mobile {
        padding-bottom: 6%
    }

    .indus-life-features h3.description {
        font-size: 1.1em
    }

    .indus-edu-features {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .indus-edu-features .info-horizontal .icon {
        margin-top: 10px
    }

    .indus-edu-easy .image-section img.img-responsive {
        margin: 0 auto;
        max-width: 100%;
        width: 70%;
        top: 20px
    }

    .indus-edu-time .image-section img {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .indus-edu-mobile .image-section img.img-responsive {
        top: 0;
        width: 60%;
        margin: 0 auto;
        float: none
    }

    .indus-edu-mobile {
        padding-bottom: 6%
    }

    .indus-edu-features h3.description {
        font-size: 1.1em
    }

    .indus-discrete-access {
        padding-top: 30px;
        padding-bottom: 30px;
        background-blend-mode: overlay;
        background-color: rgba(255, 255, 25500, .8) !important;
        min-height: auto
    }

    .indus-discrete-features {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .indus-discrete-features .info-horizontal .icon {
        margin-top: 10px
    }

    .indus-discrete-features .image-section img.img-responsive {
        margin: 0 auto;
        max-width: 100%;
        width: 70%;
        top: 20px
    }

    .indus-discrete-features .image-section img {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .indus-discrete-mobile .image-section img.img-responsive {
        top: 0;
        width: 60%;
        margin: 0 auto;
        float: none
    }

    .indus-discrete-mobile {
        padding-bottom: 6%
    }

    .indus-discrete-features h3.description {
        font-size: 1.1em
    }

    .dms-core-system {
        background-blend-mode: overlay;
        background-color: rgba(240, 240, 240, .8)
    }

    .dms-overview-first-section img.img-responsive {
        max-width: 100%;
        margin: 0 auto
    }

    .dms-system-section .margin-top-50 {
        margin-top: 20px !important
    }

    .clickable-row .cd-single-point.is-open .cd-more-info.cd-right {
        right: 35%
    }

    .indus-gov-erp-system h2.margin-top-50 {
        margin-top: 0px !important
    }

    .indus-gov-erp-system .image-section img.img-responsive {
        max-width: 100%;
        width: 40%;
        margin: 20px auto 0
    }

    .indus-gov-key-modules .col-three-row .content-box {
        text-align: left;
        box-shadow: none;
        min-height: auto;
        max-width: 100%;
        width: 50%;
        margin-bottom: 20px
    }

    .indus-gov-key-modules .col-three-row.margin-top-30 {
        margin-top: 0px !important
    }

    .indus-gov-key-modules .full-col-row {
        width: 50%
    }

    .indus-gov-erp-system h3.description {
        font-size: 1.1em
    }

    .indus-gov-erp-system .content-row {
        margin-top: 0
    }

    .indus-gov-random-image .gov-ministries .second-row {
        width: 85%
    }

    .indus-gov-random-image .gov-ministries .second-row ul li {
        font-size: 12px
    }

    .row.clickable-row {
        display: none
    }

    .clickable-row-mob {
        display: none;
        max-width: 100%;
        width: 80%;
        margin: 30px auto 0
    }

    .indus-food-compatible {
        height: 400px;
        padding-bottom: 50px
    }

    .clickable-row-mob .content-box {
        padding: 0;
        box-shadow: none;
        min-height: 245px;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 0
    }

    .clickable-row-mob .content-box h2 {
        background: #0084c4;
        color: #fff;
        padding: 10px;
        text-align: left;
        font-size: 1.4em
    }

    .clickable-row-mob .content-box p {
        padding: 10px 15px;
        text-align: left
    }

    .indus-gov-random-image .gov-ministries {
        width: 100%;
        top: 0%;
        left: 0%
    }

    .gov-ministries h2.title {
        font-size: 1.4em
    }

    .gov-ministries .second-row {
        margin-top: 15px !important
    }

    .gov-ministries .down-button button.btn.btn-primary {
        padding: 7px 15px
    }

    .indus-gov-random-image .gov-ministries .second-row ul li:before {
        height: 25px;
        width: 25px
    }

    .indus-gov-erp-system .image-section {
        text-align: center
    }

    .indus-tex-plan .image-section img.img-responsive {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    .indus-tex-plan .second-row .content-section {
        padding-left: 15px;
        margin-top: 30px;
        padding-right: 0
    }

    .indus-tex-plan .content-section {
        padding-right: 15px;
        margin-top: 0
    }

    .indus-tex-plan .third-row .content-section {
        margin-top: 0
    }

    .indus-tex-plan hr {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .indus-telecom-plan.image-section img.img-responsive {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .indus-telecom-plan .second-row .content-section {
        padding-left: 15px !important;
        margin-top: 30px;
        padding-right: 0
    }

    .indus-telecom-plan .content-section {
        padding-right: 15px !important;
        margin-top: 0px !important
    }

    .indus-telecom-plan .third-row .content-section {
        margin-top: 0px !important
    }

    .indus-telecom-plan hr {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .indus-edu-plan.image-section img.img-responsive {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .indus-edu-plan .second-row .content-section {
        padding-left: 15px !important;
        margin-top: 30px;
        padding-right: 0
    }

    .indus-edu-plan .content-section {
        padding-right: 15px !important;
        margin-top: 0px !important
    }

    .indus-edu-plan .third-row .content-section {
        margin-top: 0px !important
    }

    .indus-edu-plan hr {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .indus-real-plan.image-section img.img-responsive {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .indus-real-plan .second-row .content-section {
        padding-left: 15px !important;
        margin-top: 30px;
        padding-right: 0
    }

    .indus-real-plan .content-section {
        padding-right: 15px !important;
        margin-top: 0px !important
    }

    .indus-real-plan .third-row .content-section {
        margin-top: 0px !important
    }

    .indus-real-plan hr {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .indus-life-plan.image-section img.img-responsive {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .indus-life-plan .second-row .content-section {
        padding-left: 15px !important;
        margin-top: 30px;
        padding-right: 0
    }

    .indus-life-plan .content-section {
        padding-right: 15px !important;
        margin-top: 0px !important
    }

    .indus-life-plan .third-row .content-section {
        margin-top: 0px !important
    }

    .indus-life-plan hr {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .indus-discrete-plan.image-section img.img-responsive {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .indus-discrete-plan .second-row .content-section {
        padding-left: 15px !important;
        margin-top: 30px;
        padding-right: 0
    }

    .indus-discrete-plan .content-section {
        padding-right: 15px !important;
        margin-top: 0px !important
    }

    .indus-discrete-plan .third-row .content-section {
        margin-top: 0px !important
    }

    .indus-discrete-plan hr {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }





}

@media (max-width:667px) {
    .step1svg {
        display: none
    }

    .overview-round-section-img {
        margin-top: -107px;
        min-height: 120px
    }

    .awards-image .col-md-2 {
        height: auto;
        position: relative;
        display: block;
        margin-bottom: 20px
    }

    .awards-image .col-md-2 img {
        position: relative
    }

    .contact-support .col-md-2.col-sm-2 {
        margin-bottom: 20px
    }

    .contact-support .content {
        margin-top: 30px
    }

    .bi-overview-video-content button.btn.btn-primary a {
        color: #fff;
        font-size: 13px
    }

    .bi-overview-video-content button.btn.btn-primary {
        border-radius: 100px;
        width: 120px;
        height: 120px
    }

    .bi-overview-video-section {
        height: 335px
    }

    .bi-overview-ban .content-section {
        margin-top: 20px;
        width: 100%;
        float: left
    }

    .bi-overview-ban .image-section {
        width: 80%;
        float: left;
        max-width: 100%
    }

    .bi-overview-ban .image-section img {
        width: 100%;
        margin-top: -50px
    }

    .bi-overview-ban .container {
        padding-top: 130px
    }

    .clickable-row-mob .content-box {
        min-height: 200px;
        width: 60%
    }

    .indus-gov-erp-system .image-section svg {
        height: auto;
        margin-top: 30px !important
    }

    .indus-gov-one-erp .content-section {
        margin-top: 30px
    }

    .indus-gov-random-image .gov-ministries .second-row {
        display: none
    }

    .indus-gov-erp-system .content-section {
        margin-top: 30px
    }

    .brochures-image-section {
        flex-direction: column;
    }
}

.indus-edu-footer {
    background: url(../images/solution/industry/education/education-book-demo.jpg);
    padding: 80px 0
}

.indus-edu-plan {
    padding-top: 5%;
    padding-bottom: 5%
}

.indus-edu-plan .content-section {
    padding-right: 15%;
    margin-top: 80px
}

.indus-edu-plan .second-row .content-section {
    padding-left: 10%;
    margin-top: 0;
    padding-right: 0
}

.indus-edu-plan .third-row .content-section {
    margin-top: 80px
}

.indus-edu-plan hr {
    margin-top: 100px;
    margin-bottom: 100px;
    max-width: 100%;
    width: 70%
}

.education-header {
    background: url(../images/solution/industry/education/industry-education-header.jpg);
    background-position: center center !important
}

.indus-edu-access h2 {
    margin-top: 0;
    margin-bottom: 50px;
    max-width: 100%;
    color: #000
}

.indus-discrete-footer {
    background: url(../images/solution/industry/discrete/DEMO-Discrete-Manufacturing-ERP-VIENNA-Advantage.jpg);
    padding: 80px 0
}

.indus-discrete-plan {
    padding-top: 5%;
    padding-bottom: 0%
}

.indus-discrete-plan .content-section {
    padding-right: 15%;
    margin-top: 80px
}

.indus-discrete-plan .second-row .content-section {
    padding-left: 10%;
    margin-top: 80px;
    padding-right: 0
}

.indus-discrete-plan .third-row .content-section {
    margin-top: 120px
}

.indus-discrete-plan hr {
    margin-top: 100px;
    margin-bottom: 100px;
    max-width: 100%;
    width: 70%
}

.indus-discrete-access h2 {
    margin-top: 0;
    margin-bottom: 50px;
    max-width: 100%;
    color: #000
}

.indus-ecomm-footer {
    background: url(../images/solution/industry/ecomm/DEMO-E-commerce-ERP-VIENNA-Advantage.jpg);
    padding: 80px 0
}

.indus-life-footer {
    background: url(../images/solution/industry/DEMO-Life-Insurance-bg.jpg) no-repeat center center;
    padding: 80px 0;
    background-size: cover;
}

.indus-life-plan {
    padding-top: 0%;
    padding-bottom: 0%
}

.indus-life-plan .content-section {
    padding-right: 15%;
    margin-top: 80px
}

.indus-life-plan .second-row .content-section {
    padding-left: 10%;
    margin-top: 0;
    padding-right: 0
}

.indus-life-plan .third-row .content-section {
    margin-top: 80px
}

.indus-life-plan hr {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 100%;
    width: 70%
}

.indus-prof-footer {
    background: url(../images/solution/industry/professional/DEMO-ERP-for-Professional-Services-VIENNA-Advantage.jpg);
    padding: 80px 0
}

.indus-realestate-footer {
    background: url(../images/solution/industry/real-estate/DEMO-Construction-ERP-VIENNA-Advantage.jpg);
    background-size: cover;
    padding: 80px 0
}

.indus-real-plan {
    padding-top: 5%;
    padding-bottom: 5%
}

.indus-real-plan .content-section {
    padding-right: 15%;
    margin-top: 80px
}

.indus-real-plan .second-row .content-section {
    padding-left: 10%;
    margin-top: 0;
    padding-right: 0
}

.indus-real-plan .third-row .content-section {
    margin-top: 80px
}

.indus-real-plan hr {
    margin-top: 100px;
    margin-bottom: 100px;
    max-width: 100%;
    width: 70%
}

.indus-telecom-footer {
    background-image: url(../images/solution/industry/telecom/DEMO-Telecom-ERP-VIENNA-Advantage.jpg);
    padding: 80px 0;
    background-repeat: no-repeat;
}

.indus-telecom-plan {
    padding-top: 5%
}

.indus-telecom-plan .content-section {
    padding-right: 15%;
    margin-top: 60px
}

.indus-telecom-plan .second-row .content-section {
    padding-left: 10%;
    margin-top: 0;
    padding-right: 0
}

.indus-telecom-plan .third-row .content-section {
    margin-top: 60px
}

.indus-telecom-plan hr {
    margin-top: 100px;
    margin-bottom: 100px;
    max-width: 100%;
    width: 70%
}

.telecom2 h2 {
    margin-top: 0;
    margin-bottom: 50px;
    max-width: 100%;
    color: #fff
}

.telecom-header {
    background: url(../images/solution/industry/telecom/Telecom-ERP-Header.jpg);
    background-position: center center !important
}

.telecom2 {
    background: url(../images/solution/industry/telecom/Best-Benchmark-Features-Telecom-ERP-bg-1920x860.jpg) !important;
    background-size: cover !important;
    padding-top: 150px;
    padding-bottom: 150px
}

.real-header {
    background: url(../images/solution/industry/real-estate/Construction-ERP-software-Header.jpg);
    background-position: center center !important
}

.real .content-section {
    padding-right: 15%;
    margin-top: 80px
}

.real {
    padding-top: 5%;
    padding-bottom: 5%
}

.real .second-row .content-section {
    padding-left: 10%;
    margin-top: 0;
    padding-right: 0
}

.real .third-row .content-section {
    margin-top: 115px
}

.real hr {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 100%;
    width: 70%
}

.ecomm-header {
    background: url(../images/solution/industry/ecomm/E-commerce-ERP-software-Header.jpg);
    background-position: center center !important
}

.ecomm .content-section {
    padding-right: 0;
    margin-top: 0
}

.ecomm .content-section1 {
    padding-left: 0;
    margin-top: 0;
    text-align: right
}

.ecomm {
    padding-top: 5%;
    padding-bottom: 5%;
    color: #fff
}

.ecomm .second-row .content-section {
    padding-left: 10%;
    margin-top: 0;
    padding-right: 0
}

.ecomm .third-row .content-section {
    margin-top: 115px
}

.ecomm hr {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 100%;
    width: 70%
}

.ecomm h2 {
    margin-top: 0;
    margin-bottom: 50px;
    max-width: 100%;
    color: #fff
}

.more a,
.more span {
    color: #828282;
    line-height: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 16px
}

.more a:hover {
    color: #ccc;
    text-decoration: none
}

.professional-header {
    background: url(../images/solution/industry/professional/ERP-for-Professional-Services-Header.jpg);
    background-position: center center !important
}

.professional2 {
    background: url(../images/solution/industry/ecomm/Multi-dimensional-system-bg-1920x860.jpg) !important;
    background-size: cover !important;
    padding-top: 125px;
    padding-bottom: 125px
}

.professional .content-section {
    padding-right: 0;
    margin-top: 0
}

.professional .content-section1 {
    padding-left: 0;
    margin-top: 0;
    text-align: right
}

.professional {
    padding-top: 5%;
    padding-bottom: 5%;
    color: #fff
}

.professional .second-row .content-section {
    padding-left: 10%;
    margin-top: 0;
    padding-right: 0
}

.professional .third-row .content-section {
    margin-top: 115px
}

.professional hr {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 100%;
    width: 70%
}

.professional h2 {
    margin-top: 0;
    margin-bottom: 50px;
    max-width: 100%;
    color: #fff
}

.life-header {
    background: url(../images/solution/industry/Life-Insurance-header.jpg);
    background-position: center center !important
}

.life2 {
    background: url(../images/solution/industry/ecomm/Multi-dimensional-system-bg-1920x860.jpg) !important;
    background-size: cover !important;
    padding-top: 125px;
    padding-bottom: 125px
}

.life h2 {
    margin-top: 0;
    margin-bottom: 50px;
    max-width: 100%
}

.discrete-header {
    background: url(../images/solution/industry/discrete/Discrete-Manufacturing-ERP-software-Header.jpg);
    background-position: center center !important
}

.tracking {
    background: url(../images/solution/industry/discrete/Tracking-manufacturing-cost-bg.jpg) !important;
    background-size: cover !important;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 100px
}

.cardcheck2.list-unstyled li {
    margin: 6px 0 0 0;
    padding: 0 0 0 30px;
    background: url(../images/solution/industry/discrete/tick2.png) 0 2px no-repeat;
    list-style-type: none;
    width: 100%
}

.list-unstyled.cardcheck li {
    margin: 5px 0 0 0;
    padding: 0 0 0 30px;
    background: url(../images/solution/industry/discrete/tick.png) no-repeat;
    list-style-type: none;
    width: 100%;
    /* height:20px */
}

.indus-gov-erp-system .content-row ul.cardcheck2.list-unstyled {
    display: block
}

.down-button1 .btn.btn-primary {
    background-color: transparent;
    box-shadow: none;
    color: #0084c4;
    font-size: 16px;
    border: 1px solid #0084c4;
    text-transform: none
}

.down-button1 .btn.btn-primary:hover {
    background-color: #0084c4 !important;
    color: #fff
}

.down-button2 .btn.btn-primary {
    background-color: transparent;
    box-shadow: none;
    color: #f9b31b !important;
    font-size: 16px;
    border: 1px solid #f9b31b;
    text-transform: none
}

.down-button2 .btn.btn-primary:hover {
    background-color: #f9b31b !important;
    color: #000 !important
}

.down-button2 .btn {
    color: #f9b31d !important
}

.down-button2 .btn:hover {
    background-color: #f9b31b !important;
    color: #000 !important
}

.yellow-color {
    color: #f9b31d
}

ul.check.list-unstyled li {
    margin: 5px 0 0 0;
    padding: 5px 0 5px 30px;
    background: url(../images/solution/industry/icons/Easy%20to%20use-Icon.png) no-repeat 0 5px;
    ;
    list-style-type: none;
    width: 100%
}

.team-box {
    z-index: 1000;
    /* height:250px; */
    padding: 0
}

.team-box:hover {
    z-index: 1001
}

.team-boxs {
    position: relative;
    height: 300px;
    width: 100%;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #F0F0F0
}

.team-boxs:hover {
    top: 0;
    height: 300px;
    transition: all 0.7s;
    box-shadow: 0 0 15px 0 #555
}

.team-boxs img {
    height: 100px
}

.team-boxs:hover.team-boxs img {
    border: 0 solid #FA566E;
    padding: 2px
}

.team-boxs h4 {
    font-weight: 700;
    color: #0084c4
}

.team-boxs h5 {
    font-size: 16px;
    color: #898686
}

.team-boxs p {
    color: #3b3838
}

.team-boxs .btn {
    background: #FA566E;
    color: #fff
}

.content-section ul {
    list-style: none;
    /* padding-left:20px */
}

.product-erp-cloud .content-section ul {
    padding-left: 0
}

.content-list-style li:before {
    content: '-';
    position: absolute;
    margin-left: -20px
}

.core-modules-ban {
    background: #0084c4;
    padding-top: 200px;
    padding-bottom: 140px
}

.subscribe-btn input[type="button"] {
    background: transparent;
    border: none
}

.subscribe-btn input[type="button"]:focus {
    box-shadow: none;
    color: #fff;
}

.btn-blue-link {
    background: transparent;
    font-size: 14px;
    color: #0084c4
}

.bi-main-section-wrap {
    position: relative;
    z-index: 1
}

.mycontent .text-left {
    margin-bottom: 5px;
    float: left;
    width: 100%
}

.feature-devices-li.nav-pills li {
    width: calc(100% / 3);
    margin: 0
}

.image-section video {
    width: 100%
}

.vaf-developer-BG {
    background-image: url(../images/products/VAF/bg-color-triangles.png);
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    opacity: .2;
    background-size: cover
}

.BI-GreenBtn {
    background: #00c76c
}

.BI-Btn,
.BI-Btn:hover {
    color: #fff;
    text-decoration: none;
    border-radius: 5px
}

article.indus-retail-yellow-sec h4 {
    font-size: 1.6em
}

article.indus-retail-yellow-sec * {
    color: #212121
}

article.indus-retail-yellow-sec .link-btn:hover,
article.indus-retail-yellow-sec .link-btn:hover i {
    color: #009a9a !important
}

.indus-footer-form .form-group.interest-select input[type="checkbox"] {
    float: left;
    margin-top: 2px;
    margin-right: 10px
}

.indus-footer-form .form-group.interest-select p {
    float: left;
    width: calc(100% - 30px);
    margin-bottom: 20px;
    color: #fff;
    text-align: left
}

.indus-footer-form .form-group.interest-select p a {
    color: #f9b31d;
    display: inline-block;
    line-height: 26px
}

.recapcha-div {
    float: left
}

article.make-smarter.indus-features {
    position: relative;
    z-index: 2
}

ul.list-unstyled {
    padding: 0
}

.va-advantages h2.title.margin-20 {
    margin-top: 20px
}

.white-header header .nav-list:hover {
    border-bottom: 3px solid #f9b31d
}

.va ul.nav li a i:hover {
    color: #f9b31d
}

.va-home-erp-solution .title {
    margin-top: 40px
}

.card-body p {
    min-height: 150px
}

.top-margin-20 {
    margin-top: 20px
}

.flexbox-wrap {
    display: flex;
    align-items: center
}

.title-font-2_5 {
    font-size: 2.5em !important
}

.padding-top-bottom-30 {
    padding: 30px 0
}

.overview-blue-section h6 {
    text-transform: none;
    font-size: 1.1em
}

.boost-features .info {
    padding: 20px 0 30px
}

.erp-info-section-wrap.boost-features .info {
    padding: 0 0 30px
}

#pointer {
    width: 109%;
    height: 30px;
    position: relative;
    /*new changes 27-07*/
    z-index: 2;
    left: -15px;
    display: flex;
    align-items: center;
}

#pointer:after {
    content: "";
    position: absolute;
    left: -1px;
    /*new changes 27-07*/
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 15px solid #f8f8f8;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

#pointer:before {
    content: "";
    position: absolute;
    right: -14px;
    /*new changes 27-07*/
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

#pointer span {
    padding-left: 32px;
    font-size: 1.2em;
    color: #fff
}

.steps-uni-blue #pointer {
    background: #0084c4
}

.steps-uni-blue #pointer:before {
    border-left: 15px solid #0084c4
}

.step-box-data-wrap {
    /*new changes 27-07*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px 15px 0;
    background: #fff;
    flex: 1;
    height: 100%;
}

.steps-uni-blue .step-box-data-wrap {
    border-bottom: 2px solid #0084c4;
    border-left: 2px solid #0084c4;
    border-right: 2px solid #0084c4
}

.steps-lightblue-box .steps-box-top {
    border-top: 2px solid #00b0f0;
    border-left: 2px solid #00b0f0;
    border-right: 2px solid #00b0f0
}

.steps-lightblue-box .steps-box-top h2 {
    color: #00b0f0
}

.steps-lightblue-box .step-box-data-wrap {
    border-bottom: 2px solid #00b0f0;
    border-left: 2px solid #00b0f0;
    border-right: 2px solid #00b0f0
}

.steps-lightblue-box #pointer {
    background: #00b0f0
}

.steps-lightblue-box #pointer:before {
    border-left: 15px solid #00b0f0
}

.steps-green-box .steps-box-top {
    border-top: 2px solid #60bc38;
    border-left: 2px solid #60bc38;
    border-right: 2px solid #60bc38
}

.steps-green-box .steps-box-top h2 {
    color: #60bc38
}

.steps-green-box .step-box-data-wrap {
    border-bottom: 2px solid #60bc38;
    border-left: 2px solid #60bc38;
    border-right: 2px solid #60bc38
}

.steps-green-box #pointer {
    background: #60bc38
}

.steps-green-box #pointer:before {
    border-left: 15px solid #60bc38
}

.steps-yellow-box .steps-box-top {
    border-top: 2px solid #f9b31d;
    border-left: 2px solid #f9b31d;
    border-right: 2px solid #f9b31d
}

.steps-yellow-box .steps-box-top h2 {
    color: #f9b31d
}

.steps-yellow-box .step-box-data-wrap {
    border-bottom: 2px solid #f9b31d;
    border-left: 2px solid #f9b31d;
    border-right: 2px solid #f9b31d
}

.steps-yellow-box #pointer {
    background: #f9b31d
}

.steps-yellow-box #pointer:before {
    border-left: 15px solid #f9b31d
}

.steps-orange-box .steps-box-top {
    border-top: 2px solid #ffa351;
    border-left: 2px solid #ffa351;
    border-right: 2px solid #ffa351
}

.steps-orange-box .steps-box-top h2 {
    color: #ffa351
}

.steps-orange-box .step-box-data-wrap {
    border-bottom: 2px solid #ffa351;
    border-left: 2px solid #ffa351;
    border-right: 2px solid #ffa351
}

.steps-orange-box #pointer {
    background: #ffa351
}

.steps-orange-box #pointer:before {
    border-left: 15px solid #ffa351
}

.steps-lorange-box .steps-box-top {
    border-top: 2px solid #fbbc84;
    border-left: 2px solid #fbbc84;
    border-right: 2px solid #fbbc84
}

.steps-lorange-box .steps-box-top h2 {
    color: #ffa351
}

.steps-lorange-box .step-box-data-wrap {
    border-bottom: 2px solid #fbbc84;
    border-left: 2px solid #fbbc84;
    border-right: 2px solid #fbbc84
}

.steps-lorange-box #pointer {
    background: #fbbc84
}

.steps-lorange-box #pointer:before {
    border-left: 15px solid #fbbc84
}

.margin-top-10 {
    margin-top: 10px
}

.bi-overview-innovate h2.title,
.bi-overview-key-features h2.title {
    font-weight: 300
}

.padding-top-60 {
    padding-top: 60px
}

.text-transform-normal {
    text-transform: none
}

.indus-footer-form.demo-form-sec button.subscribe-btn {
    background: #0084c4 !important;
    color: #fff;
    text-transform: capitalize;
    font-size: 14px
}

.indus-footer-form.demo-form-sec button.subscribe-btn:hover {
    background: #393636 !important
}

.demo-form-sec {
    background: url(../images/solution/industry/demo-page-back.jpg) !important;
    background-size: cover !important
}

.demo-form-sec {
    margin-top: 51px
}

.demo-form-sec h3 {
    margin-bottom: 40px
}

.demo-form-sec h3.description {
    margin-top: 28px;
    margin-bottom: 20px
}

.demo-form-sec .demo-form-sec-left li {
    list-style: none;
    margin-bottom: 30px
}

.demo-form-sec .demo-form-sec-left li:first-child:before {
    content: "1";
    color: #fff;
    display: inline;
    position: absolute;
    left: 30px;
    border: 1px solid rgb(249,
            179,
            29);
    padding: 3px 10px;
    font-size: 1.2em;
    font-weight: 400;
    margin-top: 7px
}

.demo-form-sec .demo-form-sec-left li:nth-child(2n):before {
    content: "2";
    color: #fff;
    display: inline;
    position: absolute;
    left: 30px;
    border: 1px solid rgb(249,
            179,
            29);
    padding: 3px 10px;
    font-size: 1.2em;
    font-weight: 400;
    margin-top: 7px
}

.demo-form-sec li h4 {
    margin-bottom: 0;
    color: rgb(249,
            179,
            29)
}

.demo-form-sec .demo-form-sec-left ul {
    padding-left: 80px
}

.demo-form-sec input.form-control {
    padding-left: 20px
}

.demo-form-sec .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    padding-bottom: 26px !important;
    padding-left: 20px !important
}

.demo-form-sec button.btn.dropdown-toggle.bs-placeholder.select-with-transition {
    padding-left: 0px !important;
    padding-bottom: 26px !important
}

.demo-form-sec select {
    padding-left: 16px
}

.demo-form-sec h6 {
    text-transform: capitalize;
    font-size: 1em
}

.erp-industry-html-wrap .btn.btn-primary {
    margin-bottom: 0
}

.erp-industry-html-wrap .sub-title {
    margin-top: 0
}

article.partner-levels img {
    max-width: 100%
}

.padding-top-40 {
    padding-top: 40px
}

.padding-bot-40 {
    padding-bottom: 40px
}

.btn.btn-primary.color-black,
.color-black,
.color-black:hover {
    color: rgb(59,
            56,
            56)
}

.text-deco-underline,
.text-deco-underline:hover {
    text-decoration: underline
}

.btn.btn-primary.color-black:hover {
    color: #fff
}

.color-darkblue,
.banner-btn-yellow.color-darkblue:hover {
    color: rgb(5, 59,  83)!important;
}

article.indus-ecomm-access p {
    line-height: 2em
}

.padding-top-bot-40 {
    padding: 40px 0
}

.padding-top-bot-20 {
    padding: 20px 0
}

.margin-top-40 {
    margin-top: 40px
}

.gray-bg-with-border {
    background: rgb(250,
            250,
            250);
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.btn-blue-bordered {
    background: transparent;
    border: 1px solid #0084c4;
    color: #0084c4;
    margin-bottom: 0
}

.btn-blue-bordered:hover {
    background: #0084c4;
    color: #fff
}

.modal-main-wrap {
    background: rgba(0,
            0,
            0,
            .5)
}

.modal-main-wrap .modal-content {
    background-color: transparent;
    height: 100%;
    width: 100%
}

.modal-main-wrap.modal .modal-header .close {
    font-size: 23px;
    color: #fff
}

.modal-main-wrap .modal-content .modal-header,
.modal-main-wrap .modal-content .modal-body {
    padding: 0
}

.modal-main-wrap .modal-dialog {
    max-width: 75%;
    width: 75%;
    height: 80%;
    margin-top: 70px
}

.modal-main-wrap .modal-body {
    height: calc(100% - 21px);
    background-image: url(../images/gif-transparent-loading.gif);
    background-position: center;
    background-repeat: no-repeat
}

.modal-main-wrap iframe {
    width: 100%;
    height: 100%;
    border: none
}

.solution-erp-crm .btn.btn-primary:hover {
    background-color: rgb(59,
            56,
            56) !important
}

.text-transform-normal {
    text-transform: none !important
}

.indus-brochure,
.indus-prodBrochure {
    display: none;
    min-height: 390px
}

.brochures-image-section .col-md-4 {
    min-height: 390px
}

.success-stories-partner .partner-box .contact-info p:first-child {
    margin-bottom: 20px
}

h5.info-title.color-blue.margin-bottom-zero {
    margin-top: 30px
}

.stepscontainer .steps-box ul {
    padding-left: 17px
}

.stepscontainer .steps-box ul li {
    font-size: 15px;
    text-align: left;
    list-style: url(../images/black-tick.png);
    margin-left: 11px;
    padding-bottom: 10px
}

.btn.btn-primary.btn-color-lytblue {
    background-color: #009a9a;
    color: #fff;
    border: 1px solid transparent;
    text-transform: uppercase
}

.case-study {
    position: relative
}

.description .info-title {
    line-height: 1.3em
}

.text-underline {
    text-decoration: underline
}

.font-size-2-5-em {
    font-size: 2.5em !important
}

.font-size-16px {
    font-size: 16px
}

.font-size-13px {
    font-size: 13px
}

.padding-top-5 {
    padding-top: 5px
}

.padding-top-50 {
    padding-top: 50px
}

.font-size-35,
h2.font-size-35 {
    font-size: 35px
}

.comm-case-study .ecom-feature .info {
    padding: 30px 0
}

.feature-data-wrap {
    float: left;
    width: 100%
}

.feature-data-wrap ul {
    padding-left: 0;
    list-style: none
}

.feature-data-wrap ul li {
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url(../images/products/dms/features/tick.png);
    background-repeat: no-repeat;
    background-position: left 8px
}

.padd-top-30 {
    padding-top: 30px
}

.sectionhead section {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dotted #f9b31d
}

.sectionhead section#finance {
    border-top: none;
    padding-top: 0;
    margin-top: 0
}

.sectionhead h2 {
    font-size: 25px;
    margin-top: 0
}

.sectionhead h3 {
    font-size: 1.25em;
    margin-top: 15px
}

.sectionhead p {
    font-size: 1.2em
}

.toggle-section .panel-heading.active .panel-title {
    color: #fff
}

.findmore {
    border: 1px solid #2bace2;
    font-size: 13px;
    display: inline-block;
    padding: 6px 2px 6px 10px;
    background: #f5f5f5;
    margin-top: 20px
}

.findmore h3 {
    margin: 0
}

.findmore div {
    padding: 0;
    margin: 0
}

.sectionhead .img-thumbnail {
    border: none
}

.sectionhead img {
    max-width: 100%;
    max-height: 100%
}

.youtubevidframe {
    width: 100%;
    min-height: 200px
}

.community-case-study-thumb {
    display: block;
    width: 200px;
    height: 200px;
    margin: auto
}

.comm-fashion-indus {
    background: url(../images/community/Case-Studies/Fashion-Industry-BW.png)
}

.comm-fashion-indus:hover {
    background: url(../images/community/Case-Studies/Fashion-Industry.png)
}

.comm-retail-indus {
    background: url(../images/community/Case-Studies/Retail-Industry-BW.png)
}

.comm-retail-indus:hover {
    background: url(../images/community/Case-Studies/Retail-Industry.png)
}

.comm-apparel-indus {
    background: url(../images/community/Case-Studies/Apparels-Industry-BW.png)
}

.comm-apparel-indus:hover {
    background: url(../images/community/Case-Studies/Apparels-Industry.png)
}

.comm-cement-indus {
    background: url(../images/community/Case-Studies/Cement-Manufacturing-Industry-BW.png)
}

.comm-cement-indus:hover {
    background: url(../images/community/Case-Studies/Cement-Manufacturing-Industry.png)
}

.comm-oil-indus {
    background: url(../images/community/Case-Studies/Industry-Automotive-Lubricants-Industry-BW.png)
}

.comm-oil-indus:hover {
    background: url(../images/community/Case-Studies/Industry-Automotive-Lubricants-Industry.png)
}

#brochure-form .modal-dialog {
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: 0;
    margin: auto
}

.modal-main-wrap .modal-dialog.bi-modal-video-dialog {
    width: 60%;
    max-width: 60%
}

#bi-video-modal video {
    width: 100%;
    height: 100%
}

.tech-logos li {
    padding: 20px 10px
}

ul.list-unstyled li {
    padding: 5px 0
}

.education hr {
    max-width: 800px;
    margin: 100px auto
}

.indus-life-features .btn.btn-primary {
    font-size: 15px;
    text-transform: none;
    margin-top: 60px
}

#book-demo-form strong {
    font-weight: 600
}

article.education {
    padding-top: 80px
}

.dms-feature-jump-menu .img-thumbnail {
    border-radius: 0;
    padding: 0;
    border: none
}

.dms-feature-jump-menu .img-thumbnail img {
    max-width: 100%
}

.va-privacy-policy-ban {
    background: url(../images/Privacy-Policy-Banner.jpg) no-repeat center center;
    background-size: cover
}

.privacy-policy-wrap h3 {
    color: #0084c4;
    font-weight: 500;
    margin-top: 20px
}

.privacy-policy-wrap b {
    margin-top: 20px;
    display: block;
    margin-bottom: 5px
}

.privacy-policy-wrap h2:not(.title) {
    font-size: 20px;
    margin: 0;
    color: #f9b31d;
    margin-top: 10px
}

.border-bottom-yellow {
    border-bottom: 1px dotted #f9b31d;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.margin-top40px {
    margin-top: 40px
}

.margin-bottom-30 {
    margin-bottom: 30px
}

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

.subscribe-modal .modal-dialog {
    position: absolute;
    width: 600px;
    height: 100px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0
}

.subscribe-modal .modal-header {
    padding: 15px
}

.subscribe-modal .modal-title {
    font-weight: 500
}

.subscribe-modal .modal-body {
    padding: 0 15px 15px
}

.subscribe-modal .modal-header span {
    font-size: 25px;
    float: right;
}

.color-grey-dark,
.banner-btn-yellow.color-grey-dark {
    color: rgb(59,
            56,
            56)
}

.margin-top-per7 {
    margin-top: 7%
}

.findmore a,
.findmore a:hover {
    color: rgb(59,
            5,
            56)
}

.ScrollUp {
    width: 50px;
    height: 50px;
    background: rgb(0,
            132,
            196);
    border-radius: 50px;
    float: left;
    text-align: center;
    padding-top: 15px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    position: fixed;
    bottom: 130px;
    right: 30px;
    display: none;
    z-index: 99
}

.ScrollUp i {
    font-size: 20px
}

.bg-color-peagreen {
    background: #006464
}

.bg-color-bigreen {
    background: #00617e
}

.bg-color-dmsblue {
    background: #13afef
}

.bg-color-red,
.btn.btn-primary.banner-btn-red {
    background: #f96161
}

.grey-background .first-section {
    /* min-height:360px; */
    /*new changes 27-07*/
    display: flex;
    align-items: center
}

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

.angled-background {
    display: none
}

.ssba a {
    display: inline-block
}

#brochure-form .modal-title,
h5#brochure-formLabel {
    text-transform: capitalize !important;
}

.subtitle-top-margin-0 {
    margin-top: 0
}

.video-first-section .indus-brochure {
    min-height: auto
}

.erp-solutions-for-large-screen {
    display: none
}

.bottom-privacy-popover {
    position: fixed;
    bottom: 0;
    background: rgba(19, 19, 19, .88);
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 10px;
    width: calc(100% - 240px)
}

.bottom-privacy-popover p {
    color: #fff;
    font-size: 13px;
    float: left;
    width: calc(100% - 30px)
}

.bottom-privacy-popover a {
    color: #f9b31d
}

.bottom-privacy-popover i {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin: auto
}

.bottom-privacy-popover span {
    float: right;
    width: 20px;
    height: 18px;
    display: flex;
    align-items: center;
    cursor: pointer
}

p#error-msg,
p#errrr_submit,
p#subscribe-error-msg {
    color: #f10d0d;
    font-weight: 500
}

p#email-error-msg {
    color: red;
    font-weight: 500;
    margin-top: 20px;
    float: left;
    width: 100%
}

.brochure-form-modal {
    cursor: pointer
}

.row.content-section.content.third,
.row.content-section.content.third .col-md-4 {
    display: flex
}

.blog-main-wrap a:hover,
.blog-main-wrap h2.entry-title a:hover {
    color: #f9b31d
}

.entry-content .underline {
    float: left
}

.blog-main-wrap a,
.blog-main-wrap h2.entry-title a {
    color: #6a6a6a
}

.video-btn img {
    cursor: pointer
}

.slider-wrap .carousel .carousel-indicators {
    bottom: -30px
}

.slider-wrap .carousel-inner {
    overflow: inherit
}

.slider-wrap .carousel .carousel-indicators li {
    background: #f9b31d
}

.slider-wrap .carousel-indicators li {
    border: 1px solid #f9b31d;
    width: 15px;
    height: 15px
}

.slider-wrap .carousel .carousel-indicators .active {
    background: #0084c4
}

.slider-wrap .carousel .carousel-indicators .active {
    border: 1px solid #0084c4
}

.slider-wrap .carousel .carousel-control.left,
.slider-wrap .carousel .carousel-control.right {
    display: flex;
    align-items: center;
    justify-content: center
}

.slider-wrap .carousel .carousel-control.left i,
.slider-wrap .carousel .carousel-control.right i {
    font-size: 30px
}

.slider-wrap .vaf-overview-ban .container {
    margin-top: 0
}

.slider-wrap .vaf-overview-ban .container {
    padding-top: 80px !important
}

.list-wrap {
    margin-left: 20px;
    padding: 5px 0
}

.gray-tick {
    list-style: url(../images/products/erp-crm/coremodules/tick-gray.png)
}

.list-wrap li {
    line-height: 1.7em;
    margin-bottom: 10px
}

.info-vertical .icon img {
    /*margin:0 auto 20px*/
}

.info-vertical .icon {
    min-height: 125px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vaf-slider-wrap .content-section span {
    color: #f9b31d;
    margin-top: 3px;
    float: left;
    font-style: italic
}

.vaf-slider-wrap .content-section h4 {
    font-style: italic
}

.vaf-slider-wrap .content-section p {
    color: #fff;
    font-size: 16px;
    font-style: italic
}

.shadow-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19),
        0 6px 6px rgba(0, 0, 0, .23)
}

.shadow-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25),
        0 10px 10px rgba(0, 0, 0, .22)
}

.shadow-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3),
        0 15px 12px rgba(0, 0, 0, .22)
}

/*language switcher*/
.lang-drp-main-wrap {
    position: relative;
    top: 12px;
    right: 0px;
    z-index: 9999;
    /* padding-left: .3em; */
}

.language-dropdown {
    display: inline-block;
    margin: 0;
    /* box-shadow: -1px 0px 2px rgba(0, 0, 0, .2); */
}

/* .language-dropdown .lang-en .flag {
    background-image:url(../images/en-lang.png)
}
.language-dropdown .lang-de .flag {
    background-image:url(../images/de-lang.png)
}
.language-dropdown .lang-sl .flag {
    background-image:url(../images/sl-lang.png)
} */
.va-selectedLang img {
    margin-right: .3em;
}

.va-selectedLang {
    color: #fff;
}

.logo-on-scroll .va-selectedLang {
    color: #3a3838;
}

.language-dropdown label,
.language-dropdown ul li {
    display: flex;
    /* height:20px; */
    /* background:#fff; */
    /* padding:0 6px; */
    cursor: pointer;
    align-items: center;
    margin: 0;
    min-width: 30px
}

.language-dropdown ul.lang-list {
    position: absolute;
    display: none;
    z-index: 1;
    padding: .2em 0 .3em 0;
    margin: 0;
    right: 3px;
    top: 23px;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
    min-width: 120px;
    background: #fff;
}

.language-dropdown ul.lang-list li {
    /* border-bottom:1px solid #ececec; */
    padding: .3em .6em;
}

.language-dropdown ul.lang-list li:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.language-dropdown ul.lang-list li.selected {
    /* display:none */
    border-bottom: 1px solid #ececec;
    /* padding: 0 0 .3em 0; */
}

.language-dropdown label {
    position: relative;
    /* border-bottom:1px solid #ececec; */
    border-radius: 0;
    z-index: 2;
    cursor: pointer;
    padding-right: .5em;
    color: #3a3838;
    /* background-color: #fff; */
}

.language-dropdown li input {
    margin-top: 2px;
}

.language-dropdown .lang-flag .flag,
.language-dropdown .lang-list .lang .flag {
    float: left;
    width: 35px;
    height: 100%;
    cursor: pointer;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: left center;
    display: none
}

.language-dropdown.open ul.lang-list {
    display: block;
    opacity: 1;
    padding: 0
}

.language-dropdown.open label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.animate,
.lang-flag,
.lang-list {
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.language-dropdown label p,
.language-dropdown ul li p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 .5em;
}

.logo-on-scroll .language-dropdown label p,
.language-dropdown ul li p,
.community-va .language-dropdown label p {
    color: #3a3838;
}

.language-dropdown label p {
    color: #fff;
}

.language-dropdown .lang-list li label {
    padding-left: .5em;
}

ul.lang-list:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid white;
    top: -4px;
    right: 10px;
    filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, .1));
}

.community-va .lang-drp-main-wrap i {
    color: #3a3838;
}

/*language switcher end*/
.distribution-header.indus-dist-ban {
    padding-top: 100px;
    padding-bottom: 40px
}

.distribution-header {
    background: url(../images/solution/industry/distribution/industry-distribution-header.jpg);
    background-position: center center !important
}

.indus-dis-access {
    background: url(../images/solution/industry/retail-chain/access-from-anywhere-retail.jpg);
    background-size: cover
}

.indus-dis-access2 {
    background: url(../images/solution/industry/distribution/Distribution.jpg);
    background-size: cover
}

.indus-dis-footer {
    background: url(../images/solution/industry/distribution/dis-footer.jpg) !important;
    padding: 80px 0
}

.oilgas-header.indus-oilgas-ban {
    padding-top: 100px;
    padding-bottom: 40px
}

.oilgas-header {
    background: url(../images/solution/industry/oil-gas/Oil-and-Gas-ERP-software-Header.jpg);
    background-position: center center
}

.indus-oilgas-access,
.indus-oilgas-access2,
.indus-dis-access,
.indus-dis-access2 {
    padding-top: 10%;
    padding-bottom: 10%
}

.indus-oilgas-access,
.indus-oilgas-access2 {
    background-size: cover;
    background-position: center
}

.indus-oilgas-access {
    background-image: url(../images/solution/industry/oil-gas/Reimagine-business.jpg)
}

.indus-oilgas-access2 {
    background-image: url(../images/solution/industry/oil-gas/Configurable-Supply.jpg)
}

.indus-oilgas-footer {
    background: url(../images/solution/industry/oil-gas/DEMO-Oil-and-Gas-ERP-footer.jpg) no-repeat center;
    padding: 80px 0;
    background-size: cover
}

.community {
    border-radius: 7px;
    border: 1px solid #d9d9d9;
    padding: 10px;
    margin: 0
}

.community:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
}

.list-unstyled.community2 li {
    margin: 5px 10px 0 15px;
    padding: 0 20px 5px 30px;
    background: url(../images/solution/industry/discrete/tick.png) 0 2px no-repeat;
    list-style-type: none;
    border-bottom: 1px solid #e9e9e9
}

.community2 li a {
    font-size: 14px;
    color: #767171
}

.community-form {
    padding: 0;
    text-align: left
}

.community-form .form-group label {
    padding-bottom: 0;
    margin: 0 0 0 0;
    font-size: 13px !important
}

.community-form .form-control {
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #e2e1e1;
    border-radius: 4px;
    background: #fff !important
}

.community-form .form-control:hover {
    outline: none;
    border: 2px solid #e2e1e1;
    background-image: #fff !important
}

.community-form .form-group a {
    font-size: 11px !important;
    line-height: 1.42857
}

.grey-bgcolor {
    background: #f8f8f8
}

h5.sub-after.sub-title:after {
    content: "";
    background: #0084c4;
    height: 2px;
    width: 50px;
    position: relative;
    display: block;
    bottom: 0;
    margin: 5px 0;
    text-align: left
}

.community-header .indus-comm-ban {
    padding-top: 40px;
    padding-bottom: 40px
}

.community-header {
    background: url(../images/community/Community-header-new.jpg);
    background-position: center center !important
}

/*core-module*/
.relationship-video h2 {
    margin-top: 0;
}

.transparent-btn {
    color: grey;
    text-decoration: none !important;
}

.btn-seagreen .btn.btn-primary {
    color: #00c5cd;
}

.btn-seagreen .btn.btn-primary {
    border: 1px solid #00c5cd !important;
}

.down-button .btn.btn-primary.btn-seagreen {
    border: 1px solid #00c5cd;
    background: transparent !important;
    color: #00c5cd;
}

.technical-features .down-button .btn.btn-primary,
.va-harnessThePowerSec .down-button .btn.btn-primary {
    text-transform: uppercase;
}

.down-button .btn.btn-primary.btn-seagreen:hover {
    background: #00c5cd !important;
    color: #fff;
}

.btn-red .btn.btn-primary:hover {
    border: 1px solid #fff !important;
    background: transparent;
}

.grow-your-business .btn.btn-simple {
    color: rgb(59, 56, 56);
    margin-left: 10px;
    text-decoration: underline;
    padding: 0;
}

.finance-mgt-foot .btn.btn-primary {
    margin-right: 10px;
}

.inventory-foot-img,
.wms-foot-img {
    background-image: url(../images/products/erp-crm/coremodules/Inventory/TCO-Analysis-banner.jpg);
}

.inventory-featurefoot-img {
    background-image: url(../images/products/erp-crm/coremodules/Inventory/Free-ERP-CRM-Ttial-banner-1920x600.jpg);
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.blue-border-btn {
    border: 1px solid #1aa0ed;
    background: transparent;
    color: #1aa0ed;
    font-size: 15px;
}

.blue-border-btn:hover {
    background: #1aa0ed;
    color: #fff;
}

.simple-box.feature-blue-box {
    background: #1aa0ed;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none;
}

a.simple-box.feature-blue-box {
    margin-top: 0;
}

.simple-box.feature-blue-box:hover {
    box-shadow: none;
}

.finance-mgt-foot .btn.btn-primary {
    /*background: #1aa0ed !important;
    color: #fff;*/
    background-color: #0084c4;
}

.grow-your-business .btn.btn-simple {
    font-size: 14px;
}

.left-div ul,
.right-div ul {
    padding-left: 0;
    margin-top: 10px;
}

.banner-btn-yellow,
ul.list-bg-yellow li.active a,
.bg-color-yellow,
.banner-btn-yellow.btn.btn-primary {
    background: rgb(249, 179, 29) !important;
}

.banner-btn-yellow.btn.btn-primary:hover {
    background: rgba(57, 54, 54) !important;
    color: white !important;
}

.color-seagreen {
    color: #00c5cd !important;
}

.line-color-seagreen:after,
.sub-after-seagreen:after,
.inventory-foot-img .btn.btn-primary,
.banner-btn-seagreen,
ul.inventory-feature li.active a,
.btn-seagreen,
.bg-color-seagreen {
    background: #00c5cd !important;
}

.sub-after-lightgreen:after,
.sub-after-lightgreen:after,
.banner-btn-lightgreen.btn.btn-primary {
    background: #92d050 !important;
}

.color-lightgreen {
    color: #92d050 !important;
}

.key-benefits-costumer h3 {
    font-size: 1.4em;
    color: #f96161;
}

.multi-channel-panel .info img {
    margin: 0 auto 25px;
}

.multi-channel-panel .info h6 {
    font-size: 1em;
    margin-bottom: 5px;
}

.multi-channel-panel .info p {
    font-size: 14px;
}

/**********************************Harshini*****************************************/
#help-console {
    position: fixed;
    z-index: 9;
    top: 0;
    right: -58px;
    bottom: 0;
    display: flex;
    align-items: center;
}

#help-navigation {
    width: 150px;
    overflow: hidden;
    background-color: rgb(249, 179, 29);
    text-align: center;
    font-size: 0.75rem;
    line-height: 0.875rem;
    transform: rotate(90deg);
}

#help-navigation ul {
    margin: 0px;
    list-style: outside none none;
    padding: 0px 0px;
}

#help-navigation li:first-child {
    padding-top: 0px;
}

#help-navigation li {
    padding: 1px 0px 0px;
    margin: 0px;
}

#help-navigation a:link,
#help-navigation a:visited {
    text-decoration: none;
    outline: none;
}

#help-navigation a {
    display: block;
    padding: 8px 0px;
    cursor: pointer;
}

a.dark-grey-block-i:hover {
    background-color: #fff;
    color: rgb(249, 179, 29);
}

a.dark-grey-block-i {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

#carouselHacked {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
    padding: 30px;
}

.partner-fullysupported p,
.partner-fullysupported h6,
.partner-fullysupported span {
    font-style: normal;
}

.testimonial-main-wrap i.fa.fa-chevron-left {
    left: 0;
    position: absolute;
    color: #292f35;
    border: 1px solid #292f35;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding-top: 14px;
}

.testimonial-main-wrap i.fa.fa-chevron-right {
    right: -50px !important;
    position: absolute;
    color: #292f35;
    border: 1px solid #292f35;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding-top: 14px;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: 1;
}

.carousel .carousel-control.left,
.carousel .carousel-control.right {
    background-image: none;
    display: block !important;
}

.carousel .carousel-control.left {
    left: -72px;
}

.carousel .carousel-control.right {
    right: -22px;
    width: 35px;
    /* z-index: 9; */
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 10px;
    height: 10px;
    margin-top: 0px;
    font-size: 22px;
    color: #000;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: -100%;
    margin-left: -10px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: -100%;
    margin-right: -10px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 10px;
    height: 10px;
    margin-top: 0px;
    font-size: 22px;
    color: #292f35;
    border: 1px solid #292f35;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding-top: 11px;
}

.auther {
    text-align: center;
}

.row.section_custome {
    margin: 50px 0px;
}

.overview_box_top_banner h3 {
    font-weight: 500;
    font-family: 'Open Sans',
        sans-serif;
    /* color: #fff;framework page new design */
    font-size: 30px;
    padding-right: 20%;
}

.overview_box_top_banner p {
    /* color: #fff;framework page new design */
    font-size: 20px;
    padding-right: 75px;
}

a.btn.btn-primary.watch_video.bold {
    background: rgb(249, 179, 29);
    color: #fff !important;
    /* margin-top: 30px; */
}

.img_top_new {
    position: absolute;
}

.vaf-second-section .container-full {
    transform: unset;
}

.vaf-second-section {
    transform: unset;
}

.vaf-second-section {
    padding-bottom: 180px;
    padding-top: 100px;
}

/******************************************************************/
@media (max-width:768px) {
    .banner-slider .carousel  .item &gt; img{height: 70vh; object-fit: cover;}
    .demo-form-sec h3 {
        margin-bottom: 20px;
    }

    .demo-form-sec .demo-form-sec-left {
        margin-bottom: 40px;
    }

    .demo-form-sec form {
        margin-top: 20px !important;
    }

    .demo-form-sec h3.description {
        margin-top: 10px;
        text-align: center;
    }

    .padding-top-mob-60 {
        padding-top: 60px;
    }

    .team-box,
    .team-boxs,
    .team-boxs:hover {
        height: 340px;
    }

    .va-home-erp-solution .tab-space {
        padding: 0;
    }

    .va-awards .awards-image {
        width: 100%;
        float: left;
        padding-bottom: 20px;
    }

    .va-advantages h2.title.margin-20.margin-top-80-ipad {
        margin-top: 20px;
    }

    .row.awards-image .col-md-12 {
        width: 100%;
    }

    .pfc-jump-menu ul.nav li a {
        padding: 7px 10px;
    }

    .pfc-jump-menu .col-sm-3 {
        padding-left: 5px;
    }

    .width-65 {
        width: 100%;
    }

    .telecom2 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .gov-ministries .down-button .btn.btn-primary {
        margin-top: 0;
    }

    .indus-easy-dark .col-md-6 li h3 {
        padding-left: 35px;
    }

    .language-dropdown .lang-flag .flag,
    .language-dropdown .lang-list .lang .flag {
        width: 22px;
    }

    /*#lang_selected, .lang-list p{ display: none; }*/
}

@media (max-width:425px) {
    .demo-form-sec h3.description br {
        display: none;
    }

    .demo-form-sec h3 {
        margin-bottom: 0px;
    }

    .demo-form-sec h3.description {
        font-size: 18px;
        text-align: center;
    }

    .demo-form-sec h6.color-blue {
        text-align: center;
    }

    .demo-form-sec .demo-form-sec-left li:first-child:before {
        font-size: 14px;
        left: 40px;
        padding: 1px 8px;
    }

    .demo-form-sec .demo-form-sec-left li:nth-child(2n):before {
        font-size: 14px;
        left: 40px;
        padding: 1px 8px;
    }

    .demo-form-sec .demo-form-sec-left li {
        margin-bottom: 20px;
    }

    .demo-form-sec li h4 {
        font-size: 16px;
    }

    .demo-form-sec .demo-form-sec-left ul {
        padding-left: 70px;
    }

    .team-box,
    .team-boxs,
    .team-boxs:hover {
        height: auto;
    }

    .solution-indus-first .image-section {
        margin-bottom: 20px;
    }

    .info {
        padding: 20px 0 20px;
    }

    .pfc-jump-menu {
        padding-top: 30px;
    }

    #side-nav {
        display: none;
    }

    .margin-top-minus16 {
        margin-top: -16px;
    }

    .comm-edition h3 {
        margin-top: 20px;
    }

    .telecom2 .content-section:nth-child(2) {
        margin-top: 30px;
    }

    .bottom-privacy-popover {
        width: 100%;
        z-index: 17000000;
    }
}

.va-erp-innovation .btn.btn-primary.btn-simple:hover {
    color: #f9b31d;
}

/*****Demo Page css end****/

/*****24-08-2018 css end****/
@media(max-width: 1200px) {
    .overview_box_top_banner h3 {
        padding-right: 15%;
    }

    i.fa.fa-chevron-left {
        left: 00%;
        position: absolute;
        color: #292f35;
        border: 1px solid #292f35;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        padding-top: 8px;
        font-size: 12px;
    }

    i.fa.fa-chevron-right {
        right: 00% !important;
        position: absolute;
        color: #292f35;
        border: 1px solid #292f35;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        padding-top: 8px;
        font-size: 12px;
    }
}

@media (max-width: 999px) {
    .va .nav li.open ul.dropdown-menu.mega-dropdown-menu {
        display: block !important;
        margin: 0;
        width: 100%;
    }

    div#service_second_section {
        padding-top: 100px;
    }
    .banner-slider .title{font-size: 1.8em;}
    .banner-slider .dynamic-text li {
        font-size: 1.1em;
    }
    .banner-slider .launchingTxt{font-size: 1.2em;}
}

@media (max-width: 991px) {
    i.fa.fa-chevron-right {
        right: 0% !important;
        position: absolute;
        color: #292f35;
        border: 1px solid #292f35;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        padding-top: 8px;
        font-size: 12px;
    }

    i.fa.fa-chevron-left {
        left: 00%;
        position: absolute;
        color: #292f35;
        border: 1px solid #292f35;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        padding-top: 8px;
        font-size: 12px;
    }
    .va-home-ban .title{padding-right: 34%;}
}

@media (max-width: 767px) {
    .img_top_new {
        position: unset;
    }

    .overview_box_top_banner p {
        /* color: #fff;framework page new design */
        font-size: 20px;
        padding-right: 0;
        margin-top: 20px;
    }

    .overview_box_top_banner h3 {
        font-weight: 500;
        font-family: 'Open Sans', sans-serif;
        /* color: #fff;framework page new design */
        font-size: 30px;
        padding-right: 0;
    }

    div#service_second_section {
        padding-top: 40px;
    }

    i.fa.fa-chevron-right {
        right: 0% !important;
        position: absolute;
        color: #292f35;
        border: 1px solid #292f35;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        padding-top: 8px;
        font-size: 12px;
    }

    i.fa.fa-chevron-left {
        left: 00%;
        position: absolute;
        color: #292f35;
        border: 1px solid #292f35;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        padding-top: 8px;
        font-size: 12px;
    }

    .features .flex-center-align {
        flex-direction: column;
    }
    .flex-middle-align {
        flex-direction: column;
    }

}

/************************************************** Plan and track *********************************************************/
div#Plan_and_track {
    text-align: left;
}

h2#plan_head::after {
    content: "";
    background: rgb(249, 179, 29);
    height: 2px;
    width: 50px;
    position: relative;
    display: block;
    bottom: 0;
    margin: 10px 0 12px;
}

article#plan_indus_section {
    background: url(../images/solution/industry/professional/Plan-track-profitability-on-service-projects-VIENNA-Advantage-ERP.jpg) !important;
    background-size: cover !important;
    padding: 110px 0px !important;
    background-position: 0%,
        0% !important;
    min-height: auto;
}

ul#plan_desc li {
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0 10px 0;
    padding: 2px 0 5px 30px;
}

h2#plan_head strong {
    font-weight: 900 !important;
    font-size: 40px;
}

h2#plan_head span {
    font-weight: 600 !important;
    font-size: 34px;
}

a#btn_book_plan_track {
    color: #3C4858; font-weight: 600;
    font-size: 14px;
}

article#degital_trans {
    background: url(../images/solution/industry/life-insurance/BG-Digital-Transformation.jpg) !important;
    background-size: cover;
    padding: 110px 0px !important;
    background-position: 0%,
        0% !important;
    min-height: auto;
}

div#digital_trans_desc {
    color: #fff !important;
}

div#digital_trans_desc h2 {
    color: #FFF !IMPORTANT;
}

div#digital_trans_desc h3 {
    color: #fff !important;
}

div#digital_icon_img img {
    width: 100px;
    height: 100px;
}

a#book_icon_digi {
    font-size: 14px;
    font-weight: 600;
}

div#digital_icon_img h6 {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    article#plan_indus_section {
        padding: 80px 0px !important;
        background-position: 70%, 0% !important;
        min-height: auto;
        /* background-position: right; */
    }

    h2#plan_head {
        line-height: 1.3;
    }

    h2#plan_head strong {
        font-weight: 900 !important;
        font-size: 36px;
    }

    .navbar-header .navbar-toggle {
        /*display: none;
    float: right;*/
    }

}

/* change 25 Feb 2020 */

.btn.btn-primary.banner-btn-transparent {
    will-change: auto;
}

.product-overview-ban .btn-primary.banner-btn-transparent:hover,
.pro-overview-advantage .btn.btn-primary.border-btn:hover {
    background: #393636 !important;
}

.va-key-industries img {
    max-width: 100%;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.pos-featureswrap h3 {
    font-size: 2.4em;
    line-height: 1.8em;
}

.down-button.btn-blue .btn.btn-primary {
    border: 1px solid #19a0ec;
    color: #19a0ec;
}

.down-button.btn-blue .btn.btn-primary:hover {
    background: #19a0ec;
    color: #fff;
}

i.fa.fa-facebook,
.fab.fa-linkedin,
i.fab.fa-youtube {
    font-size: 20px;
    width: 20px;
}




/* Loader css end  */
/*anil custom css*/

.form-group.label-floating {
    display: flex;
}

input#work_phone {
    position: relative;
    /*z-index: 9999;*/
    margin-top: 10.5px;
}

span.countryflag {
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    border: navajowhite;
}


select.country-select {
    -webkit-appearance: none;
    appearance: none;
}

.form-group.label-floating.is-empty.is-focused&gt;span.countryflag {
    outline: none;
    background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    transition-duration: 0.3s;
}

span.countryflag:after {
    content: "\f107";
    color: #ffff;
    font-family: fontAwesome;
    position: absolute;
    left: 30px;
}

select#country_code {
    opacity: 0;

}

input#work_phone {
    background-image: unset;
}

span.countryflag {
    position: absolute;
    left: 0;
    right: 0;
    top: 14px;
    width: 100%;
    padding: 0px 0px 10px;
}

input#work_phone {
    /*position: absolute;*/
    /*z-index: 9999;*/
    margin-top: 5px;
    left: 42px;
    width: 78%;
}




.modal-open form#brochure-form-id span.countryflag {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 14px;
    padding: 19px 5px 10px;
    background-color: #fff;
    border-radius: 4px;
    background-image: unset;

}

/*.modal-open form#brochure-form-id .form-group.label-floating.is-empty.is-focused&gt;span.countryflag {
    outline: none;
    background-image: unset;
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    transition-duration: 0.3s;
}*/

form#SubscribeForm span.countryflag {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 26px;
    padding: 0px 0px 10px;
}

form#SubscribeForm input#work_phone_code {
    background-image: unset;
    color: #fff;
    position: absolute;
    left: 40px;
    top: 5px;
    width: 50px;
}

form#SubscribeForm input#work_phone_code::placeholder {
    opacity: 0;
}

form#SubscribeForm input#work_phone {
    position: absolute;
    /*z-index: 9999;*/
    margin-top: 5px;
    left: 90px;
    width: 78%;
    color: #fff;
}

form#SubscribeForm span.countryflag img {
    position: absolute;
    left: 0;
    top: -13px;
    cursor: pointer;
}

form#SubscribeForm span.countryflag:after {
    content: "\f107";
    color: #ffff;
    font-family: fontAwesome;
    position: absolute;
    left: 28px;
    top: -12px;
    cursor: pointer;
}

form#SubscribeForm select#country_code {
    margin-top: 0;
    cursor: pointer;
}

select#country_code {
    cursor: pointer;
}

form#contact-form span.countryflag {
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    width: 100%;
    padding: 5px 0px 10px 10px;
    background-image: unset;
}

form#contact-form input#work_phone {
    /*position: absolute;*/
    /*z-index: 9999;*/
    margin-top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    padding-left: 98px;
    margin-bottom: 7px;
}

form#contact-form input#work_phone_code {
    background-image: unset;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #e2e1e1;
    border-radius: 4px;
    padding-left: 50px;
}

form#contact-form span.form-control-feedback {
    top: 5px;
}

form#contact-form .form-group.label-floating.is-empty {
    margin-top: 2px;
}

form#contact-form .form-group {

    margin: 0px 0 0 0;
}

form#contact-form select#country_select {
    /* border: 2px solid #e2e1e1; */
    background-image: unset;
    padding: 6px 10px;
    border-radius: 4px;
}

form#contact-form span.countryflag:after {
    color: rgb(117, 112, 112);
}

form#contact-form select#country_code {
    opacity: 0;
    position: absolute;
    z-index: 99999;
    width: 50px;
}

#demo-form .form-group .form-control,
select#country_select,
.demo-form-sec select {
    padding-left: 0;
}

#demo-form input#work_phone_code {
    background-image: unset;
    position: absolute;
    left: 43px;
    top: 10px;
    width: 250px;
}

#demo-form span.countryflag {
    top: 10px;
    margin-top: 10px;
    padding-bottom: 28px;
}

#demo-form .form-group.label-floating.is-empty.phonenoDivValidation span.countryflag:after {
    position: absolute;
    left: 30px;
}

#demo-form .form-group.label-floating.is-empty.phonenoDivValidation span&gt;img {
    position: absolute;
    left: 0;
}

#demo-form select#country_select {
    margin-top: 10px;
}

#demo-form input#companyname {
    margin-top: 7px;
}

#demo-form select#country_select {
    padding-top: 7px;
}

#demo-form input#work_phone {
    position: absolute;
    margin-top: 10px;
    left: 90px;
    width: 78%;
}

#demo-form span.form-control-feedback.invalid {
    top: 14px;
}

#demo-form select.dms-solution-drpdown.interest-drop.caretselect {
    margin-top: 10px;
}

.indus-footer-form select {
    border: 0;
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
}

#demo-form .form-group.label-floating.is-empty.interest-select.select-wrapper {
    margin-top: 16px;
}

div#brochure-form select#country_select {
    background-image: unset;
    background-color: #fff;
    border-radius: 4px;
}

form#brochure-form-id input#work_phone_code {
    /*  color: #000;
    position: absolute;
    left: 46px;
    background-color: transparent!important;
    top: -5px; */
    color: #000;
    position: absolute;
    left: 46px;
    background-color: transparent !important;
    top: -8px;

}

form#brochure-form-id input#work_phone {
    /* position: absolute;
    left: 90px;
    width: 65%;
    height: 31px;
    top: 2px; 
    position: absolute;
    left: 50px;
    width: 70%;
    height: 50px;
    top: -7px;
    padding-left: 50px;
    background-color: transparent !important;
    margin-bottom: 0; */
    position: absolute;
    left: 90px;
    width: 70%;
    height: 50px;
    top: -7px;
    padding-left: 50px;
    background-color: transparent !important;
    margin-bottom: 0;
}

/*End anil custom css*/


.countryflag img {
    height: 16px;
    width: 25px;
    position: absolute;
    left: 3px;
}

.has-error-brochures .form-control-feedback {
    color: #f44336 !important;
    opacity: 1 !important;
}

form#demo-form span.form-control-feedback {
    top: 16px;
}

.rc-anchor-normal {
    width: auto !important;
}


.tuvstd-logoandtext p {
    padding-left: 10px;
    font-size: 1.22em;
    flex: 1;
}

.tuvstd-logoandtext {
    display: flex;
    padding-top: 40px;
    align-items: center;
    /*position: absolute;
    bottom: 10px;*/
    padding-bottom: 20px;
}

.homebannerbtn {
    background: transparent;
    border: 1px solid #f9b31d;
    color: #f9b31d;
    font-size: 16px;
}

.homebannerbtn:hover,
.homebannerbtn:active,
.homebannerbtn:focus {
    background: #f9b31d !important;
    color: #fff;
}

.tuvstd-logoandtext img {
    width: 60px;
}

/*START New CSS By Kanwal 17/12/2020 for new home page and cloud suite page*/
.va-cloudSuiteWrapper,
.va-partnershipWrapper,
.va-digitalEnterprise {
    width: 100%;
    min-height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
}
.va-partner-opt{list-style: none; padding: 0; margin: 2em 0 2.5em; display: flex; align-items: center; gap: 3em;}
.va-partner-opt li{display: flex; flex-direction: column; gap: 0.5em;}
.va-partner-opt li img{width: 5.625em; height: 5.625em; object-fit: contain;}
.va-partner-opt li span{display: block; text-align: center; font-size: 0.75em; text-wrap: nowrap;}
.va-digitalEnterprise,
.va-keyBenfitWrapper {
    padding: 50px 0;
}
.va-partnershipWrapper{
    display: flex;
    align-items: center;
    background-image: url(../images/home-page/VA-partnership.png);
}
.va-cloudSuiteWrapper {
    display: flex;
    align-items: center;
    background-image: url(../images/home-page/VA-join-community.png);
    background-position: center;
}

.va-mosaic-banner-bg {
    display: flex;
    align-items: center;
    background-image: url(../images/home-page/mosaic-banner.png);
    background-position: center;
}
.va-aura-banner-bg {
    display: flex;
    align-items: center;
    background-image: url(../images/home-page/aura-banner.png);
    background-position: center;
}
.va-canvas-banner-bg {
    display: flex;
    align-items: center;
    background-image: url(../images/home-page/canvas-banner.png);
    background-position: center;
}
.va-digitalEnterprise {
    background-image: url(../images/home-page/The-path-towards-digital-enterprise-bg-092022.jpg);
    text-align: center;
    position: relative;
    padding: 70px 0;
}

.va-digitalEnterBox {
    min-height: 370px;
}

.va-carousel-inner-mob .swiper-slide {
    height: initial;
}

.va-cloudSuiteWrapper p, .va-partnershipWrapper p {
    padding: 10px 0;
}

.btn-primary.btn-hoverYellow:hover,
.btn-primary.btn-hoverYellow:focus,
.va-home-ban a.btn.btn-hoverYellow:hover,
.va-home-ban a.btn.btn-hoverYellow:focus {
    background-color: #f9b31d;
}

.btn-primary.btn-hoverYellow {
    font-size: 14px;
}

.va-digitalEnterprise .card {
    background-color: transparent;
    box-shadow: none;
}

.va-digitalEnterprise h2,
.va-digitalEnterprise p {
    color: #fff;
}
.va-digitalEnterprise .va-digitalEnterBox p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 125px;
}

.va-digitalEnterprise p {
    padding: 10px 0;
    flex: 1;
}

.va-sliderWrap {
    padding-top: 70px;
}

.va-digitalEnterBox {
    background: rgb(0 0 0 / 0.8);
    border-radius: .4em;
    padding: 2.2em;
    height: 100%;
}
.va-ds-TextDiv {
    flex: 1;
    text-align: left;
}
.va-digitalEnterBox h2 {
    font-size: 1.5em;
    min-height: 75px;
}

.va-digitalEnterBox .btn-transparent {
    width: 100%;
}

.btn-transparent {
    border: 1px solid #0084c4;
    background: transparent;
    font-size: 14px;
}
.group-btn{display: flex; align-items: center; gap: 1em;}
.btn-outline-white {
    border: 1px solid #ffffff;
    background: transparent;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent:active:hover,
.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active,
.btn-outline-white:active:hover {
    background: #0084c4;
}

.va-digitalEnterprise .carousel-control,
.va-digitalEnterBox .btn-transparent i {
    color: #fff;
}

.va-digitalEnterBox .btn-transparent:hover i {
    color: rgb(255 255 255 / 0.5);
}

.va-digitalEnterprise .carousel,
.va-digitalEnterprise .card {
    /* position: unset; */
}

.va-digitalEnterprise .carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: transparent;
}

.va-digitalEnterprise .carousel-indicators li.active {
    background-color: #fff;
    transform: none;
}

.va-digitalEnterprise .carousel .carousel-control {
    width: 7%;
}

.carousel .carousel-control.right {
    right: -72px;
    z-index: 10;
    /*change for nav*/
}

.digitalEnterprise-slider .carousel .carousel-indicators {
    bottom: -7em;
}

.va-sliderWrap .va-slideBoxsWrap,
.va-keyBenfitRow,
.va-keyBenfitBox,
.va-digitalEnterBox,
.va-keyBenfitOverlay,
.va-keyBenfitData,
.va-frameworkBtnWrap,
.va-achivingEfficency,
.va-verticalcenter,
.va-artificialIntelligence,
.va-analyticsDataWarehousing,
.va-clientSection,
.va-requestTCO,
.va-wp-sliderThumb,
.va-featuresWrp,
.va-wp-socialIconWrap,
.va-webinarStripData,
.va-webiDateTime,
.va-display-flex {
    display: flex;
}

.va-digitalEnterBox,
.va-keyBenfitBox,
.va-keyBenfitData {
    flex-direction: column;
}

.va-achivingEfficency,
.va-verticalcenter,
.va-artificialIntelligence,
.va-analyticsDataWarehousing,
.va-clientSection,
.va-requestTCO,
.va-wp-sliderThumb,
.va-webiDateTime {
    align-items: center;
}

.va-keyBenfitOverlay {
    align-items: center;
    justify-content: center;
}

.va-sliderWrap .va-slideBoxsWrap div[class^="col-"],
.va-keyBenfitRow div[class^="col-"],
.va-keyBenfitData p,
.va-keyBenfitData,
.va-webiTopicsSec .va-cloudKeyBenefitBox p {
    flex: 1;
}

.va-sliderWrap .va-slideBoxsWrap div[class^="col-"],
.va-keyBenfitRow div[class^="col-"] {
    float: none;
}

.va-artificialIntelligence,
.va-analyticsDataWarehousing,
.va-enterSolution,
.va-FSandUniEnterprise,
.va-clientSection,
.va-requestTCO,
.va-keyCapabilities {
    padding: 3.6em 0;
}

.va-keyBenfitAvatar {
    position: relative;
    height: 180px;
    overflow: hidden;
}

.va-keyBenfitOverlay {
    background: rgb(0 0 0 / 0.3);
    width: 100%;
    height: 100%;
    font-size: 5em;
    color: #fff;
    position: absolute;
}

.row.va-keyBenfitRow,
.dms-rowPaddTop {
    padding-top: 50px;
}

.font-weight-400 {
    font-weight: 400;
}

.va-keyBenfitData h3 {
    font-size: 1.3em;
}

.va-keyBenfitBox {
    height: 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    border-radius: .5em;
    overflow: hidden;
}

.va-keyBenfitData {
    padding: 1.1em;
}

.va-awardsLisitingWrap {
    background: #292F35;
    padding: 5.34em 0;
}

.va-awardList,
.va-enterSolutionOpts ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.va-awardList {
    padding: 2.5em 0 0;
}

.va-awardList img {
    max-height: 80px;
    transition: all 0.5s ease;
}

.va-awardList li {
    display: inline-flex;
    padding: 1em;
}

.va-awardList {
    transition: 0.3s transform;
    display: inline-block;
}

.va-awardList:hover img:not(:hover) {
    opacity: 0.2;
}

.va-awardList img:hover {
    transform: scale(1.5);
}

.va-development-framework .btn-transparent {
    color: #0084c4;
    float: left;
    font-size: 1em;
}

.va-development-framework .btn-transparent:hover {
    color: #fff;
}

.va-frameworkBtnWrap .btn {
    margin-right: 1em;
}

.va-enterSolution {
    background: #f0f0f0;
}

.va-enterSolutionOpts ul {
    color: #666;
}

.va-enterSolutionOpts div&gt;a {
    margin-top: 1.5em;
    display: flex;
}

.va-enterSolutionOpts ul li {
    padding: .2em 0;
    font-size: 1.15em;
}

.va-enterSolutionRow {
    /* width: 72vw; */
    margin: 2em 0 4em auto;
    display: none;
}

.va-justify-center {
    justify-content: center;
}

.va-CS-banner {
    background-image: url(../images/cloud-suite/VIENNA-Advantage-Enterprise-Cloud-Suite-Banner.png);
}

.va-CS-banner .btn-primary {
    font-size: 1em;
}

.va-FSandUniEnterprise {
    background: none;
    min-height: unset;
}

.va-FSandUniEnterprise img,
.va-artificialIntelligence img,
.va-e-groupProcurement img {
    max-width: 100%;
}

.va-keyEnterBenefits {
    padding: 0 0 50px 0;
}

.va-cloudKeyBenefitBox {
    box-shadow: 0 0 8px rgba(0 0 0 / 0.2);
    padding: 1.5em;
    border-radius: .25em;
    height: 100%;
    background: #fff;
}

.va-cloudKeyBenefitBox h5 {
    font-weight: 400;
    border-bottom: 3px solid #3a384b;
    margin: 0 0 1.2em;
    padding-bottom: 1.2em;
    text-align: center;
}

.va-keyEnterBenefits div[class^="col-"] {
    flex: 1;
}

.va-keyEnterBenefits .row&gt;div,
.va-hr-onBoardPlat .row&gt;div {
    display: flex;
    padding-top: 3.6em;
    box-shadow: none;
    background-color: transparent;
}

.va-achivingEfficency {
    background-image: url(../images/cloud-suite/Moving-from-CAPEX-to-OPEX-BG-v2.jpg);
}

.va-achivingEfficency {
    text-align: left;
}

.va-reduceRisk {
    background-image: url(../images/cloud-suite/Reduce-your-infrastructure-risk-BG.png);
}

.va-featuresWrp,
.va-keyBenefitsOuter {
    background: #f8f8f8;
    padding: 3.65em 0;
}


.va-featureBox {
    text-align: center;
    padding: 0 2em;
    border-right: 1px solid #ccc;
    flex: 1;
}

.va-featureBox:last-child {
    border-right: none;
}

.va-analyticsDataWarehousing {
    background-image: url(../images/cloud-suite/Exasol-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.va-clientSection {
    background: #082436;
    color: #fff;
}

.va-requestTCO {
    background: #d8d8d8;
}

.va-keyCapabilityRow {
    padding: 3em 0;
}

.va-keyCapabilities .btn-primary {
    margin-top: 2em;
}

.va-cloudSuiteWrapper p, .va-partnershipWrapper p {
    padding: 1.5em 0 1em 0;
}

.va-development-framework h2 {
    padding-bottom: 1em;
}

.va-clientSection img {
    max-width: 100%;
    max-height: 100%;
}

.va-requestTCO .btn.btn-primary {
    margin-top: 2em;
}

.va-cloudSuiteCommonCls p {
    padding: 1.5em 0 0;
}

.va-cloudSuiteCommonCls .btn.btn-primary {
    margin-top: 2em;
}

.va-visible-xs {
    display: none;
}

.va-featureBox h3,
.va-keyCapabilityRow h3,
.va-enterSolutionOpts h3 {
    font-weight: 400;
}

.va-clientSection p {
    font-size: 1.6em;
}

.va-clientSection p span {
    font-size: .88em;
    display: block;
    font-weight: 400;
}

.va-cloudSuitePage .btn-primary.btn-hoverYellow i {
    opacity: 0.6;
}

.va-featureBox p,
.va-keyCapabilities p {
    color: #666;
}

.va-keyCapabilities {
    background: #f8f8f8;
}

.va-wp-registration-banner {
    background-image: url(../images/home-page/The-path-towards-digital-enterprise-bg.jpg);
}

.page-header.va-home-ban.va-wp-registration-banner .container {
    padding-top: 0;
}

.va-logoWrap a {
    position: absolute;
    top: 20px;
    z-index: 2;
    height: auto;
}

.va-wp-descriptioSec {
    padding-top: 4em;
}

.va-wp-descriptioSec h3,
.va-wp-descriptioSec h1 {
    color: #0084C4;
    font-weight: 400;
}

.va-wp-descriptioSec ul {
    padding-top: 1em;
    list-style: circle;
}

.va-wp-descriptioSec ul li {
    padding: 0.5em 0;
}

.va-wp-formPanel {
    background: #f0f0f0;
    padding: 1em 2em;
    position: relative;
    top: -70px;
}

.va-wp-formPanel h3 {
    font-weight: 600;
}

.va-wp-frmField {
    display: flex;
    flex-direction: column;
    padding: .5em 0;
}

.va-wp-formPanel form {
    padding-top: 1em;
}

.va-wp-frmField label {
    color: #3a3838;
    margin-bottom: .2em;
}

.va-wp-frmField input:not([type="checkbox"]):not([type="radio"]),
.va-wp-frmField select {
    height: 35px;
    /* border-radius: 0 !important; */
    padding: 0 .5em !important;
    width: 100%;
    font-size: 1em;
    font-weight: 400;
}

.va-wp-frmField input,
.va-wp-frmField select {
    border: 1px solid #ccc;
}

.va-wp-formPanel h6 {
    text-transform: none;
}

.va-wp-frmFieldGrp {
    display: flex;
    padding-top: 1em;
}

.va-wp-chkLabelWrp {
    min-width: 100px;
    display: flex;
}

.va-wp-frmFieldGrp label {
    padding-left: .5em;
}

label.va-wp-privacyLbl {
    font-size: .8em;
    padding-top: .2em;
    padding-left: .5em;
}

.va-wp-formPanel hr {
    border-top: 1px solid #ccc;
}

.va-wp-frmFieldBtn {
    display: flex;
    margin-top: 1em;
}

.va-wp-frmFieldBtn button {
    text-transform: none;
    font-size: 1.3em;
}

.va-wp-customSeclect {
    position: relative;
}

.va-wp-customSeclect select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
}

.va-wp-customSeclect:after {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    top: 0;
    right: 0;
    background: #bfbfbf;
    border: 1px solid #ccc;
    border-left: none;
    pointer-events: none;
}

.va-wp-customSeclect:before {
    position: absolute;
    content: '';
    border: solid #3a3838;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    right: 12px;
    top: 10px;
    z-index: 2;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    pointer-events: none;
}

.va-wp-sliderSec {
    padding-top: 5em;
}

.va-wp-sliderSec .card-raised {
    box-shadow: none;
}

.va-wp-sliderSec div[class^="col-"] {
    padding-right: 0;
}

.va-wp-sliderSec .carousel-indicators {
    bottom: 0;
}

.va-wp-sliderSec .carousel-indicators,
.va-wp-sliderThumb {
    position: relative;
}

.va-wp-sliderSec .carousel-indicators li {
    width: auto;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    text-indent: unset;
    margin: 0 5px;
    flex: 1;
}

.va-wp-sliderSec .carousel-indicators {
    left: 0;
    margin-left: 0;
    width: auto;
    padding: 0 50px;
    display: flex;
    z-index: 2;
}

.va-wp-sliderSec .carousel-indicators li.active {
    /* box-shadow: none; */
    transform: none;
    margin: 0 5px;
}

.va-wp-sliderSec .carousel-indicators li img {
    max-width: 100%;
}

.va-wp-sliderSec .carousel .carousel-control {
    height: 50px;
    margin: auto;
    bottom: 0;
    top: 0;
    color: #d4d4d4;
    z-index: 3;
    text-shadow: none;
}

.va-wp-socialShareSec {
    margin-top: 1em;
    border-top: 1px solid #ccc;
    padding-top: 3em;
    text-align: center;
}

.va-wp-socialShareSec ul {
    list-style: none;
    display: flex;
    padding: 1.5em 0 0;
    justify-content: center;
    margin: 0;
}

.va-wp-socialShareSec ul li {
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

.va-wp-socialShareSec ul li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .5em;
}

.va-wp-fb {
    background: #3b5998;
}

.va-wp-twiter {
    background: #1da1f2;
}

.va-wp-in {
    background: #0077b5;
}

.va-wp-socialShareSec ul li a i {
    font-size: 1.1em !important;
}

.va-wp-footer {
    background: #555555;
    margin-top: 5em;
    float: left;
    width: 100%;
}

.va-wp-footerInn {
    display: flex;
    color: #fff;
    align-items: center;
}

.va-wp-footerInn small {
    flex: 1;
    text-align: left;
}

.va-wp-socialIconWrap a {
    color: #fff;
    padding: 0 1em;
    background: #383838;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1em;
}

.va-wp-socialIconWrap a i {
    font-size: 1.5em !important;
}

.va-wp-thankyouText {
    text-align: center;
}

.va-wp-thankyouText h2 {
    font-weight: 700;
}

.va-wp-thankyouText .btn-primary.btn-hoverYellow {
    font-size: 1.5em;
    margin-top: 2em;
}

.va-wp-thankyouWrap {
    padding-top: 4em;
}

.va-wp-sliderThumb {
    margin-top: 1em;
}

.va-wp-countryFlagDiv {
    position: relative;
}

.va-wp-countryFlagDiv input {
    border: none;
}

.va-enterSolutionOpts ul li a,
.va-enterSolutionOpts h3 a {
    color: inherit;
}

.va-enterSolutionOpts ul li a:hover,
.va-enterSolutionOpts h3 a:hover {
    color: #0084c4;
}

.relationship-costumer-ban h5.sub-after {
    text-transform: uppercase;

}

.va-wp-thankyouWrap .va-wp-socialShareSec {
    margin-top: 4em;
    padding-top: 4em;
}

.va-wp-IFRS-banner,
.va-leaseAcct-banner {
    background-image: url(../images/whitepaper/IFRS-16-Whitepaper-hero-banner-2000x1125.jpg);
}

.btn-primary.btn-hoverDrkBlue:hover,
.btn-primary.btn-hoverDrkBlue:focus {
    background-color: rgb(9 55 86 / 1);
}

.va-wp-thankyouText .btn-primary.btn-hoverDrkBlue {
    font-size: 1.5em;
    margin-top: 2em;
}

.va-keyBenefitsOuter .va-featureBox {
    border: none;
    padding: 0 1em;
}

.va-keyBenefitsOuter .va-featureBox p {
    padding-top: 1.5em;
    /* font-size: 1em; */
}

.va-keyBenefitsOuter .va-featuresWrp {
    padding-bottom: 0;
}

.va-LA-ensureCompliance {
    background-image: url(../images/lease-account/IFRS-16-Whitepaper-bg.jpg);
}

.va-featureLeaseAcct {
    padding: 5.1em 0;
}

.va-LA-relatedSol a.btn-simple {
    font-size: 1em;
    padding-left: 0;
    margin-top: .5em;
}

.va-LA-relatedSol {
    background: transparent;
}

.va-groupCIO-avatar {
    background-image: url(../images/home-page/Thumbnail-Benefits-for-Group-CIO-VIENNA-Advantage-ERP.png);
    background-size: cover;
}

.va-groupCFO-avatar {
    background-image: url(../images/home-page/Thumbnail-Benefits-for-Group-CFO-VIENNA-Advantage-ERP.png);
    background-size: cover;
}

.va-procurementExe-avatar {
    background-image: url(../images/home-page/Thumbnail-Benefits-for-Procurement-Executive-VIENNA-Advantage-ERP.png);
    background-size: cover;
}

.va-keyBenfitOverlay i {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #394b57;
    border-radius: 50%;
    cursor: pointer;
}

.va-wp-CIO-banner {
    background-image: url(../images/whitepaper/DT-4-CIO-priorities-Whitepaper-hero-banner-2000x1125.jpg);
}

.va-wp-CFO-banner {
    background-image: url(../images/whitepaper/DT-5-CFO-priorities-Whitepaper-hero-banner-2000x1125.jpg);
}

.va-wp-erpLandscap-banner {
    background-image: url(../images/whitepaper/Homogeneous-ERP-landscape-Whitepaper-hero-banner-2000x1125.jpg);
}

/*free cloud erp evaluation whitepaper*/
.va-wp-erpFreeCloudEvaluation-banner {
    background-image: url(../images/whitepaper/Hero-Banner-Free-Cloud-ERP-Evaluation-Checklist-2000x1125.jpg);
}

/*free cloud erp evaluation whitepaper*/
.va-wp-erpDocMgtSys {
    /* background: linear-gradient(90deg, #141c27, #0178b2); */
    background-image: url(../images/whitepaper/Hero-Banner-bg-How-to-select-a-document-management-system-2000x1.jpg);
    background-repeat: repeat;
    background-size: auto;
}

.va-wp-cloudAdoption-banner {
    background-image: url(../images/whitepaper/Moving-from-CAPEX-to-OPEX-Whitepaper-hero-banner-2000x1125.jpg);
}

.va-wp-banner-digitalTrans {
    color: #0084c4;
    font-weight: 700;
    font-size: 1.8em;
}

.va-testimoniAvatar {
    width: 100%;
    height: 300px;
    background-size: cover;
    position: relative;
}

.va-testimoniAvatar i {
    cursor: pointer;
}

.va-TerraOil-avatar {
    background-image: url(../images/cloud-suite/TerraOil-Testimonial-Video-Thumbnail.png);
}

.va-e-groupProcurement {
    padding: 5em 0 5.6em 0;
}

.va-e-procurementWhitepaper {
    background-image: url(../images/products/erp-crm/coremodules/e-procurement/e-Procurement-Whitepaper-bg.jpg);
}

.va-e-procruement-banner {
    background-image: url(../images/products/erp-crm/coremodules/e-procurement/e-Procurement-VIENNA-Advantage-Banner.jpg);
}

.va-hrPayroll-banner {
    background-image: url(../images/products/erp-crm/coremodules/hr-payroll/HR-and-Payroll-VIENNA-Advantage-Banner.jpg);
}

.va-hr-onBoardPlat .va-cloudKeyBenefitBox {
    background: #fff;
}

.va-automatePayrolBox img {
    margin: 0 auto 1.5em;
    height: 100px;
}

.va-hcm-brochureBg {
    background-image: url(../images/products/erp-crm/coremodules/hr-payroll/HCM-Brochure-bg-1920x760.jpg);
}

.va-group-consolidation-banner {
    background-image: url(../images/group-consolidation/Group-Consolidation-VIENNA-Advantage-Banner.jpg);
}

.va-featureBox img {
    height: 100px;
}

.va-featureGrpConsolidate .va-cloudKeyBenefitBox h5 {
    min-height: 110px;
}

.va-compliance-management-banner {
    background-image: url(../images/compliance-management/Compliance-VIENNA-Advantage-Banner.jpg);
}

.va-automateCompliance {
    background-image: url(../images/compliance-management/Automated-Compliance-bg-1920x600.jpg);
}

.va-multi-GAAP-complaint {
    background-image: url(../images/compliance-management/Multi-GAAP-Compliant-bg-1920x600.jpg);
}

.va-auditReady {
    background-image: url(../images/compliance-management/Audit-Ready-bg-1920x600.jpg);
}

.va-tuvSudCertified {
    background-image: url(../images/compliance-management/Tuv-Sud-Certified-bg-1920x600.jpg);
}

.va-automateCompliance {
    min-height: 500px;
}

.va-LA-contactSec a {
    min-width: 200px;
}

.va-keyBenfitRow div[class^="col-"] img:hover {
    transform: scale(1.4);
}

.va-keyBenfitRow div[class^="col-"] img {
    transition: all .5s ease;
}

.va-wp-e-procurement-banner {
    background-image: url(../images/whitepaper/DT-6-Priorities-eProcurement-Solution-Whitepaper-hero-banner-2000x1125.jpg);
}

.va-fontSize-subTitle {
    font-size: 1.5em;
}

.va-keyBenefitsOuter .btn-transparent {
    font-size: 1em;
    color: #0084c4;
}

.va-keyBenefitsOuter .btn-transparent:hover {
    color: #fff;
}

.va-projMgt-consultant {
    background-image: url(../images/products/erp-crm/coremodules/project-mgt/Talk-to-our-consultants-BG.jpg);
}

.va-contentSection {
    padding-top: 0 !important;
}

.va-manufacturing-consultBG {
    background-image: url(../images/products/erp-crm/coremodules/manufacturing/Manufacturing-Talk-to-our-consultants-BG.jpg);
}

.posmodules-softwaresolution .title-div h2,
.posmodules-softwaresolution .title-div h3 {
    padding: 0 1em;
}

.posmodules-softwaresolution .content-div li:first-child {
    font-weight: 500;
}

.order-mgt-foot {
    background-image: url(../images/products/erp-crm/coremodules/order-mgt/PM-Talk-to-our-consultants-BG.jpg);
}

.va-harnessThePowerSec .va-cloudKeyBenefitBox {
    background: #fff;
}

.va-harnessThePowerSec h2.sub-after.sub-title:after {
    margin: 10px auto 12px;
}

.va-harnessThePowerSec .va-cloudKeyBenefitBox h5 {
    min-height: 80px;
    text-align: center;
}

.bulidInCustomerBG {
    background-image: url(../images/products/erp-crm/coremodules/helpdesk&amp;support/Built-in-customer-knowledge-base-VIENNA-Advantage-HelpDesk-and-Support.jpg) !important;
}

.HDS-Talk-to-our-consultants-BG {
    background-image: url(../images/products/erp-crm/coremodules/helpdesk&amp;support/HDS-Talk-to-our-consultants-BG.jpg);
}

.content-section .transparent-btn {
    float: left;
}

.costumer-relationship-first hr {
    width: 70%;
}

.va-webinarBanner {
    background: linear-gradient(45deg, #093756, #0082c2);
    height: 500px;
}

.va-webinarBannerStrip {
    background: linear-gradient(90deg, #13afef, #cbdb2b);
}

.va-webiDateTime {
    padding: 1em;
    font-weight: 600;
}

.va-webiDateTime:first-child {
    padding-left: 0;
}

.va-webiDateTime i {
    font-size: 2em;
    margin-right: .5em;
}

.va-webinarBanner .container {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
}

.va-webinarLogo a {
    position: relative;
    top: 0;
    margin: 0;
    padding-left: 0;
}

.va-webinarForm {
    top: -100px;
}

.va-webiSpeakerInfo {
    display: flex;
    align-items: center;
    padding-top: 2em;
}

.va-webiSpeakerAvatar {
    width: 120px;
    height: 120px;
    background: #eee;
    border-radius: 50%;
}

.va-webiSpeakerText h4 {
    margin-top: 0;
    font-size: 1.5em;
    font-weight: 600;
}

.va-webiSpeakerText {
    padding-left: 2em;
}

.va-wp-formPanel .btn.btn-primary {
    font-size: 1.3em;
}

.va-webiTopicsSec {
    margin-top: 4em;
}

.va-webiTopicsSec .va-cloudKeyBenefitBox h5 {
    border: none;
    min-height: auto;
    margin: 0;
}

.va-webiVideoSec,
.va-webiTopicsSec .va-justify-center {
    width: 90%;
    margin: 0 auto;
}

.va-webiTopicsSec .va-cloudKeyBenefitBox {
    display: flex;
    flex-direction: column;
}

/*free cloud erp evaluation whitepaper*/
.va-wp-erpFreeCloudEvaluation-banner {
    background-position: left center;
}

.va-webinarThankFoot {
    margin: 0;
}

.va-webiVideoSec {
    margin-top: 2em;
}

.va-financeTestimoni {
    background-image: url(../images/products/erp-crm/coremodules/finance/TerraOil-Testimonial-BG.png);
    background-size: cover;
}

.va-financeTestimoni .banner-btn-yellow.btn.btn-primary:hover {
    background-color: #0084c4 !important;
}

.va-financialBotCards .card-image img {
    max-height: 100%;
}

.va-financialBotCards .case-study p {
    color: rgb(58, 56, 56);
}

.indus-retail-advantage .card-plain .card-content p {
    flex: 1;
}

.indus-retail-advantage .card-plain .card-content a {
    text-align: left;
}

.indus-retail-advantage .card-image&gt;a {
    height: 100%;
    display: flex;
}

.va-financialBotCards .card-content {
    padding: 25px 15px 15px;
}

.va-financialBotCards .card .card-image {
    height: auto;
}

.PM-Talk-to-our-consultants-BG {
    background-image: url(../images/products/erp-crm/coremodules/hr-payroll/PM-Talk-to-our-consultants-BG.jpg);
}

.va-LP-homogeneousPageBanner {
    background-image: url(../images/live-webinar/Webinar-bg-1920x600-v2.png);
    background-size: cover;
}

.va-LP-businessAnalyticPageBanner {
    background-image: url(../images/webinar/Webinar-bg-1920x600.jpg);
    background-size: cover;
}

.va-LP-homogeneousPageBanner h3 {
    font-size: 2em;
    text-transform: uppercase;
}

a.btn.btn-primary.va-LP-registerBtn {
    font-size: 1.5em;
}

.va-LP-orderList {
    padding-top: 4em;
    /* list-style: none; */
    /* counter-reset: list; */
    padding-left: 1.3em;
}

.va-LP-orderList li li {
    font-size: 1em;
}

.va-LP-orderList li:not(:last-child) {
    padding-bottom: .8em;
}

.va-LP-orderList li ul {
    padding-top: .8em;
}

.va-LP-orderList&gt;li:before {
    /* content: counter(list) ')';
    counter-increment: list;
    padding-right: .5em; */
}

.va-LP-regsiterBtnWrap {
    padding: 1em 0;
    display: flex;
    width: 100%;
    /* justify-content: center; */
}

.va-LP-aboutSpeakerSec {
    padding: 4em 0;
}

.va-LP-aboutSpeakerSec h1 {
    /* font-size: 2.2em; */
    font-weight: 500;
    color: #0084c4;
    text-align: center;
}

.va-LP-speakers {
    padding-top: 3em;
}

.va-LP-speakerDetail .va-webiSpeakerAvatar {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.va-LP-speakerDetail .va-webiSpeakerAvatar img {
    max-width: 100%;
}

.va-LP-speakers {
    padding-top: 3em;
}

.va-LP-speakerDetail h4 {
    font-size: 1.7em;
}

.va-LP-speakerDetail p {
    /* font-size: 1.3em; */
    font-weight: 500;
}

.va-LP-speakerDetail .va-webiSpeakerText {
    padding-top: 1em;
    padding-left: 0;
}

.va-LP-speakerDetail:not(:last-child) {
    margin-bottom: 3em;
}

.va-webinarBanner .container {
    padding-top: 0 !important;
}

.dms-overview-ban {
    background-image: url(../images/products/dms/Hero-Banner-VIENNA-Advantage-Document-Management-System.jpg);
}

.va-dmsDemoSecWrap {
    background-image: url(../images/products/dms/VIENNA-Advantage-Document-Management-Demo-bg-1920x760.jpg);
}

.page-header.dms-overview-ban .container {
    /* padding: 0; */
}

.va-dmsFeaturesWrap {
    display: flex;
    padding: 5rem 3rem;
}

.va-dmsFeatureCol {
    flex: 1;
    padding: 0 1rem;
}

.va-cloudKeyBenefitBox h5 {
    min-height: 125px;
}

.va-development-framework.va-dmsDemoSecWrap .btn.btn-primary {
    float: none;
}

.dms-overview-ban .btn.btn-primary:hover {
    background-color: #0084c4 !important;
}

.va-e-groupProcurement .card {
    background: transparent;
    box-shadow: none;
}

.va-LiveWebinarOL {
    padding-left: 1.3em;
}

.va-LiveWebinarOL li {
    padding-top: .5em;
}

.va-wp-landingData p,
.va-wp-landingData li {
    line-height: 1.6em;
}

.va-LW-leftContent {
    /* padding-left: 16rem; */
    padding-right: 5rem;
}

.va-livewebinarLInkSec {
    display: flex;
    align-items: center;
    padding: 2rem 0;
}

.va-livewebinarLInkSec p {
    padding-right: 2rem;
    font-weight: 400;
    padding-left: 1.5rem;
    flex: 1;
    font-size: 1.2em;
}

.va-livewebinarLInkSec a {
    font-size: 1.4rem;
}

.va-livewebinarLInkSec a:hover,
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent:active:hover {
    color: #fff !important;
}

.va-webinar-thankPageSlider .card {
    background: none;
    box-shadow: none;
}

.va-webinar-thankPageSlider .carousel .carousel-control.left {
    left: -100px;
}

.va-webinar-thankPageSlider .btn.btn-primary {
    font-size: .875em;
}

.va-webinar-thankPageSlider .carousel .carousel-control {
    color: #383838;
}

.va-webiVideoSec iframe {
    height: 600px;
}

.va-webinar-thankPageSlider .va-cloudKeyBenefitBox {
    min-height: 370px;
}

.va-keyBenfitRow .card.visible-xs,
.va-sliderWrap .card.visible-xs {
    width: 85%;
    box-shadow: none;
    margin: 0 auto;
}

.va-keyBenfitRow .card.visible-xs .carousel-inner,
.va-sliderWrap .card.visible-xs .carousel-inner {
    width: 100%;
}

.nav-open .navbar-nav {
    height: calc(100% - 105px);
}

.va-embeded-dms-banner {
    background-image: url(../images/dms/hero-banner-embedded-document-management-system.jpg);
}

.va-dmsFeatures h3 {
    font-size: 1.6em;
    margin-bottom: 1.5em;
}

.va-dmsFeatures img {
    margin: 0 auto;
}

.va-p-5 {
    padding: 3.6em 0;
}

.va-navTab {
    display: inline-block;
}

.va-navTab li {
    margin-left: 0 !important;
    border-bottom: 1px solid #ccc;
}

.va-navTab li.active {
    border-color: #0084c4;
}

.va-navTab li.active a:after,
.va-navTab li a:hover:after {
    height: 0 !important;
}

.va-featureUl {
    padding: 0 0 0 1.5em;
    margin-top: 1.3em;
    list-style: url(../images/dms/check-circle-solid.svg) !important;
}

.va-featureUl li::marker {
    font-size: 1.6em;
}

.va-tabContent {
    padding: 3.6em 0;
}

.va-tabContent a.btn {
    margin-top: 2em;
}

.va-embedDmsFeature .va-dmsFeaturesWrap {
    /* padding-left:  0;
    padding-right:  0; */
}

.va-embedDmsFeature .card {
    margin-bottom: 0;
    margin-top: 2em;
}

.va-dms-featureBoxes {
    padding-top: 5em;
}

.va-navTab li.active a {
    color: #0084c4 !important;
}

.va-navTab li a {
    font-weight: 600;
    text-transform: none;
    font-size: .8em;
}

.va-workfloIframe {
    width: 100%;
    min-height: 300px;
}

.va-dmsFeatures .col-md-4:nth-child(1) {
    padding-right: 2em;
}

.va-dmsFeatures .col-md-4:nth-child(2) {
    padding-right: 2em;
    padding-left: 2em;
}

.va-dmsFeatures .col-md-4:nth-child(3) {
    padding-left: 2em;
}

.va-featureUl li {
    padding-left: .3em;
}

.va-embedDmsFeature h5 {
    margin-bottom: 1.5em;
}

/* .va-navCol-3 {
    margin-top: -47px;
} */
.va-navSolutionsMenu {
    /*change for nav*/
    padding-left: 20px;
}

.va-mobNav.navbar .navbar-nav li:after {
    margin-left: 0;
    width: 100%;
}

header .va-mobNav .active,
header .va-mobNav li.nav-list:hover {
    border-bottom: none;
    background: #f0f0f0;
}

.va-mobNav.navbar .navbar-nav li .try-it-free-btn {
    margin: 0;
    border-radius: 0;
    padding: 1.5em .8em 1.5em 1.5em !important;
    color: #3C4858 !important;
    font-weight: 700 !important;
}

.va-mobNav.navbar .navbar-nav li a {
    margin: 0;
    display: flex;
    justify-content: space-between;
    padding-left: 1.5em !important;
    font-weight: 600;
    align-items: center;
}

.va-mobNav .nav li ul.dropdown-menu.mega-dropdown-menu {
    padding: 0;
    margin: 0 !important;
    max-width: 100%;
    max-height: 100vh !important;
}

.va-mobNav .nav li ul.dropdown-menu.mega-dropdown-menu li {
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.va-mobNav .nav li ul.dropdown-menu.mega-dropdown-menu li a {
    width: 100%;
    padding: 1.4em !important;
}

.va-mobNav.navbar .navbar-nav li.open&gt;a {
    background: #f0f0f0;
    font-weight: 700;
    padding-left: 1.5em;
}

.va-navPlatform,
.va-mobNav.navbar .navbar-nav li:first-child {
    background: #f0f0f0 !important;
}

.va-navPlatform a {
    font-weight: 700 !important;
}

.va-mobNav.navbar .navbar-nav li a i.fa {
    margin-right: .3em;
    font-size: 1.5em;
}

.va-mobNav .navbar-collapse .navbar-nav:not(:first-child) li:first-child a {
    /* display: flex; */
    justify-content: flex-start;
}

/* .va-mobNav.navbar .navbar-nav li:first-child a {
    justify-content: flex-start;
} */
.va-mobNav.navbar .navbar-nav li.open&gt;ul {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
}

.va-subNavHidden {
    display: none;
}

.va-navPlatformSection .dropdown-header:not(:last-child) {
    border-bottom: 1px solid #d6d5d5;
}

.va header .navbar .dropdown-menu li .va-platformCloudLogo a {
    height: 21px;
}

.va-platformCloudLogo {
    margin-bottom: .625rem;
}

.va header .navbar .dropdown-menu li .va-platformCloudLogo a {
    border: none;
}


/*END New CSS By Kanwal 17/12/2020 for new home page and cloud suite page*/


/*community pages common CSS*/
.community-va .navbar .navbar-nav&gt;li&gt;a.va-ec-login {
    color: #0084C4 !important;
    font-weight: 600;
}

.community-va .navbar .navbar-nav&gt;li&gt;a.va-ec-signUp {
    padding-top: .5em;
    color: #fff !important;
}

.community-va .navbar .navbar-nav&gt;li&gt;a {
    display: flex;
    align-items: center;
}

.community-va .navbar .navbar-nav&gt;li.head-try-free-btn:last-child {
    padding-top: .5em;
}

.va-btn-blueGredient {
    background: linear-gradient(90deg, #0084C4, #13AFEF);
}

.community-va .navbar:not(.va-mobNav) .navbar-nav&gt;li:not(.head-icon)&gt;a i {
    /*change for nav*/
    font-size: .75em;
    margin-left: .4em;
    top: 0 !important;
}

.va-community-head {
    display: flex;
    height: 50px;
    align-items: center;
    color: #3A3838;
    font-size: 1.2em;
    padding-left: 1em;
    font-weight: 400;
}

.va-image img {
    max-width: 100%;
}

.community-va .navbar.navbar-transparent {
    color: #3A3838;
}

.community-va .navbar .navbar-nav&gt;li&gt;a.va-ec-signUp {
    margin-top: 10px;
}

/*community pages common CSS END*/

/*common classes*/

.va-mt-0 {
    margin-top: 0;
}

.va-mt-2 {
    margin-top: 2em !important;
}

.va-mt-3 {
    margin-top: 3em;
}

.va-mb-0 {
    margin-bottom: 0;
}

.va-ml-1 {
    margin-left: 1em;
}


.va-pb-4 {
    padding-bottom: 4em;
}

.va-pb-0 {
    padding-bottom: 0;
}

.va-py-4 {
    padding: 4em 0;
}

.va-d-flex {
    display: flex;
}

.va-align-items-center {
    align-items: center;
}

.btn-blue-link:active,
.btn-blue-link:visited,
.btn-blue-link:focus {
    background: transparent;
    color: #0084c4;
}

.text-white {
    color: #fff;
}

/* lang update for mobile */
.lang-dropdownMobile ul {
    list-style: none;
    padding: 0;
    display: flex;
}

.va-mobNav.navbar .navbar-nav .lang-dropdownMobile li.lang {
    background: #fff !important;
    padding: 1em .5em;
    cursor: pointer;
}

.lang-dropdownMobile li label {
    color: #3a3838;
    cursor: pointer;
}

.lang-dropdownMobile li.selected label {
    font-weight: 700;
    color: #0084C4;
}

/* lang update for mobile */

/*common classes END*/
.va-pt-80 {
    padding-top: 80px;
}

.va-cloudKeyBenefitBox h5.text-left {
    text-align: left;
}

/*swiper slider*/
.va-swiperSliderWrap,
.va-sliderWrap .va-featuresWrap {
    /* padding: 0 1em; */
}

.va-sliderWrap .swiper-pagination-bullet {
    border: 1px solid #fff;
    opacity: 1;
    background: transparent;
}

.va-sliderWrap .swiper-pagination-bullet,
.va-swiperSliderWrap .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
}

.va-swiperSliderWrap .pagination-holder,
.va-sliderWrap .pagination-holder {
    margin-top: 2em;
    text-align: center;
}

.va-sliderWrap .swiper-pagination-bullet-active {
    background: #fff;
}

.va-keyBenfitRow .va-featuresWrap {
    width: 100%;
}

.va-swiperSliderWrap .swiper-pagination-bullet {
    opacity: .2;
}

.va-swiperSliderWrap .swiper-pagination-bullet-active {
    background: #0084c4;
    opacity: 1;
}

.va-swiperSliderWrap .va-carousel-inner-mob {
    /* box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    background: #fff;
    border-radius: 0.7em; */
}

.va-swiperSliderWrap .va-keyBenfitBox,
.va-swiperSliderWrap .va-cloudKeyBenefitBox {
    /* box-shadow: none; */
}

.va-swiperSliderWrap .va-keyBenfitData h3:first-child,
.va-swiperSliderWrap h5 {
    font-size: 1.5em;
}

.va-swiperSliderWrap .va-keyBenfitData h3:first-child {
    font-weight: 600;
}

/*new changes 27-07*/
.swiperTestiCarousel .col-md-4 {
    padding: 1.4em;
}

.va-testimonial-carousel .swiper-button-next {
    right: -20px;
    color: inherit;
}

.va-testimonial-carousel .swiper-button-prev {
    left: -20px;
    color: inherit;
}

.va-testimonial-carousel em {
    color: #0084c4;
    font-size: .95em;
    line-height: 10px;
}

.overview_box_top_banner h1.title {
    color: inherit;
}

.va-advantages .card-body {
    padding: 1em 0;
}

/*swiper slider*/

/* enterprise cloud page new CSS START */
.va-imageRightEdgeAlign.va-FSandUniEnterprise {
    background-image: url(../images/cloud-suite/VIENNA-Advantage-Enterprise-Cloud-Suite-Illustration.png);
    background-position: 92% 50px;
}

.va-cloudBenefitBox img {
    width: 45px;
    min-width: 45px;
}

.va-cloudBenefitBox h4 {
    padding-left: 15px;
    font-weight: 600;
}

.va-cloud-infoBoxTitle {
    margin-bottom: .7em;
}

.va-testimonialInfo span.color-blue {
    font-weight: 700;
}

.va-testimonialInfo span {
    font-size: 1.3em;
    display: block;
    font-weight: 400;
    line-height: 25px;
}

.va-testimonialInfo {
    margin-top: 2em;
}

.va-testimonialText {
    padding-left: 1em;
}

.va-testimonialImage {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #0084c4;
}

.va-testimonialQuoteImg {
    position: absolute;
    top: -10px;
}

.va-testimonialWrap p {
    padding-top: 1.6em;
}

.va-cloudBenefitBox.va-dataBox-withShadow {
    padding-left: 1.8em;
    padding-right: 1.8em;
    padding-bottom: 1.8em;
}

.va-fixedMinHeight {
    min-height: 80px;
}

/* enterprise cloud page new CSS END */

/*home page new START*/
.va-enterSolutionRow ul {
    padding-left: 3em;
}

.va-enterSolutionOpts h3 {
    font-weight: 600;
}

.va-enterSolutionRow .va-navIcon {
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.va-bi-icon {
    background: url(../images/home-page/bi-reporting.svg);
}

.va-bg-dark {
    background: #252A31;
}
/*home page new END*/

/*contact us new changes START*/
.va-contactBanner-bg {
    background: linear-gradient(0deg, #0084C4, #093756);
    min-height: 400px;
    display: flex;
    align-items: center;
}
.va-contactBanner-bg .title {
    margin-bottom: .4em;
}
.va-contactForm-bg {
    background: #f0f0f0;
    padding: 1em 2em;
}
.va-contactForm-bg &gt; p {
    margin-top: 1em;
    margin-bottom: 2em;
}
.va-contactParagraph {
    padding-top: 1.5em;
    margin-top: 1.5em;
    border-top: 1px solid rgb(0 0 0 / 15%);
}
.va-contactParagraph a {
    text-decoration: underline;
}
.va-contactParagraph a:hover {
    color: #0084c4;
    font-weight: 600;
}
h2.title.va-contactParagraph {
    padding-top: 1em;
    margin-top: 1.5em;
}
.va-contactForm-bg .va-wp-frmField select, 
.va-contactForm-bg .va-wp-frmField textarea {
    border-radius: 3px;
    border-color: #ccc;
}
.va-contactForm-bg input:focus,
.va-contactForm-bg select:focus,
.va-contactForm-bg textarea:focus,
.va-contactForm-bg .is-focused {
    border-color: #0084c4;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 20%);
}
.va-contactListItem a {
    color: inherit;
}
.va-contactIcon {
    height: 20px;
    width: 20px;
    min-width: 20px;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.va-addressIco {
    background-image: url(../images/contact/building.png);
}
.va-phoneIco {
    background-image: url(../images/contact/phone.png);
}
.va-emailIco {
    background-image: url(../images/contact/email.png);
}
.va-locationIco {
    background-image: url(../images/contact/location.png);
}
.va-contactListItem span {
    font-weight: 400;
}
.va-contactListItem .va-locationIco + span {
    text-decoration: underline;
}
.va-contactBox {
    border: 1px solid rgb(0 0 0 / 15%);
    border-radius: .5em;
    padding: 1em 2em;
    margin-top: 1.5em;
}
.va-contactBox:hover {
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 10%);
    border-color: transparent;
}
.va-contactDescription {
    padding: 4em 0 6em;
}
/*contact us new changes END*/

/* new whitepaper START*/
.va-wp-sapNetsuit-banner {
    background-image: url(../images/whitepaper/Hero-Banner-Free-ERP-Comparison-Whitepaper-2000x1125.jpg);
}
.va-wp-sapBannerLogos {
    width: 75%;
}
.va-wp-sapListWrap li {
    font-size: 16px;
}
.va-wp-sapListWrap,
.va-wp-sapListWrap ul {
    padding-left: 1.3em;
}
.va-wp-sapListWrap ul {
    padding-top: 0;
}

.va-wp-sapListWrap  ul li {
    padding-bottom: 0;
    list-style-type: disc;
}
.va-wp-sapListWrap &gt; li {
    padding-bottom: 0.875em;
}

.va-wp-inforM3-banner {
    background-image: url(../images/whitepaper/Hero-Banner-Infor-M3-vs-VA-2000x1125.jpg);
}
/* new whitepaper END */



@media (max-width: 767px) {
    #cookiescript_reject {
        position: absolute;
        left: 135px;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        bottom: 57px;
        text-decoration: underline;
    }

    .modal-main-wrap .modal-content {
        width: 96%;
    }

    /*contact us new changes START*/
    .va-contactFormMain {
        display: flex;
        flex-direction: column;
    }
    .va-contactFormMain .col-md-6 {
        order: 2;
    }
    /*contact us new changes END*/
}

@media (min-width: 768px) {
    .va-testimonial-carousel .carousel-inner {
        padding: 2em;
    }
    
}

@media (min-width: 1400px) {

    body p,
    body li,
    .va-cloudKeyBenefitBox h5,
    .va-enterSolutionOpts ul li,
    .va-enterSolutionOpts div&gt;a {
        font-size: 1.3em;
    }
    .va-wp-sapListWrap li {
        font-size: 18.2px;
    }

    body li li {
        font-size: 100%;
    }

    .page-header.va-home-ban, .page-header.va-top-erp{
        min-height: 710px !important;
    }

    
    .va-digitalEnterprise,
    .va-development-framework,
    .va-enterSolution {
        min-height: 970px;
    }
    .va-cloudSuiteWrapper{
        min-height: 600px;
    } 
    .va-mosaic-banner-bg{
        min-height: 700px;
    }
    .va-aura-banner-bg{
        min-height: 700px;
    }
    .va-canvas-banner-bg{
        min-height: 700px;
    }
    .va-partnershipWrapper{
        min-height: 700px;
    }
    

    .va-digitalEnterprise,
    .va-enterSolution,
    .va-have-question,
    .va-min-height-710 {
        display: flex;
        align-items: center;
    }

    .va-keyBenfitBox {
        min-height: 516px;
    }

    .va-enterSolutionRow {
        margin: 4em 0 4em auto;
    }

    .va-have-question,
    .va-digitalTransformContactBg {
        min-height: 450px;
    }

    .va-have-question .btn.btn-primary {
        margin-top: 3em;
    }

    .va-FSandUniEnterprise {
        padding: 100px 0 50px 0;
    }

    .va-keyEnterBenefits {
        padding: 10px 0 100px 0;
    }

    .va-digitalEnterprise.va-achivingEfficency,
    .va-development-framework.va-reduceRisk,
    .va-development-framework.va-e-procurementWhitepaper,
    .va-hcm-brochureBg {
        min-height: 760px;
    }

    .va-artificialIntelligence,
    .va-analyticsDataWarehousing,
    .va-min-height-710 {
        min-height: 710px;
    }

    .va-clientSection,
    .va-automateCompliance {
        min-height: 600px;
    }

    .va-requestTCO,
    .va-LA-contactSec {
        min-height: 450px;
    }

    .va-keyCapabilities {
        padding: 11.75em 0;
    }

    .va-keyCapabilityRow,
    .va-keyCapabilities.va-LA-relatedSol {
        padding: 4em 0;
    }

    .va-home-ban .title, .va-top-erp .title {
        font-size: 3em;
        font-weight: 500 !important;
    }
    .va-top-erp .title, .homepage-bannercontent .title{font-size: 3.6em;}
    .startingfromTxt{font-size: 1em; color: #121B2A; font-weight: 500;}
    .startingfromTxt span{display: block;}
    .va-home-ban h3, .va-top-erp h3 {
        font-size: 1.3em;
    }

    .va-featureBox p {
        /* width: 95%; */
        margin: 0 auto;
    }

    .va-wp-sliderSec .carousel-inner .item {
        min-height: 265px;
    }

    .va-LA-ensureCompliance {
        min-height: 760px;
    }

    .va-LA-relatedSol .va-keyCapabilityRow {
        padding-bottom: 0;
    }

    .va-featureLeaseAcct,
    .va-keyBenefitsOuter {
        padding: 5.1em 0;
    }

    .va-FSandUniEnterprise.va-cloudSuiteCommonCls,
    .relationship-video {
        padding: 6em 0;
    }

    .va-wp-banner-digitalTrans {
        font-size: 3em;
    }

    .va-e-groupProcurement {
        padding: 5em 0 7em 0;
    }

    .va-procurementExe-avatar {
        margin-bottom: 1.1em;
    }

    /* .btn.btn-primary {
        font-size: 1.1em;
    } */

    .relationship-video .third-row,
    .va-harnessThePowerSec {
        margin-top: 6em !important;
    }

    .posmodules-video hr {
        margin-bottom: 90px;
    }

    .relationship-video.posmodules-video {
        padding-bottom: 90px;
    }

    .relationship-video hr {
        margin: 6em auto;
    }

    .va-financeTestimoni {
        background-position: right;
    }

    .indus-retail-advantage .case-study p {
        bottom: inherit;
    }

    .va-cloudKeyBenefitBox h5 {
        /* min-height: auto; */
    }

    .va-dmsFeaturesWrap {
        padding: 5rem 7rem;
    }

    .va-LW-leftContent {
        /* padding-left: 20rem; */
    }

    .va-cloudKeyBenefitBox h5 {
        /* min-height: unset; */
        font-weight: 600;
        font-size: 1.5em;
    }

    .va-dmsFeaturesWrap .va-cloudKeyBenefitBox h5 {
        min-height: auto;
    }

    .va-embedDmsFeature h5 {
        min-height: 80px;
        padding-bottom: .5em;
    }

    .va-embeded-dms-banner .title {
        font-size: 3.8em;
    }

    .va-wp-erpDocMgtSys {
        background-size: 40%, auto;
        background-position: right 10% center;
    }

    .va-ec-contentSec h6 {
        font-size: 1.4em;
    }

    .va-ec-col small {
        font-weight: 500;
    }

    /*change for nav ****NEW****  ****START****/
    .va header .navbar-collapse .dropdown-menu li:not(:last-child) {
        margin-bottom: .5em;
    }

    .va-vaf-NavItem {
        margin-left: 0;
    }

    /*new changes 27-07 */
    .success-story-paragraph p {
        min-height: 100px;
    }

    .product-overview-ban.vaf-overview-ban .image-section img {
        top: 100px
    }

    h2.title {
        font-size: 2.4em;
    }

    

    /* enterprise cloud page new CSS START */
    .va-imageRightEdgeAlign.va-FSandUniEnterprise {
        background-position: 92% 50px;
        background-size: 47%;
        min-height: 800px;
    }

    /* enterprise cloud page new CSS END */

    /*home page new START*/
    .va-enterpriseSolTitleBr span {
        white-space: pre-line;
    }

    .va-enterpriseSolTitleBr .va-navIcon {
        margin-top: .2em;
    }

    .va-enterpriseSolTitleBr {
        align-items: flex-start;
    }
    .va-digitalEnterprise .va-digitalEnterBox p {
        max-height: 140px;
    }

    /*home page new END*/

}

@media (max-width:1399px) {
    .va-mosaic-banner-bg {
        min-height: 700px;
    }
}

@media (min-width: 1100px) {
    .va-ec-blankCol {
        min-width: 226px;
    }
}


@media (min-width: 999px) {
    .va-wp-erpDocMgtSys {
        background-image: url(../images/whitepaper/How-to-select-a-document-management-system-banner-illustration.png),
            url(../images/whitepaper/Hero-Banner-bg-How-to-select-a-document-management-system-2000x1.jpg);
        background-repeat: no-repeat, repeat;
        background-size: 50%, auto;
        background-position: right 10% center;
    }
    
}
@media (max-width: 992px) {
    
    .thumbnail_slider .slider-content .splide__slide{height: auto!important;}
    .va-top-erp .title{text-align: center;}
    .va-top-erp{padding: 1.5em 0;}
    
    .d-flex-content{flex-direction: column;}
    .thumbnail-box{z-index: 10;}
}
@media (max-width: 1600px) {
    .va-partnershipWrapper {
        min-height: 590px;
    }
}
@media (max-width: 1366px){
    .va-partnershipWrapper {
        min-height: 510px;
    }
    .va-mosaic-banner-bg, .va-aura-banner-bg, .va-canvas-banner-bg{min-height: 496px; background-size: auto 100%; background-repeat: no-repeat;}
}

@media (max-width: 1200px) {
    .va-LW-leftContent {
        /* padding-left: 5rem; */
    }
    
}

@media (max-width:1024px) {
    .va-mosaic-banner-bg, .va-aura-banner-bg, .va-canvas-banner-bg{background-size: auto 100%;}
    .col-reverse{flex-direction:column-reverse; display: flex;}
    .participate-date, .event-address{justify-content: center;}
    .homepage-bannercontent .row img{max-width: 50%; margin: auto;}
    .homepage-bannercontent{text-align: center;}
    .banner-slider .homepage-bannercontent .title{font-size: 1.3em;}
    .participate-date, .event-address{font-size: 1em;}
    .va-partner-opt li img {
        width: 3.625em;
        height: 3.625em;
    }
    .banner-slider .carousel .item &gt; img {
        height: 80vh;
        object-fit: cover;
    }
    .va-partnershipWrapper p{
        padding: 0.875em 0 0.75em 0;
    }
    .va-partner-opt{margin: 1em 0 1em;}
    .va-partner-opt li{align-items: center;}
    .va-partnershipWrapper {
        min-height: 426px;
    }
    .va header .navbar-collapse .nav .dropdown-menu li a {
        padding: 5px 0
    }

    .va-advantages h2.title.margin-20.margin-top-80-ipad {
        margin-top: 80px
    }

    .dms-comprehensive-sec .content-box ul {
        padding: 0
    }

    .bi-overview-ban .image-section img {
        bottom: -50px
    }

    .bi-overview-video-content .row.content {
        width: 100%
    }

    .solution-nav .nav {
        width: 80%
    }

    .contact-us-form #contact-form .col-md-4 label {
        font-size: 12px
    }

    .contact-us-form .partner-form textarea#message {
        width: 100%;
        font-size: 12px
    }

    .contact-us-form .partner-form select {
        font-size: 12px
    }

    .dev-pro-first-section .form-section #contact-form label {
        font-size: 12px
    }

    .dev-pro-first-section .recapcha-div {
        float: left;
        left: -45px;
        text-align: center
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse.affix li {
        float: left;
        width: 25%;
        display: flex;
        margin-bottom: 5px
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse.affix li a {
        border-bottom: 1px solid transparent
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse.affix li:first-child {
        display: none
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse.affix li.active a {
        border-bottom: 1px solid #f9b522
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse.affix li.active {
        border-bottom: none
    }

    .indus-gov-random-image .gov-ministries {
        top: 0%
    }

    .indus-gov-random-image .gov-ministries .second-row {
        width: 72%
    }

    .indus-tex-features.indus-food-features .info-horizontal .icon {
        margin-right: 20px;
        margin-top: 10px
    }

    .indus-tex-plan a.btn {
        padding-left: 0
    }

    .indus-tex-features-sec {
        padding-top: 0;
        padding-bottom: 0
    }

    .indus-retail-ban {
        background-position: center
    }

    .indus-footer-form {
        background-position: 80% 0 !important;
        padding: 70px 0 !important
    }

    .clickable-row li.cd-single-point:nth-of-type(1) {
        top: 150px;
        left: 38%
    }

    .clickable-row li.cd-single-point:nth-of-type(2) {
        left: 32%
    }

    .clickable-row li.cd-single-point:nth-of-type(3) {
        top: 410px
    }

    .clickable-row li.cd-single-point:nth-of-type(5) {
        left: 69%
    }

    .clickable-row li.cd-single-point:nth-of-type(6) {
        left: 78%;
        top: 380px
    }

    .clickable-row li.cd-single-point:nth-of-type(7) {
        top: 650px;
        left: 63%
    }

    .clickable-row .cd-single-point:nth-of-type(7) .cd-more-info.cd-right.cd-receipt {
        top: -35vh !important
    }

    .clickable-row .cd-single-point.is-open .cd-more-info.cd-left.cd-touch {
        right: 30vw
    }

    .indus-gov-erp-system .image-section svg {
        max-width: 100%;
        width: 80%
    }

    .indus-gov-erp-system .down-button {
        margin-top: 0
    }

    .indus-gov-one-erp .image-section svg {
        margin-top: -20px !important
    }

    .indus-gov-erp-system .content-row {
        margin-top: 20px
    }

    .dms-overview-ban .banner-btn-transparent {
        padding: 10px 6px
    }

    .product-overview-ban.dms-overview-ban {
        background-color: rgb(19, 175, 239);
        padding-bottom: 10px
    }

    .product-overview-ban.vaf-overview-ban.dms-overview-ban .image-section img {
        top: 20px
    }

    #erpindustries-icons ul li {
        width: 60px;
        height: 60px
    }

    #erpindustries-icons-right ul li {
        width: 60px;
        height: 60px
    }

    .va-indus-mainbg {
        background-image: url(../images/products/erp-crm/overview/erp-for-manyindustries/how-va--helps-your-industry-vertical.jpg);
        background-size: cover;
        background-repeat: no-repeat
    }

    .va-key-industries .col-md-5.content-section {
        margin-top: 0
    }

    .vaf-third-section .second-row img {
        position: relative
    }

    .technical-features.core-modules-features {
        padding-top: 80px
    }

    .comm-edition h3.sub-title {
        font-size: 1.1em
    }

    .org-edition-first-section h2.sub-title {
        font-size: 18px
    }

    .costumer-crm-system .simple-box {
        min-height: 255px
    }

    .grow-your-business h2.sub-title {
        /* font-size: 30px */
    }

    footer ul.links-vertical li .footer-social-icon li {
        margin: 4px
    }

    footer .footer-form button.btn.btn-primary {
        font-size: 10px
    }

    footer .footer-form button.btn.btn-primary:last-child {
        width: 100%
    }

    .page-header.header-filter.va-home-ban, .page-header.header-filter.va-top-erp {
        max-height: 500px
    }

    .btn,
    .navbar .navbar-nav&gt;li&gt;a.btn {
        padding: 10px 20px
    }

    .va-home-erp-solution .tab-content button.btn.btn-primary {
        font-size: 14px
    }

    .btn.btn-lg,
    .btn-group-lg .btn,
    .navbar .navbar-nav&gt;li&gt;a.btn.btn-lg,
    .btn-group-lg .navbar .navbar-nav&gt;li&gt;a.btn {
        font-size: 14px;
        padding: 12px 22px
    }

    h2.small-title {
        font-size: 2em
    }

    body p {
        /* font-size: 1em */
    }

    body li {
        /* font-size: 14px */
    }

    .dark-grey-ban h1.title {
        font-size: 27px
    }

    .dark-grey-ban {
        padding-top: 130px;
        padding-bottom: 70px
    }

    .make-smarter .comm-case-study img.img-responsive {
        max-width: 100%;
        width: inherit
    }

    .va .navbar .navbar-nav&gt;li&gt;a {
        padding-top: 15px;
        padding-bottom: 15px;
        /*change for small device*/
        padding-left: 6px;
        padding-right: 6px
    }

    .svg-section {
        margin-top: 1%
    }

    svg#circlesvg {
        height: 100%;
        left: -90px
    }

    .home-feature {
        margin-top: 20px
    }

    .va-inner-ban {
        height: auto;
        padding-bottom: 60px
    }

    h1,
    .h1 {
        font-size: 2.2em
    }

    h2,
    .h2 {
        /* font-size: 2.6em */
    }

    h3,
    .h3,
    .va-LP-homogeneousPageBanner h3,
    h3.description {
        font-size: 1.5em
    }

    h2.sub-title {
        /* font-size: 25px */
    }

    .va-have-question h2.sub-title {
        font-size: 25px
    }

    .page-header .container {
        padding-top: 150px;
        color: #FFF
    }

    .va-home-erp-solution .nav&gt;li&gt;a {
        padding: 10px 10px
    }

    .va-home-erp-solution {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .va-partner-ecosystem {
        padding-top: 10px;
        margin-bottom: -100px
    }

    .skew-container img {
        margin-top: -80px;
        width: 500px
    }

    .va-development-framework {
        /* background-image: url(../images/home-page/Develop-Business-Apps-VIENNA-Advantage-Framework.png); */
        /* background-size: cover; */
        padding: 30px 0 30px;
        background-blend-mode: overlay;
        background-color: rgba(255, 255, 25500, .8)
    }

    .va-development-framework {
        padding: 30px 0 30px
    }

    .va-erp-innovation {
        padding-bottom: 75px
    }

    .va-advantages .section {
        padding: 70px 0
    }

    .comm-edition img {
        width: 90%
    }

    .comm-edition {
        background-color: #f8f8f8;
        padding-top: 60px;
        padding-bottom: 50px
    }

    .benefits-for-partner .row.content {
        margin-top: 0px !important
    }

    .partner-levels .row.first {
        margin-top: 40px
    }

    .partner-levels img {
        max-width: 100%
    }

    .partner-levels .border {
        margin: 60px auto 0
    }

    .width-eighty {
        width: 90%
    }

    .nav.advantage-nav li {
        min-height: 46px
    }

    .indus-pos-jump-menu div#side-nav.affix,
    .dms-feature-jump-menu div#side-nav.affix {
        width: 210px
    }

    .indus-pos-ban h5:after {
        left: -22%
    }

    .erp-first-section ul.nav li a {
        padding: 0
    }

    .va-erp-innovation img {
        height: 300px
    }

    .va .navbar-right .product-dropdown {
        /* max-width: 90%; */
        width: 95%;
    }

    h2.sub-title {
        /* font-size: 20px */
    }

    h2,
    .h2 {
        /* font-size: 1.9em */
    }

    .brochures-image-section h3.card-title {
        padding-bottom: 10px;
        font-size: 1.2em
    }

    .partner-box {
        min-height: 580px
    }

    .erp-crm-framework {
        background-image: url(../images/products/erp-crm/features/Cloud-ERP-Sign-Up_Features-LP.png) !important;
        background-color: rgba(175, 173, 173, .8)
    }

    .grow-your-business {
        padding: 70px 0
    }

    .grow-your-business .btn.btn-primary {
        margin-top: -5px
    }

    .technical-features,
    .va-harnessThePowerSec {
        padding-bottom: 50px;
        padding-top: 30px
    }

    .costumer-awards-image .text-info h5.text-left {
        font-size: 18px
    }

    .relationship-costumer-ban h5:after {
        /* left: -26% */
    }

    .costumer-crm-system h2.title {
        font-size: 2.3em
    }

    .org-medium-enterprises .first .image-section {
        padding-right: 15px
    }

    .org-medium-enterprises h3.cursive-font.sub-title {
        font-size: 1.2em
    }

    .org-medium-enterprises .second-row .col-md-6.content-section {
        padding-right: 15px;
        margin-top: 0
    }

    .org-medium-enterprises .first .col-md-6.content-section {
        padding-left: 15px
    }

    .org-medium-enterprises .second-row .image-section {
        padding-left: 15px
    }

    .installation-package .nav-pills a {
        padding: 4px !important
    }

    .bi-overview-ban .image-section {
        width: 50%
    }

    .bi-overview-ban .content-section {
        margin-top: 50px;
        width: 40%
    }

    .bi-overview-first-section {
        padding-bottom: 20px
    }

    .bi-overview-gif-section {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .benefits-for-partner {
        padding-top: 40px;
        padding-bottom: 20px
    }

    .bi-overview-fourth-section {
        padding: 30px 0 40px
    }

    .solution-erp-crm {
        background-image: url(../images/solution/solution-industry-erp-ban.jpg);
        background-blend-mode: none !important;
        background-color: transparent !important
    }

    .partner-box h4 {
        font-size: 1em
    }

    .vaf-second-section .image-section img {
        max-width: 100%;
        width: 100%;
        position: relative;
        top: 0
    }

    .vaf-second-section .container-full {
        margin-right: 5vw
    }

    .pfc-jump-menu h4 {
        font-size: 1.1em
    }

    .product-overview-ban .col-md-4.content-section {
        margin-top: 40px
    }

    .product-overview-ban .container {
        padding-top: 90px !important
    }

    .product-overview-ban .col-md-4.content-section {
        margin-top: 0
    }

    .product-overview-ban h1.title br {
        display: none
    }

    .va-advantages.pro-overview-advantage .features.overview-feature.overview-feature-second p {
        min-height: auto
    }

    .step1svg {
        bottom: -52px;
        width: 96%
    }

    .overview-round-section-img {
        margin-top: -162px
    }

    .boost-features .features-2 {
        padding-bottom: 30px
    }

    .product-bi-features-first.pro-bi-fea-first-section .col-md-3 .nav&gt;li {
        display: block;
        margin-bottom: 0
    }

    .product-bi-features-first.pro-bi-fea-first-section div#side-nav.affix {
        width: 220px;
        top: 50px;
        max-width: 100%;
        min-height: auto;
        background: #fff !important;
        z-index: 1
    }

    .pro-bi-fea-first-section .book-demo-btn {
        background: #00c76c;
        padding: 2px 15px
    }

    .indus-retail-access {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .indus-retail-growth {
        padding-top: 60px;
        padding-bottom: 60px;
        min-height: 700px
    }

    .indus-retail-features .margin-top-50 {
        margin-top: 20px !important
    }

    .indus-features .down-button {
        margin-top: 70px
    }

    .indus-retail-compatible {
        padding-top: 60px;
        padding-bottom: 40px
    }

    .indus-retail-advantage .case-study p {
        /* bottom: 38% */
    }

    .posmodules-video .iframe-video iframe {
        /*width: 450px!important;*/
        max-width: 100%
    }

    .posmodules-video a.btn {
        padding-left: 0
    }

    .posmodules-open-source a.btn {
        padding-left: 0
    }

    .posmodules-features .simple-box {
        background: #fff;
        min-height: 170px
    }

    .posmodules-features {
        padding-top: 50px
    }

    .posmodules-softwaresolution {
        padding-top: 50px;
        padding-bottom: 60px
    }

    .posmodules-softwaresolution .margin-top-70 {
        margin-top: 50px !important
    }

    .relationship-costumer-ban {
        padding-top: 160px
    }

    .indus-food-easy .image-section img.img-responsive {
        top: 70px;
        float: none
    }

    .indus-food-mobile .image-section img.img-responsive {
        /* top: -50px */
    }

    .indus-food-features .features-2 {
        padding: 20px 0
    }

    .va-analyticsDataWarehousing {
        background-position-x: 60%;
        /*change cloud page*/
    }

    .va-automateCompliance {
        background-blend-mode: normal !important;
    }


}

@media only screen and (max-width: 768px) {
    div#brochure-form .modal-content .modal-body {
        padding-left: 0px;
        padding-right: 0;
    }

    #brochure-form .modal-dialog {
        width: 90%;
    }

    .main-header&gt;h1.site-title {
        font-size: 40px !important;
    }

    .va-webinarBanner {
        padding-left: 15px;
    }
}

@media (max-width:767px) {
    .banner-slider.onfinity-banner .carousel .item &gt; img {
        height: 45vh;
    }
    .va-mosaic-banner-bg, .va-aura-banner-bg, .va-canvas-banner-bg{background-position: left; min-height: 345px;}
}
    .page-header.va-top-erp .container{padding-top: 0;}
    .page-header.va-top-erp{height: 82vh !important;}
    .poweredby-content h1{font-size: 2.2em;}
    i.fa.fa-chevron-left {
        left: 15%;
    }

    i.fa.fa-chevron-right {
        right: 15% !important;
    }

    i.fa.fa-chevron-right {
        height: 30px;
        width: 30px;
        padding-top: 9px;
        font-size: 12px;
    }

    i.fa.fa-chevron-left {
        height: 30px;
        width: 30px;
        padding-top: 9px;
        font-size: 12px;
    }

    .testiminial_desc h3 {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .va-wp-formPanel {
        top: 0;
        margin-top: 4rem;
    }

    .va-LP-speakerDetail {
        margin-bottom: 3rem;
    }

    .va-wp-sliderSec,
    .va-wp-descriptioSec {
        padding-top: 2em;
    }

    .va-cloudKeyBenefitBox {
        /*swiper slider*/
        /* max-height: 399px;        
        width: 90%;
        margin: 0 auto; */
    }

    .keyBenefits-slider .carousel .carousel-control.left,
    .va-sliderWrap .carousel .carousel-control.left {
        left: -12px;
    }

    .keyBenefits-slider .carousel .carousel-control.right,
    .va-sliderWrap .carousel .carousel-control.right {
        right: 2px;
    }

    .digitalEnterprise-slider .carousel .carousel-indicators {
        bottom: -5em;
        width: 90%;
        left: 35%;
    }

    .va-wp-footerInn small {
        padding-bottom: 1.5em;
    }

    .va-wp-footerInn,
    .va-livewebinarLInkSec {
        flex-direction: column;
    }

    .va-LW-leftContent {
        padding-left: 15px;
        padding-right: 15px;
    }

    .va-LP-regsiterBtnWrap {
        justify-content: center;
    }

    .va-livewebinarLInkSec {
        align-items: flex-start;
    }

    .va-webinar-thankPageSlider .carousel .carousel-control.right {
        right: 0;
    }

    .va-webinar-thankPageSlider .carousel .carousel-control.left {
        left: -15px;
    }

    .va-webinar-thankPageSlider .carousel .carousel-indicators {
        bottom: -60px;
        width: 80%;
        left: 40%;
    }

    .va-webiVideoSec,
    .va-webiTopicsSec .va-justify-center {
        width: 95%;
    }

    .va-webiVideoSec iframe {
        height: 270px;
    }

    .va-webinar-thankPageSlider .va-cloudKeyBenefitBox {
        min-height: 285px;
    }

    .va-livewebinarLInkSec p {
        padding-left: 0;
    }

    .va-livewebinarLInkSec img {
        display: none;
    }

    .navbar-default .navbar-nav .open .dropdown-menu&gt;li&gt;a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu&gt;li&gt;a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu&gt;li&gt;a {
        color: #333;
        /* padding: 5px 0 !important; */
    }

    .modal-main-wrap .modal-dialog {
        max-width: 99%;
        width: 99%;
    }

    .va-navTab li a {
        padding-left: .7em;
        padding-right: .7em;
    }

    #help-console {
        top: 55px;
        /* right: -42px; */
    }

    .va-navCol-3 {
        margin-top: 0;
    }

    .va-navSolutionsMenu {
        padding-left: 15px;
    }

    .dropdown-menu .col-md-9 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 1em;
    }

    .dropdown-menu .va-navSolutionSubNavLeft li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .va .navbar-nav .dropdown-menu .dropdown-header {
        padding: 0;
    }

    .va-featuresWrp,
    .va-artificialIntelligence .va-verticalcenter,
    .va-clientSection .va-verticalcenter {
        flex-direction: column;
    }

    .va-featureBox {
        padding-bottom: 2em !important;
        padding-top: 2em !important;
        border: none;
        border-bottom: 1px solid #ccc;
    }

    .va-featureBox:last-child {
        border: none;
    }

    .va-artificialIntelligence img,
    .va-clientSection .va-verticalcenter .va-TerraOil-avatar {
        margin-top: 2em;
    }

    .nav-open .navbar-nav {
        height: calc(100% - 80px);
    }

    .bi-overview-ban .content-section {
        width: 100%;
        padding-bottom: 2rem;
    }

    .bi-overview-ban .image-section {
        width: 100%;
    }

    .VAF-html-wrap .product-green-ban .navbar.navbar-transparent {
        /* framework page new design */
        /* background: #006464; */
    }

    .community-va .navbar.navbar-transparent .navbar-toggle .icon-bar {
        color: rgb(58, 56, 56);
    }

    .product-brochures .row,
    .va-dmsFeaturesWrap+.container .row {
        margin-left: 0;
        margin-right: 0;
    }

    .testimonial-main-wrap .carousel .carousel-control.left,
    .testimonial-main-wrap .carousel .carousel-control.right

    /* ,.va-mobNav.logo-on-scroll  */
    /*change for nav */
        {
        display: none !important;
    }

    .va-xs-mt-2 {
        margin-top: 2em;
    }

    .lang-drp-main-wrap {
        position: absolute;
        right: 60px;
        top: 26px;
        z-index: 1;
    }

   
    .va-mobNav.navbar .navbar-nav li .try-it-free-btn.btn.btn-primary.btn-NavLogin,
    .btn.btn-primary.btn-NavLogin i {
        color: #fff !important;
    }

    .page-header.va-home-ban, .page-header.va-top-erp {
        height: 100vh
    }
    .page-header.va-home-ban{height: 68vh}

    .row.va-keyBenfitRow {
       /* flex-direction: column; */
        padding-top: 0;
    }

    .va-keyBenfitRow .col-xs-12 {
        padding-top: 3em;
    }

    .overview-blue-section img.img-responsive {
        width: 100%;
    }

    .va-implementationSlider,
    .va-erp-implementation-steps .container {
        /*new changes 27-07*/
        width: 100%;
    }

    .va-keyEnterBenefits .row&gt;div {
        padding: 0;
    }

    .va-keyCapabilityRow {
        padding: 0;
    }

    .va-keyCapabilityRow div[class^="col"] {
        padding-top: 2em;
    }

    .swiper-slide .va-px-1,
    .swiper-slide .va-py-2 {
        height: 100%;
    }

    .swiper-slide .va-px-1 {
        padding-left: 1em;
        padding-right: 1em;
    }

    .swiper-slide .va-py-2 {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .va-enterSolutionRow {
        margin: 0;
    }

    .va-enterSolMobView {
        margin-top: 1em;
    }

    /*change cloud page*/
    .va-imageRightEdgeAlign.va-FSandUniEnterprise {
        background-image: none;
    }

    .va-analyticsDataWarehousing {
        background-position-x: 62%;
        /*change cloud page*/
    }

    /*home page new START*/
    .va-cloudSuiteWrapper {
        background-position: center;
    }
    .va-partnershipWrapper {
        background-position: center;
    }

    .va-enterpriseSolTitleBr {
        align-items: flex-start;
    }

    .va-enterpriseSolutionTtile {
        text-align: left;
        padding-left: 2em;
    }

    /*home page new END*/
}
@media (max-width:680px){
    .va-partner-opt{display: grid; grid-template-columns: repeat(2, 1fr); width: 50%;}
    .thubnail-text{font-size: 0.875em;}
    .module-listing-col{flex-direction: column; gap: 0;}
    .module-listing-col ul li{font-size: 1em;}
    .slider-content h2{margin-bottom: 1em;}
    .banner-slider .dynamic-text li {font-size: 0.875em; white-space: nowrap;}
    .banner-slider .title {
        font-size: 1.6em;
    }
    .carousel .carousel-indicators {
        bottom: -10px;
    }

}
@media (max-width:600px){
    .va-partner-opt{ width: 70%;}
    .onfinity-banner.banner-slider .title {
        font-size: 1.2em;
    }  
    .onfinity-banner .carousel-caption p {
        font-size: 1.1em;
    }
    .va-onfinity-ver {
        padding: 1.5em 0;
        font-size: 1em;
    }
    .va-mosaic-banner-bg h2.title, .va-aura-banner-bg h2.title, .va-feeldWrapper h2.title, .va-canvas-banner-bg h2.title{font-size: 2em;}
}
@media (max-width:425px) {
    
    .banner-slider .title {
        font-size: 1.2em;
    }
    .va-home-ban .dynamic-text li{font-size: 1em;}
    .va-home-ban .title{padding: 0; font-size: 2em;} 
    .participate-date, .event-address{font-size: 1.2em;}
    .va-top-erp .title{font-size: 2em;}
    .dis-none-xs {
        display: none
    }
    .va-home-ban .launchingTxt {
        font-size: 1.2em;
        padding-right: 40%;
        line-height: initial;
    }
    .va-indus-mainbg .va-key-industries {
        background-color: rgba(255, 255, 255, .68)
    }

    .margin-top-xs-20,
    h2.title.margin-top-xs-20 {
        margin-top: 20px
    }

    .bi-footer-main-section {
        height: 558px
    }

    .bi-overview-video-content .btn.btn-primary {
        margin: 10px auto
    }

    .services-page-ban h4:after {
        /* left: 45%!important */
    }

    .finance-ban h5:after {
        /* left: 42%!important; */
        /* width: 30px */
    }

    .community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu.logo-on-scroll ul li.white-try-it {
        margin-left: 5px
    }

    .dev-pro-first-section .recapcha-div {
        left: -35px
    }

    .va-erp-localization .flexbox-wrap {
        flex-direction: column
    }

    .nav-open nav .navbar-header .navbar-brand {
        -webkit-transform: translate3d(-245px, 0, 0);
        -moz-transform: translate3d(-245px, 0, 0);
        -o-transform: translate3d(-245px, 0, 0);
        -ms-transform: translate3d(-245px, 0, 0);
        transform: translate3d(-245px, 0, 0)
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse.affix li {
        width: 50%;
        margin-bottom: 0
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse li {
        width: 50%;
        margin-bottom: 0
    }

    .solution-nav .nav li a {
        font-size: 10px
    }

    .solution-nav.solution-indus-nav .navbar.navbar-inverse.affix {
        padding: 10px
    }

    .indus-pos-ban h5:after {
        left: -46%;
        width: 35px
    }

    .indus-pos-jump-menu .retail-analytics-sec li:before {
        left: -6%
    }

    .indus-pos-jump-menu .right-div {
        padding-left: 0;
        padding-right: 0
    }

    .indus-pos-jump-menu .left-div {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .product-page-jump-menu hr {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .community-inner-va.dms-ban-va nav.top-sub-menu-transparent ul {
        right: 30% !important
    }

    .dms-feature-jump-menu hr {
        margin-bottom: 20px;
        margin-top: 40px
    }

    .product-bi-features-first.pro-bi-fea-first-section .col-md-3 .nav&gt;li {
        width: 49%
    }

    .product-bi-features-first.pro-bi-fea-first-section #side-nav.affix li {
        width: 49%;
        padding: 2px
    }

    .product-bi-features-first .col-md-3 .nav&gt;li a {
        padding: 7px 10px;
        font-size: 10px !important
    }

    .product-bi-features-first.pro-bi-fea-first-section .col-md-3 .nav&gt;li a i {
        font-size: 12px
    }

    .bi-overview-gif-section .content-section ul li:before {
        top: 8px;
        left: 0
    }

    h3.description.sub-after:after {
        width: 20px
    }

    .bi-analytic-first .content-section p {
        text-align: left
    }

    .bi-analytic-first .content-section {
        text-align: left
    }

    .bi-analytic-first h2.sub-after.sub-title:after {
        left: 0%
    }

    .pfc-jump-menu .left-div img,
    .pfc-jump-menu .right-div img {
        width: 80% !important;
        margin: 0 auto
    }

    .product-page-jump-menu.pfc-jump-menu .salesforce-div {
        text-align: center
    }

    .product-page-jump-menu.pfc-jump-menu .salesforce-div img {
        width: 80% !important
    }

    .key-benefits-costumer {
        margin-top: 20px
    }

    .erp-first-section .nav-pills&gt;li.active&gt;a:after {
        width: 44%
    }

    .va-indus-mainbg {
        background-image: url(../images/products/erp-crm/overview/erp-for-manyindustries/how-va-helps-your-indutry-mobile.jpg)
    }

    .product-overview-ban .col-md-4.content-section {
        margin-top: 40px
    }

    .org-edition-first-section .content-section a.simple-link {
        margin-top: 10px !important;
        display: block
    }

    .org-edition-first-section button.btn.btn-primary {
        display: block;
        text-align: center;
        margin: 0 auto 10px
    }

    .success-stories-partner.first-section {
        padding-top: 50px;
        padding-bottom: 0
    }

    .presentation-first-section .img-div iframe {
        max-width: 100%
    }

    .vaf-third-section hr {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .vaf-third-section {
        padding-bottom: 0
    }

    .technical-features.core-modules-features {
        padding-top: 50px
    }

    .community-inner-va nav.top-sub-menu-transparent {
        margin-top: 69px
    }

    .core-modules-features .col-md-3 {
        padding-left: 15px;
        padding-right: 15px
    }

    .features-first-section h3.description {
        font-size: 1em
    }

    .gif-video-section img.img-responsive {
        max-width: 100%;
        width: 70%;
        margin: 20px auto 0
    }

    .gif-video-second img.img-responsive {
        max-width: 100%;
        width: 70%;
        margin: 0 auto
    }

    .gif-video-second {
        padding-bottom: 30px;
        padding-top: 50px
    }

    .feature-work-sec .fea-awards-image {
        margin-top: 20px
    }

    .features-report-integration {
        padding: 30px 0 30px;
        background-position: 80% 50%;
        background-blend-mode: overlay;
        background-color: rgb(249, 249, 249, .8)
    }

    .skew-technical-features button.btn.btn-primary {
        padding: 10px 25px
    }

    .benefits-for-about-page .col-md-3 {
        /* width: 60% */
    }

    .about-brochures .card-content p br {
        display: none
    }

    .about-brochures .card-content {
        min-height: auto
    }

    .video-first-section .nav-row ul.nav li a {
        font-size: 10px;
        padding: 6px
    }

    .comm-signup .bootstrap-select.btn-group .dropdown-menu.inner li {
        width: 100%
    }

    footer ul.links-vertical li .footer-social-icon:last-child li .btn-round {
        margin-top: 10px
    }

    footer ul .btn.btn-just-icon i,
    .navbar .navbar-nav&gt;li&gt;a.btn.btn-just-icon i {
        font-size: 15px
    }

    #brochure-form .modal-content {
        width: 100%
    }

    #brochure-form .form-group .form-control {
        height: 45px
    }

    .org-edition-first-section h2.sub-title {
        font-size: 16px;
        margin-top: 20px
    }

    .costumer-crm-system .content {
        margin: 50px auto 0px !important
    }

    .erp-crm-features .down-button {
        margin-top: 30px
    }

    .va-advantages.erp-crm-features .features .col-md-4:nth-child(2) .info {
        padding-bottom: 20px
    }

    .erp-first-section ul.nav li {
        margin-bottom: 10px;
        float: none
    }

    .erp-first-section ul.freedom-section.nav li {
        float: left
    }

    .organization-first-section h2.sub-title {
        font-size: 18px
    }

    .dark-grey-ban h1.title {
        font-size: 25px
    }

    .btn,
    .navbar .navbar-nav&gt;li&gt;a.btn {
        padding: 10px 12px;
        font-size: 12px
    }

    h3.sub-description {
        font-size: 1em
    }

    .partner-fullysupported h2.sub-title {
        font-size: 1.2em
    }

    .solution-edition-ban h1.title br {
        display: none
    }

    .solution-edition-ban {
        padding-top: 137px;
        padding-bottom: 50px
    }

    .va-awards .awards-image {
        width: 100%
    }

    footer .footer-form button.btn.btn-primary:last-child {
        width: 98%;
        margin-top: 10px
    }

    .organization-first-section .image-section {
        margin-top: 20px
    }

    .va .va-inner-ban {
        height: auto !important;
        min-height: auto !important;
        padding-bottom: 50px
    }

    .comm-case-study .features {
        text-align: center
    }

    .logo-carousel .carousel-indicators {
        bottom: 0%;
        display: none
    }

    .va-testimonial-carousel.desktop-carousel {
        display: none
    }

    .va-testimonial-carousel.mobile-carousel .carousel-indicators {
        bottom: 0%;
        display: none
    }

    .va-success-stories .col-md-2 img {
        max-width: 100%;
        width: 45%
    }

    .va-success-stories .home-logo-carousel img {
        max-width: 100%;
        width: 45%
    }

    .va-success-stories {
        padding-bottom: 0
    }

    .va-testimonial-carousel.mobile-carousel {
        display: block
    }

    .star-content img {
        left: 0%
    }

    .va-home-erp-solution .tab-content ul li:before {
        top: 8px;
        left: -1%;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .page-header.header-filter.va-home-ban, .page-header.header-filter.va-top-erp {
        min-height: 561px
    }

    .va-home-ban img.img-responsive.col-sm-12 {
        width: 100%
    }

    .va-home-ban img.img-responsive.col-sm-12 {
        width: 100%
    }

    h2.small-title {
        font-size: 1.6em
    }

    h2,
    .h2 {
        /* font-size: 1.6em */
    }

    body p {
        /* font-size: 12px */
    }

    button.btn.btn-primary {
        /* free cloud erp evaluation whitepaper */
        /* font-size: 12px!important; */
        padding: 10px 16px;
        box-shadow: none !important
    }

    .btn.btn-lg,
    .btn-group-lg .btn,
    .navbar .navbar-nav&gt;li&gt;a.btn.btn-lg,
    .btn-group-lg .navbar .navbar-nav&gt;li&gt;a.btn {
        font-size: 12px;
        padding: 12px 12px
    }

    .va .va-inner-ban {
        height: 50vh;
        min-height: 50vh
    }

    h2.title.text-bold-700 {
        font-size: 1.4em
    }

    .va-development-framework .row.content {
        margin-top: 0px !important
    }

    svg#circlesvg {
        left: -50px
    }

    

    .awards-image .col-md-2 {
        height: auto;
        position: relative;
        display: inline-block;
        margin: 10px auto;
        max-width: 100%
    }

    .awards-image .col-md-2 img {
        position: relative
    }

    .va-home-erp-solution ul li {
        float: none
    }

    .va-home-erp-solution .tab-content {
        margin-top: 30px;
        padding: 0 0 20px 0
    }

    .va-home-erp-solution ul.nav.nav-pills {
        margin-top: 20px
    }

    .va-erp-innovation a.btn.btn-raised {
        font-size: 14px
    }

    .award-border {
        width: 90%;
        margin: 0 auto 0
    }

    .va-awards {
        background-color: #f8f8f8;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .va-erp-innovation img {
        margin-top: 20px;
        height: 350px
    }

    .skew-container img {
        margin-top: -80px;
        width: 350px
    }

    .logo-carousel .carousel-indicators {
        bottom: -25%
    }

    .page-header .container {
        padding-top: 100px
    }

    .va-home-ban br {
        display: none
    }

    .va-advantages .features .col-md-4:nth-child(1) .info {
        padding: 30px 0 20px
    }

    h2.sub-title {
        /* font-size: 18px */
    }

    .va-development-framework {
        padding: 20px 0 20px
    }

    .va-home-erp-solution {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .va-advantages a {
        font-size: 14px
    }

    .va-home-erp-solution ul li {
        list-style: none;
        display: block
    }

    .comm-signup h2.title.white-color br {
        display: none
    }

    .comm-signup h2.title.white-color {
        font-size: 20px
    }

    .comm-edition {
        padding-top: 40px;
        padding-bottom: 30px
    }

    .comm-case-study {
        padding-top: 30px;
        padding-bottom: 20px
    }

    .comm-signup {
        padding-top: 40px;
        padding-bottom: 30px
    }

    .comm-signup-form .recapcha-div .g-recaptcha {
        margin-top: 15px
    }

    .comm-signup-form button.subscribe-btn {
        margin-top: 10px
    }

    .comm-rich .features .row {
        text-align: center;
        float: none
    }

    .comm-edition img {
        width: 100%
    }

    .comm-rich a.btn {
        padding: 0px !important;
        margin: 0
    }

    .va .va-inner-ban.brochures-ban {
        min-height: auto !important;
        padding-bottom: 60px;
        height: auto
    }

    .brochures-image-section .article {
        padding: 10px 15px;
        max-width: 100%;
        /* width: 80% */
    }

    .brochures-image-section .card.upper-text {
        max-width: 100%;
        width: 50%;
        left: 14%
    }

    .installation-package-second .content-box h5 {
        font-size: 22px
    }

    .installation-package-second .content-box p {
        margin-bottom: 10px
    }

    .installation-package-second button a {
        font-size: 14px
    }

    .installation-package a {
        font-size: 14px
    }

    .content-box {
        max-width: 100%;
        width: 100%
    }

    .installation-package .tab-space {
        padding: 20px 0 20px 0
    }

    .installation-package .nav-pills&gt;li {
        float: none
    }

    .installation-package .nav&gt;li&gt;a&gt;img {
        margin: 0 auto
    }

    .partner-box {
        max-width: 100%;
        width: 80%;
        margin: 0 auto 70px
    }

    .partner-box .title {
        width: 53%
    }

    .partner-nav ul.nav li {
        float: none
    }

    .partner-nav .nav-pills.nav-pills-rose&gt;li&gt;a {
        font-size: 18px
    }

    .partner-box {
        padding: 45px 40px 10px
    }

    .partner-box {
        min-height: 620px
    }

    .partner-box button a {
        font-size: 12px
    }

    .va .va-partner-ban.va-inner-ban {
        height: auto !important;
        min-height: 50vh !important
    }

    .about-heart .features {
        margin-top: 0
    }

    .va-about-ban img.img-responsive {
        width: 40px;
        margin-top: 0
    }

    .about-heart .features img.img-responsive {
        width: 30% !important
    }

    .about-brochures {
        padding-bottom: 0
    }

    .about-awards-logo {
        padding-bottom: 0
    }

    .about-contact-us button.btn.btn-primary {
        width: 40%
    }

    .about-awards-logo .awards-image .col-md-2 {
        height: 50px;
        margin-bottom: 5px;
        margin-top: 0
    }

    .contact-us-form.content {
        margin-top: 30px !important
    }

    .contact-us-form button.btn.btn-primary {
        padding: 10px 25px;
        text-align: center;
        margin-top: 0
    }

    .contact-support .col-md-2.col-sm-2 {
        margin-bottom: 20px
    }

    .erp-first-section .col-md-7 .nav-pills&gt;li {
        display: block;
        width: 50%;
        max-width: 100%;
        float: none;
        text-align: center;
        margin: 0 auto
    }

    .erp-first-section ul.nav.nav-pills li img {
        width: 40%;
        margin: 0 auto 10px
    }

    .simple-box {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    .erp-first-section .tab-pane img {
        max-width: 100%
    }

    .product-erp-cloud img,
    .erp-flexible-section img {
        max-width: 100%;
        margin: 0 auto
    }

    .technical-features,
    .va-harnessThePowerSec {
        padding-bottom: 30px
    }

    .core-modules-ban h3.description {
        margin-top: 10px;
        font-size: 14px
    }

    .core-modules-ban.dark-grey-ban {
        padding-top: 140px;
        padding-bottom: 40px
    }

    .grow-your-business .btn.btn-primary {
        padding: 10px 25px
    }

    .relationship-costumer-ban {
        padding-bottom: 100px;
        padding-top: 110px
    }

    .costumer-relationship-first .top-image {
        width: 80%;
        margin-bottom: -24%
    }

    body.iosdevice .relationship-costumer-ban h5:after {
        /* left: 42%;
        height: 3px;
        width: 50px;
        top: 10px;
        display: block */
    }

    .relationship-video hr {
        margin-top: 50px;
        margin-bottom: 20px
    }

    .costumer-crm-system h2.title {
        font-size: 1.5em
    }

    .costumer-awards-image ul li {
        width: 50%
    }

    .costumer-crm-system hr {
        margin-top: 30px
    }

    .costumer-relationship-first .features .col-md-4:first-child .info {
        padding-top: 10px !important
    }

    .costumer-relationship-first .features .info {
        padding-top: 0px !important
    }

    .costumer-relationship-first .top-image {
        top: -80px
    }

    .costumer-relationship-first {
        padding-bottom: 20px
    }

    .relationship-costumer-ban h5 {
        font-size: 13px
    }

    .key-benefits-costumer .info img.img-responsive {
        width: 90px
    }

    .relationship-video .third-row .content-section ul li:before {
        background-repeat: no-repeat !important;
        -webkit-background-repeat: no-repeat;
        top: 17px;
        left: 2%;
        background-size: 60%
    }

    body.iosdevice .relationship-video .third-row .content-section ul li:before {
        background-repeat: no-repeat !important
    }

    .org-edition-first-section .image-section img {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    .org-painfull-integration .row.content {
        margin-top: 30px !important
    }

    .org-painfull-integration {
        text-align: center
    }

    .org-painfull-integration .image-section img {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }

    .org-edition-first-section .content-div {
        margin-top: 30px
    }

    .org-edition-first-section .row.content {
        margin-top: 20px !important
    }

    .org-edition-first-section hr {
        margin-top: 30px;
        margin-bottom: 20px
    }

    .dark-grey-ban br {
        display: none
    }

    .bi-overview-ban .content-section {
        float: none;
        text-align: center
    }

    .product-bi-analytics-ban .container {
        padding-top: 100px;
        padding-bottom: 30px
    }

    .container.bi-analytic-first h2 br {
        display: none
    }

    .bi-analytic-first p {
        font-size: 13px
    }

    .bi-analytic-first .image-section img {
        margin: 0 auto;
        max-width: 100%;
        width: 100%
    }

    .bi-overview-video-content {
        padding-top: 20px;
        padding-bottom: 30px;
        margin-top: 0;
        background-color: #1b5b74
    }

    .bi-overview-video-content .col-md-4 {
        width: 100%;
        float: left
    }

    .bi-overview-video-section {
        display: none
    }

    .darkgreen-btn {
        font-size: 12px
    }

    .solution-indus-first img {
        margin: 0 auto;
        max-width: 100%
    }

    .va .va-partner-ban.va-inner-ban h1 br {
        display: none
    }

    .product-green-ban nav.top-sub-menu-transparent {
        margin-top: 75px
    }

    .product-green-ban nav.top-sub-menu-transparent ul {
        padding-left: 15px
    }

    .bi-overview-ban .container {
        padding-top: 160px
    }

    .bi-overview-first-section {
        padding-top: 80px
    }

    .product-green-ban nav.top-sub-menu-transparent li {
        list-style: none;
        float: left;
        /* margin-left: 11px; */
        font-size: 12px
    }

    .vaf-bottom-btn a.simple-link {
        font-size: 13px
    }

    .vaf-overview-ban .height-div {
        height: 40px !important
    }

    .vaf-first-section {
        padding-top: 25px;
        padding-bottom: 40px
    }

    .vaf-third-section .image-section img {
        width: 80%
    }

    .vaf-second-section .image-section img {
        width: 90%
    }

    .pfc-jump-menu div#side-nav.affix {
        width: 90%
    }

    .pfc-jump-menu div#side-nav.affix ul li a {
        font-size: 11px
    }

    .pfc-jump-menu .left-div,
    .pfc-jump-menu .right-div {
        width: 100%;
        display: block
    }

    .vaf-framework-components-ban .container {
        padding-top: 125px;
        padding-bottom: 40px
    }

    .toggle-section .panel.panel-default .panel-heading+.panel-collapse .panel-body {
        font-weight: 13px
    }

    .dev-pro-first-section .form-section {
        max-width: 100%;
        width: 90%
    }

    .vaf-developer-program .container {
        padding-top: 125px !important
    }

    .va-arrow-down img.img-responsive {
        max-width: 100%;
        width: 10%
    }

    .video-first-section .col-md-4.block {
        max-width: 100%;
        width: 90%
    }

    .video-first-section a.video_caption {
        font-size: 15px
    }

    .video-first-section .btn-row .form-group.form-white.is-empty {
        max-width: 100%;
        width: 45%;
        margin-left: 87px !important
    }

    .video-first-section .btn-row .btn-fab.btn-fab-mini {
        right: -43%;
        top: 11px;
        height: 44px;
        min-width: 42px;
        width: 42px;
        position: absolute
    }

    .video-first-section {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .video-first-section .nav-row ul.nav {
        margin: 0 auto 30px
    }

    .overview-round-section-img {
        margin-top: -54px;
        min-height: 80px
    }

    .va-erp-implementation-steps .stepscontainer .col-md-2 {
        max-width: 100%;
        margin: 0 auto 20px
    }

    .step1svg {
        display: none
    }

    .pro-overview-implement .row.stepscontainer {
        margin: 50px 0 0
    }

    .pro-overview-solution img.img-responsive {
        max-width: 100%
    }

    .pro-overview-solution {
        padding-top: 30px !important;
    }

    .product-bi-features-first .left-div,
    .product-bi-features-first .right-div {
        width: 100%;
        padding: 10px;
        display: block;
        vertical-align: top;
        text-align: center;
    }

    .product-bi-features-first .content-second .full-div-second-bottom .right button {
        margin-top: 25px
    }

    .product-bi-features-first .content-second .full-div-second-bottom .left,
    .product-bi-features-first .content-second .full-div-second-bottom .right {
        display: block;
        width: 100%;
        text-align: center
    }

    .product-bi-features-first .content-second .four {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center
    }

    .product-bi-features-ban .container h1.title.white-color {
        font-size: 1.5em
    }

    .product-bi-features-ban {
        padding-bottom: 30px;
        padding-top: 0
    }

    .svg-content h2.sub-title {
        font-size: 18px;
        margin-bottom: 10px
    }

    .dms-comprehensive-sec .content-box {
        width: 70%
    }

    .dms-comprehensive-sec {
        padding-top: 30px;
        padding-bottom: 40px
    }

    .dms-comprehensive-sec .vaf-bottom-btn {
        margin-top: 0
    }

    .dms-your-business h2.sub-title br {
        display: none
    }

    .dms-your-business button.btn.btn-primary {
        margin-top: 5px !important
    }

    .dms-benefits-ban .container {
        padding-top: 110px !important
    }

    .dms-benefits-ban {
        padding-bottom: 40px
    }

    .dms-system-section .features {
        float: none
    }

    .dms-feature-jump-menu .left-div {
        padding-left: 15px;
        padding-right: 15px
    }

    .dms-feature-jump-menu .right-div {
        padding-left: 15px;
        padding-right: 15px
    }

    .dms-feature-jump-menu .left-div {
        padding-left: 15px;
        padding-right: 15px
    }

    .pfc-jump-menu.dms-feature-jump-menu .navbar.navbar-inverse ul li {
        width: 49%
    }

    .indus-food-ban.indus-retail-ban {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .real-header.indus-real-ban {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .education-header.indus-edu-ban {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .discrete-header.indus-dis-ban {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .ecomm-header.indus-ecomm-ban {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .professional-header.indus-prof-ban {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .telecom-header.indus-tele-ban {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .indus-retail-features .features .info img {
        max-width: 100%;
        width: 25%
    }

    .indus-retail-features .features .col-md-4:nth-child(2) .info,
    .indus-retail-features .features .col-md-4:nth-child(3) .info {
        padding-top: 0
    }

    .indus-retail-compatible ul {
        display: block;
        text-align: center;
        padding-left: 0
    }

    .indus-retail-compatible ul li img {
        max-width: 100%;
        width: 25%
    }

    .indus-retail-compatible ul li:last-child img {
        width: 36%
    }

    .indus-retail-compatible .margin-top-50 {
        margin-top: 30px !important
    }

    .indus-easy-dark .col-md-6 li h3 {
        font-size: 1.2em;
        margin-left: 20px
    }

    .indus-easy-dark .col-md-6 li:before {
        background-size: 70%;
        left: 0
    }

    .indus-retail-growth {
        padding-top: 20px
    }

    .indus-retail-yellow-sec {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .indus-retail-yellow-sec .margin-top-50 {
        margin-top: 10px !important
    }

    .indus-features .down-button {
        margin-top: 20px !important
    }

    .indus-footer-form h3 {
        font-size: 1.5em
    }

    .indus-retail-advantage .article {
        padding: 0
    }

    .indus-footer-form {
        padding-top: 20px;
        padding-bottom: 40px
    }

    .indus-footer-form .form-group {
        max-width: 100%;
        margin: 0 auto;
        float: left
    }

    .indus-footer-form form {
        margin-top: 30px;
        text-align: center
    }

    .indus-footer-form .recapcha-div .g-recaptcha&gt;div {
        text-align: center;
        margin: 0 auto
    }

    .indus-footer-form button.subscribe-btn {
        float: none
    }

    .indus-features .erp-crm-features {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .indus-easy-dark {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .indus-retail-compatible {
        padding-top: 40px;
        padding-bottom: 30px
    }

    .indus-retail-features {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .posmodules-video hr {
        margin-top: 20px;
        margin-bottom: 0
    }

    .posmodules-benefits .features .col-md-4:first-child .info {
        padding-top: 60px !important
    }

    .posmodules-sales-growth {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .posmodules-softwaresolution .margin-top-70 {
        margin-top: 40px !important
    }

    .posmodules-softwaresolution .left-side,
    .posmodules-softwaresolution .right-side {
        width: 90%
    }

    .posmodules-softwaresolution .content-div li a {
        font-size: 13px
    }

    .posmodules-softwaresolution .content-div li.color-yellow {
        font-size: 13px
    }

    .community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul {
        right: 7% !important
    }

    .community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul li.white-try-it a {
        position: relative;
        font-size: 10px
    }

    .community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul li {
        margin-left: 14px
    }

    .indus-food-easy {
        margin-top: -25px
    }

    .indus-food-mobile {
        padding-bottom: 12%
    }

    .indus-features .comm-case-study .info {
        padding-left: 0;
        padding-right: 0
    }

    .dms-overview-ban .height-div {
        height: 0px !important
    }

    .dms-video-sec img {
        max-width: 100%
    }

    .dms-system-section .margin-top-50 {
        margin-top: 0px !important
    }

    .dms-system-section .down-button {
        margin-top: 0
    }

    .dms-overview-first-section {
        padding-top: 14%
    }

    .dms-overview-ban .image-section {
        margin-top: -8%
    }

    .dms-ban-va.community-inner-va nav.top-sub-menu-transparent {
        margin-top: 85px
    }

    .dms-ban-va.community-inner-va nav.top-sub-menu-transparent.logo-on-scroll {
        margin-top: 0
    }

    .dms-features-ban .container {
        padding-top: 60px !important;
        padding-bottom: 0
    }

    .indus-gov-erp-system h3.description br {
        display: none
    }

    .indus-gov-key-modules .col-three-row .content-box {
        width: 80%
    }

    .indus-gov-key-modules .full-col-row {
        width: 80%
    }

    .indus-gov-erp-system .image-section svg {
        width: 70%
    }

    .clickable-row-mob .content-box {
        min-height: 200px;
        width: 80%
    }

    .indus-retail-compatible.indus-tex-compatible ul li:last-child img {
        width: 25%
    }

    .indus-tex-industry-sec .inner-para {
        width: 80%
    }

    .va-LP-aboutSpeakerSec h1 {
        font-size: 1.7em;
    }

    .va-LP-speakerDetail h4 {
        font-size: 1.5em;
    }

    .va-LP-speakerDetail p {
        font-size: 1.2em;
    }

    .col-md-6:nth-child(2) .va-LP-orderList {
        padding-top: .2em;
    }

    .va-LP-speakerDetail .va-webiSpeakerAvatar {
        width: 170px;
        height: 170px;
    }

}

@media (max-width:375px) {
    .va-home-ban .dynamic-text li {
        font-size: 0.875em;
    }
    .dev-pro-first-section .recapcha-div {
        left: -60px
    }

    .community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul li a {
        font-size: 10px
    }

    .community-inner-va nav.top-sub-menu-transparent.product-services-sub-menu ul li.white-try-it a {
        font-size: 8px
    }

    footer .footer-form button.btn.btn-primary:last-child {
        width: 112%
    }

    body.iosdevice {
        overflow-x: hidden
    }

    body.iosdevice .va-home-erp-solution .tab-content ul li:before {
        top: 8px;
        left: -1%;
        background-size: 100%;
        background-repeat: no-repeat
    }

    body.iosdevice.home-page {
        overflow-x: hidden
    }

    body.iosdevice h2.title.margin-20 {
        margin-top: 20px
    }

    .page-header.va-home-ban .container, .page-header.va-top-erp .container {
        padding-top: 85px
    }

    .page-header.header-filter.va-home-ban, .page-header.header-filter.va-top-erp{
        min-height: 485px
    }

    .bfd-first-section .features .col-md-4 .info {
        padding-top: 0
    }

    .video-first-section .btn-row .form-group.form-white.is-empty {
        margin-left: 68px !important
    }

    .video-first-section .btn-row .btn-fab.btn-fab-mini {
        right: -39%
    }

    .down-button {
        margin: 0px !important;
        padding: 0px !important
    }
}



.form-control-feedback {
    display: none !important;
}

.invalid {
    display: block !important;
}

@media (max-width:600px) {
    .benefits-grid{grid-template-columns: repeat(1, 1fr);}
}

/* form#brochure-form-id input#work_phone_code{
color: #000;
position: absolute;
left: 46px;
background-color: transparent!important;
top: -8px;
}
form#brochure-form-id input#work_phone {
position: absolute;
left: 50px;
width: 65%;
height: 31px;
top: 6px;
padding-left: 50px;
background-color: transparent !important;
}form#brochure-form-id input#work_phone {
position: absolute;
left: 50px;
width: 70%;
height: 31px;
top: -3px;
padding-left: 50px;
background-color: transparent !important;
} */</pre></body></html>