body, html {
    font-family: Lato,sans-serif
}
:root {
    --primary-color: #23EBCB;
    --light-primary-color: rgba(50, 224, 196, 0.2);
    --light-warn-color: rgba(207, 224, 50, 0.2);
    --white-color: #ffffff;
    --black-color: #000000;
    --pink-color: #ee4895;
    --light-black-color: #363535;
    --dark-gray-color: #363535;
    --gray-color: #8f8f8f;
    --gray-color2: #e4e4e4;
    --light-gray-color: #eeeeee;
    --light-gray-color2: #f6f6f6;
    --light-blue-color: #f7f9fc
}html{scroll-behavior:smooth}.py-6{padding-top:4rem!important;padding-bottom:4rem!important}.py-7{padding-top:5rem!important;padding-bottom:5rem!important}.py-8{padding-top:6rem!important;padding-bottom:6rem!important}.py-9{padding-top:7rem!important;padding-bottom:7rem!important}.primary-btn{background-color:var(--primary-color);color:var(--black-color);border-radius:5px;padding-left:1.5rem;padding-right:1.5rem}.btn-outline-secondary,.secondary-btn{color:var(--light-black-color);border-radius:5px;padding-left:1.5rem;padding-right:1.5rem}.secondary-btn{background-color:var(--light-gray-color)}.secondary-btn:hover{background-color:var(--gray-color);color:var(--light-gray-color)}.bg-dark-blue{background-color:var(--dark-gray-color)}.bg-light-blue{background-color:var(--light-blue-color)!important}.bg-light-gray{background-color:var(--light-gray-color2)!important}.bg-gray2{background-color:var(--gray-color2)}.text-dark{color:var(--light-black-color)}.text-gray{color:var(--gray-color)}.text-light-gray{color:var(--light-gray-color)}.primary-text{color:var(--primary-color)}.light-gray-badge,.page-link,.primary-badge,.success-badge,.warning-badge{color:var(--dark-gray-color)}.small-text{font-size:14px}.font-weight-semibold{font-weight:600}.line-height-15{line-height:1.5}.display-5{font-size:2.5rem}.display-6{font-size:1.5rem}.display-7{font-size:1.2rem}.light-gray-badge{background-color:var(--light-gray-color)}.success-badge{background-color:var(--light-primary-color)}.primary-badge{background-color:var(--light-blue-color)}.warning-badge{background-color:var(--light-warn-color)}.page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color)}
.section-title {
    font-size: 24px;
    color: #363535;
    font-weight: bold;
}.section-text{font-size:18px;color:var(--gray-color);width:50%;line-height:1.2}.webinarDescription{line-height:1.3;color:var(--dark-gray-color)}
.sub-heading {
    font-size: 18px !important;
    font-weight: bold;
}
@media only screen and (max-width:700px){.section-text{width:100%}}:focus{outline:0!important;box-shadow:none!important}.table-bordered{border:0!important}.hide{display:none}.d-contents{display:contents!important}.d-grid{display:grid}.grid-three-columns-auto{display:grid;grid-template-columns:auto auto auto}.vh-50{height:50vh!important}@media only screen and (max-width:767px){.image-bg{padding:10rem}}.page-item:hover{cursor:pointer}.vertical-divider{position:absolute;z-index:10;top:50%;left:50%;margin:0;padding:0;width:auto;height:50%;line-height:0;text-align:center;text-transform:uppercase;transform:translateX(-50%)}.vertical-divider:after,.vertical-divider:before{position:absolute;left:50%;content:"";z-index:9;border-left:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(255,255,255,.1);width:0;height:calc(100% - 1rem)}.row-divided>.vertical-divider{height:calc(50% - 1rem)}.vertical-divider:before{top:-100%}.vertical-divider:after{top:auto;bottom:0}.row-divided{position:relative}.column-one{background-color:#f2ecff}.column-two{height:400px;background-color:#f7f3ff}@media only screen and (max-width:992px){.vertical-divider:after,.vertical-divider:before{height:calc(100% - 54%)!important}.vertical-divider:before{top:-23%!important;left:-418%!important;transform:rotate(-90deg)}.vertical-divider:after{top:-23%!important;left:500%!important;transform:rotate(90deg)}}
.bg-green {
    background-color: #50F883;
}

.bg-gray {
    background-color: #DADADA;
}

.tag-font-size-1 {
    font-size: 0.75rem
}

.tag-font-size-2 {
    font-size: 0.875rem
}

.line-height-1 {
    line-height: 1.05rem
}
.line-height-2 {
    line-height: 1.19rem
}
.line-height-3{
    line-height:1.8rem;
}

.tag-width {
    width: 7.5rem
}

.text-color-black {
    color: #000000
}

.tag-btn-1 {
    border-radius: 5px;
    color: #363535;
    height: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-color-dfl {
    color: #363535;
}
.bg-dark {
    background-color: #363535;
}

.card-border {
    border-color: #DADADA;
    border-radius: 10px
}
.border-rounded {
    border-radius: 10px !important
}
.bg-sections {
    background-color: #F6F6F6;
}
.sections-bar {
    display: flex;
    justify-content: space-evenly;
    row-gap: 1rem;
}

.section-sidebar {
    position:relative;
    flex: 0 0 calc(16.66% - 1rem);
    min-width: max-content
}
@media screen and (max-width:767px) {
    .sponsor-psychologists-text{
        font-size:14px !important
    }
}
@media screen and (max-width:400px) {
    .sponsor-psychologists-text {
        font-size: 12px !important
    }
}
@media (min-width:767px) and (max-width:1200px) {
    .p-4.text-center.section-sidebar {
        padding: .5rem !important;
    }
}
.section-sidebar:nth-child(1) {
    border-left:0
}
@media screen and (max-width:1200px) {
    .p-4.text-center.section-sidebar {
        padding: .5rem !important;
    }
}

@media screen and (max-width:992px) {
    .sections-bar {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        row-gap: 1rem
    }

    .section-sidebar {
        grid-column: span 4
    }

    .sections-bar > .section-sidebar:nth-child(4):not(:nth-last-child(3)) {
        grid-column: 3 / span 4;
    }
    .sections-bar > .section-sidebar:nth-child(4):not(:nth-last-child(2)) {
        grid-column: 5 / span 4;
    }

    .sections-bar > .section-sidebar:nth-child(4) {
        border-left: 0
    }

    .book_required-div .col-md-3, .attachments_div .col-md-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .p-4.text-center.section-sidebar {
        padding: .5rem !important;
    }
}

@media screen and (max-width:487px) {

    .section-sidebar {
        grid-column: span 6
    }

    .sections-bar > .section-sidebar:nth-child(4):not(:nth-last-child(3)) {
        grid-column: 7 / span 6;
    }



    .sections-bar > .section-sidebar:nth-child(5):not(:nth-last-child(3)) {
        grid-column: 4 / span 6;
    }

    .objective-div-options {
        grid-template-columns: 1fr;
    }

    .book_required-div .col-md-3, .attachments_div .col-md-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .tag-heading-div{
       flex-direction:column;
       row-gap:.5rem
    }
    .course_heading_detail .price {
        align-self: end !important
    }
}
.heading_txt_1 {
    font-size: 24px;
}

.text_sm {
    font-size: 14px;
}
.text_md {
    font-size: 16px
}
.font-weight-8 {
    font-weight: 800;
}

.font-weight-7 {
    font-weight: 700;
}

.course_heading_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.heading_text {
    justify-self: baseline;
}

.course_heading_btn {
}

.course_btn_1 {
    border: 0;
    border-radius: 10px;
    padding-inline: 1rem;
    padding-block: .5rem;
}

.bold_text {
    justify-self: end;
}
.course-buttons-div{
    display:flex;
    justify-content:space-between;
    align-items:center;
    column-gap:1.2rem
}
.course-buttons-div .btn:only-child{
    width:50%
}
.course-cart-button {
    border: 1px solid #23EBCB
}
.course-cart-button:hover {
    background-color: #23EBCB
}
@media (min-width:1200px) and (max-width:1430px){
    .split-section-course-card{
        display:grid;
        grid-template-columns:repeat(2,1fr) !important
    }
        .split-section-course-card a .section-sidebar .ellisi-name,
        .split-section-course-card .section-sidebar a .ellisi-name {
            max-width: 12rem !important
        }
    .split-section-course-card .section-sidebar:nth-child(odd){
        border-left:0
    }
    .split-section-img-div {
        display:flex;
        align-items:center
    }
}
@media screen and (min-width:768px) and (max-width:1199px){
    .split-section-course-card a .section-sidebar .ellisi-name,
    .split-section-course-card .section-sidebar a .ellisi-name {
        max-width: 10rem !important
    }
    .sections-bar > .section-sidebar:nth-child(4):nth-last-child(3) {
        grid-column: 1/span 4; /* Position 4th child */
    }

    .sections-bar > .section-sidebar:nth-child(5):nth-last-child(2) {
        grid-column: 5/span 4; /* Position 5th child */
    }

    .sections-bar > .section-sidebar:nth-child(6):nth-last-child(1) {
        grid-column: 9/span 4; /* Position 6th child */
    }
}
@media screen and (max-width:600px) {
    .split-section-course-card {
        display: grid;
        grid-template-columns: repeat(12,1fr) !important
    }
    .sections-bar > .section-sidebar:nth-child(odd) {
        border-left: 0
    }
    .sections-bar > .section-sidebar:nth-child(5):not(:nth-last-child(3)) {
        grid-column:  span 6;
    }
    .sections-bar > .section-sidebar:nth-child(4):not(:nth-last-child(3)) {
        grid-column:  span 6;
    }

    .sections-bar > .section-sidebar:nth-child(4):not(:nth-last-child(2)) {
        grid-column:  span 6;
    }
    .sections-bar > .detail-section-sidebar:nth-child(4):nth-last-child(3) {
        grid-column: span 6;
    }

    .sections-bar > .detail-section-sidebar:nth-child(5):nth-last-child(2) {
        grid-column: span 6; 
    }

    .sections-bar > .detail-section-sidebar:nth-child(6):nth-last-child(1) {
        grid-column: span 6;
    }
    .sections-bar > .detail-section-sidebar:not(:nth-child(6)):nth-child(5) {
        grid-column: 4/span 6; 
    }
    .sections-bar > .detail-section-sidebar:not(:nth-child(6)):nth-child(5)::before {
        display: none 
    }
    .section-sidebar{
        grid-column:span 6
    }
    .split-section-course-card .section-sidebar:nth-child(odd) {
        border-left: 0
    }
    .split-section-course-card a .section-sidebar .ellisi-name,
    .split-section-course-card .section-sidebar a .ellisi-name {
        max-width: 8rem !important
    }
    @media screen and (max-width:360px) {
        .section-sidebar {
            min-width: unset
        }
    }
    .card wizard.setup-content .card-header {
        display:flex;
        flex-direction:column 
    }
}
@media screen and (max-width:487px){
    .split-section-course-card {
        display: grid;
        grid-template-columns: repeat(12,1fr) !important
    }
    .section-sidebar {
        min-width: unset
    }
    .split-section-course-card a .section-sidebar .ellisi-name,
    .split-section-course-card .section-sidebar a .ellisi-name {
        max-width: 3rem !important
    }
}
.txt-danger {
    color:#F13437
}
.CancelBtn:hover {
    color: #F13437
}
.btn.disabled, .btn:disabled {
    color: #B5B3B3;
    background-color: #DADADA
}
@media screen and (max-width:800px) {
    .student-course-btn {
        display: grid;
        grid-template-columns: 1fr 1fr;
        place-items: center;
        column-gap: 1.2rem;
    }
    .evaluation-btn,.start-btn {
        max-width:100%
    }
    .evaluation-btn .w-75,.start-btn .w-75{
        width: 100% !important;
    }
    .evaluation-btn{
        padding-left:0
    }
    .start-btn{
        padding-right:0
    }
}
.course_pills_tabs a {
    border: none !important;
    border-radius:0px !important
}
.course_pills_tabs a.active {
    border-bottom: 12px solid var(--primary-color) !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.my-5{
    margin-block:2rem !important
}
.mt-5 {
    margin-top: 2rem !important
}
 .mb-5 {
    margin-bottom: 2rem !important
}
.py-5{
    padding-block:2rem !important 
}
.pt-5{
    padding-top:2rem !important
}
.pb-5{
    padding-bottom:2rem !important
}
.pre-line-space{
    white-space:pre-line
}
.max-data {
    width: max-content;
    text-wrap: nowrap
}
.ellipsis-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-one {
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    overflow: hidden;
    -webkit-line-clamp: 1
}
@media (max-width:992px) {
    .bannner-position-responsive {
        background-position:left !important;
    }
}
@media (max-width:767px) {
    .bannner-position-responsive {
        background-position-x: 10% !important;
    }
}
.detail-section-sidebar{
    position:relative
}
.section-sidebar::before, .detail-section-sidebar::before {
    content: "";
    position: absolute;
    top: 0;
    right: -10%;
    width: 2px;
    height: 100%;
    background-color: #DADADA;
}
.section-sidebar:last-child::before {
    display:none
}
.split-section-course-card a .section-sidebar {
   position:relative
}
    .split-section-course-card a .section-sidebar:first-child::after {
        content: "";
        position: absolute;
        top: 0;
        right: -10%;
        width: 2px;
        height: 100%;
        background-color: #DADADA;
    }

@media (min-width:1200px) and (max-width:1430px) {
    .split-section-course-card .split-section-course-card {
        column-gap: 0
    }
    .split-section-course-card .section-sidebar::before, .split-section-course-card a .section-sidebar:first-child::after {
        right: 0
    }
    .split-section-course-card .section-sidebar:nth-child(even)::before {
        display: none
    }
}
@media screen and (max-width: 992px) {
    .split-section-course-card .section-sidebar:has(:nth-child(5),:nth-child(6)):nth-child(4)::before {
        display: block
    }

    .split-section-course-card .section-sidebar::before, .split-section-course-card a .section-sidebar:first-child::after {
        right: 0
    }

    .split-section-course-card .section-sidebar:not(:nth-child(5),:nth-child(6)):nth-child(4)::before, .split-section-course-card .section-sidebar:nth-child(3)::before {
        display: none
    }
}
@media screen and (max-width: 600px) {
    .split-section-course-card .split-section-course-card {
        column-gap: 0
    }
    .split-section-course-card .section-sidebar:nth-child(even)::before {
        display: none
    }
    .split-section-course-card .section-sidebar:nth-child(odd)::before {
        display: block
    }
    .split-section-course-card .section-sidebar::before, .split-section-course-card a .section-sidebar:first-child::after {
        right: 0
    }
    .split-section-course-card a .section-sidebar::before {
        right: 0
    }
    .split-section-course-card a .section-sidebar:first-child::before {
        display:none
    }
    .sections-bar{
        column-gap:0
    }
}
.detail-section-sidebar::before {
    right:0% !important }
@media screen and (max-width: 992px){
    .detail-section-sidebar:nth-child(3)::before{
        display:none
    }
}
@media screen and (max-width: 600px) {
    .sections-bar > .section-sidebar:nth-child(odd)::before {
        display:block
    }
    .sections-bar > .section-sidebar:nth-child(even)::before {
        display: none
    }

}
.banner-text {
    top: 47%;
    left: 6%;
    width: 50%;
    font-size: 1.3rem;
    color: #333232;
    transform: translate(10px, -50%);
    animation: slideDown 1.5s ease-out forwards; /* Apply animation */
}

/* Define the animation */
@keyframes slideDown {
    from {
        top: 10%; /* Start above */
        opacity: 0; /* Start invisible */
    }

    to {
        top: 47%; /* End at the final position */
        opacity: 1; /* End fully visible */
    }
}
.banner-text-heading {
    font-size: 2.5rem;
    font-weight: 700;
}
.banner-text-desc{
    line-height:1.5rem
}
@media screen and (max-width:992px) {
    .banner-text-heading {
        font-size: 2rem;
        font-weight: 700;
    }

    .banner-text {
        width: 50%
    }

    .banner-text-desc {
        font-size: 1.1rem
    }
    .banner-text-desc {
        line-height: 1.3rem
    }
}
    @media screen and (max-width:767px) {
        .banner-text-heading {
            font-size: 1.3rem;
            font-weight: 700;
        }

        .banner-text {
            width: 50%;
            left:3%
        }

        .banner-text-desc {
            font-size: 0.8rem
        }
    }

    @media screen and (max-width:479px) {
        .banner-text-heading {
            font-size: 1rem;
            font-weight: 700;
        }

        .banner-text-desc {
            font-size: 0.6rem
        }
        .banner-text-desc {
            line-height: .9rem
        }
    }

    @media screen and (max-width:400px) {
        .banner-img-div {
            padding-inline: 9rem !important;
        }

        .banner-text-heading {
            font-size: .8rem;
            font-weight: 700;
        }

        .banner-text-desc {
            font-size: 0.5rem
        }
    }

input[type="password"]::-ms-reveal {
    display: none;
}
.error {
    color: red;
}