/* 

    New Pricing Page stylesheet

*/
/* main style */
:root {
    --primary: #ffa200;
    --secondary: #ff6f00;
    --dark-bg: #1E1E1E;
    --light-gray: #F1F1F1;
}
section {
    display: block;
    padding: 2% 0;
}
.mobile--nav-header,.header{
    display: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong{
    font-weight: bold;
    color: #141414;
    margin: 0;
    padding: 0;
}
h1,
.header-txt {
    color: white;
}
h1 {
    font-size: 25px;
    line-height: 1.5em;
    width: 100%;
}
h1 .orange {
    font-size: 50px;
    line-height: 1.5em;
}
h3 {
    font-size: 40px;
}
p,td,li {
    color: #141414;
}
a {text-decoration: none;}
p,
a,
li {font-size: 15px;}
li {
    list-style-position: outside;
    line-height: 1.5em;
}
.orange {
    color: #ffa200;
    color: var(--primary);
}
.light-gray {
    background-color: #F1F1F1;;
    background-color: var(--light-gray);
}
.hero-section {
    background: url(/wp-content/uploads/2020/02/Expo-Ad-Header.jpg),rgba(0,0,0,0.5);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2% 0;
    height: 450px;
    margin-top: -1%;
}
.header-wrapper {padding: 2% 0% 0% 0%;}
.header-txt {
    font-size: 20px;
    width: 100%;
    line-height: 1.5em!important;
}
.customer-cta{
    max-width: 750px;
    margin: auto;
    text-align: center;
}
.award-wrapper{
    padding: 0 15%;
}
.award-wrapper img{
    width: 90px;
}
.award-wrapper h3{
    color: white;
    font-size: 19px;
}
.award-wrapper .content-row{
    justify-content: center;
    text-align: center;
}
.award-wrapper ul:nth-child(2) img{
    width: 120px; 
}
.award-wrapper ul:nth-child(2) li:nth-child(1){
    margin-right: 20%; 
}
.get-cta-wrapper{
    margin-top: 1%;
}
.customer-section{
    padding-top: 0;
}
.content-col-space-sm .get-cta-wrapper{
    margin-top: 10%;
}
.vc-btn{
    background-color: #ffa200;
    border: none;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    padding: 2%;
    height: 68px;
    width: 379px;
}
.vc-btn span{
    font-weight: 100;
    font-size: 15px;
}
.vc-btn:hover{
    background-color: #ff6f00;
}
.content-container {
    max-width: 1920px;
    width: 80%;
    margin: 0 auto;
}
.evenly {justify-content: space-evenly;}
.flex-end{justify-content: flex-end;}
.col-2-margin {flex-basis: 50%; margin-left: 3%;}
.table-title {
    text-align: center;
    font-size: 26px;
    margin-bottom: 3%;
}
.user-table,
.rev-table {
    width: 100%;
    border: solid 1px #F1F1F1;
    border: solid 1px var(--light-gray);
}
tr {height: 77px;}
.user-table th,
.rev-table th {
    padding: 3% 4%;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.user-table td,
.rev-table td {
    padding: 4% 6%;
    text-align: center;
    font-size: 15px;
}
.user-head {
    background: #ffa200;
    background: var(--primary);
    color: white;
    height: 80px;
}
.rev-head {
    background: #0059A3;
    color: white;
    height: 80px;
}
tr th:nth-child(1),
tr td:nth-child(1) {
    width: 40%;
}
.table-txt {
    text-align: center;
    padding: 5% 5% 0;
}
.md-col ul {
    width: fit-content;
    margin: 0 auto;
    width: -moz-fit-content;
}
.ul-col ul li{
    line-height: 1.5em;
    color: #141414;
    list-style-position: outside;
}
.link-cta {
    color: #141414;
    font-size: 24px;
    text-align: center;
}
.link-cta:visited {color: #141414;}
.link-cta span {
    color: #ffa200;
    color: var(--primary);
}
.dark li,.dark strong {
    color: white;
}

.dark p {
    text-align: center;
}
.dark h2 {
    font-size: 30px;
    text-align: center;
    color: #141414;
}
.dark h2 span {
    color: #ffa200;
    color: var(--primary);
    font-size: 40px;
}
.dark a {
    color: #ffa200;
    color: var(--primary);
}
.dark a span {color: white;}
.dark a:visited {
    color: #ffa200;
    color: var(--primary);
}
.link-cta-white {
    font-size: 24px;
    color: white;
    text-align: center;
    margin-top: 5%;
}
.dark ul {margin-bottom: 5%;}
.dark ul li {
    list-style: none;
    list-style-position: outside;
}
.dark ul li::before {
    content: '\f05d';
    font-family: FontAwesome;
    color: #ffa200;
    color: var(--primary);
    margin-left: -24px;
    font-weight: 100;
    -webkit-text-stroke: 1px #646464;
    position: absolute;
}
.grp-cta-btn-wrapper {padding-bottom: 4%;}
.cta-try-btn {
    border: solid 2px #ffa200;
    border: solid 2px var(--primary);
    border-radius: 5px;
    color: #ffa200;
    color: var(--primary);
    padding: 5% 8%;
    background: transparent;
    font-weight: bold;
    width: 90%;
    font-family: 'Raleway';
}
#cta-trial,.vc-footer-container,.mobile-footer{
    display: none;
}
.cta-trial-btn {
    border: solid 2px #ffa200;
    border: solid 2px var(--primary);
    border-radius: 5px;
    color: #ffa200;
    color: var(--primary);
    padding: 2% 5%;
    background: transparent;
    font-weight: bold;
    width: 90%;
    font-family: 'Raleway';
}
.cta-trial-btn:hover,
.cta-try-btn:hover {
    border: solid 2px #ffa200;
    border: solid 2px var(--primary);
    background: #ffa200;
    background: var(--primary);
    color: white !important;
}
.cta-trial-btn:visited {
    color: #ffa200;
    color: var(--primary);
}
.cta-try-btn:visited {
    color: #ffa200;
    color: var(--primary);
}
.cta-btn-wrapper {padding: 3% 0;}
.cta-trail-wrapper {padding: 3% 0;}
.cta-trail-wrapper h3 {font-size: 26px;}
.cta-trail-wrapper h2 {font-size: 40px;}
.cta-trail-wrapper p {
    font-size: 16px;
    color: #141414;
}
.sched-btn {
    text-transform: capitalize;
    background-color: #ffa200;
    background-color: var(--primary);
    border-radius: 5px;
    font-weight: bold;
    color: white;
    padding: 5.3% 8%;
    border: none;
    width: 90%;
    font-family: 'Raleway';
}
.sched-btn:hover {
    color: white;
    background-color: #ff6f00;
    background-color: var(--secondary);
}
.grp-btn-col {text-align: center;}
.overlap-girl {
    position: absolute;
    right: 0;
    z-index: 1;
    width: 400px;
    margin-top: -30.7%;
    pointer-events: none;
}
.diginomica-section {
    background-color: #1E1E1E;
    background-color: var(--dark-bg);
    background-image: url(/wp-content/uploads/2019/11/pricing.jpg);
    background-size: cover;
    background-position: center;
}
.diginomica-section h3 {
    color: white;
    text-align: center;
}
.author-quote p,
.author-quote strong {
    color: white;
}
.author-img img {
    text-align: center;
    width: 100%;
}
.digi-link {
    color: #ffa200;
    color: var(--primary);
    text-decoration: underline;
    font-size: 20px;
}
.digi-link:hover {
    text-decoration: none;
    color: #ff6f00;
    color: var(--secondary);
}
.digi-link:visited {
    color: #ffa200;
    color: var(--primary);
}
.podcast-wrapper {padding: 5% 0;}
#vid-section h3 {text-align: center;}
.search-section {
    background-image: url(/wp-content/uploads/2019/10/Group-7.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.search-section h3 {
    color: #f69322;
    font-size: 40px;
}
.search-field {
    border-radius: 40px !important;
    width: 50%;
    padding: 1.5rem 2rem !important;
    font-family: 'Raleway' !important;
}
.search-field::placeholder {text-align: center;}
.sup {
    color: #ffffff;
    font-size: 14px;
    margin-top: 1rem;
}
.sup-link:visited {color: #FFA200;}
.sup a {
    color: #f69322;
    text-decoration: none;
}
.search-btn {
    background-color: #FFA200;
    color: #ffffff;
    font-weight: 500;
    border: none;
    border-radius: 40px;
    padding: 0.7rem 3rem;
    margin-top: 2rem;
}
input[type=button].search-btn:hover {
    background-color: #ff6f00;
    background-color: var(--secondary);    
}
.content-row-noflex{
	padding: 5% auto;
}
.no-flex-wrapper{
	display: block;
    margin: 0 auto;
    width: 100%;
	max-width: 800px;
}
.content-row-noflex h2{
	font-size: 40px;
    text-align: center;
}
.content-row-noflex p{
	text-align: center;
}
.contact-section {
    background-color: #141414;
}
.contact-section h3 {
    color: #ffa200;
    color: var(--primary);
    font-size: 45px;
    font-weight: bold;
}
.contact-section h4 {
    color: white;
    font-size: 30px;
    font-weight: 200;
}
.hbspt-form input[type=email],
.hbspt-form input[type=tel],
.hbspt-form input[type=text],
select,
textarea {
    
}
textarea {
    
}
#i_m_inquiring_about_-cb0c8468-b2ba-4b68-a0e1-2fb94d25561a {
    
}

#cta-trial-white {
    background-color: white;
    position: relative;
    z-index: 2;
}
td.td-single {font-size: 14px;}
.align-center {align-items: center;}
.flex-center{ justify-content: center;}
#vid-sec {background-color: #f7f7f7;}
.vid-sec {margin:0 auto;}
.vid-wrap {
    padding-top: 50px;
    width: 100%;
    margin: 0 auto;
}
.vid-wrap h2 {
    font-size: 22px;
    color: #202020;
    font-weight: 700;
}
.col-1 {
    width: 100%;
    max-width: 700px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
}
.col-2 {
    margin-left: 200px;
    width: 100%;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
}
.col-1-vid-con {
    width: 100%;
    max-width: 700px;
}
.col-2 img {max-width: 350px;}
.col-1 h2,
.col-2 h2 {
    margin-top: 50px;
}
.col-1 p,
.col-2 p {
    font-size: 15px;
}
.col-1-vid-con {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#btn-see {
    border: 0;
    margin-top: 30px;
    padding: 3% 10%;
    background-color: #ffa200;
}
#btn-see:active,
#btn-see:focus,
#btn-see:hover {
    background-color: #e89300;
    outline: 0;
    border: 0;
}
.col-11 {
    border-right: 1px solid #f1f1f1;
    width: 100%;
    max-width: 1000px;
    display: inline-block;
    vertical-align: top;
}
.col-22 {
    width: 100%;
    max-width: 450px;
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
}
.col1 {
    max-width: 850px!important;
}
.b-col2-1 a,
.b-col2-2 a,
.b-col2-3 a {
    font-weight: 900;
    color: #474747!important;
}
.col2 {
    max-width: 850px!important;
    padding: 0 !important;
    margin-top: 50px;
}
.b-col2-1 img,
.b-col2-2 img,
.b-col2-3 img {
    max-width: 350px!important;
}
.b-col2-1 p,
.b-col2-2 p,
.b-col2-3 p {
    font-size: 14px;
}
.b-col2-1,
.b-col2-2,
.b-col2-3 {
    padding-bottom: 30px!important;
}
.corp-ul {
    margin-left: 4%;
}
.erp1 {
    display: inline-block;
    vertical-align: top;
}
.c3-col img {
    width: 200px!important;
    max-width: 200px;
    vertical-align: top;
}
.video-container {
    max-width: 1550px;
    margin: 0 auto;
}
.col-22 a {
    margin: 0;
    line-height: 1.5em;
}
.col-22 h3 {
    margin: 0 !important;
    line-height: 0.5em;
}
.main-content li {margin: 0;}
.follow-us a {
    font-size: 25px;
    color: white;
}
.full-detail-link {
    background: transparent;
    border: none;
    color: #ffa200;
    color: var(--primary);
    font-family: 'Raleway';
    font-size: 24px;
}
.full-detail-link:hover {
    color: #ff6f00;
    color: var(--secondary);
}
.video-container .title {font-size: 40px;}
.col2 h2 {font-size: 28px;}
.title {font-size: 40px;}
.mob-links a {color: white;}
.col-vid1 {
    max-width: unset;
    flex-basis : 65%;
}
.col-vid2 {
    max-width: unset;
    flex-basis: 30%;
}
.vid-wrapper {
    margin: 0 auto;
    width: 85%;
    display: flex;
    justify-content: space-between;
}
@media print {body,html{display:none!important;}}
.btn-prts {
    bottom: 0;
    position: fixed;
    margin-bottom: 5em;
    margin-left: -4em;
    left: 0;
    z-index: 99;
    opacity: .9;
}
#btn-prtb {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
    background: #a2a2a2;
    color: #fff;
    border: 0;
    padding: .52857rem 1.17143rem;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform:rotate(90deg);
    margin-left: 5px;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.btn-prt:active {
    outline: 0;
    border: none;
}
.btn-prt:focus {outline: 0;}
.btn-prta {
    text-align: center;
    font-size: 14px;
    padding: 15px;
    color: #ffa200;
    border: 0;
    border-radius: 3px;
    background: #fff;
    width: 100%;
    max-width: 90%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.btn-prta span {float: none;}
.btn-prts i {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.btn-prts span {
    vertical-align: middle;
    text-align: center;
    font-family: Raleway!important;
    float: none;
    margin-left: 10px;
    width: 70%;
}
.btn-email {
    color: #fff;
    padding-top: 20px;
}
.btn-email span {text-decoration: underline;}
.btn-email a {color: #fff;}


/* Customer Section */
.container-wrapper.customer-section {
    width: 100%;
    max-width: 1080px;
}
.customer-header{
    text-align: center;
    max-width: 714px;
    margin: auto;
}
.customer-header h3{
    font-size: 32px;
    font-weight: 700 !important;
    margin: 20px auto;
}
.customer-header p{
    font-weight: 500;
}
.customer-wrapper{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}
.customer-wrapper .customer-col{
    display: flex;
    flex-grow: 1;
    width: 23%;
    height: 100px;
    align-items: center;
}
.customer-col{
    margin: 20px auto;
}
.customer-col .customer-con{
    flex-grow: 1;
    height: auto;
}
.customer-con img{
    margin: auto;
}    
.customer-con p{
    font-weight: 600;
    margin: 0 auto;
}
.customer-con.customer-img{
    flex-basis: 30%;
}
.customer-con.customer-p{
    flex-basis: 60%;
}
.content-row {
    display: flex;
    justify-content: space-between;
}
.content-col {width: 40%;}
.md-col {
    max-width: 900px;
    margin: 0 auto;
}
.ds-view {display: block;}
.mob-view {display: none;}
.ul-flex-container {
    display: flex;
    padding: 2% 5%;
}
.ul-col {flex-basis: 30%;}
.grp-cta-btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin: 0 auto;
}
.grp-btn-col {flex: 1;}
.author-wrapper {
    display: flex;
    justify-content: space-between;
}
.author-img {flex-basis: 15%;}
.author-quote {flex-basis: 75%;}
.row {margin: 0;}
.video-container {
    max-width: 1920px;
    width: 80%;
    margin: 0 auto;
}
.col-11 {
    width: 57%;
    max-width: unset;
}
.col2 h2 {font-size: 28px !important;}

/** additional css task**/
.vid-wrapper {margin: 0 auto;}
.col2 p {font-size: 15px !important;}
#homenav li {list-style: none;}
#homenav li a{
    font-weight: 700;
    font-size: 18px;
    color: #000;
}
#homenav li a:hover {color: #FFA200;}

/** additional css task END**/
.container-wrapper {
    max-width: 1024px;
    margin: auto;
}
.content-col-space {flex-basis: 45%;}
.content-col-space-sm {flex-basis: 30%;}
.content-col-space-md {flex-basis: 35%;}
.content-col-space-lg {flex-basis: 65%;}
.content-col-3-space {flex-basis: 33%;}
.content-col-space-sm h3 {margin-bottom: 5%;}
.versa-logo{
    width: 289px;
    margin-bottom: 0%;
    margin-top: -5%;
}
.header-cta,.header-cta strong{
    color: white;
    text-align: center;
}
.header-cta p{
    width: 377px;
    margin: 5% auto;
}
.header-cta h3{
    font-size: 35px;
    -webkit-text-stroke: medium;
    color: white;
}
.form-section p:nth-child(1) {font-size: 20px;}

.award-wrapper ul {
    list-style: none;
    margin-bottom: 0;
}
.award-wrapper ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 4%;
}
.awards-wrapper {text-align: center;}
.awards-wrapper ul {
    list-style: none;
    text-align: center;
    margin-left: 35px;
}
.awards-wrapper ul li {
    display: inline-block;
    width: 125px;
    margin-right: 65px;
}

.awards-wrapper ul li:last-child {
    display: inline-block;
    width: 125px;
    margin-right: 0;
}
.feature-wheel {width: 65%;}
.info-txt {
    text-align: center;
    font-size: 25px;
    line-height: 1.2em;
    font-weight: bold;
    width: 75%;
    margin: auto;
}
.h3-act {
    font-size: 47px;
    font-weight: bold;
    text-align: center;
    -webkit-text-stroke-width: medium;
}
.cta-btn-wrapper {text-align: center;}
.cta-btn {
    height: 68px;
    width: 379px;
    background-color: #ffa200;
    color: white;
    color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: none;
    animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
    font-size: 19px;
}
input[type="submit"] {width: 70%;}
.cta-btn:hover {
    background-color: #ff6f00;
}
.subs-info-txt {
    text-align: center;
    width: 70%;
    margin: auto;
    margin-bottom: 3%;
}
.wave-bg {
    background-image: url(/wp-content/uploads/2019/10/bg-1.jpg);
    background-size: 124% 107%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1% 0;
}
.wave-down {
    background-image: url(/wp-content/uploads/2020/02/filler_background-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.center-container {text-align: center;}
.center-container h3 {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 3%;
}
.center-container p {margin-bottom: 3%;}

/* button animation */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.45);
    }
    70% {
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
    }
}

/* End of Additional CSS*/
.content-col-3 {flex-basis: 32%;}
.overflow {width: 300%;}
.integration-content {border: solid 1px #f1f1f1;}
.int-header {
    background-color: #f1f1f1;
    padding: 5%;
    text-align: center;
}
.int-table-header {
    background-color: #f1f1f1;
    align-items: center;
}
.inner-table {padding: 5% 0;}
.inner-table h3 {text-align: center;}
.int-body {padding: 5% 10%;}
.int-body ul {margin-left: 5%;}
.auto-col {flex: 1;}
/* carousel section */
.cta-section {
    background: linear-gradient(-90deg, #fb0, #ff4e00);
    padding: 1% 0;
}
.inner-row{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10% 0;
    height: 80px;
}
.inner-row .content-col-space-md img {
    height: 67px;
    display: block;
    margin: 0 auto;
}
.inner-row .content-col-space-lg p {font-weight: bold;}
.content-col-4-space {flex-basis: 23%;}
.clearfix,
section {
    overflow: hidden;
} 
.vertical-center {align-items: center;} 
.cta-section .title-white {text-align: left;}
.c2-col .title-white {
    width: 100%;
    margin-top: -15%;
}
.title-white {
    font-weight: 700;
    color: #fff;
    font-size: 30px;
}
p {
    font-family: Raleway;
    margin: 0 0 .75em 0;
}
.c2-col,
.c3-col,
.c7-col,
.c8-col {
    width: 100%;
    float: none;
} 
.c2-col {flex-basis: 20%;}
.c8-col {flex-basis: 70%;}
.slideshow-container {
    position: relative;
    margin: auto;
}
.next,
.prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
}
.carousel-slide {
    display: none;
    animation: zoomIn;
    -webkit-animation: zoomIn;
}
.fade {
    opacity: 1;
    -webkit-animation-name: fade;
    -webkit-animation-duration: 2s;
    animation-name: fade;
    animation-duration: 2s
}
@-webkit-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}
.carousel-content {
    background-color: #fff;
    padding: 5%;
    border-radius: 20px;
    width: 90%;
    margin-left: 5%;
    box-shadow: 2px 10px 19px -16px #000;
    display: flex;
    justify-content: space-between;
}
.fa.fa-quote-left,
.fa.fa-quote-right {
    color: #f1f1f1;
    font-size: 25px
}
.sm-row {
    max-width: 700px;
    margin: auto;
}
.dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease ;
    -webkit-transition: background-color .6s ease;
    -moz-transition: background-color .6s ease;
    -ms-transition: background-color .6s ease;
    -o-transition: background-color .6s ease;
}
.active,
.dot:hover {
    background-color: #fff
}
/* Accordion CSS */
.accordion-btn {
    background: transparent;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}
