.product-green-ban nav.top-sub-menu-transparent .navbar-brand,
.product-green-ban nav.top-sub-menu-transparent li.va-vaf-startFreeBtn,
.product-green-ban .navbar.top-sub-menu-transparent.va-vaf-subNavTop {
    display: none;
}
.product-green-ban .top-sub-menu-transparent.navbar.navbar-default.logo-on-scroll .navbar-brand,
.product-green-ban nav.top-sub-menu-transparent.logo-on-scroll li.va-vaf-startFreeBtn {
    display: block;
}
.product-green-ban .navbar.navbar-transparent {
    border-bottom: 1px solid #f2f2f2;
    box-shadow: none;
    padding-bottom: 15px;
    background-color: transparent;
    /* color: #3a3838; */
}
.product-green-ban .navbar.navbar-transparent.va-vaf-whiteNav {
    color: #fff;
}
.product-green-ban nav.top-sub-menu-transparent li a,
.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: inherit;
}
.product-green-ban nav.top-sub-menu-transparent li {
    padding: 0;
}
.product-green-ban nav.top-sub-menu-transparent li a:not(.btn) {
    padding: 0 8px 5px;
}
.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 {
    border-bottom: 1px solid #f9b31d;
}
.product-green-ban nav.top-sub-menu-transparent li a.btn.btn-primary {
    padding: 7px 12px;
    color: #fff;
    margin-left: 10px;
}
.btn.btn-primary.va-outlined-black {
    background-color: transparent;
    border: 1px solid #292f35;
    color: #292f35;
}
.btn.btn-primary.va-outlined-black:hover {
    background-color: #292f35;
    color: #fff;
}
.va-dataBox-withShadow img {
    width: 45px;
}
.va-dataBox-withShadow h4 {
    padding-left: 15px;
}
.va-dataBox-withShadow p {
    padding: 15px 0 10px;
}
.va-vaf-infoBoxTitle {
    padding-bottom: 5px;
    position: relative;
}
.va-vaf-infoBoxTitle:after {
    position: absolute;
    content: '';
    width: 95%;
    height: 1px;
    background: #d9d9d9;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.va-vaf-testimonialTabs.nav li a img {
    max-height: 35px;
    filter: grayscale(1);
    opacity: .4;
}
.va-vaf-testimonialTabs.nav li a:hover img, 
.va-vaf-testimonialTabs.nav li.active a img {
    filter: grayscale(0);
    opacity: 1;
}
.va-vaf-testimonialTabs.nav li.active {
    border-bottom: 4px solid #006464;
}
.va-sliderShadowBox {
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 0.5em;
    padding: 2em 2.5em 2.5em;
}
.va-vaf-testi-InfoWrap {
    border-right: 1px solid #f2f2f2;
}
.va-vaf-testi-ClientDetails img {
    max-height: 60px;
}
.va-vaf-testi-ClientDetails strong {
    font-size: 1.25em;
}
.va-vaf-bulletsWrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.va-vaf-bullet {
    width: 16px;
    height: 16px;
    display: flex;
    background: #e2e2e2;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}
.va-vaf-activeBullet {
    background: #0084c4;
}

.va-vaf-components .va-vaf-infoBoxTitle:after {
    display: none;
}
.va-vaf-components .va-dataBox-withShadow h4,
.va-vaf-components .va-dataBox-withShadow p {
    padding: 0;
    margin: 0;
}
.va-vaf-components a {
    color: inherit;
}
.va-vaf-components a:hover .va-dataBox-withShadow,
.va-vaf-components a:active .va-dataBox-withShadow,
.va-vaf-components a:focus .va-dataBox-withShadow {
    border-color: #0084c4;    
}
.va-vaf-components a:hover .va-dataBox-withShadow h4,
.va-vaf-components a:active .va-dataBox-withShadow h4,
.va-vaf-components a:focus .va-dataBox-withShadow h4 {
    color: #0084c4;
}
.va-logosWrap{
    flex-wrap: wrap;
    padding: 3em 2em;
    justify-content: center;
}
.va-integrationLogo img {
    max-height: 30px;
}
.va-integrationLogo {
    padding: 1em 1em 2em;
}
.va-frameworkInAction {
    background: #f5f6fa;
    padding: 2em 2em 2.2em;
    border-radius: 1em;
    flex: 1;
    display: flex;
}
.va-frameworkInAction h3 {
    margin-top: 0;
    font-size: 1.9em;
    font-weight: 400;
}
.va-sourceFilesText {
    flex: 1;
}
.vaf-components-main-ban {
    background: linear-gradient(0deg, #3fa8ad, #006464);
    min-height: 500px;
    display: flex;
    align-items: center;
}
.vaf-components-main-ban .va-fullBG-pattern,
.va-vaf-components .va-fullBG-pattern {
    bottom: -39px;
    left: -60px;
    width: 113%;
    height: 40%;
}
.va-vaf-accountsBtn .link-btn:hover {
    color: #292f35!important;
}
.va-vaf-Faq .panel .panel-heading {
    padding: .7em 0 .7em 1em;
    color: inherit;
}
.va-vaf-Faq .panel-collapse {
    border-bottom: 1px solid #ddd;
    padding-left: 1em;
}
.va-vaf-Faq .panel-body {
    padding-bottom: 1em;
    color: inherit;
}
.va-vaf-Faq .panel-heading.active .fa-plus::before {
    content: "\f068";
}
.va-vaf-Faq .va-accordionIcon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #3a3838;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.va-vaf-Faq .va-accordionIcon:before,
.va-vaf-Faq .va-accordionIcon:after {
    position: absolute;
    content: "";
    background-color: #3a3838;
}
.va-vaf-Faq .va-accordionIcon:before {
    width: 10px;
    height: 2px;
}
.va-vaf-Faq .va-accordionIcon:after {
    width: 2px;
    height: 10px;
}
.va-vaf-Faq .panel-heading.active,
.va-vaf-Faq .panel-heading.active i {
    border-color: #0084c4;
    color: #0084c4;
}
.va-vaf-Faq .panel-heading.active .va-accordionIcon:before {
    background-color: #0084c4;
}
.va-vaf-Faq .panel-heading.active .va-accordionIcon:after {
    display: none;
}
.va-vaf-Faq .panel-heading.active a {
    color: inherit;
}
.va-vaf-Faq .panel-body {
    line-height: 1.5em;
    font-size: 1.15em;
}
.va-vaf-Faq .panel-heading.active .panel-title {
    font-weight: 700;
}
.va-vaf-Faq h2 {
    border-top: 1px solid #eee;
}
.va-vaf-Faq .panel-heading .panel-title {
    display: flex;
    align-items: center;
    font-size: 1.3em;
}

.va-vaf-Faq .panel-heading .panel-title span {
    flex: 1;
    padding-right: 1em;
}
.va-arrow-down img.img-responsive {
    width: 40px;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet-active {
    /* background: #292f35; */
}
.va-benefits-Wrap .features img {
    height: 70px;
}
.va-vaf-platformFeatures .va-fullBG-pattern {
    left: -35px;
    width: 107%;
}
.va-vaf-Faq .va-bg-pattern {
    top: 150px;
}
.va-vaf-Faq .va-bg-pattern.va-pattern-right {
    top: auto;
    bottom: 0;
}
.va-vaf-menuComposer .va-square-patternBg {
    top: 11.5%;
}
.va-contentOuterWrap h4 {
    font-weight: 400;
}
.va-vaf-components .va-dataBox-withShadow h4,
.va-navpillswrap h4,
.va-contentOuterWrap h4 {
    font-size: 1.5em;
}
.va-benefits-Wrap h3 {
    font-weight: 500;
}
.vaf-components-main-ban h3 {
    font-size: 30px;
}
.vaf-components-main-ban p {
    font-size: 20px;
}
.va-vaf-accountsBtn .link-btn {
    text-transform: none;
    font-weight: 700;
    padding: 0;
}
.va-sliderOuterWrap .swiper-pagination-bullet {
    /* width: 12px;
    height: 12px; */
}
.VAF-html-wrap h2.title {
    margin-bottom: .25em;
}



@media (min-width: 1440px) {
    .va-vaf-components .va-fullBG-pattern {
        bottom: -60px;
        background-size: 18%;
        left: -105px;
    }
    .slider-wrap .va-vaf-components .va-fullBG-pattern {
        height: 30%;
        bottom: -37px;
        left: -70px;
    }
    .va-vaf-overviewPage .va-imageRightEdgeAlign,
    .va-vaf-overviewPage .va-imageLeftEdgeAlign {
        min-height: 917px;
    }
    .va-vaf-Faq .panel-body {
        font-size: 1.3em;
    }
}

@media (min-width: 768px) {
    .va-scalableADF-Img {
        background-image: url(../images/products/VAF/overview/Scalable-Extendable-Application-Development-Framework-VIENNA-Advantage.png);
    }
    .va-saveCodingTime-Img {
        background-image: url(../images/products/VAF/overview/Save-codding-time-VIENNA-Advantage-Application-Development-Framework.png);        
    }
    .va-enterpriseLevel-ft-Img {
        background-image: url(../images/products/VAF/overview/Enterprise-features-tools-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-easyDeployments-Img {
        background-image: url(../images/products/VAF/overview/VIENNA-Advantage-Market.png);
    }
    .va-vaf-accounts-Img {
        background-image: url(../images/products/VAF/components/Accounts-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-userInterface-Img {
        background-image: url(../images/products/VAF/components/User-Interface-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-securityEncryption-Img {
        background-image: url(../images/products/VAF/components/Security-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-webService-Img {
        background-image: url(../images/products/VAF/components/Web-Services-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-biReporting-Img {
        background-image: url(../images/products/VAF/components/BI-and-Report-Cockpit-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-menuComposer-Img {
        background-image: url(../images/products/VAF/tools/Menu-Composer-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-reportComposer-Img {
        background-image: url(../images/products/VAF/tools/Report-Composer-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-workflowPainter-Img {
        background-image: url(../images/products/VAF/tools/Workflow-Painter-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-searchDefination-Img {
        background-image: url(../images/products/VAF/tools/Search-Control-Definition-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-sampleForms-Img {
        background-image: url(../images/products/VAF/tools/Sample-Forms-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-vaf-biBuilder-Img {
        background-image: url(../images/products/VAF/tools/Business-Intelligence-Builder-VIENNA-Advantage-Application-Development-Framework.png);
    }
    .va-btn-exploreComponents {
        display: none;
    }
    .va-vaf-frameworkBoxBtns {
        min-width: 300px;
        padding-left: 2em;
    }
}

@media (max-width: 767px) {
    .product-green-ban nav.top-sub-menu-transparent ul {
        right: auto;
        padding-left: 0;
    }
    .product-green-ban nav.top-sub-menu-transparent li {
        margin-left: 0px;
    } 
    .product-green-ban .navbar.top-sub-menu-transparent.logo-on-scroll {
        display: flex;
        justify-content: center;
    } 
    .overview_box_top_banner {
        margin: 0;
    }
    #service_second_section .va-fullBG-pattern {
        bottom: auto;
        top: -47px;
        left: 8px;
        height: 150px;
        background-size: 60%;
        width: 97%;
    }
    #service_second_section .va-dataBox-withShadow {
        margin-bottom: 2em;
    }
    .va-pt-80 {
        padding-top: 0;
    }
    .va-vaf-testiCompanyInfo,
    .va-vaf-testi-ClientDetails {
        padding-right: 1em;
    }
    .va-vaf-testiCompanyInfo {
        flex: 1;
    }
    .va-carousel-inner-mob {
        box-shadow: 0 0 20px rgb(0 0 0 / 20%);
        background: #fff;
        border-radius: 0.7em;
    }
    .va-carousel-inner-mob .va-dataBox-withShadow {
        box-shadow: none;
    }
    .va-featuresWrap .va-dataBox-withShadow img {
        width: 120px;
    }
    .va-logosWrap {
        padding: 3em 0;
    }
    .va-integrationLogo img {
        max-height: 18px;
    }
    .va-frameworkInAction {
        flex-direction: column;
        text-align: center;
    }
    .va-vaf-frameworkBoxBtns {
        margin-top: 2em;
    }
    .va-sm-title {
        text-align: center;
        font-weight: 500;
    }
    .va-vaf-Faq h2 {
        border: none;
    }
    .va-patternbgsize.va-bg-pattern .va-pattren-bgInn {
        background-size: 80%;
    }
    .va-square-patternBg .va-pattren-bgInn {
        background-size: 200%;
    }
    .va-integrationLogo {
        padding: 1em 0.65em 1em;
    }
    .va-vaf-menuComposer.va-pt-4 {
        padding-top: 0;
    }
}