/*School name active start*/

.school-1 .jsTabSchool-1 {
    color: #fff;
}
.school-2 .jsTabSchool-2 {
    color: #fff;
}
.school-3 .jsTabSchool-3 {
    color: #fff;
}
.school-4 .jsTabSchool-4,
.duoSchool .school__tab .jsTabSchool-4 {
    color: #fff;
}
.school-5 .jsTabSchool-5,
.duoSchool .school__tab .jsTabSchool-5 {
    color: #fff;
}
.school-6 .jsTabSchool-6{
    color: #fff;
}
.school-7 .jsTabSchool-7 {
    color: #fff;
}
.school-8 .jsTabSchool-8 {
    color: #fff;
}
.school-9 .jsTabSchool-9 {
    color: #fff;
}
.school-10 .jsTabSchool-10 {
    color: #fff;
}
.school-11 .jsTabSchool-11 {
    color: #fff;
}

/*School name active end*/


/*School name icon circle active start*/
.school-1 .jsTabSchool-1 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-2 .jsTabSchool-2 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-3 .jsTabSchool-3 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-4 .jsTabSchool-4 .school__tabLinkSpan,
.duoSchool .jsTabSchool-4 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-5 .jsTabSchool-5 .school__tabLinkSpan,
.duoSchool .jsTabSchool-5 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-6 .jsTabSchool-6 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-7 .jsTabSchool-7 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-8 .jsTabSchool-8 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-9 .jsTabSchool-9 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-10 .jsTabSchool-10 .school__tabLinkSpan {
    border: 2px solid #fff;
}
.school-11 .jsTabSchool-11 .school__tabLinkSpan {
    border: 2px solid #fff;
}
/*School name icon circle active end*/


/*School name icon line in center active start*/
.school-1  .jsTabSchool-1 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-1 .jsTabSchool-1 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-2 .jsTabSchool-2 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-2 .jsTabSchool-2 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-3 .jsTabSchool-3 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-3 .jsTabSchool-3 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-4 .jsTabSchool-4 .school__tabLinkSpan:before,
.duoSchool .jsTabSchool-4 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-4 .jsTabSchool-4 .school__tabLinkSpan:after,
.duoSchool .jsTabSchool-4 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-5 .jsTabSchool-5 .school__tabLinkSpan:before,
.duoSchool .jsTabSchool-5 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-5 .jsTabSchool-5 .school__tabLinkSpan:after,
.duoSchool .jsTabSchool-5 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-6 .jsTabSchool-6 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-6 .jsTabSchool-6 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-7 .jsTabSchool-7 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-7 .jsTabSchool-7 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-8 .jsTabSchool-8 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-8 .jsTabSchool-8 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-9 .jsTabSchool-9 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-9 .jsTabSchool-9 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-10 .jsTabSchool-10 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-10 .jsTabSchool-10 .school__tabLinkSpan:after {
    background-color: #fff;
}
.school-11 .jsTabSchool-11 .school__tabLinkSpan:before {
    border: 0 solid transparent;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: #fff;
    width: 13px;
    height: 2px;
}
.school-11 .jsTabSchool-11 .school__tabLinkSpan:after {
    background-color: #fff;
}
/*School name icon line in center active end*/


/*Active school info start*/
.school-1 .school__tabContent-1 {
    display: flex;
}
.school-2 .school__tabContent-2 {
    display: flex;
}
.school-3 .school__tabContent-3 {
    display: flex;
}
.school-4 .school__tabContent-4 {
    display: flex;
}
.school-5 .school__tabContent-5 {
    display: flex;
}
.school-6 .school__tabContent-6 {
    display: flex;
}
.school-7 .school__tabContent-7 {
    display: flex;
}
.school-8 .school__tabContent-8 {
    display: flex;
}
.school-9 .school__tabContent-9 {
    display: flex;
}
.school-10 .school__tabContent-10 {
    display: flex;
}
.school-11 .school__tabContent-11 {
    display: flex;
}
/*Active school info end*/

/*Accordion / School categories start*/
.jsAccordion {

}
.jsAccordionActive {

}
.jsAccordionActive .school__span:before {
    width: 10px;
}
.jsPanel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}
.jsAccordionActive .jsPanel-1,
.jsAccordionActive .jsPanel-2,
.jsAccordionActive .jsPanel-3,
.jsAccordionActive .jsPanel-4,
.jsAccordionActive .jsPanel-5 {
    max-height: 0!important;
}
/*Accordion end*/


