/* FAQ ACCORDIONS */
.accordions .accordion {
    padding: 20px 0; width: 100%; border: none; outline: none; transition: 0.4s; box-sizing: border-box; text-align: left; cursor: pointer;
    color: #000000; font-size: 20px; line-height: 1.2em; font-weight: 600; font-style: normal; background-color: #fff; border-bottom: 1px solid #7b7b7b;
}
.accordions .accordion:hover, 
.accordions .accordion:focus {color: #0D76D5;}
.accordions .accordion.active {margin-bottom: 30px;}
.accordions .accordion:before {content: '\002B'; font-weight: bold; float: right; margin-left: 15px;}
.accordions .accordion.active:before {content: "\2212";}
.accordions .panel {padding: 0 30px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.accordions .panel p, 
.accordions .panel ul, 
.accordions .panel ol {font-size: 16px;}
.below-accordions {margin-top: 140px;}

@media (max-width: 820px) {
    .accordions .accordion {font-size: 18px;}
    .below-accordions {margin-top: 100px;}
}
@media (max-width: 520px) {
    .accordions .accordion {font-size: 17px;}
    .below-accordions {margin-top: 60px;}
}

/* TABS */
.tabset {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-top: 40px;}
.tabset > input[type="radio"] {position: absolute; left: -200vw;}
.tabset .tab-panel {display: none;}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {display: block;}

.tabset > label {
    position: relative; background-color: #eee; border-top-left-radius: 10px; border-top-right-radius: 10px; box-sizing: border-box; cursor: pointer;
    color: #919191; font-size: 22px; line-height: 1.2em; font-weight: bold; padding: 20px 24px; height: 93px; margin-right: 4px;
    display: inline-flex; justify-content: flex-start; align-items: center;
}
.tabset > input:focus-visible + label {outline: 1px solid rgba(0,102,204,1);}
.tabset > label:last-of-type {margin-right: 0;}

.tabset > label .tab-label-icon {display: inline-block; margin-right: 20px;}
    .tabset > label .tab-label-icon img, 
    .tabset > label .tab-label-icon svg {display: block; max-width: 100%; height: auto;}
.tabset > label .tab-label-text {display: inline-block;}
.tabset > label .tab-label-text span {font-weight: normal;}

/* number of tabs */
.tabset.num-tabs-2 > label {/*width: 49.8%;*/ width: auto;}
.tabset.num-tabs-3 > label {/*width: 33.1%;*/ width: auto;}
.tabset.num-tabs-4 > label {width: 24.8%;}
.tabset.num-tabs-5 > label {width: 19.8%;}
.tabset.num-tabs-6 > label {width: 16.43%;} 

/* active tab */
.tabset > input:checked + label {background-color: #104B87; color: #fff; margin-bottom: -1px;}
.tabset > input:checked + label .tab-label-icon img, 
.tabset > input:checked + label .tab-label-icon svg {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);}

.tabset .tab-panels {display: block; width: 100%;}
.tabset .tab-panel {padding: 60px; border-top: 1px solid transparent; box-sizing: border-box; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
.tabset .tab-panel p, 
.tabset .tab-panel ul, 
.tabset .tab-panel ol {font-size: 18px;}

.tabset .tab-panel table {
    font-size: 20px; line-height: 1.2em; border: 0; width: auto !important; height: auto !important; border-collapse: collapse; 
    margin: 0 auto; margin-bottom: 60px;
}
.tabset .tab-panel table th {padding: 20px; margin: 0; border: 0; border-bottom: 1px solid #000; font-weight: bold; text-align: left; width: auto !important;}
.tabset .tab-panel table td {padding: 20px; margin: 0; border: 0; border-bottom: 1px solid #000; font-weight: normal; text-align: left; width: auto !important;}

.tabset .tab-panel table th:first-child, 
.tabset .tab-panel table td:first-child {padding-left: 0;}
.tabset .tab-panel table th:last-child, 
.tabset .tab-panel table td:last-child {padding-right: 0;}

.tabset .tab-panel .disclosures {padding-top: 40px;}
.tabset .tab-panel .disclosures p, 
.tabset .tab-panel .disclosures ul, 
.tabset .tab-panel .disclosures ol {font-size: 14px;}
.tabset .tab-panel .disclosures :last-child {margin-bottom: 0;}

.tabset .tab-panel .oval-button {margin: 0 10px 10px 10px;}

@media (max-width: 1350px) {
    .tabset > label {font-size: 21px; padding: 20px 22px;}
    .tabset .tab-panel table {font-size: 19px;}
    .tabset .tab-panel table th, 
    .tabset .tab-panel table td {padding: 19px 17px;}
}
@media (max-width: 1300px) {
    .tabset.num-tabs-2 > label {width: 49.7%;}
    .tabset.num-tabs-3 > label {width: 33%;}
    .tabset.num-tabs-4 > label {width: 24.7%;}
    .tabset.num-tabs-5 > label {width: 19.7%;}
    .tabset.num-tabs-6 > label {width: 16.42%;}
}
@media (max-width: 1200px) {
    .tabset .tab-panel {padding: 50px;}
    .tabset .tab-panel table {font-size: 18px;}
    .tabset .tab-panel table th, 
    .tabset .tab-panel table td {padding: 18px 15px;}
}
@media (max-width: 1100px) {
    .tabset > label {font-size: 20px; padding: 20px 20px; height: 93px;}
    .tabset .tab-panel table {font-size: 17px;}
    .tabset .tab-panel table th, 
    .tabset .tab-panel table td {padding: 17px 13px;}
}
@media (max-width: 1000px) {
    .tabset > label {font-size: 19px; padding: 19px 18px; height: 91px;}
    .tabset .tab-panel {padding: 45px 40px;}
    .tabset .tab-panel table {font-size: 16px;}
    .tabset .tab-panel table th, 
    .tabset .tab-panel table td {padding: 16px 10px;}
}
@media (max-width: 950px) {
    .tabset > label {font-size: 18px; padding: 18px 16px; height: 89px;}
}
@media (max-width: 900px) {
    .tabset > label {font-size: 17px; padding: 17px 14px; height: 87px;}

    .tabset.num-tabs-2 > label {width: 49.6%;}
    .tabset.num-tabs-3 > label {width: 32.9%;}
    .tabset.num-tabs-4 > label {width: 24.6%;}
    .tabset.num-tabs-5 > label {width: 19.6%;}
    .tabset.num-tabs-6 > label {width: 16.41%;}
}
@media (max-width: 850px) {
    .tabset > label {font-size: 16px; padding: 16px 13px; height: 85px;}
    .tabset .tab-panel table th, 
    .tabset .tab-panel table td {padding: 15px 9px;}
}
@media (max-width: 800px) {
    .tabset > label {font-size: 16px; padding: 16px 16px; height: auto; text-align: center;}
    .tabset > label .tab-label-icon {display: none;}
    .tabset > label .tab-label-text {text-align: center; width: 100%;}
    .tabset .tab-panel {padding: 40px 35px;}
    .tabset .tab-panel .disclosures p, 
    .tabset .tab-panel .disclosures ul, 
    .tabset .tab-panel .disclosures ol {font-size: 13px;}
}
@media (max-width: 700px) {
    .tabset > label {font-size: 15px; padding: 15px 13px;}
    .tabset.num-tabs-2 > label {width: 49.5%;}
    .tabset.num-tabs-3 > label {width: 32.8%;}
    .tabset.num-tabs-4 > label {width: 24.5%;}
    .tabset.num-tabs-5 > label {width: 19.5%;}
    .tabset.num-tabs-6 > label {width: 16.31%;}
    
    .tabset .tab-panel {padding: 35px 30px;}
    .tabset .tab-panel p, 
    .tabset .tab-panel ul, 
    .tabset .tab-panel ol {font-size: 17px;}
    .tabset .tab-panel table {font-size: 15px;}
    .tabset .tab-panel table th, 
    .tabset .tab-panel table td {padding: 15px 8px;}
}
@media (max-width: 600px) {
    .tabset > label {font-size: 14px; padding: 15px 8px;}
    .tabset.num-tabs-2 > label {width: 49.4%;}
    .tabset.num-tabs-3 > label {width: 32.7%;}
    .tabset.num-tabs-4 > label {width: 24.4%;}
    .tabset.num-tabs-5 > label {width: 19.4%;}
    .tabset.num-tabs-6 > label {width: 16.21%;}
}
@media (max-width: 500px) {
    .tabset > label {font-size: 13px; padding: 12px 6px;}
    .tabset.num-tabs-2 > label {width: 49.3%;}
    .tabset.num-tabs-3 > label {width: 32.6%;}
    .tabset.num-tabs-4 > label {width: 24.5%;}
    .tabset.num-tabs-5 > label {width: 19.3%;}
    .tabset.num-tabs-6 > label {width: 16.11%;}
    
    .tabset .tab-panel {padding: 30px 15px;}
    .tabset .tab-panel p, 
    .tabset .tab-panel ul, 
    .tabset .tab-panel ol {font-size: 16px;}
    .tabset .tab-panel .disclosures p, 
    .tabset .tab-panel .disclosures ul, 
    .tabset .tab-panel .disclosures ol {font-size: 12px;}
}
@media (max-width: 430px) {
    .tabset > label {font-size: 13px; padding: 12px 5px;}
    .tabset.num-tabs-2 > label {width: 49.2%;}
    .tabset.num-tabs-3 > label {width: 32.5%;}
    .tabset.num-tabs-4 > label {width: 24.4%;}
    .tabset.num-tabs-5 > label {width: 19.2%;}
    .tabset.num-tabs-6 > label {width: 16.01%;}
    .tabset .tab-panel {padding: 28px 5px; box-shadow: none;}
    .tabset .tab-panel table {margin-top: 0px; margin-bottom: 40px;}
}
@media (max-width: 369px) {
    .tabset > label {font-size: 13px; padding: 12px 4px;}
    .tabset.num-tabs-2 > label {width: 49.1%;}
    .tabset.num-tabs-3 > label {width: 32.4%;}
    .tabset.num-tabs-4 > label {width: 24.3%;}
    .tabset.num-tabs-5 > label {width: 19.1%;}
    .tabset.num-tabs-6 > label {width: 15.91%;}
    .tabset .tab-panel {padding: 25px 0px; box-shadow: none;}
}