/* blinde || faq-dropdown */

.cb_blinde_wrap {
    border: 2px solid;
}

.cb_blinde_head {
    font-weight: 600;
    padding: 16px;
    cursor: pointer;
    justify-content: space-between;
}

.cb_blinde_body {
    border-top: 2px solid;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
}

.cb_blinde_on {
    height: auto;
    width: auto;
    padding: 16px;
}

.cb_rotate_icon {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out;
}


/* table of content || toc */

.cb_toc_wrap {
    box-shadow: 0px 6px #6a28ea;
    border-radius: 16px;
    margin: 30px 0;
}

.cb_toc_wrap>div:first-child {
    border-radius: 12px;
}


/* download content || dl */

.cb_dl_wrap {
    border: 4px solid;
    box-shadow: 8px 8px;
    border-radius: 4px;
    margin-bottom: 30px;
}

.cb_dl_wrap>div {
    padding: 16px;
}

.cb_dl_head {
    border-bottom: 4px solid;
    text-align: center;
    font-weight: 900;
    background: #FFF384;
    position: relative;
}

.cb_dl_head::after,
.cb_dl_head::before {
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    display: inline-block;
    position: absolute;
}

.cb_dl_head::before {
    border-top: 20px solid #020044;
    bottom: -23px;
    transform: scale(1.2);
}

.cb_dl_head::after {
    border-top: 20px solid #fff384;
    bottom: -20px;
}

.cb_dl_body {
    background: #dbccfa;
}

.cb_dl_body ul {
    margin-top: 20px;
	list-style:none;
}

.cb_dl_body li {
    margin-bottom: 20px;
}

.cb_dl_body li a {
    color: #020044;
    padding: 0 20px 12px 0;
    border-bottom: 2px solid;
    display: block;
    position: relative;
}

.cb_dl_body li a i {
    position: absolute;
    top: 2px;
    right: -2px;
}


/* link special */

.cb_lnk_spcl {
    border: 2px solid;
    color: #020044;
    padding: 16px 10px;
    border-radius: 10px;
    justify-content: space-between;
    background: #f4f1fb;
    font-weight: 600;
    position: relative;
    box-shadow: 6px 6px #fff384, 8px 8px, 4px 8px, 6px 4px;
}

.cb_lnk_spcl>i {
    order: 1;
}


/* notes */

.cb_note {
    border: 2px solid;
    padding: 10px;
    border-radius: 8px;
}

.cb_colr_ylo {
    background: rgb(255 243 132 / 48%);
}

.cb_colr_grn {
    background: rgb(0 255 67 / 48%);
}

.cb_colr_red {
    background: rgb(231 33 33 / 48%);
}

.cb_colr_blu {
    background: rgb(82 33 231 / 48%);
}