/* @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&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>li>.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; */
}

/* Event detail page css */
.events-container{margin-top: 2rem;}
.header-logo{display: flex;align-items: center; justify-content: center; gap: 1.6rem;}
.events-header-items h1{font-size: 28px; font-weight: 500; padding: 0 16%; text-align: center; line-height:40px;}
.feeld-logo, .salry-logo{text-align: center; padding: 2rem 0 3rem;}
.event-content h2{font-size: 26px; font-weight: 500;}
.event-list-items{display: flex; align-items: center; border-top: 1px solid #dcdcdc; padding: 12px 0;}
.event-list-items .event-schedule{flex: 1; display: flex; flex-direction: column; gap: 8px;}
.event-timing label, .event-location label{font-size: 14px; font-weight: 600; display: block; color: #000000;}
.event-timing span, .event-location span{display: block; font-size: 14px; color: #000000;}
.event-list-items a{padding:8px 20px;}
.all-event-listing{display: flex; flex-direction: column; } 
.event-list-items:first-child{border: 0;}

/* Event detail page css end */

/* Event flyout css */
.event-flyout-body{position: relative;}
.event-content-items{position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; width: 260px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.event-content-items a{margin-top: 12px; display: inline-flex; align-items: center; justify-content: center;}
.event-title{margin: 14px 0 11px;}
.event-title h1{font-size: 16px; font-weight: 600; color: #ffffff; text-align: center;}
.event-title h1 span{display: block;}
.event-time-schedule span{font-size: 16px; font-weight: 600; color: #ffffff; display: block; line-height: 22px; text-align: center;}
.group-logo{text-align: center; }
.group-logo span{font-size: 14px; color: #ffffff; display: block; padding: 10px 0; }

/* Event flyout css end */


html, body {
    font-family: "Dongle", sans-serif;
    margin: 0;
    padding: 0;
  }
  
  :root {
    --color1: 0, 132, 196;
    --color2: 175, 202, 34;
    --color3: 75, 176, 141;
    --color4: 49, 172, 218;
    --color5: 75, 176, 141;
    --circle-size: 80%;
    --blending: hard-light;
  }
  
  @-webkit-keyframes moveInCircle {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(180deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes moveInCircle {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(180deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes moveVertical {
    0% {
      transform: translateY(-50%);
    }
    50% {
      transform: translateY(50%);
    }
    100% {
      transform: translateY(-50%);
    }
  }
  @keyframes moveVertical {
    0% {
      transform: translateY(-50%);
    }
    50% {
      transform: translateY(50%);
    }
    100% {
      transform: translateY(-50%);
    }
  }
  @-webkit-keyframes moveHorizontal {
    0% {
      transform: translateX(-50%) translateY(-10%);
    }
    50% {
      transform: translateX(50%) translateY(10%);
    }
    100% {
      transform: translateX(-50%) translateY(-10%);
    }
  }
  @keyframes moveHorizontal {
    0% {
      transform: translateX(-50%) translateY(-10%);
    }
    50% {
      transform: translateX(50%) translateY(10%);
    }
    100% {
      transform: translateX(-50%) translateY(-10%);
    }
  }
  .gradient-bg {
    width: 100vw;
    height: 100vh;
    position: absolute;
    overflow: hidden;
    background: #001021;
    top: 0;
    left: 0;
  }
  .gradient-bg .gradients-container {
    filter: url(#goo) blur(40px);
    width: 100%;
    height: 100%;
  }
  .gradient-bg .g1 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: center center;
    -webkit-animation: moveVertical 30s ease infinite;
            animation: moveVertical 30s ease infinite;
    opacity: 1;
  }
  .gradient-bg .g2 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;
    opacity: 1;
  }
  .gradient-bg .g3 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2 + 200px);
    right: calc(50% - var(--circle-size) / 2 - 500px);
    transform-origin: calc(50% + 400px);
    -webkit-animation: moveInCircle 40s linear infinite;
            animation: moveInCircle 40s linear infinite;
    opacity: 1;
  }
  .gradient-bg .g4 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 200px);
    -webkit-animation: moveHorizontal 40s ease infinite;
            animation: moveHorizontal 40s ease infinite;
    opacity: 0.7;
  }
  .gradient-bg .g5 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    right: calc(50% - var(--circle-size));
    transform-origin: calc(50% - 800px) calc(50% + 200px);
    -webkit-animation: moveInCircle 20s ease infinite;
            animation: moveInCircle 20s ease infinite;
    opacity: 1;
  }
  .banner-slider .AImodels-working  .title{color: #ffffff; font-weight: 600 !important;}
.AI-symbol-img{position: absolute; right: 50%; top: 0; bottom: 0; z-index: 3; margin: auto; transform: translate(100% , 0px); display: none !important;}
.AImodels-working .carousel-caption .btn{margin-top: 2rem;}
.animation-container{position: absolute; z-index: 3; right:15%; top: 0;  bottom: 0; margin: auto; display: flex; align-items: center;}
.Ai-graph{
    background-image: linear-gradient(120deg, #34e0f0 0%, #00ff88 100%);
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    width: 31.25em; height: 31.25em;
    animation: morph 3s linear infinite; 
    transform-style: preserve-3d;
    outline: 1px solid transparent;
    will-change: border-radius;
  }
  .Ai-graph:before,
  .Ai-graph:after{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0; top: 0;
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    box-shadow: 5px 5px 89px rgba(0, 102, 255, 0.21);
    will-change: border-radius, transform, opacity;
    animation-delay: 200ms;
    background-image: linear-gradient(120deg, rgba(0,67,255,.55) 0%, rgba(0,103,255,.89) 100%);
  }  
  .Ai-graph:before{ animation: morph 3s linear infinite;  opacity: .21; animation-duration: 1.5s;}  
  .Ai-graph:after{ animation: morph 3s linear infinite; animation-delay: 400ms; opacity: .89; content: "ai"; line-height:3.3em; text-indent:10px;  font-size: 9.375em; color: #ffffff; font-weight: 600; }
  
  @keyframes morph{
    0%,100%{
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
      transform: translate3d(0,0,0) rotateZ(0.01deg);
    }
    34%{
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
      transform:  translate3d(0,5px,0) rotateZ(0.01deg);
    }
    50%{
      opacity: .89;
      transform: translate3d(0,0,0) rotateZ(0.01deg);
    }
    67%{
      border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
      transform: translate3d(0,-3px,0) rotateZ(0.01deg);
    }
  }

  
.slider-bg{background-color: #EDF5FA;}
.thumbnail-box.splide--nav>.splide__track>.splide__list>.splide__slide{border: 2px solid transparent; background-color: #ffffff; border-radius: 8px;}
.thumbnail-box.splide--nav>.splide__track>.splide__list>.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;}


.banner-slider .automated-workflows .title{font-size: 3em; padding-right: 8%; font-weight: 600!Important;}
.banner-slider .automated-workflows .sub-content{color: #535353; font-size: 1.4em; line-height: 1.2em;}
.banner-slider .automated-workflows .btn{margin-top: 3.4em;}
.automated-workflows .graphic-section{z-index: 2; width: 600px; position: absolute; right:50%; top: 0; bottom: 0; transform: translate(100%, 0px); }
.graphic-section img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.automated-workflows .banner-img{position: relative; z-index: 3; margin: auto;}
.graphic-section .graphic1{animation: graphic1 40s linear infinite;}
.graphic-section .graphic2{animation: graphic2 40s linear infinite;}
@keyframes graphic1 {
    0%{
       transform: rotate(0deg);
      }
   100%{
       transform: rotate(360deg);
      }
   }
   @keyframes graphic2 {
    0%{
       transform: rotate(0deg);
      }
   100%{
       transform: rotate(-360deg);
      }
   }


/* Slider CSS End  */


.color-white {
    color: #fff
}

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

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

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

.navbar .navbar-nav>li>.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>li {
    position: initial
}

.community-va .navbar .navbar-nav>li>.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>li>.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>li>.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>a {
    padding: 12px 20px 12px 12px;
    color: #fff;
    box-shadow: none !important
}

.community-va .dropdown-menu.dropdown-with-icons li>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>li>a {
    color: #3C4858 !important;
    text-transform: uppercase;
    font-size: 12px;
}

.community-va .navbar .navbar-nav>li.open>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&b.svg);
}

.va header .navbar .dropdown-menu li a:hover .va-restaurant-icon {
    background-image: url(../images/menu-icons/industry/f&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>li.active a {
    background: #00617e;
    color: #fff;
    font-weight: 700
}

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

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

.product-bi-features-first .col-md-3 .nav>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>li>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>.item,
.va-testimonial-carousel .carousel-inner>.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>li>a.btn.btn-primary:focus,
.navbar .navbar-nav>li>a.btn.btn-primary:active,
.navbar .navbar-nav>li>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>li>a {
    line-height: 16px
}

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

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

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

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

.advantage-nav.nav-pills>li>a:hover {
    background-color: transparent
}

.advantage-nav.nav-pills>li>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; padding-top: 50px;}
.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>li.active>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>li.active>a,
.installation-package .nav-pills>li.active>a:focus,
.installation-package .nav-pills>li.active>a:hover {
    background-color: transparent;
    box-shadow: none !important
}

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

.installation-package .nav-pills>li>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>li.active>a {
    background-color: none !important;
    background-color: transparent;
    box-shadow: none;
    color: black !important
}

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

.partner-nav .nav-pills>li.active>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-se