.activated,
.accordion-btn:hover {
    background-color: #f1f1f1;
}
.accordion-btn:after {
    content: '\f105';
    background-color: #f6f6f6;
    font-family: 'FontAwesome';
    font-weight: 200;
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 40px;
    vertical-align: middle;
    line-height: 1.6em;
}
.activated:after {
    font-family: 'FontAwesome';
    font-weight: 200;
    content: "\f107";
}
.panels {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    -webkit-transition: max-height 0.2s ease-out;
    -moz-transition: max-height 0.2s ease-out;
    -ms-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    text-align: left;
}
.form-section.tablet-sec {display: none;}
#hiddenBlock {display: none;}
button#showBlock,
button#hideBlock {
    border: 0;
    background: transparent;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    font-family: 'Raleway';
    outline: none;
}
#showBlock span {
    color: #ffa200;
    outline: none;
}
/* End Of Accordion CSS */
.hub-frm {float: right;}
.hs-form .hs-form-field {
    display: inline-block;
    width: 100%;
    max-width:260px;
    vertical-align: top;
}
.hbspt-form label { margin-bottom: 3px !important;}
.hs_gmt.hs-gmt.hs-fieldtype-select.field.hs-form-field {
    width: 100%;
    max-width: 340px;
    position: relative;
    margin-bottom: 5px;
}
.hs_gmt.hs-gmt.hs-fieldtype-select.field.hs-form-field label{ color: #fff !important; margin-bottom: 5px;}
input#promo_code-bcb931ca-7283-44b3-9bb6-df56b3b792c4 {
    max-width: 90px;
}
select#gmt-bcb931ca-7283-44b3-9bb6-df56b3b792c4 {
    position: absolute;
    width: 100%;
    max-width: 500px;
}
select#best_time_to_call_you-bcb931ca-7283-44b3-9bb6-df56b3b792c4 {
    width: 100%;
}
textarea#tell_us_about_your_business-bcb931ca-7283-44b3-9bb6-df56b3b792c4 {
    width: 100%;
    max-width: 500px;
    height: 150px !important;
    max-height: 500px;
}
.hs_country_of_business.hs-country_of_business.hs-fieldtype-select.field.hs-form-field, .hs_tell_us_about_your_business.hs-tell_us_about_your_business.hs-fieldtype-textarea.field.hs-form-field {
    max-width: 500px;margin-top: 10px;
}
select#country_of_business-bcb931ca-7283-44b3-9bb6-df56b3b792c4 {
    width: 100%;
    max-width: 500px;
}
.hs_best_time_to_call_you.hs-best_time_to_call_you.hs-fieldtype-select.field.hs-form-field{ width: 100%;max-width: 150px;}
ol, ul { margin: 0;}
ul.no-list.hs-error-msgs.inputs-list {list-style: none;}
ul.inputs-list {display: none;}
.hs-form input[type="text"],
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"], 
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select {
    font-family: 'Raleway';
    font-size: 15px;
    width: 100%;
    max-width: 260px;
    height: 45px;
    max-height: 50px;
    background: 0 0;
}
.hs-button.primary.large {
    font-family: 'Raleway';
    font-weight: 700;
    width: 550px;
    max-width: 500px;
    height: auto;
    padding: 15px;
    background: #ffa200 !important;
    color: #fff !important;
    border: 1px solid #ffa200;
}
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus, 
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {
    border: 1px solid #ffa200;
}
.hs-form select {
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    color: #1E1E1E;
}
.hs-form select:focus {
    color: #1E1E1E;
    border: 1px solid #ffa200;
}
.header-wrapper p {
    font-size: 15px;
    color: white;
}


