.accounts-module {
    padding: 30px 0;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
.accounts-module .account-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 16px);
    font-size: 1rem;
    margin: 8px;
    padding: 20px 15px 15px;
    background: #F7F7F7;
}
.accounts-module.threecol {
    padding-left: 80px;
    padding-right: 80px;
}
.accounts-module.threecol .account-item {
    width: calc(33.33% - 16px);
}
.accounts-module .account-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background: linear-gradient(90deg, #00808C 0%, #76C262 49%, #DAE316 100%);
}
.accounts-module .flex-wrap {
    display: flex;
    flex-direction: column;
    height: 100%
}
.accounts-module .btn-wrap {
    padding: 10px 0;
    text-align: center;
    background: #E2E2E2;
}

#qview .accounts-module .btn-wrap a:first-child {
    border-right: none !Important;
}
#qview {
    background: #e2e2e2;
    padding: 10px 0;
    text-align: center;
}
.accounts-module .btn-wrap a {
    float: left;
    width: 50%;
    color: #000000;
    font-size: 14px;/*border: 1px solid #0e7b86;
  padding: 5px 10px;*/
}

.accounts-module .btn-wrap a i {
    font-size: .75rem;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
.accounts-module .btn-wrap .one a:last-child {
    border-left: none;
}
.accounts-module .account-icon-wrap {
    position: relative;
    height: 100px;
    width: 100px;
    margin: 0 auto 15px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #00808C;
}
.accounts-module .text-wrap {
    flex-grow: 1;
    padding-bottom: 110px;
    position: relative;
    color: #000;
    text-align: left;
}
.accounts-module .title-wrap {
    font-size: 0;
    margin-bottom: 15px;
}
.accounts-module .text-wrap .icon-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    margin-right: 10px
}
.accounts-module .text-wrap .icon-wrap img {
    max-width: 100%;
}
.accounts-module .text-wrap .account-title {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
    font-size: 22px;
    line-height: 26px;
    color: #00474A;
}
.accounts-module .text-wrap .account-title p {
    margin-bottom: 0
}
.accounts-module .apply-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.accounts-module .apply-wrap a.c-button--primary, .accounts-module .apply-wrap a#cta_button_491273_1f63801f-3caf-4d65-b5db-ad2da8444a0e {
    display: block;
    text-align: center;
}
.accounts-module .apply-wrap a#cta_button_491273_1f63801f-3caf-4d65-b5db-ad2da8444a0e {
    background: #00808c;
    color: #fff;
    padding: 8px 1.75em;
    transition: .3s ease background;
}
.accounts-module .apply-wrap a#cta_button_491273_1f63801f-3caf-4d65-b5db-ad2da8444a0e:hover {
    background: #1e545f;
}
.accounts-module .apply-wrap a#cta_button_491273_1f63801f-3caf-4d65-b5db-ad2da8444a0e span {
    font-size: .875rem !important;
    text-transform: uppercase;
    transition: .3s ease color;
}
.accounts-module .apply-wrap a#cta_button_491273_1f63801f-3caf-4d65-b5db-ad2da8444a0e:hover span {
    color: #cddd2c !important;
}
.accounts-module .account-icon-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 65% !important;
    max-width: 65% !important;
}

.account-item .prev-item {
    position: absolute;
    top: 50%;
    left: 50px;
    z-index: 699;
    cursor: pointer;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    padding: 15px;
    background: #fff;
}
.account-item .next-item {
    position: absolute;
    top: 50%;
    right: 50px;
    z-index: 699;
    cursor: pointer;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    padding: 15px;
    background: #fff;
}


@media screen and (max-width: 992px) {
.accounts-module .account-item {
    width: 33.333% !important;
}

.accounts-module.threecol {
    padding-left: 0px;
    padding-right: 0px;
}

}

@media screen and (max-width: 767px) {
.accounts-module .account-item {
    width: 50% !important;
}
}

@media screen and (max-width: 500px) {
.accounts-module .account-item {
    width: 100% !important;
}