:root {
    --purple: #3A31A1;
    --red: #D01342;
}

/* SETTING TABS DESIGN */
#left_tab .tabs-section {
    overflow: hidden;
}

#left_tab .tabs-section .nav-tabs {
    border: 0;
}

#left_tab .tabs-section .step-number {
    background: #ebebeb;
    padding: 0.5rem 0.794rem;
    border-radius: 50%;
}

#left_tab .tabs-section .step-text {
    padding-left: 10px;
}

#left_tab .tabs-section .nav-item {
    position: relative;
}

#left_tab .tabs-section .nav-item:first-child::before {
    top: 50px;
}

#left_tab .tabs-section .nav-item:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    bottom: 5px;
    left: 8%;
    border-left: 2px solid #ccc;
    transform: translate(-13%);
}

#left_tab .tabs-section .nav-link {
    position: relative;
    border: 0;
    margin-top: 2rem;
    transition: 0.3s;
    color: var(--lightBlack)!important;
    border-radius: 0;
    font-weight: 600;
    font-size: 15px;
    font-family: var(--font);
}

#left_tab .tabDiv {
    border-left: 2px solid var(--purple) !important;
    padding-left: 3rem;
}

#left_tab .tabs-section .nav-link:hover {
    color: var(--purple)!important;
}

#left_tab .tabs-section .nav-link.active {
    color: var(--purple)!important;
    border: none;
}

#left_tab .tabs-section .nav-link.active .step-number {
    background-image: linear-gradient(210deg, var(--purple) 0%, var(--red) 100%)!important;
    color: var(--white)!important;
}

#left_tab .tabs-section .tab-pane.active {
    -webkit-animation: fadeIn 0.5s ease-out!important;
    animation: fadeIn 0.5s ease-out!important;
}

#left_tab .tabs-section .details h3 {
    font-family: var(--font);
    font-size: 22px;
    color: var(--purple);
    font-weight: 800;
}

#left_tab .tabs-section label {
    font-family: var(--font);
    font-weight: 400;
    margin: 10px 0;
}

#left_tab .tabs-section p {
    font-family: var(--font);
    font-weight: 600;
    color: var(--red);
    display: block;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

#left_tab .right {
    margin-top: 4rem;
}

/* END */

/* MEDIA QUERIES */
@media (max-width: 1700px) {
    #left_tab .tabs-section .nav-item:before {
        left: 9%;
    }
}
@media (max-width: 1600px) {
    #left_tab .tabs-section .nav-item:before {
        left: 10%;
    }
}
@media (max-width: 1600px) {
    #left_tab .tabs-section .nav-item:before {
        left: 12%;
    }
}
@media (max-width: 1200px) {
    #left_tab .tabs-section .nav-link {
        padding: 0;
    }

    #left_tab .tabs-section .nav-item:before {
        left: 12%;
    }
}
@media(max-width:991px){
    ul#progressbar_ctm{display:inline-block;width:100%;}
    ul#progressbar_ctm li.nav-item{
        display:inline-block;
        width:32%;
    }
    #left_tab .tabs-section .nav-item:before {
        content: '';
        border-bottom: 2px solid #ccc;
        border-left: none;
        max-width: 150px;
        width: 100%;
        position: absolute;
        left: -63%;
        bottom: 17px;
    }
    #left_tab .tabs-section .nav-item:first-child::before {
        border-bottom: none;
    }
    span.step-text {
        display: none;
    }
    #left_tab .tabDiv{padding-left:0;margin-top:1rem;}
}
@media (max-width: 945px) {
    #left_tab .tabs-section .nav-item:before{
        bottom: 24px;
    }
}
@media (max-width: 769px) {
    #left_tab .tabDiv {
        padding-left: 1.5rem;
    }
}

@media (max-width: 767px) {
    #left_tab .tabDiv {
        padding-left: 15px;
        margin-top: 3rem;
    }

    #left_tab .tabs-section {
        padding: 0px 0px 20px;
    }

    #left_tab .right {
        margin-top: 0
    }
}
/* END */