.inner-row .content-col-space-md img {
    width: auto;
    height: 67px;
    display: block;
    margin: 0 auto;
}

    @media screen and (max-width: 1920px) {
        /*Section1-HEADER*/
        .header-wrapper {padding: 3% 0% 0% 0%;}
        .header-wrapper h1 {font-size: 25px; width: 100%;}
        .versa-logo {margin-bottom: 1%;}
        .header-txt {line-height: 1.5em!important; font-size: 20px;}
        .content-row:nth-child(1) .content-col {flex-basis: 50%;}
    }
    @media screen and (max-width: 1820px) {
        /*Section1-HEADER*/
        .versa-logo {margin-bottom: 0;}
    }
    @media screen and (max-width: 1720px) {
        /*Section1-HEADER*/
        .header-wrapper {padding: 3% 0% 0% 0%;}
        .award-wrapper {padding: 0% 13%;}
    }
    @media screen and (max-width: 1680px) {
        /*Containers*/
        .content-container {width: 90%;}
        .header-wrapper h1 {width: 100%;}
        .header-txt {width: 100%;}
        .content-row:nth-child(1) .content-col{
            flex: 0;
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 50%;
        }
    }
    @media screen and (max-width: 1600px) {
        /*Section1-HEADER*/
        h1 .orange {font-size: 45px;}
        .award-wrapper {padding: 0 14%;}
        .versa-logo {margin-bottom: 1%;}
        
    }
    @media screen and (max-width: 1560px) {
        /*Section1-HEADER*/
        .header-wrapper h1 {font-size: 24px;}
        .award-wrapper {padding: 0 12%;}
        
        .inner-row .content-col-space-md img {
    width: auto;
    height: 60px;
    display: block;
    margin: 0 auto;}
        
    }
    @media screen and (max-width: 1496px) {
        .content-row:nth-child(1) .content-col {
            flex: 0;
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 55%;
        }
    }
    @media screen and (max-width: 1484px) {
        .row {margin: 0;}
        .video-container {
            max-width: 1920px;
            width: 80%;
            margin: 0 auto;
        }
        .col-11{
            width: 57%;
            max-width: unset;
        }
        .form-section h3{
            font-size: 30px;
        }
        .form-section h4{
            font-size: 25px;
        }
    }
    @media screen and (max-width: 1470px) {
        /*Section1-HEADER*/
        .content-container {padding: 0;}
    }
    @media screen and (max-width: 1440px) {
        /*Section1-HEADER*/
        .header-wrapper h1 {font-size: 23px;}
        .award-wrapper {padding: 0 11%;}
        a#cta_button_5830858_30e67684-1f65-4d8a-b55d-605b062f4a40 {
            padding: 10px 0px;
            width: 100%;
        }
    }
    @media screen and (max-width: 1400px) {
        /*Section1-HEADER*/
        .award-wrapper {padding: 0 10%;}
        .header-wrapper h1{
            font-size: 20px;
        }
        .content-container,
        .hero-container {
            padding: 0;
        }
        .content-container {width: 90%;}
        .col-11 {width: 60%;}
        .col-22 {
            max-width: unset;
            width: 30%;
        }
    }
    @media screen and (max-width: 1366px) {
        /*Section1-HEADER*/
        .award-wrapper {padding: 0 7%;}
        .header-wrapper h1 {font-size: 20px; width: 100%;}
        .header-txt {line-height: 1.5em!important; font-size: 19px;}
        .content-row:nth-child(1) .content-col {flex-basis: 50%;}
        .title-white {font-size: 25px;}

        tr th:nth-child(1), tr td:nth-child(1) {width: 42%;}    
        .dark h2 span {font-size: 38px;}
        .cta-trail-wrapper h2 {font-size: 37px;padding: 0% 1%;}
        h3 {font-size: 37px;}
        .title {font-size: 38px;}
    }
    @media screen and (max-width: 1280px) {
        /*Section1-HEADER*/
        .versa-logo {width: 240px;}
        .award-wrapper {padding: 0% 7%;}
        .award-wrapper img {width: 80px;}
        .award-wrapper ul:nth-child(2) img {width: 100px;}
        .header-txt {
            line-height: 1.5em!important;
            font-size: 19px;
        }
        .header-cta {padding: 5% 0%;}
        .content-row:nth-child(1) .content-col {flex-basis: 50%;}
        .title-white {font-size: 25px;}
        
        .content-col-space-lg ul li {
    font-size: 13px!important;}
        
        .inventory-container ul {
    text-indent: 0px !important;}
        
        .inner-row .content-col-space-md img {
    width: auto;
    height: 50px;
    display: block;
    margin: 0 auto;
}
        
        
    }
    @media screen and (max-width: 1160px) {
        .header-wrapper {padding: 2% 0% 0% 0%;}
        h1 .orange {font-size: 40px;}
        .award-wrapper {padding: 5% 5%;}
        .header-cta {padding: 6% 0%;}
        .header-wrapper p {line-height: 1.5em!important;}
        .p-btn {font-size: 20px!important;}
        a#cta_button_5830858_30e67684-1f65-4d8a-b55d-605b062f4a40 {
            padding: 5px 0px;
            width: 80%;
        }        
        .content-row:nth-child(1) .content-col {
            flex: 0;
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 49%;
        }
        .award-wrapper ul li {margin-right: 2%;}
	}
    @media screen and (max-width: 1080px) {
        .award-wrapper {padding: 10% 5%;}
        .award-wrapper img {width: 70px;}
        .award-wrapper ul:nth-child(2) img {width: 90px;}
        .header-cta {padding: 10% 0%;}
        
        .content-col-space-lg ul li {
    font-size: 12px!important;}
        
    }