/* school__stylePoint span 1 */

.school__stylePoint:nth-child(1) {
    color: #708C92;
}
.school__stylePoint:nth-child(1) .school__point:hover {
    color: #6FD1E4;
}
.school__stylePoint:nth-child(1) h3 {
    color: #6FD1E4;
}
.school__stylePoint:nth-child(1) .school__span {
    border: 3px solid #6FD1E4;
}
.school__stylePoint:nth-child(1) .school__span:after,
.school__stylePoint:nth-child(1) .school__span:before{
    background-color: #6FD1E4;
}
.school__stylePoint:nth-child(1) .school__pointSpan:after,
.school__stylePoint:nth-child(1) .school__pointSpan:before {
    background-color: #708C92;
}
.school__stylePoint:nth-child(1) .school__point:hover .school__pointSpan:after,
.school__stylePoint:nth-child(1) .school__point:hover .school__pointSpan:before {
    background-color: #6FD1E4;
}
.school-2 .jsPanel-1 .jsTabSchool-2 .school__pointSpan:after,
.school-2 .jsPanel-1 .jsTabSchool-2 .school__pointSpan:before {
    background-color: #6FD1E4;
}
.school-1 .jsPanel-1 .jsTabSchool-1,
.school-2 .jsPanel-1 .jsTabSchool-2,
.school-3 .jsPanel-1 .jsTabSchool-3,
.school-4 .jsPanel-1 .jsTabSchool-4,
.school-5 .jsPanel-1 .jsTabSchool-5,
.school-6 .jsPanel-1 .jsTabSchool-6,
.school-7 .jsPanel-1 .jsTabSchool-7,
.school-8 .jsPanel-1 .jsTabSchool-8
{
    color: #6FD1E4;
}

.school-1 .jsPanel-1 .jsTabSchool-1 .school__pointSpan:after,
.school-1 .jsPanel-1 .jsTabSchool-1 .school__pointSpan:before {
    background-color: #6FD1E4;
}
.school-2 .jsPanel-1 .jsTabSchool-2 .school__pointSpan:after,
.school-2 .jsPanel-1 .jsTabSchool-2 .school__pointSpan:before {
    background-color: #6FD1E4;
}
.school-3 .jsPanel-1 .jsTabSchool-3 .school__pointSpan:after,
.school-3 .jsPanel-1 .jsTabSchool-3 .school__pointSpan:before {
    background-color: #6FD1E4;
}
.school-4 .jsPanel-1 .jsTabSchool-4 .school__pointSpan:after,
.school-4 .jsPanel-1 .jsTabSchool-4 .school__pointSpan:before {
    background-color: #6FD1E4;
}
.school-5 .jsPanel-1 .jsTabSchool-5 .school__pointSpan:after,
.school-5 .jsPanel-1 .jsTabSchool-5 .school__pointSpan:before {
    background-color: #6FD1E4;
}
.school-6 .jsPanel-1 .jsTabSchool-6 .school__pointSpan:after,
.school-6 .jsPanel-1 .jsTabSchool-6 .school__pointSpan:before {
    background-color: #6FD1E4;
}
.school-7 .jsPanel-1 .jsTabSchool-7 .school__pointSpan:after,
.school-7 .jsPanel-1 .jsTabSchool-7 .school__pointSpan:before {
    background-color: #6FD1E4;
}
.school-8 .jsPanel-1 .jsTabSchool-8 .school__pointSpan:after,
.school-8 .jsPanel-1 .jsTabSchool-8 .school__pointSpan:before {
    background-color: #6FD1E4;
}


/* school__stylePoint span 2 */
.school__stylePoint:nth-child(2) {
    color: #789A8F;
}
.school__stylePoint:nth-child(2) .school__point:hover {
    color: #66DCB4;
}
.school__stylePoint:nth-child(2) h3 {
    color: #66DCB4;
}
.school__stylePoint:nth-child(2) .school__span {
    border: 3px solid #66DCB4;
}
.school__stylePoint:nth-child(2) .school__span:after,
.school__stylePoint:nth-child(2) .school__span:before{
    background-color: #66DCB4;
}
.school__stylePoint:nth-child(2) .school__pointSpan:after,
.school__stylePoint:nth-child(2) .school__pointSpan:before {
    background-color: #789A8F;
}
.school__stylePoint:nth-child(2) .school__point:hover .school__pointSpan:after,
.school__stylePoint:nth-child(2) .school__point:hover .school__pointSpan:before {
    background-color: #66DCB4;
}

