:root {
    --black: #000;
    --black-rgb: 0,0,0;
    --camelback-mountain: #d4b889;
    --charcoal-grey: #383e4d;
    --cloudy-blue: #c5d3e0;
    --cool-grey: #a7a9b0;
    --cool-grey2: #90949c;
    --dark: #1a202c;
    --dark2: #222939;
    --dark2-rgb: 34,41,57;
    --dark3: #2d3443;
    --gunmetal: #4e5461;
    --leaf: #7a9c32;
    --light-grey-blue: #8cb2ce;
    --macaroni-and-cheese: #efbb34;
    --metallic-silver: #A7A9B0;
    --mid-blue: #1c6aa3;
    --midnight-express: #192436;
    --midnight-express2: #192437;
    --pale-grey: #f4f4f5;
    --sandstone: #caab72;
    --seaweed-green: #329c69;
    --silver: #d3d4d7;
    --silver-two: #e9eaeb;
    --steel-grey: #7a7f88;
    --twitter: #4ea6ea;
    --warm-purple: #9a329c;
    --white: #fff;
    --white-rgb: 255,255,255;
    --youtube: #e62703;
    --purple: #4d3f9c;
    --purple-light: #7f6de7;
    --purple-dark: #200044;
}
.tnc {
    padding-top: 15px;
    padding-bottom: 50px;
}
.tnc__head{
    padding: 20px 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--purple);
    transition: all .2s ease-in-out;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}
.tnc__head:hover{
    background-color: var(--purple-light);
}
.tnc__head:after{
    content: " ";
    background: url("/assets/icon/icon-arrow-down-white.svg") no-repeat center;
    width: 6px;
    height: 6px;
    position: absolute;
    top: calc(50% - 3px);
    right: 16px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 1;
}
.tnc__head.active:after{
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    opacity: .5;
}
.tnc__head.active:after:hover{
    opacity: .5;
}
.tnc__head.active{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: var(--purple-light);
}
.tnc__content {
    width: calc(100% - 20px);
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 10px;
    display: none;
}
.tnc__content__table{
    margin-top: 56px;
    margin-left: -10px;
    width: calc(100% + 30px);
}
.tnc__content__table h5{
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
.content__banner__tnc {
    display: flex;
    justify-content: center;
    gap: 18px;
}
.content__banner__tnc a {
    color: var(--sandstone);
}
.content__banner__tnc a:hover {
    text-decoration: underline;
}
.content__banner__tnc__head {
    text-transform: uppercase;
    color: var(--black);
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    padding-bottom: 24px;
}
.content__banner__tnc__head:hover {
    text-decoration: underline;
}

.content__banner__tnc__head {
    font-size: 14px;
}


@media (max-width: 559px){
    .tnc {
        padding-top: 15px;
        padding-bottom: 55px;
    }

    .content__banner__tnc__head {
        font-size: 10px;
    }

    .tnc li {
		font-size: 14px;
	}
}