@media screen and (max-width: 1280px) and (min-width: 1200px) {
    tr th:nth-child(1), tr td:nth-child(1) {width: 45%;}
}

@media screen and (max-width:1200px)
{
	.inventory-container ul {
    text-indent: 0px !important;}
    
    .content-row ul li {
    font-size: 15px !important;
}
    
}
@media screen and (max-width: 1199px) and (min-width: 1113px) {
    
    tr th:nth-child(1), tr td:nth-child(1) {width: 45%;}
    .rev-table th {font-size: 14px;}
    .sched-btn {padding: 6% 7%;} /**padding of the Get Product Tour Now**/
    .cta-try-btn { padding: 6% 5%;}/**padding of the Try Versa Cloud ERP for Free**/
    
    .dark h2 span {font-size: 34px;}/**SPAN font-size**/
    
    .cta-trail-wrapper h2 {font-size: 34px;padding: 0 5%;}/**H2 font-size**/
    .title {font-size: 34px;}/**H2 font-size**/
    
    h3 {font-size: 34px;}/**H3 font-size**/
    .search-section h3 {font-size: 34px;}/**H3 font-size**/
    .contact-section h3 {font-size: 40px;}/**H3 font-size**/
    
    .contact-section h4 {font-size: 25px;}
}
@media screen and (max-width: 1112px) and (min-width: 1025px) {    
    .table-title {font-size: 23px;}
    tr th:nth-child(1), tr td:nth-child(1) {width: 50%;}
    .rev-table th {font-size: 14px;}
    .user-table th{font-size: 14px;}
    .user-table th, .rev-table th {padding: 4% 1%;}
    .col-2-margin {flex-basis: 50%;}
    
    
    .sched-btn {padding: 7% 6%; width: 95%;} /**padding of the Get Product Tour Now**/
    .cta-try-btn { padding: 6% 4%; width: 95%;}/**padding of the Try Versa Cloud ERP for Free**/
    
    .dark h2 span {font-size: 34px;}/**SPAN font-size**/
    
    .cta-trail-wrapper h2 {font-size: 34px;padding: 0 5%;}/**H2 font-size**/
    .title {font-size: 34px;}/**H2 font-size**/
    
    h3 {font-size: 34px;}/**H3 font-size**/
    .search-section h3 {font-size: 34px;}/**H3 font-size**/
    .contact-section h3 {font-size: 40px;}/**H3 font-size**/
    .contact-section h4 {font-size: 25px;}
}

