Get More Out of Your Business with OpCon
OpCon’s helped hundreds of banks, credit unions, and insurers automate up to 90% of their manual operations.
<div class="container-background">
<div class="container-outer-wrapper">
<div class="container-padding">
<div class="container-inner-wrapper">
<div class="grid-row default-pricing-cards">
<div class="col-2 grid-unit">
<div class="grid-col">
<div class="flex-card">
<div color="#14D997" class="color-cap color-cap-primary"></div>
<div class="card-main-content">
<div class="card-header">
<div class="card-header-content">
<div style="position: relative;">
<div class="card-group-head">
<h2 order="3" color="#2A3039" class="card-primary-title">Personalized Demo</h2></div>
<div class="card-group-head">
<div class="card-primary-subtext-container">
<p class="card-primary-subtext">Chat with one of our Automation Experts to explore how OpCon can work for you.</p>
</div>
</div>
</div>
</div>
<div class="cta-link-container"><a data-track="Click - Demo Request" data-track-label="Schedule a Chat" data-track-category="Demo-Request" href="https://smatechnologies.com/request-a-demo/request-a-demo-form" class="cta-link">Schedule a Chat</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-2 grid-unit">
<div class="grid-col">
<div class="flex-card">
<div color="#14D997" class="color-cap color-cap-primary"></div>
<div class="card-main-content">
<div class="card-header">
<div class="card-header-content">
<div style="position: relative;">
<div class="card-group-head">
<h2 order="3" color="#2A3039" class="card-primary-title">Walkthrough Demo</h2></div>
<div class="card-group-head">
<div class="card-primary-subtext-container">
<p class="card-primary-subtext">Watch our recorded overview of the OpCon platform to discover all OpCon's features and functionality.</p>
</div>
</div>
</div>
</div>
<div class="cta-link-container"><a data-track="Click - Overview Video" data-track-label="Watch Video Now" data-track-category="Overview-Video" href="https://smatechnologies.com/resource/opcon-overview-demo-video" class="cta-link">Watch Now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.custom-code-603240 div.container-padding{padding-top:5rem;padding-bottom:5rem;}
@media (max-width: 575px){.custom-code-603240 div.container-padding{padding-top:2.5rem;padding-bottom:2.5rem;}}
div.container-padding{margin-bottom:80px;}
.cta-link-container {margin-top: 20px;margin-bottom: 30px;}
.card-body-content{margin-top: 20px;}
@media (min-width:62em) {.card-body-content {margin-top: 30px;}}
.card-group-head {margin-bottom: 10px;}
.container-padding {padding-left: 20px;padding-right: 20px;}
@media (min-width:48em) {.container-padding {padding-left: 30px;padding-right: 30px;}}
.card-header {padding-left: 20px;padding-right: 20px;padding-top: 30px;}
@media (min-width:48em) {.card-header {padding-left: 30px;padding-right: 30px;}}
.card-body {padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
@media (min-width:48em) {.card-body {padding-left: 30px;padding-right: 30px;}}
@media (min-width:48em) {.card-body {padding-bottom: 30px;}}
.btm-padding {padding-bottom: 80px;}
@media (min-width:48em) {.btm-padding {padding-bottom: 100px;}}
@media (min-width:62em) {.btm-padding {padding-bottom: 140px;}}
.container-outer-wrapper {width: 100%;}
.container-inner-wrapper {width: 100%;margin: 0 auto;max-width: 1080px;}
.svg-item {width: 14px;height: 14px;}
.svg-container {position: absolute;width: 14px;height: 14px;top: 3px;left: -28px;margin-left: 0 !important;}
.svg-container svg, .svg-container img {display: block;top: 1px;}
.svg-container.dollar-icon img.svg{height:16px;}
.list-item {position: relative;list-style-type: none;list-style-position: inside;margin-left: 18px;}
.list-item:before {content: "";position: absolute;background-color: #c5d2d8;border-radius: 50%;height: 5px;top: 0.55rem;left: -18px;width: 5px;}
.list-item:last-of-type {margin-bottom: 0;}
.list-item > ul, .list-item > ol {margin: 10px 0 10px 10px;}
.list-item p {margin-left: 0;}
@media (min-width:62em) {.list-item p {width: 100%;}}
.list-group {margin: 0;padding: 0;list-style-position: inside;padding: 8px 10px 8px 28px;list-style-type: none;}
.list-group li {position: relative;margin-bottom: 20px;margin-left: 0;position: relative;padding-right: 0;line-height: 1.5;}
.list-group li:last-of-type {margin-bottom: 0;}
.list-group li:before {display: none;}
.list-group li img, .list-group li svg {position: absolute;top: 0;left: 0;}
.list-group .svg-container {display: block;}
.list-group {color: #265a67;font-size: 14px;}
.list-group li {margin-bottom: 5px;}
.card-group-title {font-size: 16px;line-height: 1.6;font-weight: 700;color: #003d4c;}
.card-group-title p {font-size: inherit;line-height: inherit;font-weight: inherit;color: currentColor;margin-bottom: 1em;}
.card-group-title p:first-of-type {margin-top: 0;}
.card-group-title p:last-of-type {margin-bottom: 0;}
.card-group-title a:not([class]) {-webkit-text-decoration: none;text-decoration: none;-webkit-transition: 0.25s;transition: 0.25s;border-bottom: 1px dotted #0B6AE6;color: #003d4c;cursor: pointer;}
.card-group-title a:not([class]):hover {border-bottom-style: solid;border-color: #003CBE;color: #003d4c;}
.card-group-title a:not([class]) u {-webkit-text-decoration: none;text-decoration: none;}
.card-group-title ul {list-style-type: none;margin: 1em 0 1em;}
.card-group-title ul li {position: relative;padding-right: 0;line-height: 1.5;}
.guid-unit {box-sizing: border-box;box-sizing: border-box;-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}
@media (min-width:36em) {.col-3, .col-2 {-webkit-flex-basis: 83.3333%;-ms-flex-preferred-size: 83.3333%;flex-basis: 83.3333%;max-width: 83.3333%;}}
@media (min-width:48em) {.col-3, .col-2 {-webkit-flex-basis: 58.3333%;-ms-flex-preferred-size: 58.3333%;flex-basis: 58.3333%;max-width: 58.3333%;}}
@media (min-width:62em) {.col-3 {-webkit-flex-basis: 33.3333%;-ms-flex-preferred-size: 33.3333%;flex-basis: 33.3333%;max-width: 33.3333%;}}
@media (min-width:62em) {.col-2 {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 33.3333%;flex-basis: 50%;max-width: 50%;}}
.grid-row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: stretch;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.grid-col {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex: 1;-ms-flex: 1;flex: 1;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;position: relative;}
.grid-col > div, .grid-col > article, .grid-col > section, .grid-col > aside {width: 100%;}
@media only screen and (min-width:0px) {.grid-row {width: calc(100% + 8px);margin: 0 calc(-8px / 2) -8px;}}
@media only screen and (min-width:576px) {.grid-row {width: calc(100% + 16px);margin: 0 calc(-16px / 2) -16px;}}
@media only screen and (min-width:768px) {.grid-row {width: calc(100% + 24px);margin: 0 calc(-24px / 2) -24px;}}
@media only screen and (min-width:992px) {.grid-row {width: calc(100% + 32px);margin: 0 calc(-32px / 2) -32px;}}
@media only screen and (min-width:0px) {.grid-row .grid-col {margin: 0 calc(8px / 2) 8px;}}
@media only screen and (min-width:576px) {.grid-row .grid-col {margin: 0 calc(16px / 2) 16px;}}
@media only screen and (min-width:768px) {.grid-row .grid-col {margin: 0 calc(24px / 2) 24px;}}
@media only screen and (min-width:992px) {.grid-row .grid-col {margin: 0 calc(32px / 2) 32px;}}
.grid-unit {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
body:not(.user-is-tabbing) .cta-link:focus {box-shadow: unset;}
.cta-link {box-sizing: border-box;border-radius: 4px;cursor: pointer;display: inline-block;font-family: "DM Sans", Helvetica, Arial, sans-serif;line-height: 1;text-align: center;-webkit-text-decoration: none;text-decoration: none;-webkit-transition: 0.4s;transition: 0.4s;-webkit-transition-property: -webkit-transform, background-color, border-color, background, color;-webkit-transition-property: transform, background-color, border-color, background, color;transition-property: transform, background-color, border-color, background, color;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-left: 24px;padding-right: 24px;font-size: 16px;height: 41px;line-height: 39px;font-weight: 600;color: #FFFFFF;border: 1px solid #fa4716;background: #fa4716;}
.cta-link:hover {-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);}
.cta-link[role="button"] {line-height: 37px;}
.cta-link:hover {background: #0076a8;border-color: #0076a8;}
.cta-link:active {background: #0076a8;border-color: #0076a8;}
.cta-link::-moz-focus-inner {border: 0;padding: 0;}
.cta-link:focus {outline: none;box-shadow: 0 0 2px 4px #003CBE;}
body:not(.user-is-tabbing) .cta-link:focus {box-shadow: unset;}
.flex-card {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;z-index: 1;min-height: 100%;height: 100%;background-color: #FFFFFF;-webkit-transition: all 0.4s;transition: all 0.4s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);overflow: hidden;border-radius: 6px;box-shadow: 0 5px 14px 2px rgba(0, 0, 0, 0.07);}
.flex-card {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;position: relative;overflow: hidden;}
.color-cap-primary {position: absolute;top: 0;left: 0;height: 6px;width: 100%;background-color: #41b6e6;}
.color-cap-secondary {position: absolute;top: 0;left: 0;height: 6px;width: 100%;background-color: #fa4716;}
.color-cap-tertiary {position: absolute;top: 0;left: 0;height: 6px;width: 100%;background-color: #0076a8;}
.border-break {height: 1px;background-color: #dee4ec;}
@media (min-width: 62em) {.card-footer {min-height: 306.6px;}}
.card-footer {margin-top: auto;border-top: 1px solid rgb(221, 229, 236);background-color: #f0f6f7;}
@media (min-width: 48em) {.card-footer-content {padding-left: 30px;padding-right: 30px;}}
.card-footer-content {padding: 20px 20px 30px;}
.title-dark {display: inline-block;}
@media (min-width: 62em) {.card-primary-title {font-size: 28px;}}
.card-primary-title {font-family: "DM Sans", Helvetica, Arial, sans-serif;font-weight: 700;}
.card-secondary-title {display: inline-block;}
@media (min-width: 48em) {.card-secondary-title {font-size: 20px;}}
.card-secondary-title {font-family: "DM Sans", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 600;line-height: 1.5;letter-spacing: 0.008em;margin: 0px;padding: 0px;color: #003d4c}
.card-subtext-pricing {display: inline-block;margin-left: 1px;color: #4d7782!important;}
.card-secondary-subtext {line-height: 1.6;font-weight: 400;color: #265a67;font-size: 14px;}
.card-primary-subtext-container {line-height: 1.6;font-weight: 400;color: #265a67;font-size: 14px;}
.card-primary-subtext-container p:last-of-type {margin-bottom: 0px;}
.card-primary-subtext-container p:first-of-type {margin-top: 0px;}
.card-primary-subtext-container p {font-size: inherit;line-height: inherit;font-weight: inherit;color: #265a67;margin-bottom: 1em;}
.card-primary-subtext {font-size: 16px;line-height: 1.6;font-weight: 400;color: #265a67;}
.card-license-info{margin-top:10px}
.disclaimer{margin-top:80px;}
.disclaimer p{font-size:12px;line-height:1.4;color:#4d7782;}
</style>
