@font-face {
  font-family: 'MyWebFont';
  src:  url('../fonts/THICCCBOI-SemiBold.woff2') format('woff2');
    font-weight: 700;
}
@font-face {
  font-family: 'MyWebFont';
  src:  url('../fonts/THICCCBOI-Medium.woff2') format('woff2');
    font-weight: 500;
}
@font-face {
  font-family: 'MyWebFont';
  src:  url('../fonts/THICCCBOI-Regular.woff2') format('woff2');
    font-weight: 400;
}
@font-face {
  font-family: 'MyWebFont';
  src:  url('../fonts/THICCCBOI-Light.woff2') format('woff2');
    font-weight: 300;
}
#zindaNavbar,.onboard-verify-new,.onboard-verify-existing{display: none;}
body{background: #ffffff;font-family: 'MyWebFont' !important;}
.temp-header{ 
    font-size: 36px;
    font-weight: 700;
    margin: 40px auto 25px;
}
.template-title{
    font-weight: 700;
    padding: 30px 0 20px;
    font-size: 20px;
    min-height: 108px;
}
.onboard-list-each{
    -webkit-box-shadow: 1px 1px 10px 0px rgb(200 200 200);
    -moz-box-shadow: 1px 1px 10px 0px rgb(200 200 200);
    box-shadow: 1px 1px 10px 0px rgb(200 200 200);
    border-radius: 10px;
    padding: 35px 30px 20px;
    background: #ffffff;
    cursor: pointer;
    transition: 0.5s all ease;
}
.template-desc{
    color: #747373;
    line-height: 26px;
    width: 95%;
    font-size: 15px;
    min-height: 260px;
}
.onboard-list-each:hover{
    background: #F5FBFA;
}
.aibos-desc{
    padding: 20px;
    line-height: 28px;
    border-radius: 8px;
    margin-bottom: 35px;
    font-size: 15px;
    color: #545454;}
.select-onboard-templ{
    background-color: #fff;
    border-color: #55b2a9;
    padding: 9px 15px;
    color: #55b2a9;
    font-size: 14px;
    transition: 0.5s all ease;
    cursor: pointer;
    margin: 40px auto 10px;
    text-align: center;
    display: block;
    width: 100%;
    border-radius: 8px;
}
.select-onboard-templ:hover,.select-onboard-templ:active:hover{
    background-color: #44928a;
    border-color: #44928a;
    color: #ffffff;
}
.templates-list .onboard-template-list:nth-child(1) .template-img{background: #D4FADD;}
.templates-list .onboard-template-list:nth-child(2) .template-img{background: #FFF4D1;}
.templates-list .onboard-template-list:nth-child(3) .template-img{background: #FFD6D9;}
.template-img{
    color: #ffffff;
    border-radius: 8px;
    text-align: center;
    margin: 0 auto;
    text-indent: 0;
    width: 65px;
    height: 65px;
    line-height: 62px;
    display: inline-block;
    vertical-align: middle;
}
.onboard-list-each:hover .template-img{background: #ffffff;}
.onboard-list-each:hover .select-onboard-templ{background-color: #44928a;border-color: #44928a;color: #ffffff;}
.choose-options{padding: 40px 5px;display: block;}
.clearfix{clear: both;}
.choose-options span{
    color: #55b2a9;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
}
.choose-options span:hover{
    text-decoration: underline;
}
.mt-50{
    margin-top: 50px;
}
.solutions-header span.plan-name{
    color: #ffffff;
    font-size: 26px;
    font-weight: 500;
    background: #55B2A9 content-box;
    width: auto;
    text-align: center;
    padding: 3px;
    border-radius: 30px;
    display: inline-block;
    border: 1px solid #55b2a9;
    height: 56px;
    line-height: 50px;
}
.solutions-desc{
    color: #29423F;
    padding: 25px 45px;
    border: 1px solid #55B2A9;
    border-radius: 10px;
    background: #F5FBFA;
    line-height: 28px;
    font-size: 15px;
}
.mb-50{
    margin-bottom: 50px;
}
.plr-15{
    padding-left: 15px;
    padding-right: 15px;
}
.onboard-solution-details{display: none;}
button:focus{outline: none !important;}
.pricing-header{
    font-weight: 500;
    color: #27272A;
    font-size: 26px;
}
.pricing-list-each{
    border:1px solid #DBDBDB;
    padding: 20px 25px;
    border-radius: 10px;
    background: rgba(242, 242, 242, 0.85);
    transition: 0.5s all ease;
    min-height: 315px;
}
.btn-pricing{
    border: 1px solid #55B2A9;
    width: 100%;
    padding: 9px;
    color: #4aa098;
    background: #ffffff;
    border-radius: 10px;
    margin-top: 30px;
    transition: 0.5s all ease;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
}
.pricing-list-each:hover{
    background:#F5FBFA;
}
.pricing-list-each:hover .btn-pricing{
    background: #55B2A9;
    color: #ffffff;
}
.pricing-list-each ul,.new-features ul{
    list-style: none;
    padding-left: 0;
    margin-top: 30px;
    min-height: 55px;
}
.pricing-list-each ul li span.check,.new-features ul li span.check{
    background: #15BD12;
    height: 18px;
    width: 18px;
    display: inline-block;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
}
.pricing-list-each ul li span img,.new-features ul li span img{
    height: 8px;
}
.pricing-list-each ul li,.new-features ul li{
    margin-bottom: 12px;
    font-size: 15px;
}
.pricing-users input{
    display: inline-block;
    width: 100px;
    border-radius: 8px;
    box-shadow: none;
    margin-left: 5px;
}
.pricing-users{
    margin-top: 15px;
    margin-bottom: 25px;
}
.pricing-empty{min-height: 75px;}
.explore-templates a{
    color: #55b2a9;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    display: block;
    cursor: pointer;
}
.monthly_cost{font-weight: 700;}
.pricing-users span{font-size: 15px;}
.total-estimate{font-size: 15px;padding-top: 20px;text-align: center;}
.total-estimate span{font-weight: 700;font-size: 30px;}
.new-features{
    padding-left: 40px;
}
.new-features .header{
    font-size: 28px;
    font-weight: 700;
}
.total-estimate span.dollar-sign{
    font-size: 18px;
    position: relative;
    top: -5px;
    margin-right: 3px;
    font-weight: 400;
}
.bold-li{
    text-transform: uppercase;
    letter-spacing: 0.2px;
    font-weight: 700;
}
.btn-nexus{
    text-align: center;
    display: block;
    margin: 30px auto 50px;
    width: 300px;
}
.pricing-list-nexus ul li span:last-of-type{
    display: inline-block;
    width: 90%;
    vertical-align: top;
}
.pricing-list-nexus{
    padding: 20px 40px;
}
.pricing-list-nexus .subheader{
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
}

.main {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
    /*font-family: "Open Sans";*/
    /*width: 1170px;*/
    margin: 0 auto;
}
.price-table {
    width: 100%;
    border-collapse: collapse;
    border: 0 none;
}
.price-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.price-table tr td {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    padding: 8px 24px;
    font-size: 14px;
}
.price-table tr td:first-child {
    border-left: 0 none;
    width: 270px;
}
.price-table tr td:not(:first-child) {
    text-align: center;
}
.price-table tr:nth-child(even) {
    background-color: aliceblue;
}
.price-table tr:hover {
    background-color: #EEEEEE;
}
.price-table tr.nohover:hover {
    background-color: #ffffff;
}
.price-table .fa-check {
    color: #00b0ee;
}
.price-table .fa-times {
    color: #b5b5b5;
}

/* Highlighted column */
.price-table tr:nth-child(2n) td:nth-child(3) {
    background-color: rgba(216, 214, 227, 0.25);
}
.price-table tr td:nth-child(3) {
    background-color: rgba(216, 214, 227, 0.15);
    padding: 8px 48px;
}
.price-table tr td:nth-child(3) .fa-check,
.price-table tr:nth-child(2n) td:nth-child(3) .fa-check {
    /* color: #ffffff; */
}
/**/

.price-table tr.price-table-head td {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Dosis,sans-serif;
}
.price-table tr.price-table-head {
    background-color: #00b0ee;
    color: #FFFFFF;
        border: none;
}
.price-table td.price {
    color: #333333;
    padding: 10px 10px;
    font-size: 26px;
    font-weight: 600;
    line-height: 20px;
    width: 22%;
}
.price-table td.price a {
    background-color: #00b0ee;
    color: #FFFFFF;
    padding: 12px 32px;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 64px;
}
.price-table td.price-table-popular {
    border-top: 3px solid #00b0ee;
    color: #00b0ee;
    text-transform: uppercase;
    font-size: 14px;
    padding: 12px 48px;
    font-weight: 700;
}
.price-table .price-blank {
    background-color: #fafafa;
    border: 0 none;
}

.price-table svg {
    width: 90px;
    fill: #00b0ee;
}
.table-header{
    background: #00b0ee;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}
span.dollar-sign{
    font-weight: 300;
    font-size: 18px;
    position: relative;
    margin-right: 2px;
}
.annual-text{
    font-weight: 500;
    font-size: 20px;
}
.switch-wrapper {
  position: relative;
  display: inline-flex;
  padding: 4px;
  border: 1px solid lightgrey;
  margin-bottom: 25px;
  border-radius: 30px;
  background: #ffffff;
      margin-top: 15px;
}

.switch-wrapper [type="radio"] {
  position: absolute;
  left: -9999px;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"],
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {
  color: #ffffff;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover,
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover {
  background: transparent;
}

.switch-wrapper
  [type="radio"]:checked#monthly
  + label[for="yearly"]
  ~ .highlighter {
  transform: none;
}
.switch-wrapper label{margin-bottom: 0;}
.switch-wrapper
  [type="radio"]:checked#yearly
  + label[for="monthly"]
  ~ .highlighter {
  transform: translateX(100%);
}

.switch-wrapper label {
  font-size: 16px;
  z-index: 1;
  min-width: 100px;
  line-height: 32px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
}

.switch-wrapper label:hover {
  background: whitesmoke;
}

.switch-wrapper label.text-highlighter {
  background: #00b0ee;
   transition: transform 0.25s ease-in-out;
   color:white;
}

.switch-wrapper .highlighter {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 30px;
  background: #00b0ee;
  transition: transform 0.25s ease-in-out;
}
.switch-wrapper .lactive{
    border-radius: 30px;
  background: #2a9d8f;
  transition: transform 0.25s ease-in-out;
}
/*.price-details-w{width: 200px;}*/
.price-text.monthly{display: none;}
.price-details div.ptext{
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px dashed #e4e4e4;
    padding: 15px 0;
}
.price-details div.pricing-text{margin-top: 15px;    color: #333333;
    padding-bottom: 10px;
    font-size: 26px;
    font-weight: 600;
    line-height: 20px;
    border: none;
    padding-top: 0;
}
.pbold{
    font-weight: 500 !important;
    text-transform: uppercase;
    font-size: 15px;
    padding: 5px 0;
}
.mb-15{
    margin-bottom: 15px;
}
.pt-0{padding-top: 0 !important;}
.empty{
    min-height: 102px;
}
.price-text.annually .pricing-text{
    margin-top: 57px;
}
.price-table-head td:nth-child(1){
   background: #ffffff;
}
.svg-wrapper {
  margin-top: 15px;
    display: inline-block;
    margin-bottom: 30px;
}
.svg-wrapper svg {
    width: 22px;
    height: 22px;
    fill: #333333;
    position: relative;
    top: 5px;
    margin-left: 5px;
}
.select-text{
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.switch-wrapper [type="radio"]:checked#monthly_1 ~ label[for="monthly_1"],
.switch-wrapper [type="radio"]:checked#yearly_1 ~ label[for="yearly_1"] {
  color: #ffffff;
}

/*.switch-wrapper [type="radio"]:checked#monthly_1 ~ label[for="monthly_1"]:hover,
.switch-wrapper [type="radio"]:checked#yearly_1 ~ label[for="yearly_1"]:hover {
  background: transparent;
}*/

.switch-wrapper
  [type="radio"]:checked#monthly_1
  + label[for="yearly_1"]
  ~ .highlighter {
  transform: none;
}
.switch-wrapper label{margin-bottom: 0;}
.switch-wrapper
  [type="radio"]:checked#yearly_1
  + label[for="monthly_1"]
  ~ .highlighter {
  transform: translateX(100%);
}
.switch-wrapper [type="radio"]:checked#monthly_2 ~ label[for="monthly_2"],
.switch-wrapper [type="radio"]:checked#yearly_2 ~ label[for="yearly_2"] {
  color: #ffffff;
}

/*.switch-wrapper [type="radio"]:checked#monthly_2 ~ label[for="monthly_2"]:hover,
.switch-wrapper [type="radio"]:checked#yearly_2 ~ label[for="yearly_2"]:hover {
  background: transparent;
}*/

.switch-wrapper
  [type="radio"]:checked#monthly_2
  + label[for="yearly_2"]
  ~ .highlighter {
  transform: none;
}
.switch-wrapper label{margin-bottom: 0;}
.switch-wrapper
  [type="radio"]:checked#yearly_2
  + label[for="monthly_2"]
  ~ .highlighter {
  transform: translateX(100%);
}
.switch-wrapper [type="radio"]:checked#monthly_3 ~ label[for="monthly_3"],
.switch-wrapper [type="radio"]:checked#yearly_3 ~ label[for="yearly_3"] {
  color: #ffffff;
}

/*.switch-wrapper [type="radio"]:checked#monthly_3 ~ label[for="monthly_3"]:hover,
.switch-wrapper [type="radio"]:checked#yearly_3 ~ label[for="yearly_3"]:hover {
  background: transparent;
}*/

.switch-wrapper
  [type="radio"]:checked#monthly_3
  + label[for="yearly_3"]
  ~ .highlighter {
  transform: none;
}
.switch-wrapper label{margin-bottom: 0;}
.switch-wrapper
  [type="radio"]:checked#yearly_3
  + label[for="monthly_3"]
  ~ .highlighter {
  transform: translateX(100%);
}
.video-features video{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.pt-75{
    padding-top: 75px;
}
.video-features .header{
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
}
.video-list{
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    background: #3e57d0;
    max-width: 80%;
    margin: 0 auto;
    display: block;
}
.onboard-solution-details:after{
    display: table;
    content: ' ';
    clear: both;
}
.slns-holder{
    background-image: url(../images/home-zig-zag.png);
    background-repeat: repeat-y;
}
.template-comparison{
    background: #ffffff;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.template-comparison .main{
    border-radius: 8px;
}
.template-table-responsive{display: none;}

@media only screen and (max-width: 767px) {
    .temp-header{
        margin: 20px auto 15px;
        font-size: 32px;
    }
    .select-onboard-templ{
        margin: 20px auto 10px;
    }
    .onboard-list-each{
        margin-bottom: 20px;
    }
    .onboard-template-list:last-of-type .onboard-list-each{
        margin-bottom: 0;
    }
    .template-title{
        padding: 20px 0 20px;
        font-size: 16px;
    }
    .template-table-responsive{
        display: block;
    }
    .template-comparison{
        display: none;
    }
    .res-pricing-each .header{
        background-color: #00b0ee;
        color: #FFFFFF;
        border: none;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        padding: 7px 24px;
        border-radius: 8px;
    }
    .res-pricing-each .btn-pricing{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .pricing-features{
        padding: 10px 5px;
    }
    .pricing-features .fa-check{
        color: #00b0ee;
    }
    .pricing-features .fa-times{
        color: #a7a7a7;
    }
    .pricing-features span:first-of-type{
        width: 90%;
        display: inline-block;
    }
    .table-header{
        padding: 6px;
    }
    .res-pricing-each{
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 20px;
    }
    .pricing-features:nth-child(odd){
        background: aliceblue;
    }
    div.price a {
        background-color: #00b0ee;
        color: #FFFFFF;
        padding: 12px 32px;
        margin-top: 16px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        display: block;
        border-radius: 64px;
    }
    .res-pricing-each .table-header{
        padding: 5px;
        background: #d0f3ff;
        color: #0192c5;
        font-weight: 700;
        font-size: 16px;
    }
    .price-text.annually .pricing-text {
        margin-top: 25px;
        text-align: center;
    }
    .price-details div.pricing-text{
        text-align: center;
    }
    .switch-wrapper{
        text-align: center;
        margin-bottom: 15px;
    }
    .montly_estimate{
        color: #333333;
        padding: 10px 0;
        font-size: 26px;
        font-weight: 600;
        line-height: 20px;
    }
    .price-details div.ptext{
        text-align: center;
    }
    a.nexus-pricing{
        margin-bottom: 15px;
    }
    .video-list{
        padding: 5px;
        max-width: 100%;
    }
    .video-features .header{
        font-size: 28px;
    }
    .pt-75{
        padding-top: 35px;
    }
    .pheader{font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;}
    .template-desc,.template-title{
        min-height: auto;
    }
    .solutions-header span.plan-name{
        height: auto;
        line-height: normal;
    }
    .solutions-desc{
        padding: 15px 20px;
    }
    .xsmt-10{
        margin-top: 20px;
    }
    .xs-pl-0{
        padding-left: 0;
        padding-right: 15px;
    }
}
.price-table img{margin-right: 5px;cursor: pointer;height: 20px;}
.price-table tr.nohover img{height: 175px;}
.img-options{text-align: left;display: block;padding: 0px 25px;}
.nexus-img-options{padding: 0px 20px;}
@media only screen and (min-width: 1000px) and (max-width: 1200) {
    .price-table tr td:nth-child(3) {
        padding: 8px 5px;
    }
    .price-table tr td{
        padding: 8px 10px;
    }
}
.price-table tr td.price-table-standards{
    color: #00b0ee;
    text-transform: uppercase;
    font-size: 13px;
    padding: 12px 48px;
    font-weight: 700;
}