@media screen and (max-width:1112px)
{
    .content-row ul li {
    font-size: 14px !important;
}
    
    .inventory-container ul {
    text-indent: 0px !important;}
    
    .inner-row .content-col-space-md img {
    width: auto;
    height: 40px;
    display: block;
    margin: 0 auto;
}

}
/* Tablet and Mobile */
@media screen and (max-width: 1024px) and (min-width: 1000px) {    
    .table-title {width: 85%; margin: 4% auto; font-size: 23px;}
    tr th:nth-child(1), tr td:nth-child(1) {width: 50%;}
    .rev-table th {font-size: 14px;}
    .user-table th{font-size: 14px;}
    .user-table th, .rev-table th {padding: 4% 1%;}
    .col-2-margin {flex-basis: 50%;}
    
    .sched-btn {padding: 7% 6%; width: 95%;} /**padding of the Get Product Tour Now**/
    .cta-try-btn { padding: 6% 4%; width: 95%;}/**padding of the Try Versa Cloud ERP for Free**/
    
    .dark h2 { font-size: 29px;}
    .dark h2 span {font-size: 33px;}/**SPAN font-size**/
    
    .cta-trail-wrapper h2 {font-size: 33px;padding: 0 7%;}/**H2 font-size**/
    .title {font-size: 33px;}/**H2 font-size**/
    .col2 h2 {font-size: 27px !important;}
    
    h3 {font-size: 33px;}/**H3 font-size**/
    .search-section h3 {font-size: 33px;}/**H3 font-size**/
    .contact-section h3 {font-size: 37px;}/**H3 font-size**/
    .contact-section h4 {font-size: 25px;}
}
@media screen and (max-width: 1024px) {
    /**DIV container**/
    .content-container {padding: 0% 0%; width: 91%;}
    
    /*Section1-HEADER*/
    .hero-section {background-position: 70%; height: 450px;}
    .header-wrapper {padding: 4% 0% 0% 0%;}
    .orange {font-size: 42px!important;}
    .header-wrapper h1 {font-size: 30px; width: 100%;}
    .header-txt {line-height: 1.5em!important; font-size: 18px;}
    .content-row:nth-child(1) .content-col {flex-basis: 57%;}
    
    
    .overlap-girl {display: none;}    
    .grp-cta-btn-wrapper {width: 60%;}
    
    .inner-row .content-col-space-md img {
    width: auto;
    height: 40px;
}
}
@media screen and (max-width: 999px) and (min-width: 901px) {    
    .table-title {width: 100%; margin: 4% auto; font-size: 23px;}
    tr th:nth-child(1), tr td:nth-child(1) {width: 50%;}
    .rev-table th {font-size: 14px;}
    .user-table th{font-size: 14px;}
    .user-table th, .rev-table th {padding: 4% 1%;}
    .col-2-margin {flex-basis: 50%;}
    
    .sched-btn {padding: 7% 6%; width: 95%;} /**padding of the Get Product Tour Now**/
    .cta-try-btn { padding: 6% 4%; width: 95%;}/**padding of the Try Versa Cloud ERP for Free**/
    
    .dark h2 { font-size: 29px;}
    .dark h2 span {font-size: 33px;}/**SPAN font-size**/
    
    .cta-trail-wrapper h2 {font-size: 33px;padding: 0 7%;}/**H2 font-size**/
    .title {font-size: 33px;}/**H2 font-size**/
    .col2 h2 {font-size: 27px !important;}
    
    h3 {font-size: 33px;}/**H3 font-size**/
    .search-section h3 {font-size: 33px;}/**H3 font-size**/
    .contact-section h3 {font-size: 37px;}/**H3 font-size**/
    
    .contact-section h4 {font-size: 25px;}
}
@media screen and (max-width: 980px) {
     /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .orange {font-size: 42px!important;}
}
@media screen and (max-width: 900px) {
     /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .header-wrapper {padding: 6% 0% 0% 0%;}
    .orange {font-size: 41px!important;}
    .header-wrapper h1 {font-size: 29px;} 
    .header-txt {line-height: 1.5em!important; font-size: 18px;}
    .content-row:nth-child(1) .content-col {flex-basis: 55%;}
    
    li#features { display: flex; justify-content:space-between;}
    .features-1,.gravity-1, .overview-1 {flex-basis:50% !important;}
     .features-1 img,.gravity-1 img, .overview-1 img {max-width:300px;}
    li#gravity { display: flex;justify-content:space-between;}
   .features-2,.gravity-2, .overview-2 {flex-basis:48% !important;}
    li#overview { display: flex;justify-content:space-between;}
    
    
    .ds-view {display: none;}
    .mob-view {display: block;}
    h1 {font-size: 40px;}
    .header-txt {font-size: 20px;}
    .sched-btn {width: 90%; padding: 3% 6%; margin-bottom: 3%;}
    .cta-try-btn {width: 90%; padding: 2% 6%; margin-top: 0%;}
    .cta-trail-wrapper h2 {font-size: 34px;}
    h3 {font-size: 30px;}
    .author-img {text-align: center;}
    .table-title{
        font-size: 20px;
    }
      
    .vid-wrapper{
        display: block;
    }
    .col-vid1{
        flex: 1;
    }
    .col-vid2{
        flex: 1;
    }

    .features-img {max-width: 100% !important;}
    .gravity-img {max-width: 100% !important;}
    .overview-img {max-width: 100% !important;}
}

@media screen and (max-width: 834px) {
    /*video section*/
    .col2-content1 h2 { font-size: 24px;}
    .col2-content2 { margin-top: 3%; margin-left: 5%;}
    .title {font-size: 36px;}
}
@media screen and (max-width: 866px) {
    .header-wrapper {padding: 6.5% 0% 0% 0%;}
 	.content-row:nth-child(1) .content-col {width: 60%; flex-basis: 60%;}  
}
@media screen and (max-width: 800px) {
    /**DIV container**/
    .content-container {padding: 0% 0%; width: 92%;}
    
    /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .header-wrapper {padding: 9% 0% 0% 0%;}
    .orange {font-size: 40px!important;}
    .header-wrapper h1 {font-size: 28px;} 
    .header-txt {line-height: 1.5em!important; font-size: 18px;}
    .content-row {display: block;}
    .content-row:nth-child(1) .content-col {width: 62%;}   
    
    h1 {width: 88%;}
    td,th{
        font-size: 14px;
    }    
    .content-col {
        flex-basis: 100%;
        width: 100%;
    }
    .md-col {
        max-width: 900px;
        margin: 0 auto;
    }
    .ds-view {display: block;}
    .mob-view {display: none;}
    .ul-flex-container {
        display: block;
        padding: 2% 5%;
    }
    .ul-col {flex-basis: 30%;}
    .grp-cta-btn-wrapper {
        display: block;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 4%;
    }
    .grp-btn-col {flex: 1;}
    .author-wrapper {
        justify-content: space-between;
    }
    .author-img {flex-basis: 15%;}
    .author-quote {flex-basis: 75%;}
    .author-img img{
        width: 100%;
    }
    .col-2-margin{
        padding-top: 5%;
    }
    .table-title{
        margin-bottom: 4%;
    }
    .full-detail-link{
        width: 100%;
    }
    .cta-trail-wrapper h3{
        font-size: 20px;
    }
    
    /*video section*/
    .col2-content2 { margin-top: 3.4%; margin-left: 5%;}
}
@media screen and (max-width: 768px) {
    /*video section*/
    .title {font-size: 30px;}
    .col2-content1 h2 {font-size: 22px;}
    .col2-content2 { margin-top: 3%; margin-left: 5%;}
    #homenav li a { font-size: 20px;}
    .main-content li p {font-size: 16px;}
    p, a, li { font-size: 16px;}
    
    /**DIV container**/
    .content-container {padding: 0% 0%; width: 92%;}
    
    /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .header-wrapper {padding: 11% 0% 11% 0%;}
    .orange {font-size: 39px!important;}
    .header-wrapper h1 {font-size: 27px;} 
    .header-txt {line-height: 1.5em!important; font-size: 18px;}
    .content-row:nth-child(1) .content-col {width: 67%;}
    
    /*Section1-HEADER*/
    .table-description {font-size: 21px; margin-top: 5%;}
    .table-title.user-plan {font-size: 23px;}
    .user-table {width: 100%!important;}
    .user-table tr {height: 60px;}
    .user-head th {font-size: 19px!important;}
    .user-table td {font-size: 19px;}
    .table-title.rev-plan {font-size: 23px; position: relative; left: -5%; width: 110%;}
    .rev-table {width: 100%!important;}
    .rev-table tr {height: 60px;}
    .rev-head th {font-size: 19px!important;}
    .rev-table td {font-size: 19px;}
    .grp-cta-btn-wrapper {margin: 5% auto;}
    .sched-btn {padding: 4% 10%; width: 100%;}
    .cta-try-btn {padding: 4% 10%; width: 100%;}
    
     /**Section3**/
    .dark h2 {font-size: 22px;}
    .dark h2 span {font-size: 29px;}
    .dark strong {font-size: 19px;}
	.dark ul {margin-left: 12%;}
    .dark ul li { font-size: 24px;}
    .full-detail-link {font-size: 23px; padding: 0% 17%;}
    
     /**Section4**/
    .cta-btn-wrapper {padding: 5% 0%;}
    .cta-trail-wrapper h3 {font-size: 25px;}
    .cta-trail-wrapper h2 {font-size: 28px;}
    .cta-trial-btn {padding: 3% 8%;}
    
    
    /**Section6**/
    .title {font-size: 42px; padding: 0% 15%; line-height: 1.0em;}
    .vid-wrapper {width: 100%;}
    .col2 {margin: 5% 0%;}
    .col2 h2 {font-size: 22px!important;}
    .col2 p {font-size: 18px!important;}
    .main-content li p {font-size: 20px; margin: 5% 0%;}
    
    /**Section7**/
    .search-section h3 {font-size: 38px; padding: 0% 18%;}
    .search-field {width: 100%;}
    .search-field::placeholder {font-size: 17px;}
    
	/**
    .col1 {max-width: 768px;}
    .vid-wrap {padding-top: 20px;}
    .resp-iframe {width: 100%!important; margin: 0% 5.7%;}
    .col2 h2 {margin: 0% 8% 5% 11%;}
    .col2 p {margin: 0% 8% 5% 11%;}
    .col-22 {width: 100%; max-width: 768px;}
    .b-col2-2, .b-col2-3 {padding: 0% 4%!important; max-width: 768px!important; }
    .b-col2-1 img, .b-col2-2 img, .b-col2-3 img {max-width: 650px!important;}
    .b-col2-2 h3, .col-22 h3 {padding: 2% 5% 0% 0%!important;}
    .b-col2-2 p, .b-col2-3 p {padding: 2% 5% 2% 0%;}
    .resp-container {padding-top: 0}
    **/
    
    .hbspt-form input[type=email],
    .hbspt-form input[type=tel],
    .hbspt-form input[type=text],
    #i_m_inquiring_about_-cb0c8468-b2ba-4b68-a0e1-2fb94d25561a,
    select,
    textarea,
    .hs-button.primary.large {
        width: 100%;
        margin: 1%;
    }
    textarea {float: none;}
    .col-11,.col-22{
        width: 100%;
    }
    .col-22{
        margin-left: 0;
    }
    .b-col2-2 img{
        width: 100%;
        max-width: unset;
    }
    .col2 h2,.col2 p,.resp-iframe{
        margin: 0;
    }
}

