.vertical-tabs form {
    padding: 0 !important
}

.vertical-tabs .tabs-inner-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 16px;
    color: #fff
}

.vertical-tabs .tab-content,
.vertical-tabs .tab-content-inner {
    padding: 20px 46px;
    background-color: #fff;
    display: none
}

.vertical-tabs .additional-text {
    font-size: 16px;
    line-height: 22px
}

.vertical-tabs.light .additional-text,
.vertical-tabs.light .tabs-inner-title {
    color: #fff
}

.vertical-tabs.dark .additional-text,
.vertical-tabs.dark .tabs-inner-title {
    color: #000
}

.vertical-tabs .tab {
    margin-bottom: 10px
}

.vertical-tabs .tab.active .tab-heading {
    background-color: #12225c
}

.vertical-tabs .tab.active .tab-heading .field-verticaltabtitle {
    color: #fff
}

.vertical-tabs .tab.active .tab-heading .field-verticaltabdescription {
    color: #fff
}

.vertical-tabs .tab.active .tab-heading .field-verticaltabicon {
    display: none
}

.vertical-tabs .tab.active .tab-heading .field-verticaltabiconactive {
    display: flex
}

.vertical-tabs .tab.active .tab-heading::after {
    background-image: url(../../../images/chevron-down-white.svg);
    opacity: 1
}

.vertical-tabs .tab-heading {
    cursor: pointer;
    background-color: #fff;
    padding: 26px 44px;
    position: relative
}

.vertical-tabs .tab-heading::after {
    content: "";
    width: 16px;
    height: 20px;
    display: flex;
    background-image: url(../../../images/chevron-right-main.svg);
    background-repeat: no-repeat;
    opacity: .3;
    position: absolute;
    right: 30px;
    top: calc(50% - 10px)
}

@media (max-width:768px) {
    .vertical-tabs .tab-heading::after {
        display: none
    }
}

.vertical-tabs .tab-heading .tab-wrapper {
    padding: 0 !important
}

.vertical-tabs .tab-heading .tab-wrapper>.component-content {
    display: flex;
    align-items: center
}

.vertical-tabs .tab-heading .tab-wrapper>.component-content .icon-section {
    width: 24px;
    margin-right: 28px
}

@media (max-width:768px) {
    .vertical-tabs .tab-heading .tab-wrapper>.component-content .icon-section {
        display: none
    }
}

.vertical-tabs .tab-heading .tab-wrapper>.component-content .texts-section {
    flex: 1 0 auto
}

.vertical-tabs .tab-heading .field-verticaltabtitle {
    font-size: 20px;
    line-height: 30px;
    color: #12225c;
    margin-bottom: 0
}

.vertical-tabs .tab-heading .field-verticaltabdescription {
    font-size: 16px;
    line-height: 24px;
    color: #12225c
}

.vertical-tabs .tab-heading .field-verticaltabiconactive {
    display: none
}

@media (max-width:768px) {
    .vertical-tabs .tab-heading {
        padding: 20px 24px
    }
}

.vertical-tabs .horizontal-tabs {
    display: flex
}

.vertical-tabs .horizontal-tabs>div {
    flex: 1
}

.vertical-tabs .horizontal-tabs .horizontal-tabs-content .tab-content-inner .row {
    margin: 0
}

.vertical-tabs .horizontal-tabs .horizontal-tabs-content .tab-content-inner div[class~=col] {
    padding: 0
}

.vertical-tabs .horizontal-tabs .horizontal-tabs-content form {
    padding: 0
}

.vertical-tabs .horizontal-tabs .tab-heading {
    margin-bottom: 16px
}

.vertical-tabs .horizontal-tabs .tab-heading:last-child {
    margin-bottom: 0
}

.vertical-tabs .horizontal-tabs .tab-heading.active {
    background-color: #12225c
}

.vertical-tabs .horizontal-tabs .tab-heading.active .field-verticaltabtitle {
    color: #fff
}

.vertical-tabs .horizontal-tabs .tab-heading.active .field-verticaltabdescription {
    color: #fff
}

.vertical-tabs .horizontal-tabs .tab-heading.active .field-verticaltabicon {
    display: none
}

.vertical-tabs .horizontal-tabs .tab-heading.active .field-verticaltabiconactive {
    display: flex
}

.vertical-tabs .horizontal-tabs .tab-heading.active::after {
    background-image: url(../../../images/chevron-down-white.svg);
    opacity: 1;
    transform: rotate(270deg)
}

.vertical-tabs .show-on-mobile {
    flex-direction: column
}

.desktop-tabs {
    display: block
}

@media (max-width:768px) {
    .desktop-tabs {
        display: none
    }
}

.mobile-tabs {
    display: none
}

@media (max-width:768px) {
    .mobile-tabs {
        display: block
    }
}

.vertical-tabs .tab-content,
.vertical-tabs .tab-content-inner {
    border-radius: 0 0 10px 10px
}

.vertical-tabs .tab-content .bulleted-list a,
.vertical-tabs .tab-content-inner .bulleted-list a {
    color: #0954b5
}

.vertical-tabs .tab.active .tab-heading {
    border-radius: 10px 10px 0 0
}

@media (max-width:768px) {
    .vertical-tabs .tab.active .tab-heading .field-verticaltabtitle::after {
        border-width: 0 5px 10px 5px;
        border-color: transparent transparent #fff transparent
    }
}

.vertical-tabs .tab-heading {
    border-radius: 10px
}

@media (max-width:768px) {
    .vertical-tabs .tab-heading .field-verticaltabtitle {
        display: inline-block
    }

    .vertical-tabs .tab-heading .field-verticaltabtitle::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: #12225c transparent transparent transparent;
        display: inline-block;
        content: "";
        margin-left: 10px
    }
}

.vertical-tabs .horizontal-tabs {
    margin-right: -8px;
    margin-left: -8px
}

.vertical-tabs .horizontal-tabs>div {
    padding-left: 8px;
    padding-right: 8px
}

.vertical-tabs .horizontal-tabs .horizontal-tabs-content .tab-content-inner {
    border-radius: 10px
}

.vertical-tabs .horizontal-tabs .tab-heading:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
    transition: box-shadow .3s
}

.vertical-tabs .horizontal-tabs .tab-heading:hover:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .24)
}