.school-1 .jsPanel-2 .jsTabSchool-1,
.school-2 .jsPanel-2 .jsTabSchool-2,
.school-3 .jsPanel-2 .jsTabSchool-3,
.school-4 .jsPanel-2 .jsTabSchool-4,
.school-5 .jsPanel-2 .jsTabSchool-5,
.school-6 .jsPanel-2 .jsTabSchool-6,
.school-7 .jsPanel-2 .jsTabSchool-7,
.school-8 .jsPanel-2 .jsTabSchool-8
{
    color: #66DCB4;
}


.school-1 .jsPanel-2 .jsTabSchool-1 .school__pointSpan:after,
.school-1 .jsPanel-2 .jsTabSchool-1 .school__pointSpan:before {
    background-color: #66DCB4;
}
.school-2 .jsPanel-2 .jsTabSchool-2 .school__pointSpan:after,
.school-2 .jsPanel-2 .jsTabSchool-2 .school__pointSpan:before {
    background-color: #66DCB4;
}
.school-3 .jsPanel-2 .jsTabSchool-3 .school__pointSpan:after,
.school-3 .jsPanel-2 .jsTabSchool-3 .school__pointSpan:before {
    background-color: #66DCB4;
}
.school-4 .jsPanel-2 .jsTabSchool-4 .school__pointSpan:after,
.school-4 .jsPanel-2 .jsTabSchool-4 .school__pointSpan:before {
    background-color: #66DCB4;
}
.school-5 .jsPanel-2 .jsTabSchool-5 .school__pointSpan:after,
.school-5 .jsPanel-2 .jsTabSchool-5 .school__pointSpan:before {
    background-color: #66DCB4;
}
.school-6 .jsPanel-2 .jsTabSchool-6 .school__pointSpan:after,
.school-6 .jsPanel-2 .jsTabSchool-6 .school__pointSpan:before {
    background-color: #66DCB4;
}
.school-7 .jsPanel-2 .jsTabSchool-7 .school__pointSpan:after,
.school-7 .jsPanel-2 .jsTabSchool-7 .school__pointSpan:before {
    background-color: #66DCB4;
}
.school-8 .jsPanel-2 .jsTabSchool-8 .school__pointSpan:after,
.school-8 .jsPanel-2 .jsTabSchool-8 .school__pointSpan:before {
    background-color: #66DCB4;
}




/* school__stylePoint span 3 */

.school__stylePoint:nth-child(3) {
    color: #779BA5;
}
.school__stylePoint:nth-child(3) .school__point:hover {
    color: #B9E2EC;
}
.school__stylePoint:nth-child(3) h3 {
    color: #B9E2EC;
}
.school__stylePoint:nth-child(3) .school__span {
    border: 3px solid #B9E2EC;
}
.school__stylePoint:nth-child(3) .school__span:after,
.school__stylePoint:nth-child(3) .school__span:before{
    background-color: #B9E2EC;
}
.school__stylePoint:nth-child(3) .school__pointSpan:after,
.school__stylePoint:nth-child(3) .school__pointSpan:before {
    background-color: #779BA5;
}
.school__stylePoint:nth-child(3) .school__point:hover .school__pointSpan:after,
.school__stylePoint:nth-child(3) .school__point:hover .school__pointSpan:before {
    background-color: #B9E2EC;
}
.school-1 .jsPanel-3 .jsTabSchool-1,
.school-2 .jsPanel-3 .jsTabSchool-2,
.school-3 .jsPanel-3 .jsTabSchool-3,
.school-4 .jsPanel-3 .jsTabSchool-4,
.school-5 .jsPanel-3 .jsTabSchool-5,
.school-6 .jsPanel-3 .jsTabSchool-6,
.school-7 .jsPanel-3 .jsTabSchool-7,
.school-8 .jsPanel-3 .jsTabSchool-8
{
    color: #B9E2EC;
}