@media screen and (max-width: 736px)
{
    /*video section*/
    .main-content li p {font-size: 15px;}
    .col2-content1 h2 {font-size: 21px;}
    #homenav li a {font-size: 19px;}
    
    p, a, li {font-size: 15px;}
}
@media screen and (max-width: 700px) {
	/**DIV container**/
    .content-container {padding: 0% 0%; width: 92%;}
    
    /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .header-wrapper {padding-top: 12% 0% 12% 0%;}
    .orange {font-size: 38px!important;}
    .header-wrapper h1 {font-size: 26px;} 
    .header-txt {line-height: 1.5em!important; font-size: 18px;}
}
@media screen and (max-width: 667px)
{
    /*video section*/
    .col2-content1 h2 {font-size: 20px;}
    #homenav li a {font-size: 17px;}
    .main-content li p { font-size: 14px; margin: 2% 0% 7% 0%;}
    p, a, li {font-size: 15px;}
}


@media screen and (max-width: 640px) {
    /**DIV container**/
    .content-container {padding: 0% 0%; width: 92%;}
    
    /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .header-wrapper {padding: 14% 0% 14% 0%;}
    .orange {font-size: 37px!important;}
    .header-wrapper h1 {font-size: 24px;} 
    .header-txt {line-height: 1.5em!important; font-size: 18px;}
    .content-row:nth-child(1) .content-col {width: 75%;}
    
    /**Section2**/
    .table-description {font-size: 20px; margin-top: 5%;}
    .table-title.user-plan {font-size: 22px;}
    .user-table {width: 100%!important;}
    .user-table tr {height: 60px;}
    .user-head th {font-size: 18px!important;}
    .user-table td {font-size: 18px;}
    .table-title.rev-plan {font-size: 22px; position: relative; left: -5%; width: 110%;}
    .rev-table {width: 100%!important;}
    .rev-table tr {height: 60px;}
    .rev-head th {font-size: 18px!important;}
    .rev-table td {font-size: 18px;}
    .grp-cta-btn-wrapper {margin: 5% auto;}
    .sched-btn {padding: 6% 10%; width: 100%;}
    .cta-try-btn {padding: 6% 10%; width: 100%;}
    
     /**Section3**/
    .dark h2 {font-size: 21px;}
    .dark h2 span {font-size: 28px;}
	.dark ul {margin-left: 13%;}
    .dark ul li { font-size: 16px;}
    .full-detail-link {font-size: 22px;}
    
     /**Section4**/
    .cta-btn-wrapper {padding: 5% 0%;}
    .cta-trail-wrapper h3 {font-size: 19px;}
    .cta-trail-wrapper h2 {font-size: 27px;}
    .cta-trial-btn {padding: 3% 8%;}
    
     /**Section5**/
    .diginomica-section h3 {position: relative; left: -8%; width: 115%; font-size: 21px;}
    .author-wrapper {display: flex;}
    .author-img {flex-basis: 30%;}
    .author-quote {flex-basis: 70%;}
    .author-quote p {font-size: 18px;}
    .digi-link {font-size: 20px;}
    .author-img img {width: 70%;}
    
     /**Section6**/
    .title {font-size: 40px; padding: 0% 5%; line-height: 1.0em;}
    .vid-wrapper {width: 100%;}
    .col2 {margin: 5% 0%;}
    .col2 h2 {font-size: 21px!important;}
    .main-content li p {font-size: 19px; margin: 5% 0%;}
    
    /**Section7**/
    .search-section h3 {font-size: 36px; padding: 0% 2%;}
    .search-field {width: 100%;}
    .search-field::placeholder {font-size: 16px;}
    
    /**Section8**/
    .contact-section h3 {font-size: 39px;}
    .hbspt-form input[type=email],
    .hbspt-form input[type=tel],
    .hbspt-form input[type=text],
    #i_m_inquiring_about_-cb0c8468-b2ba-4b68-a0e1-2fb94d25561a,
    select,
    textarea,
    .hs-button.primary.large {
        width: 100%;
        margin: 3% auto;
    }
    
    /*video section*/
    .col2-content1 h2 {font-size: 20px;}
    #homenav li a {font-size: 17px;}
    .main-content li p { font-size: 14px; margin: 2% 0% 7% 0%;}
    p, a, li {font-size: 15px;}
    
}

@media screen and (max-width: 601px) {
    /*video section*/
    .title { font-size: 30px;}
    .col2-content1 h2 {font-size: 20px;}
    #homenav li a {font-size: 16px;}
    .main-content li p {font-size: 14px; margin: 2% 0% 5% 0%;}
    p, a, li {font-size: 15px;}   
}
@media screen and (max-width: 600px) {
 	 /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .header-wrapper {padding: 15% 0% 0% 0%;}
    .orange {font-size: 36px!important;}
    .header-wrapper h1 {font-size: 23px; width: 100%;} 
    .header-txt {line-height: 1.5em!important; font-size: 18px;}
}
@media screen and (max-width: 568px)
{
    /*video section*/
	 #features p {display:none;}
    #gravity p {display:none;}
    #overview p {display:none;}
    #homenav li a {font-size: 18px;}
    .col2-content2 { margin-top: 2.9%; margin-left: 5%;}
    
    p, a, li { font-size: 17px;}
}
    
