/* Tearms Page CSS */

/* Normal menu item */
.tearms-menu>.menu>li>a {
    display: block;
    padding: 0 !important;
    color: #999;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Number gap */
.tearms-menu .terms-menu-number {
    display: inline-block;
    min-width: 18px;
    margin-right: 18px;
}

/* Active item only */
.tearms-menu>.menu>li.terms-active>a {
    padding: 14px 0 !important;
    color: #29CDD9 !important;
    border-top: 1px solid #29CDD9;
    border-bottom: 1px solid #29CDD9;
}

/* Hover */
.tearms-menu>.menu>li>a:hover {
    color: #29CDD9 !important;
}

/* Main terms layout */
.tearms-mainSection .g-cols {
    align-items: flex-start !important;
}

/* LEFT MENU COLUMN */
.tearms-mainSection .g-cols>.wpb_column:first-child {
    position: sticky !important;
    top: 100px !important;
    align-self: flex-start !important;
    height: fit-content !important;
}

/* Menu itself */
.tearms-mainSection .tearms-menu {
    position: relative !important;
}

/* Important for sticky */
.tearms-mainSection,
.tearms-mainSection .l-section-h,
.tearms-mainSection .g-cols,
.tearms-mainSection .wpb_column,
.tearms-mainSection .vc_column-inner {
    overflow: visible !important;
}

/* Heading scroll position */
.tearms-mainSection h3 {
    scroll-margin-top: 125px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .tearms-mainSection .g-cols {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .tearms-mainSection .g-cols>.wpb_column:first-child {
        position: static !important;
        top: auto !important;
    }
	.tearms-menu>.menu>li.terms-active>a {
		width:40%;
	}
}

/*End CSS*/