.school-1 .jsPanel-3 .jsTabSchool-1 .school__pointSpan:after,
.school-1 .jsPanel-3 .jsTabSchool-1 .school__pointSpan:before {
    background-color: #B9E2EC;
}
.school-2 .jsPanel-3 .jsTabSchool-2 .school__pointSpan:after,
.school-2 .jsPanel-3 .jsTabSchool-2 .school__pointSpan:before {
    background-color: #B9E2EC;
}
.school-3 .jsPanel-3 .jsTabSchool-3 .school__pointSpan:after,
.school-3 .jsPanel-3 .jsTabSchool-3 .school__pointSpan:before {
    background-color: #B9E2EC;
}
.school-4 .jsPanel-3 .jsTabSchool-4 .school__pointSpan:after,
.school-4 .jsPanel-3 .jsTabSchool-4 .school__pointSpan:before {
    background-color: #B9E2EC;
}
.school-5 .jsPanel-3 .jsTabSchool-5 .school__pointSpan:after,
.school-5 .jsPanel-3 .jsTabSchool-5 .school__pointSpan:before {
    background-color: #B9E2EC;
}
.school-6 .jsPanel-3 .jsTabSchool-6 .school__pointSpan:after,
.school-6 .jsPanel-3 .jsTabSchool-6 .school__pointSpan:before {
    background-color: #B9E2EC;
}
.school-7 .jsPanel-3 .jsTabSchool-7 .school__pointSpan:after,
.school-7 .jsPanel-3 .jsTabSchool-7 .school__pointSpan:before {
    background-color: #B9E2EC;
}
.school-8 .jsPanel-3 .jsTabSchool-8 .school__pointSpan:after,
.school-8 .jsPanel-3 .jsTabSchool-8 .school__pointSpan:before {
    background-color: #B9E2EC;
}


/* school__stylePoint span 4 */

.school__stylePoint:nth-child(4) {
    color: #94928C;
}
.school__stylePoint:nth-child(4) .school__point:hover {
    color: #F6F1DD;
}
.school__stylePoint:nth-child(4) h3 {
    color: #F6F1DD;
}
.school__stylePoint:nth-child(4) .school__span {
    border: 3px solid #F6F1DD;
}
.school__stylePoint:nth-child(4) .school__span:after,
.school__stylePoint:nth-child(4) .school__span:before{
    background-color: #F6F1DD;
}
.school__stylePoint:nth-child(4) .school__pointSpan:after,
.school__stylePoint:nth-child(4) .school__pointSpan:before {
    background-color: #94928C;
}
.school__stylePoint:nth-child(4) .school__point:hover .school__pointSpan:after,
.school__stylePoint:nth-child(4) .school__point:hover .school__pointSpan:before {
    background-color: #F6F1DD;
}
.school-1 .jsPanel-4 .jsTabSchool-1,
.school-2 .jsPanel-4 .jsTabSchool-2,
.school-3 .jsPanel-4 .jsTabSchool-3,
.school-4 .jsPanel-4 .jsTabSchool-4,
.school-5 .jsPanel-4 .jsTabSchool-5,
.school-6 .jsPanel-4 .jsTabSchool-6,
.school-7 .jsPanel-4 .jsTabSchool-7,
.school-8 .jsPanel-4 .jsTabSchool-8
{
    color: #F6F1DD;
}