@media screen and (max-width: 520px) {
    /**DIV container**/
    .content-container {padding: 0% 0% 0% 0%; width: 92%;}
    
    /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .header-wrapper {padding: 16% 0% 16% 0%;}
    .orange {font-size: 35px!important;}
    .header-wrapper h1 {font-size: 23px; width: 100%;} 
    .header-txt {line-height: 1.5em!important; font-size: 18px;}
    .content-row:nth-child(1) .content-col {width: 79%;}
    
    /**Section2**/
    .table-description {font-size: 19px; margin-top: 10%;}
    .table-title.user-plan {font-size: 21px;}
    .user-table {width: 100%!important;}
    .user-table tr {height: 60px;}
    .user-head th {font-size: 17px!important;}
    .user-table td {font-size: 17px;}
    .table-title.rev-plan {font-size: 21px; position: relative; left: -5%; width: 110%;}
    .rev-table {width: 100%!important;}
    .rev-table tr {height: 60px;}
    .rev-head th {font-size: 17px!important;}
    .rev-table td {font-size: 17px;}
    .grp-cta-btn-wrapper {margin: 5% auto;}
    .sched-btn {padding: 6% 10%; width: 100%;}
    .cta-try-btn {padding: 6% 10%; width: 100%;}
    
     /**Section3**/
    .dark h2 {font-size: 20px;}
    .dark h2 span {font-size: 27px;}
	.dark ul {margin-left: 5%;}
    .dark ul li { font-size: 16px;}
    .full-detail-link {font-size: 21px;}
    
     /**Section4**/
    .cta-btn-wrapper {padding: 10% 0%;}
    .cta-trail-wrapper h3 {font-size: 18px;}
    .cta-trail-wrapper h2 {font-size: 26px;}
    .cta-trial-btn {padding: 5% 8%;}
    
    /**Section5**/
    .diginomica-section h3 {position: relative; left: -8%; width: 115%; font-size: 20px;}
    .author-wrapper {display: flex;}
    .author-img {flex-basis: 30%;}
    .author-quote {flex-basis: 70%;}
    .author-quote p {font-size: 17px;}
    .digi-link {font-size: 19px;}
    .author-img img {width: 70%;}
    
     /**Section6 video**/
    .title {font-size: 30px; padding: 0% 5%; line-height: 1.0em;}
    .vid-wrapper {width: 100%;}
    .col2 {margin: 5% 0%;}
    .col2 h2 {font-size: 20px!important;}
    .main-content li p {font-size: 18px; margin: 5% 0%;}
    
    .col2-content2 { margin-top: 3.2%;margin-left: 5%;}
    
    /**Section7**/
    .search-section h3 {font-size: 35px;}
    .search-field {width: 100%;}
    .search-field::placeholder {font-size: 15px;}
    
    /**Section8**/
    .contact-section h3 {font-size: 38px;}
    .hbspt-form input[type=email],
    .hbspt-form input[type=tel],
    .hbspt-form input[type=text],
    #i_m_inquiring_about_-cb0c8468-b2ba-4b68-a0e1-2fb94d25561a,
    select,
    textarea,
    .hs-button.primary.large {
        width: 100%;
        margin: 3% auto;
    }
}
@media screen and (max-width: 440px) {
    /**DIV container**/
    .content-container {padding: 0% 0%; width: 92%;}
    
    .header-wrapper {padding: 20% 0% 20% 0%;}
    .content-row:nth-child(1) .content-col {width: 90%;}   
}
@media screen and (max-width: 432px)
{
    /*video section*/
    #homenav li a {font-size: 17px;}
    .col2-content2 { margin-top: 3.7%; margin-left: 5%;}
    p, a, li {font-size: 15px;}
}
@media screen and (max-width: 414px) {    
    /**DIV container**/
    .content-container {padding: 0% 0%; width: 92%;}
    
    /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .header-wrapper {padding: 19% 0% 0% 0%;}
    .orange {font-size: 34px!important;}
    .header-wrapper h1 {font-size: 22px; width: 88%;}
    .header-txt {line-height: 1.5em!important; font-size: 18px;}
    .content-row:nth-child(1) .content-col {width: 97%;}
    
    /**Section2**/
    .table-description {font-size: 18px; margin-top: 10%;}
    .table-title.user-plan {font-size: 20px;}
    .user-table {width: 100%!important;}
    .user-table tr {height: 60px;}
    .user-head th {font-size: 16px!important;}
    .user-table td {font-size: 16px;}
    .table-title.rev-plan {font-size: 20px; position: relative; left: -5%; width: 110%;}
    .rev-table {width: 100%!important;}
    .rev-table tr {height: 60px;}
    .rev-head th {font-size: 16px!important;}
    .rev-table td {font-size: 16px;}
    .grp-cta-btn-wrapper {margin: 5% auto;}
    .sched-btn {padding: 6% 10%; width: 100%;}
    .cta-try-btn {padding: 6% 10%; width: 100%;}
    
     /**Section3**/
    .dark h2 {font-size: 19px;}
    .dark h2 span {font-size: 26px;}
	.dark ul {margin-left: 5%;}
    .dark ul li { font-size: 15px;}
    .full-detail-link {font-size: 20px;}
    
    /**Section4**/
    .cta-btn-wrapper {padding: 10% 0%;}
    .cta-trail-wrapper h3 {font-size: 17px;}
    .cta-trail-wrapper h2 {font-size: 25px;}
    .cta-trial-btn {padding: 5% 8%;}
    
    /**Section5**/
    .diginomica-section h3 {position: relative; left: -8%; width: 115%; font-size: 19px;}
    .author-wrapper {display: flex;}
    .author-img {flex-basis: 30%;}
    .author-quote {flex-basis: 70%;}
    .author-quote p {font-size: 16px;}
    .digi-link {font-size: 18px;}
    .author-img img {width: 70%;}
    
    /**Section6 video **/
    .title {font-size: 26px; line-height: 1.29em;}
    .vid-wrapper {width: 100%;}
    .col2 {margin: 5% 0%;}
    .col2 h2 {font-size: 19px!important;}
    .main-content li p {font-size: 17px; margin: 5% 0%;}
     #homenav li a { font-size: 16px;}
    .col2-content1 h2 {font-size: 19px;}
    
    /**Section7**/
    .search-section h3 {font-size: 34px;}
    .search-field {width: 100%;}
    .search-field::placeholder {font-size: 14px;}
    
    /**Section8**/
    .contact-section h3 {font-size: 37px;}
    .hbspt-form input[type=email],
    .hbspt-form input[type=tel],
    .hbspt-form input[type=text],
    #i_m_inquiring_about_-cb0c8468-b2ba-4b68-a0e1-2fb94d25561a,
    select,
    textarea,
    .hs-button.primary.large {
        width: 100%;
        margin: 3% auto;
    }
    
     /*Print-Page*/
	.btn-prts {display: none!important;}
    .prt-mob {display: block!important;} 
}
@media screen and (max-width: 380px) {
    /**DIV container**/
    .content-container {padding: 0% 0%; width: 92%;}
    
    /*Section1-HEADER*/
    .hero-section {background-position: 70%;}
    .header-wrapper {padding-top: 23%;}
    .orange {font-size: 33px!important;}
    .header-wrapper h1 {font-size: 21px; width: 90%;} 
    .header-txt {line-height: 1.5em!important; font-size: 17px;}
    
    /**Section2**/
    .table-description {font-size: 17px; margin-top: 10%;}
    .table-title.user-plan {font-size: 19px;}
    .user-table {width: 100%!important;}
    .user-table tr {height: 60px;}
    .user-head th {font-size: 15px!important;}
    .user-table td {font-size: 15px;}
    .table-title.rev-plan { font-size: 19px; position: relative; left: -5%; width: 110%;}
    .rev-table {width: 100%!important;}
    .rev-table tr {height: 60px;}
    .rev-head th {font-size: 15px!important;}
    .rev-table td {font-size: 15px;}
    .grp-cta-btn-wrapper {margin: 5% auto;}
    .sched-btn {padding: 6% 10%; width: 100%;}
    .cta-try-btn {padding: 6% 10%; width: 100%;}
    
    /**Section3**/
    .dark h2 {font-size: 18px;}
    .dark h2 span {font-size: 25px;}
	.dark ul {margin-left: 5%;}
    .dark ul li { font-size: 13px;}
    .full-detail-link {font-size: 19px;}
    
    /**Section4**/
    .cta-btn-wrapper {padding: 10% 0%;}
    .cta-trail-wrapper h3 {font-size: 17px;}
    .cta-trail-wrapper h2 {font-size: 25px;}
    .cta-trial-btn {padding: 5% 8%;}
    
    /**Section5**/
    .diginomica-section h3 {position: relative; left: -8%; width: 115%; font-size: 18px;}
    .author-wrapper {display: flex;}
    .author-img {flex-basis: 30%;}
    .author-quote {flex-basis: 70%;}
    .author-quote p {font-size: 15px;}
    .digi-link {font-size: 17px;}
    
    /**Section6 video**/
    .title {font-size: 26px; line-height: 1.4em;}
    .vid-wrapper {width: 100%;}
    .col2 {margin: 5% 0%;}
    .col2 h2 {font-size: 18px!important;}
    .main-content li p {font-size: 16px; margin: 5% 0%;}
    
    #homenav li a {font-size: 15px;}
    .col2-content1 h2 {font-size: 18px;}
    
    /**Section7**/
    .search-section h3 {font-size: 34px;}
    .search-field {width: 100%;}
    .search-field::placeholder {font-size: 13px;}
    
    /**Section8**/
    .contact-section h3 {font-size: 36px;}
    .hbspt-form input[type=email],
    .hbspt-form input[type=tel],
    .hbspt-form input[type=text],
    #i_m_inquiring_about_-cb0c8468-b2ba-4b68-a0e1-2fb94d25561a,
    select,
    textarea,
    .hs-button.primary.large {
        width: 100%;
        margin: 3% auto;
    }
    
    /**Section9 Footer**/
}

