.message-modal {
    background: white;
    width: 600px;
    /* height: 210px; */
    /* min-height: 210px; */
    z-index: 30000000;
    position: absolute;
    top: 102px;
    box-shadow: -1px 8px 35px -8px #000;
    left: -135px;
    padding: 20px;
    border-radius: 20px;
    height: 321px;
}

.message-modal:after {
    width: 45px;
    height: 77px;
    top: -75px;
    left: 25.5%;
    content: "";
    position: absolute;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: white;
    transform: translateX(-50%);
    box-shadow: -1px 2px 30px 0px #000;
}

.blue-line-active .message-modal {
    display: none;
}
 /* sahil none displaye
.blue-line-active:hover .message-modal {
    display: block;
} */
.application-home.act-home .inner-blue-line-tracker .green-track-circle , .application-home.app-home .inner-blue-line-tracker .blue-track-circle,.application-home.sat-home .inner-blue-line-tracker .pink-track-circle{

    cursor: pointer !important;
}
.message-modal.message-modal-reverse {
    top: -395px;
    left: -484px;
    height: 321px;


}

.message-modal.message-modal .contanet {
    height: 100%;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.message-modal.message-modal-reverse:after {
    top: 319px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    left: 84%;
}

.tab-pane.fade.active.show section.train-section.train-section-height .message-modal.message-modal-reverse {

    top: -360px;
}

.tab-pane.fade.active.show section.train-section.train-section-height .message-modal.message-modal-reverse:after {

    top: 290px;

}

.tab-pane.fade.active.show section.train-section.train-section-height {
    overflow: visible !important;
}

.roundedNumber {
    position: relative;
}

.first-message-modal.test-prep-modal-first.message-modal {
    left: 0px;
}

.message-modal.first-message-modal.test-prep-modal-first:after {
    left: 20px;
}

.message-modal.message-modal-reverse.message-modal-last.test-prep-last {
    left: -268px;
}

.message-modal.message-modal-reverse.message-modal-last.test-prep-last:after {
    left: 91%;
}

.message-modal.message-modal-reverse.message-modal-last-sec.test-prep-last-sec {
    left: -210px;
}

.message-modal.message-modal-reverse.message-modal-last-sec.test-prep-last-sec:after {
    left: 75%;
}

.track-info.index-track {
    left: 0%;
    bottom: -130px;
    max-width: 328px;
    width: 100%;
}

.application-home.act-home.active .month-track-name span {
    z-index: 9;
    z-index: 1 !important;
}

.application-home.sat-home.active .month-track-name span {
    z-index: 9;
}

.application-home.sat-home .inner-blue-line-tracker span:hover .application-home.sat-home .inner-blue-line-tracker span:nth-child(17) {
    z-index: 9 !important;
}
.blue-line-active.pink-track-circle.activated  .message-modal,
.blue-line-active.green-track-circle.activated .message-modal,
.blue-line-active.blue-track-circle.activated  .message-modal{
    display: block !important;
}
span.close-messagebox {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: -2;
    left: 0;
}

@media screen and (max-width:1420px) {
    .message-modal.first-message-modal {
        left: -30px;
    }

    .message-modal.first-message-modal:after {
        left: 46px;
    }

    .message-modal.message-modal-reverse.message-modal-last {
        left: -230px;
    }

    .message-modal.message-modal-reverse.message-modal-last:after {
        left: 82%;
    }

    .message-modal.message-modal-reverse.message-modal-last-sec {
        left: -190px;
    }

    .message-modal.message-modal-reverse.message-modal-last-sec:after {
        left: 68%;
    }
}

@media screen and (max-width:1220px) {
    .message-modal.first-message-modal {
        left: 0px;
    }

    .message-modal.first-message-modal:after {
        left: 20px;
    }

    .message-modal.message-modal-reverse.message-modal-last {
        left: -268px;
    }

    .message-modal.message-modal-reverse.message-modal-last:after {
        left: 91%;
    }

    .message-modal.message-modal-reverse.message-modal-last-sec {
        left: -210px;
    }

    .message-modal.message-modal-reverse.message-modal-last-sec:after {
        left: 75%;
    }
}