.school-1 .jsPanel-4 .jsTabSchool-1 .school__pointSpan:after,
.school-1 .jsPanel-4 .jsTabSchool-1 .school__pointSpan:before {
    background-color: #F6F1DD;
}
.school-2 .jsPanel-4 .jsTabSchool-2 .school__pointSpan:after,
.school-2 .jsPanel-4 .jsTabSchool-2 .school__pointSpan:before {
    background-color: #F6F1DD;
}
.school-3 .jsPanel-4 .jsTabSchool-3 .school__pointSpan:after,
.school-3 .jsPanel-4 .jsTabSchool-3 .school__pointSpan:before {
    background-color: #F6F1DD;
}
.school-4 .jsPanel-4 .jsTabSchool-4 .school__pointSpan:after,
.school-4 .jsPanel-4 .jsTabSchool-4 .school__pointSpan:before {
    background-color: #F6F1DD;
}
.school-5 .jsPanel-4 .jsTabSchool-5 .school__pointSpan:after,
.school-5 .jsPanel-4 .jsTabSchool-5 .school__pointSpan:before {
    background-color: #F6F1DD;
}
.school-6 .jsPanel-4 .jsTabSchool-6 .school__pointSpan:after,
.school-6 .jsPanel-4 .jsTabSchool-6 .school__pointSpan:before {
    background-color: #F6F1DD;
}
.school-7 .jsPanel-4 .jsTabSchool-7 .school__pointSpan:after,
.school-7 .jsPanel-4 .jsTabSchool-7 .school__pointSpan:before {
    background-color: #F6F1DD;
}
.school-8 .jsPanel-4 .jsTabSchool-8 .school__pointSpan:after,
.school-8 .jsPanel-4 .jsTabSchool-8 .school__pointSpan:before {
    background-color: #F6F1DD;
}

/* school__stylePoint span 5 */

.school__stylePoint:nth-child(5) {
    color: #7A7C74;
}
.school__stylePoint:nth-child(5) .school__point:hover {
    color: #9EA972;
}
.school__stylePoint:nth-child(5) h3 {
    color: #9EA972;
}
.school__stylePoint:nth-child(5) .school__span {
    border: 3px solid #9EA972;
}
.school__stylePoint:nth-child(5) .school__span:after,
.school__stylePoint:nth-child(5) .school__span:before{
    background-color: #9EA972;
}
.school__stylePoint:nth-child(5) .school__pointSpan:after,
.school__stylePoint:nth-child(5) .school__pointSpan:before {
    background-color: #7A7C74;
}
.school__stylePoint:nth-child(5) .school__point:hover .school__pointSpan:after,
.school__stylePoint:nth-child(5) .school__point:hover .school__pointSpan:before {
    background-color: #9EA972;
}
.school-1 .jsPanel-5 .jsTabSchool-1,
.school-2 .jsPanel-5 .jsTabSchool-2,
.school-3 .jsPanel-5 .jsTabSchool-3,
.school-4 .jsPanel-5 .jsTabSchool-4,
.school-5 .jsPanel-5 .jsTabSchool-5,
.school-6 .jsPanel-5 .jsTabSchool-6,
.school-7 .jsPanel-5 .jsTabSchool-7,
.school-8 .jsPanel-5 .jsTabSchool-8
{
    color: #9EA972;
}

.school-1 .jsPanel-5 .jsTabSchool-1 .school__pointSpan:after,
.school-1 .jsPanel-5 .jsTabSchool-1 .school__pointSpan:before {
    background-color: #9EA972;
}
.school-2 .jsPanel-5 .jsTabSchool-2 .school__pointSpan:after,
.school-2 .jsPanel-5 .jsTabSchool-2 .school__pointSpan:before {
    background-color: #9EA972;
}
.school-3 .jsPanel-5 .jsTabSchool-3 .school__pointSpan:after,
.school-3 .jsPanel-5 .jsTabSchool-3 .school__pointSpan:before {
    background-color: #9EA972;
}
.school-4 .jsPanel-5 .jsTabSchool-4 .school__pointSpan:after,
.school-4 .jsPanel-5 .jsTabSchool-4 .school__pointSpan:before {
    background-color: #9EA972;
}
.school-5 .jsPanel-5 .jsTabSchool-5 .school__pointSpan:after,
.school-5 .jsPanel-5 .jsTabSchool-5 .school__pointSpan:before {
    background-color: #9EA972;
}
.school-6 .jsPanel-5 .jsTabSchool-6 .school__pointSpan:after,
.school-6 .jsPanel-5 .jsTabSchool-6 .school__pointSpan:before {
    background-color: #9EA972;
}
.school-7 .jsPanel-5 .jsTabSchool-7 .school__pointSpan:after,
.school-7 .jsPanel-5 .jsTabSchool-7 .school__pointSpan:before {
    background-color: #9EA972;
}
.school-8 .jsPanel-5 .jsTabSchool-8 .school__pointSpan:after,
.school-8 .jsPanel-5 .jsTabSchool-8 .school__pointSpan:before {
    background-color: #9EA972;
}