@media screen and (max-width:350px)
{
    /*video section*/
    .title {font-size: 24px !important;}
    .col2-content1 h2 { font-size: 18px !important;}
    li#gravity {margin: 3% 0% !important;}
}
@media screen and (max-width: 320px)  {
    .content-container {				/**DIV container**/
        padding: 0% 0%;
        width: 92%;
    }
    .hero-section {						/**Section1 Background**/
        background-position: 70%;
    }
	.header-wrapper {					/**Section1 Header Wrapper**/
        padding-top: 30%;
    }
    .orange {							/**Section1 'Finally'**/
        font-size: 32px!important;
    }
    .header-wrapper h1 {				/**Section1 Header**/
        font-size: 20px;
        width: 80%;
    } 
    .header-txt {						/**Section1 Header Text**/
        line-height: 1.5em!important;
        font-size: 16px;
    }
    .table-description {				/**Section2 Table Description**/
        font-size: 16px; 
        margin-top: 10%;
    }
    .table-title.user-plan {			/**Section2 User Plan Table Title**/
        font-size: 18px;
    }
    .user-table {						/**Section2 User Plan Table**/
        width: 100%!important;
    }
    .user-table tr {					/**Section2 User Plan Table Row**/
        height: 60px;
    }
    .user-head th {						/**Section2 User Plan Table Header**/
        font-size: 14px!important;
    }
    .user-table td {					/**Section2 User Plan Table Cell**/
        font-size: 14px;
    }
    .table-title.rev-plan {				/**Section2 Revenue Plan Table Title**/
        font-size: 18px;
        position: relative;
        left: -5%;
        width: 110%;
    }
    .rev-table {						/**Section2 Revenue Plan Table**/
        width: 100%!important;
    }
    .rev-table tr {						/**Section2 Revenue Plan Table Row**/
    	height: 60px;
    }
    .rev-head th {						/**Section2 Revenue Plan Table Header**/
        font-size: 14px!important;
    }
    .rev-table td {						/**Section2 Revenue Plan Table Cell**/
        font-size: 14px;
    }
    .grp-cta-btn-wrapper {				/**Section2 Button Wrapper**/
        margin: 5% auto;
    }
    .sched-btn {						/**Section2 Get Free Product Tour Now Btn**/
        padding: 6% 10%;
        width: 100%;
    }
    .cta-try-btn {						/**Section2 Try Versa Cloud ERP for free Btn**/
        padding: 6% 10%;
        width: 100%;
    }
    .dark h2 {							/**Section3 'System Setup & Data Management'**/
        font-size: 17px;
    }
    .dark h2 span {						/**Section3 'USD'**/
        font-size: 24px;
    }
	.dark ul {							/**Section3 ul**/
        margin-left: 15%;
    }
    .dark ul li {						/**Section3 ul ListItems**/
     	font-size: 13px;   
    }
    .full-detail-link {					/**Section3 'Click Here Btn'**/
        font-size: 18px;
        padding: 0% 0%;
    }
	.cta-btn-wrapper {					/**Section4 CTA Wrapper**/
        padding: 10% 0%;
    }
    .cta-trail-wrapper h3 {				/**Section4 CTA text1**/
        font-size: 16px;
    }
    .cta-trail-wrapper h2 {				/**Section4 CTA text2**/
        font-size: 24px;
    }
    .cta-trial-btn {					/**Section4 'Try Versa Cloud ERP for Free' Btn**/
        padding: 5% 8%;
    }
    .diginomica-section h3 {			/**Section5 'Trust and Pricing in ERP for SMBs'**/
        position: relative;
        left: -8%;
        width: 115%;
        font-size: 18px;
    }
    .author-wrapper {					/**Section5 Author**/
        display: flex;
    }
    .author-img {						/**Section5 Div.author Img**/
        flex-basis: 30%;
    }
    .author-quote {						/**Section5 Div.author Qoute**/
        flex-basis: 70%;
    }
    .author-quote p {					/**Section5 author qoute text**/
        font-size: 14px;
    }
    .digi-link {						/**Section5 'Take me to Diginomica' LINK**/
        font-size: 16px;
    }
    .title {							/**Section6 Title**/
        font-size: 26px;
        line-height: 1.0em;
    }
    .vid-wrapper {						/**Section6 Vid Wrapper**/
        width: 100%;
    }
    .col2 {								/**Section6 Vid1 Description**/
        margin: 5% 0%;
    }
    .col2 h2 {							/**Section6 Vid Title**/
        font-size: 17px!important;
    }
    .main-content li p {				/**Section6 Vid Description**/
        font-size: 15px;
        margin: 5% 0%;
    }
    .search-section h3 {				/**Section7 Search Header title**/
        font-size: 34px;
    }
    .search-field {						/**Section7 Search Field**/
        width: 100%;
    }
    .search-field::placeholder {		/**Section7 Search Bar::Placeholder**/
        font-size: 12px;
    }
    .contact-section h3 {				/**Section8 'Got Question'**/
        font-size: 35px;
    }
    .hbspt-form input[type=email],		/**Section8 Input-Fields**/
    .hbspt-form input[type=tel],
    .hbspt-form input[type=text],
    #i_m_inquiring_about_-cb0c8468-b2ba-4b68-a0e1-2fb94d25561a,
    select,
    textarea,
    .hs-button.primary.large {
        width: 100%;
        margin: 3% auto;
    }
    
    
}

@media screen and (max-width: 320px) 
{
    h2 {font-size: 21px;}
    .col2-content2 { margin-top: 5.6%; margin-left: 5%;}
    #homenav li a {font-size: 16px;}
    .col2-content1 h2 { font-size: 17px !important;}
    p, a, li {font-size: 15px;}
    #homenav li a {font-size: 15px;}
    li#gravity { margin: 3% 0%;}
    
    .fa.fa-chevron-down, .fa.fa-chevron-up {font-size: 20px;}
    .title {font-size: 22px;}
    
}

/* Feature Section */


.wave-bg{
    background-image: url(/wp-content/uploads/2019/10/bg-1.jpg);
    background-size: 124% 107%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1% 0;
}
.wave-bg h3{
    font-size: 32px;
    margin-bottom: 5%;
}
.wave-bg .get-cta-wrapper{
    margin-top: 5%;
}
.wave-bg .content-col-space:nth-child(1){
    padding-right: 2%;
}
.feature-wheel{
    float: right;
    width: 75%;
}
/* Why Versa Section */

.no-flex-wrapper{
    text-align: center;
    max-width: 826px;
    margin: auto;
    margin-bottom: 3%;
}
.no-flex-wrapper h2{
    margin-bottom: 3%;
    font-size: 40px;
}
.content-col-space-sm h3{
    font-size: 32px;
}

/* Table Section */
.content-col-space-even{
    flex: 1;
}
.inventory-container{
    padding: 2% 2%;
    border: solid 1px #F1F1F1;
    padding-left: 5%;
}
.inventory-container h4{
    text-align: left;
    margin-bottom: 5%;
}
.inventory-container ul{
    text-indent: 15px;
}
.inv-content-row{
    display: flex;
}

@media screen and (max-width: 1024px){
    .feature-wheel { width: 50%; float: none;}
    .ds-view{ display: none !important;}
    .mob-view{ display: block}
    .wave-bg .content-col-space{
        flex-basis: 100%;
    }
    .wave-bg .content-row{
        flex-direction: column;
    }
    .wave-bg .get-cta-wrapper{
        text-align: center;
    }
    .inv-content-row{
        flex-direction: column;
    }
    .why-versa-section .content-row{
        flex-direction: column;
    }
    .content-col-space-lg .content-row{
        flex-direction: row;
    }
    .why-versa-section .get-cta-wrapper{
        text-align: center;
    }
}
@media screen and (max-width: 800px){
    .wave-bg h3{
        font-size: 28px;
    }
    .no-flex-wrapper h2{
        font-size: 32px;
    }
    .content-col-space-sm h3{
        font-size: 24px;
    }
    .content-col-space-sm .get-cta-wrapper{
        text-align: center;
    }
    .col-2-margin{
        margin-left: 0;
    }
    .inv-content-row{
        flex-direction: column;
    }
    .inventory-container .content-row{
        display: flex;
    }
    .why-versa-section .content-row{
        flex-direction: column !important;
    }
    .content-col-space-lg .content-row{
        flex-direction: row !important;
        display: flex;
    }
    .why-versa-section .col-2-margin{
        flex-basis: 47%;
    }
    .why-versa-section th,.why-versa-section td{
        font-size: 15px !important;
    }
    
}
    .hidden-discover-txt {
        display:none;
        background-color:#ffffff;
        box-shadow: 1px 1px 10px 2px rgba(100,100,100,0.4); 
        padding: 20px;
        position:absolute;
        width: 500px;
        left: 270px;
        text-align: justify;
    }
    .visible-discover-txt {
        list-style: none;
        cursor: pointer;
        margin-left: 5%;
    }
    .visible-discover-txt:hover .hidden-discover-txt {
        display: block;
        transition: width 2s;
    }
.form-ul {
   margin: 0.5em 0em 0.5em 1em;
}
.form-section .form-ul li{
   font-size: 15px !important;font-weight: 400;
}
.form-section .form-ul li:before{
    font-family: 'FontAwesome';
    content:"\f05d";
    color: #ffa200;
    display: inline-block;
    max-width: 1.7em;
    width: 100%;
    font-size: 18px;
    -webkit-text-stroke: 1px #fff;
}
.form-section ul {list-style: none;}
.form-section ul li{ font-size: 15px; font-weight: 500; margin: 0.5em 0em 0.5em 0em;}
.form-section ul li:before {
    font-family: 'FontAwesome';
    content:"\f058";
    color: #ffa200;
    display: inline-block;
    max-width: 1.7em;
    width: 100%;
    font-size: 18px;
    -webkit-text-stroke: 1px #ffa200;
}
.form-section ul li ul {text-indent: 15px;}
.form-section p { font-size: 20px;margin: 0.7em 0;}
.form-section h3 { width: 85%; font-size: 32px;margin: 0.7em 0;font-weight: 700;}
.form-section h4 { width: 85%; font-size: 30px;margin: 0.7em 0;font-weight: 500;}
.form-section {padding-right: 15%;}


/*icon section Desktop0*/
.customer-section .content-row {
    display: flex;
}
.content-row-div1 {
    display: flex;
    flex-basis: 50%;
}
.content-col-4-space {
    flex-basis: 50%;
}
/*icon section Desktop1*/

@media screen and (max-width:1920px)
{   

/*icon section Desktop0*/
.customer-section .content-row {
    display: flex;
}
.content-row-div1 {
    display: flex;
    flex-basis: 50%;
}
.content-col-4-space {
    flex-basis: 50%;
}
/*icon section Desktop1*/
}

/*icon section tab0*/
@media screen and (max-width:900px)
{
    .customer-section .content-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;}
    
    .content-row-div1 {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
}
    .inner-row.sub-class{
        margin-top: 0;
    }
}
/*icon section tab1*/


/*icon section mobile*/
@media screen and (max-width:520px)
{
    .customer-section .content-row {display: block;}
}
/*icon section mobile*/