:root {

    /* Colors: */
    --unnamed-color-ffffff: #FFFFFF;
    --unnamed-color-000000: #000000;
    --unnamed-color-6e6e7d: #6E6E7D;
    --unnamed-color-ececf3: #ECECF3;
    --unnamed-color-040419: #040419;
    --unnamed-color-e30713: #E30713;
    --unnamed-color-0458aa: #0458AA;

    /* Font/text values */
    --unnamed-font-family: "Space Grotesk", sans-serif;
    /* --unnamed-font-family-notosanshebrewsemicondensed-extrabold: NotoSansHebrewSemiCondensed-ExtraBold;
    --unnamed-font-family-noto-sans-hebrew-semicondensed: Noto Sans Hebrew SemiCondensed;
    --unnamed-font-family-notosanshebrewsemicondensed-black: NotoSansHebrewSemiCondensed-Black;
    --unnamed-font-family-notosanshebrewsemicondensed-regular: NotoSansHebrewSemiCondensed-Regular; */
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-900: 900px;
    --unnamed-font-weight-bold: bold;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-16: 16px;
    --unnamed-font-size-18: 18px;
    --unnamed-font-size-22: 22px;
    --unnamed-font-size-24: 24px;
    --unnamed-font-size-33: 33px;
    --unnamed-font-size-45: 45px;
    --unnamed-font-size-60: 60px;
    --unnamed-font-size-80: 80px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-22: 22px;
    --unnamed-line-spacing-43: 43px;
    --unnamed-line-spacing-55: 55px;
    --unnamed-line-spacing-96-00000762939453: 96.00000762939453px;
    --unnamed-line-spacing-54-00000762939453: 54.00000762939453px;
}

/* Character Styles */
.xxl-title-80px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-notosanshebrewsemicondensed-extrabold); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-80);
    line-height: var(--unnamed-line-spacing-96-00000762939453);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.xl-title-60px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-notosanshebrewsemicondensed-black); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-60);
    line-height: var(--unnamed-line-spacing-55);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.mobile-xl-title-33px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-notosanshebrewsemicondensed-extrabold); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-33);
    line-height: var(--unnamed-line-spacing-43);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.l-title-45px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-noto-sans-hebrew-semicondensed); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-45);
    line-height: var(--unnamed-line-spacing-54-00000762939453);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.m-title-33px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-notosanshebrewsemicondensed-extrabold); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-33);
    line-height: var(--unnamed-line-spacing-96-00000762939453);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.mobile-l-titles-24px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-notosanshebrewsemicondensed-extrabold); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-24);
    line-height: var(--unnamed-line-spacing-43);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.s-title-22px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-notosanshebrewsemicondensed-extrabold); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-22);
    line-height: var(--unnamed-line-spacing-96-00000762939453);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.mobile-m-and-s-title-18px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-noto-sans-hebrew-semicondensed); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-900);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-96-00000762939453);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.pg-text-18px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-noto-sans-hebrew-semicondensed); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-96-00000762939453);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.mobile-pg-text-16px {
    font-family: var(--unnamed-font-family);
    /* font-family: var(--unnamed-font-family-notosanshebrewsemicondensed-regular); */
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-22);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.center-the-text {
    /* Centering the text */
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-the-text-height {
    /* Centering the text */
    display: flex;
    align-items: center;
}

body {
    font-family: var(--unnamed-font-family);
    font-weight: 400;
    font-style: normal;
}

/* **Basic Mobile Media Query** */
@media only screen and (max-width: 768px) {
    #path-pic,
    #course-pic {
        min-height: 250px !important;
        height: 250px !important;
        max-height: unset !important;
    }

    #details-notes-course {
        top: 260px !important;
    }

    .course-header-top {
        left: 1em !important;
        width: unset !important;
        right: 1em;
    }

    .svg-container {
        width: 100%;
    }

    #title-course {
        left: 1em;
        right: 1em;
    }

    #video-section {
        position: unset !important;
    }

    .title-block-courses {
        position: absolute;
    }

    .course-h1 {
        /* position: unset !important; */
        top: 10px;
        left: 110px !important;
        right: unset !important;
        font: normal normal 700 30px/40px var(--unnamed-font-family) !important;
    }

    .learn-process-text {
        width: 90vw !important;
    }

    .course-details {
        left: 1em !important;
    }

    #review-videos {
        width: unset !important;
    }

    #testimonials {
        height: 600px !important;
    }

    .btn-ps {
        width: 300px !important;
    }

    .height-img-block .form-title {
        width: 65% !important;
        text-align: left !important;
        /* font: normal normal 900 1em / 25px var(--unnamed-font-family)!important; */
        padding-top: 1em;
    }

    .frontPage-form #form-footer {
        padding: 1em !important;
    }

    .program-btn-red {
        height: unset !important;
    }

    #blog-emb,
    #related-articles-courses {
        width: unset !important;
    }

    .blog-btn {
        width: 200px !important;
        height: 50px !important;
        background: #FFFFFF 0% 0% no-repeat padding-box !important;
        box-shadow: 0px 6px 12px #00000029 !important;
        border: 2px solid #E30713 !important;
        font: normal normal bold 16px/22px var(--unnamed-font-family) !important;
        color: #E30713 !important;
    }


    #primary-menu {
        background-color: #ffffff;

    }

    #floating-whatsapp,
    #floating-home,
    #floating-phone,
    #floating-lead-form {
        width: 100%;
        height: 100%;
        padding: 7px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }

    .floating-home-withText {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        /* padding: 7px !important; */
    }

    /* #floating-home {
        padding: 7px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    } */
    .floating-text {
        margin-top: 5px;
        text-align: center;
        font-size: 12px;
        color: white;
    }

    #floating-form-mobile {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 50;
        width: 100%;
        height: 50px !important;
    }

    iframe {
        /* width: 100%; */
        /* width: 316px; */
        height: 183px;
        /* UI Properties */
        mix-blend-mode: normal;
        opacity: 1;
    }

    .sticky-footer {
        background: #000000 0% 0% no-repeat padding-box;
        box-shadow: 0px -5px 10px #0000004D;
        border: 1px solid #FFFFFF;
        opacity: 1;
    }

    .company-courses {
        text-align: left !important;
        width: unset !important;
    }

    #testimonials-job {
        height: 65px !important;
    }

    .course-name-table {
        font: normal normal bold 16px/28px var(--unnamed-font-family) !important;
    }

    .toggle-note {
        width: 100% !important;
        font: normal normal medium 16px/24px var(--unnamed-font-family) !important;
    }

    .containertest,
    .tab-link {
        border-radius: 0 !important;
    }

    .tabstest .tab-link {
        padding: 5px !important;
    }

    .tabstest {
        display: block;
        margin-bottom: 0;
    }

    .tab-link {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
        border-radius: 0;
    }

    .tab-link.activetest {
        background-color: #f1f1f1;
    }

    .tab-contenttest {
        display: none;
        width: 100%;
    }

    .tab-contenttest.activetest {
        display: block;
    }


    .left-side-curiculam {
        flex: unset !important;
    }

    .right-side-curiculam {
        flex: unset !important;
        width: 100%;
        padding: 1em;
    }

    .bg-curiculam {
        margin-left: -1em !important;
    }

    #learn-process-selector-target {
        width: 100% !important;
    }

    .btn-form-cert {
        margin: 0 auto !important;
    }

    #business-partners,
    #pathsContainCourse,
    #coursesCategory {
        width: unset !important;
    }

    #certifiact-selector-target-new {
        position: unset !important;
    }

    .head-description {
        font: normal normal 300 16px/24px var(--unnamed-font-family) !important;
    }

    .head-job {
        font: normal normal normal 18px/24px var(--unnamed-font-family) !important;
    }

    .head-name {
        font: normal normal 900 18px/24px var(--unnamed-font-family) !important;
    }

    #teacher-img-new {
        width: 240px !important;
        height: 240px !important;
        position: unset !important;
    }

    #domain-head-new {
        flex-flow: column;
        top: unset !important;
        left: unset !important;
        border-radius: unset !important;
        background: unset !important;
        width: 95vw !important;
    }

    .head-department,
    .head-department-course {
        margin-left: -1em !important;
        margin-right: -1em;
    }

    #domain-head-selector-target-new {
        margin-left: -1em !important;
        margin-right: -1em;
        height: 850px !important;
        width: unset !important;
    }

    .colaps-close hr {
        width: 70% !important;
    }

    .skill-info-title {
        height: unset !important;
        font: normal normal bold 18px/26px var(--unnamed-font-family) !important;
    }

    .swu-info-div {
        align-content: center;
    }

    .swu-info-text {
        text-align: left !important;
        height: unset !important;
    }

    #details-notes,
    #details-notes-mobile {
        top: 33vh !important;
    }

    .program-block,
    .course-block {
        top: unset !important;
        width: 100% !important;
        border-radius: unset !important;
        padding-left: 1em !important;
        padding-right: 1em !important;
    }

    #pay-notes,
    #pay-notes-program  {
        top: unset !important;
        left: unset !important;
        width: 100%;
        bottom: 1em;
        padding-left: unset !important;
        flex-wrap: wrap;

    }

    .program-box-header {
        color: #000000 !important;
        /* font: normal normal medium 16px/22px var(--unnamed-font-family)!important; */
        padding-right: 1em;
    }

    .program-header-top {
        left: 1em !important;
        width: unset !important
    }

    .path-h1 {
        left: 1em !important;
        right: 1em !important;
        font: normal normal 700 30px / 40px var(--unnamed-font-family) !important;
    }

    #program-page {
        height: 620px !important;

    }

    /* #course-page {
        height: 450px !important;
    } */

    .black-side-program {
        display: none !important;
    }

    .black-shadow-program,
    .blue-shadow-course {
        height: 250px !important;
    }

    .skill-info-text {
        height: unset !important;
        font: normal normal normal 16px/24px var(--unnamed-font-family) !important;

    }

    .skill-info {
        width: unset !important;
    }

    .swu-info {
        width: 100% !important;
        height: unset !important;
        text-align: left !important;
    }

    .calendar-icon {
        color: var(--unnamed-color-000000) !important;
    }

    .btn-carsoul {
        width: 220px !important;
        text-align: center !important;
        font: normal normal 700 16px / 55px var(--unnamed-font-family) !important;
    }

    .allArticles {
        display: none;
    }

    .img-contactus {
        width: 150px !important;
        height: 170px !important;
    }

    .height-img-block {
        height: 150px;
        border-bottom: 5px solid #fff;
    }

    .sub-course-company {
        font: normal normal 700 16px / 24px var(--unnamed-font-family) !important;
        position: unset !important;
        height: 24px !important;
        background: unset !important;
        color: #000000 !important;
        display: unset !important;
    }

    .course-name-company {
        padding: unset !important;
        font: normal normal normal 16px/22px var(--unnamed-font-family) !important;
    }

    .course-company-img {
        margin: unset !important;
        width: 50px !important;
        height: 50px !important;

    }

    .sub-card-company {
        position: unset !important;
        background: unset !important;
    }

    .new-card-company {
        width: unset !important;
        height: 100px !important;

        background: unset !important;
        border: unset !important;
        box-shadow: unset !important;
        border-radius: unset !important;
    }

    .office-div {
        height: 535px !important;
    }

    .btn-projects,
    .btn-moreinfo {
        width: 150px !important;
        height: 60px !important;
        font: normal normal bold 16px/22px var(--unnamed-font-family) !important;
    }

    .btn-moreinfo {
        top: 420px !important;
        right: 20px !important;
        left: unset !important;
    }

    .btn-projects {
        top: 420px !important;
        left: 20px !important;
    }

    .office-subtext {
        font: normal normal bold 18px/22px var(--unnamed-font-family) !important;
        text-align: center !important;
    }

    .office-text {
        font: var(--unnamed-font-style-normal) normal 20px/24px var(--unnamed-font-family) !important;
        text-align: center !important;
        /* height: 140px !important; */
    }

    .office-title {
        font: normal normal bold 33px/43px var(--unnamed-font-family) !important;
        text-align: center !important;
    }

    .office-black {
        /* height: 335px; */
        /* UI Properties */
        background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
        background: #000000 0% 0% no-repeat padding-box;
        /* border-radius: 0px 50px; */
        opacity: 1;
    }

    #industry-text {
        font: normal normal normal 16px/22px var(--unnamed-font-family) !important;
        text-align: center !important;
    }

    #industry-block {
        flex-direction: column-reverse !important;
        align-items: center !important;
        text-align: center;
        height: 400px !important;
    }

    #industry-img {
        margin-right: 0 !important;
        margin-bottom: 0.5rem;
        width: 124px !important;
        height: 105px !important;
    }

    #industry-name {
        font: normal normal 900 22px/24px var(--unnamed-font-family) !important;
        height: 24px !important;
        text-align: center !important;
    }

    #industry-job {
        font: normal normal normal 18px/24px var(--unnamed-font-family) !important;
        color: var(--unnamed-color-6e6e7d) !important;

    }

    .img-fix-test {
        width: 100px !important;
    }

    #text-ps {
        height: unset !important;
        /* font: normal normal normal 16px/22px var(--unnamed-font-family) !important; */
    }

    .PS-info-box {
        width: 100% !important;
    }

    #title-ps {
        height: 24px !important;
        font: normal normal 900 var(--unnamed-font-size-18)/24px var(--unnamed-font-family) !important;
    }

    .personalSup-num {
        width: 30px !important;
        height: 30px !important;
        /* UI Properties */
        background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
        background: #000000 0% 0% no-repeat padding-box;
        border-radius: 0px 10px;
        color: var(--unnamed-color-ffffff) !important;
        text-align: center !important;
        font: normal normal 900 18px/30px var(--unnamed-font-family) !important;
        color: #FFFFFF !important;
    }

    .title-h2 {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/30px var(--unnamed-font-family) !important;
        text-align: left !important;
        font: normal normal bold 24px/30px var(--unnamed-font-family) !important;
    }

    #text-swu {
        width: unset !important;
        height: unset !important;
        /* UI Properties */
        font: normal normal normal 16px/22px var(--unnamed-font-family) !important;
        text-align: left !important;
        color: #000000 !important;
    }

    .swu-info-box {
        width: 100% !important;
    }

    #title-swu {
        height: unset !important;
        font: normal normal 900 18px / 24px var(--unnamed-font-family) !important;
        margin: unset !important;
        text-align: left !important;
    }

    .sub-navbar {
        justify-content: center;
        height: unset !important;
    }

    .sub-navbar p {
        margin-left: 0 !important;
    }

    .under-img {
        display: none !important;
    }

    .aboutus-collage {
        position: unset !important;
        width: unset !important;
        height: unset !important;
    }

    .first-section-homepage {
        height: unset !important;
        display: unset !important;
    }

    .title-aboutus {
        font: normal normal bold 33px/43px var(--unnamed-font-family) !important;
    }

    .frontPage-mobile {
        display: block !important;
    }

    .displayMobile {
        display: unset !important;
    }

    .frontPage-desktop {
        display: none;
    }

    .desktop-none {
        display: none !important;
    }

    .studywithus-mobile {
        display: block !important;
    }

    .studywithus-desktop {
        display: none;
    }

    #sub-swu {
        width: unset !important;
    }

    .box-aboutus {
        width: 95vw !important;
        padding: 1em;
    }

    .icon-img-holder-front {
        width: 50px !important;
    }

    .box-title {
        text-align: left !important;
        font: normal normal 900 18px/20px var(--unnamed-font-family) !important;
        height: 40px !important;
    }

    .box-text {
        text-align: left !important;
        font: normal normal normal 16px/22px var(--unnamed-font-family) !important;
    }

    .box-aboutus .icon-img-holder-front {
        max-width: 100%;
        height: auto;
    }

    .box-title,
    .box-text {
        width: 100% !important;
    }

    #testimonials-block {
        min-width: 260px !important;
    }

    #testimonials-img {
        width: 70px !important;
        height: 70px !important;

    }

    #testimonials-job,
    #testimonials-content {
        width: 263px !important;
        font: normal normal normal 16px/22px var(--unnamed-font-family) !important;
    }

    #testimonials-name {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/22px var(--unnamed-font-family) !important;
        height: 22px !important;
    }

    #testimonials-subname {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/20px var(--unnamed-font-family) !important;
        /* height: 60px !important; */
    }

    .h1-mainText {
        margin-top: 50% !important;
    }

    .subtitle-home {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-size-16)/21.6px var(--unnamed-font-family) !important;


    }

    .title-home {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-33)/40px var(--unnamed-font-family) !important;
    }

    .info-homepage {
        height: unset !important;
        font: var(--unnamed-font-style-normal) normal 300 var(--unnamed-font-size-18)/33px var(--unnamed-font-family) !important;
    }

    .sub-title-program {
        font: normal normal medium 18px/96px var(--unnamed-font-family) !important;
    }

    #path-title-block {
        /* UI Properties */
        font: var(--unnamed-font-style-normal) normal 900 var(--unnamed-font-size-18)/var(--unnamed-line-spacing-22) var(--unnamed-font-family) !important;
    }

    #path-text-block {
        font: normal normal normal 16px/22px var(--unnamed-font-family) !important;
    }

    #allProg {
        display: none !important;
    }

    .allProg-mobile {
        display: block !important;
        margin: 0 auto;
    }

    .allProg-mobile {
        /* Layout Properties */
        width: 220px;
        height: 40px;
        /* UI Properties */
        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
        border: 2px solid var(--unnamed-color-e30713);
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border: 2px solid #E30713;
        border-radius: 0px 20px;
        opacity: 1;
        margin: 2em auto 1em auto;
        text-align: center;
        align-content: center;
    }

    .allProg-mobile a {
        /* UI Properties */
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family);
        color: var(--unnamed-color-e30713);
        letter-spacing: 0px;
        opacity: 1;
    }

    .img-swu-holder {
        width: 50px !important;
        height: 50px !important;
    }


}

/* **** */
.allProg-mobile {
    display: none;
}

.h1-mainText {
    margin-top: 100px;
}

#sticky-nav {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #000000C9;
    opacity: 1;
}

.sub-navbar {
    height: 30px;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-ffffff);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #000000C9;
    border: 1px solid #FFFFFF;
    opacity: 1;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.sub-navbar p {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5%;
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
}

.test {
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-e30713);
    text-decoration: underline;
    letter-spacing: 0px;
    color: #E30713;
}

.students {
    position: absolute;
    top: 0px;
    right: 81px;
    width: 282px;
    height: 38px;
    background: #000000 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000004D;
    border-radius: 0px 0px 20px 19px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

#student-portal a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 172px;
    height: 24px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/21.6px var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    opacity: 1;
    transition: font-weight 0.3s, transform 0.3s;
}

#student-portal a:hover {
    font-weight: bold;
}

.icon-svg-cap {
    width: 26px;
    height: 12px;
    margin-right: 8px;
    opacity: 1;
    transition: transform 0.3s;
}

#student-portal a:hover .icon-svg-cap {
    transform: rotate(-30deg);
}

.form-sticky {
    padding-top: 130px;
    display: none;
    position: absolute;
    top: 46px;
    right: 77px;
    width: 286px;
    /* height: 485px; */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 20px #0000004D;
    border-radius: 0px 30px;
    opacity: 1;
    z-index: 1;
}

/* .form-sticky * {
    top: 50px;
} */

#more-information {
    position: absolute;
    /* Layout Properties */
    top: 49px;
    right: 81px;
    width: 278px;
    height: 130px;
    /* UI Properties */
    background: var(--unnamed-color-e30713) 0% 0% no-repeat padding-box;
    border: 4px solid var(--unnamed-color-ffffff);
    background: #E30713 0% 0% no-repeat padding-box;
    border: 4px solid #FFFFFF;
    border-radius: 0px 30px;
    opacity: 1;
    z-index: 2;
}

div #more-information {
    display: flex;
    justify-content: center;
    align-items: center;
}

.first-info {
    position: absolute;
    font: normal normal bold 24px/40px var(--unnamed-font-family);
    /* font-size: var(--unnamed-font-size-33); */
    /* Layout Properties */
    top: 0px;
    /* right: 102px; */
    /* width: 230px; */
    height: 40px;
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.second-info {
    position: absolute;
    font: normal normal normal 18px/24px var(--unnamed-font-family);
    /* Layout Properties */
    top: 38px;
    /* right: 113px; */
    /* width: 209px; */
    height: 24px;
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.phone-number,
.whatsapp-msg {
    display: none;
    position: absolute;
    /* Layout Properties */
    top: 135px;
    right: 0px;
    width: 274px;
    height: 45px;
    /* UI Properties */
    /* background: var(--unnamed-color-e30713) 0% 0% no-repeat padding-box;
    border: 4px solid var(--unnamed-color-ffffff); */
    background: #E30713 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 4px solid #FFFFFF;
    border-radius: 0px 30px;
    opacity: 1;
    overflow: visible;
}

/* .whatsapp-msg {
    height: 73px !important;
} */

.phone-number::before {
    content: '';
    position: absolute;
    top: -24px;
    left: 75%;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid #FFFFFF;
    transform: translateX(-50%);
}

.phone-number::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 75%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #E30713;
    transform: translateX(-50%);
}

.phone-number p,
.whatsapp-msg p {
    /* position: absolute; */
    /* top: 5px; */
    /* left: 75px; */
    /* width: 117px; */
    height: 29px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 16px/ 22px var(--unnamed-font-family);

    /* font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-22) / 29px var(--unnamed-font-family); */
    color: var(--unnamed-color-ffffff);
    text-align: center;
    letter-spacing: .44px;
    /* color: #fff; */
    opacity: 1;
    /* margin: auto 0px; */
    /* align-items: center; */
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

/* .whatsapp-msg p {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 16px/ 22px var(--unnamed-font-family) !important;
} */

.icon-phone:hover+.phone-number,
.icon-whatsapp:hover+.whatsapp-msg {
    display: block;
}

.icon-container-phone {
    position: absolute;
    /* Layout Properties */
    top: 70px;
    /* top: 128px; */
    right: 47px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* Circle shape */
    padding: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, fill 0.3s ease;
}

.icon-container-mail {
    position: absolute;
    /* Layout Properties */
    top: 70px;
    /* top: 128px; */
    right: 192px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* Circle shape */
    padding: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, fill 0.3s ease;
}

.icon-container-phone svg,
.icon-container-whatsapp svg,
.icon-container-mail svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: white;
}

.icon-container-phone:hover,
.icon-container-whatsapp:hover,
.icon-container-mail:hover {
    background-color: white;
}

.icon-container-phone:hover svg path {
    fill: #E30713;
    stroke: #E30713;
    stroke-width: 2px;
}

.icon-container-whatsapp {
    position: absolute;
    /* Layout Properties */
    top: 70px;
    right: 117px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* Circle shape */
    padding: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, fill 0.3s ease;
}

.icon-container-whatsapp:hover svg path,
.icon-container-mail:hover svg path {
    fill: #E30713;
    stroke-width: 2px;
}

.whatsapp-msg::before {
    content: '';
    position: absolute;
    top: -24px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid #FFFFFF;
    transform: translateX(-50%);
}

.whatsapp-msg::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #E30713;
    transform: translateX(-50%);
}

.under-img {
    position: absolute;
    /* Layout Properties */
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 258px;
    /* UI Properties */
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, var(--unnamed-color-ffffff) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.first-section-homepage {
    display: flex;
    align-items: flex-start;
    position: relative;
    /* width: 1920px; */
    /* height: 750px; */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.aboutus-collage {
    position: relative;
    /* Layout Pr
    operties */
    top: -200px;
    left: 126px;
    width: 80%;
    height: 600px;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    border-radius: 0px 40px;
    opacity: 1;
}

.aboutus-img {
    width: 700px;
    height: 200px;
    /* UI Properties */
    mix-blend-mode: normal;
    opacity: 1;
}

.title-home {
    /* Layout Properties */
    top: 504px;
    left: 126px;
    /* width: 765px;
    height: 108px; */
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-transform: uppercase;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-80)/96px var(--unnamed-font-family);
}

.subtitle-home {
    /* Layout Properties */
    top: 487px;
    left: 126px;
    /* width: 243px;
height: 78px; */
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    /* font-size: var(--unnamed-font-size-18); */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-size-18)/21.6px var(--unnamed-font-family);
}

.info-homepage {
    /* Layout Properties */
    height: 61px;
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    /* font-size: var(--unnamed-font-size-24); */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-size-24)/33px var(--unnamed-font-family);
}

.title-aboutus {
    /* top: 808px;
    left: 463px;
    width: 386px;
    height: 82px; */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-60)/72px var(--unnamed-font-family);
}

.title-about {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-45)/72px var(--unnamed-font-family);
}

.info-aboutus p {
    font: normal normal normal 16px/22px var(--unnamed-font-family);
}

.info-aboutus {
    /* Layout Properties */
    top: 0;
    width: 532px;
    height: auto;
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.box-aboutus,
.icon-img-holder-front,
.btn-aboutus,
.link-aboutus {
    height: auto;
    min-height: 50px;
}

.btn-aboutus {
    /* Layout Properties */
    width: 220px;
    height: 50px;
    /* UI Properties */
    background: var(--unnamed-color-e30713) 0% 0% no-repeat padding-box;
    background: #E30713 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 4px solid #fff;
    border-radius: 0 30px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.btn-ps {
    /* Layout Properties */
    width: 350px;
    height: 67px;
    /* UI Properties */
    background: var(--unnamed-color-e30713) 0% 0% no-repeat padding-box;
    background: #E30713 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 4px solid #fff;
    border-radius: 0px 20px;
    opacity: 1;
    /* UI Properties */
    text-align: center;
    font: normal normal bold 18px/55px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
}

.link-aboutus {
    /* Layout Properties */
    top: 1215px;
    left: 674px;
    width: 167px;
    height: 24px;
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-e30713);
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #E30713;
    opacity: 1;
}

.box-aboutus {
    width: 244px;
    text-align: center;
}

.icon-img-holder-front {
    display: block;
    margin: 0 auto;
    width: 90px;
}

.box-title,
.box-text {
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.box-title {
    /* width: 219px; */
    height: 60px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-22) / 30px var(--unnamed-font-family);
}

/* .box-text {
    width: 244px;
} */

/* .box-title:hover,
.box-text:hover {
    color: #E30713;

} */

#path-date {
    position: absolute;
    /* Layout Properties */
    top: 10px;
    left: 10px;
    width: 90px;
    height: 43px;
    /* UI Properties */
    background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 0px 20px;
    text-align: center;
    opacity: 1;
    /* position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: white; background-color: rgba(0,0,0,0.5); */
}

#path-date span {
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal 800 var(--unnamed-font-size-18)/var(--unnamed-line-spacing-43) var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: right;
    font: normal normal 800 18px/43px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#path-img {
    object-fit: cover;
    /* width: 100%; height: 100%;  */
    top: 1919px;
    left: 1347px;
    width: 292px;
    height: 175px;
    opacity: 1;
    /* width: 100%;
    height: 100%;*/
    border-radius: 0px 30px 0px 30px;

}

#path-block {
    min-width: 290px;
    /* max-height: 420px; */
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 0px 30px 0px 30px;
    opacity: 1;
}

#testimonials-block {
    min-width: 285px;
    min-height: 350px;
}

#testimonials-name {

    height: 45px;
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-22) var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal bold 24px/22px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#testimonials-subname {
    height: 60px;
    /* UI Properties */
    /* font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-22) var(--unnamed-font-family); */
    /* letter-spacing: var(--unnamed-character-spacing-0); */
    /* color: var(--unnamed-color-040419); */
    text-align: left;
    font: normal normal normal 18px/20px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #040419;
    opacity: 1;
}

#testimonials-job {
    /* Layout Properties */
    top: 2936px;
    left: 1262px;
    /* width: 363px; */
    height: 37px;
    /* UI Properties */
    background: var(--unnamed-color-040419) 0% 0% no-repeat padding-box;
    background: #040419 0% 0% no-repeat padding-box;
    border-radius: 15px 0px;
    opacity: 1;
    margin-top: 1em;
}

#testimonials-job p {
    margin-left: 10px;
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-33) var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal normal 16px/33px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#testimonials-content {
    padding-top: 1em;
    /* width: 363px; */
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;

}

#testimonials-img {
    /* Layout Properties */
    width: 105px;
    height: 105px;
    /* UI Properties */
    border: 2px solid #555555;
    border-radius: 0px 30px;
    box-sizing: border-box;
    /* Ensures that padding and border are included in the element's total width and height */
    object-fit: cover;
    /* Ensures the image covers the content box */
    opacity: 1;
}

#path-title-block {
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal 900 var(--unnamed-font-size-24)/var(--unnamed-line-spacing-22) var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#path-text-block {
    font: normal normal normal 18px/22px var(--unnamed-font-family);
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#path-btn-block {
    margin: auto;
    /* Layout Properties */
    top: 2258px;
    left: 1062px;
    width: 150px;
    height: 40px;
    /* UI Properties */
    background: var(--unnamed-color-e30713) 0% 0% no-repeat padding-box;
    background: #E30713 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 20px;
    text-align: center;
    opacity: 1;
}

#path-btn-block a {
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#allProg {
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-55) var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: center;
    text-decoration: underline;
    font: normal normal bold 18px/55px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#allProg a {
    color: #000000;
}

#testimonials {
    height: 650px;
    /* UI Properties */
    background: var(--unnamed-color-ececf3) 0% 0% no-repeat padding-box;
    background: #ECECF3 0% 0% no-repeat padding-box;
    opacity: 1;
}

.swu-info-box {
    width: 250px;
}

#sub-swu {
    margin: auto;
    /* Layout Properties */
    width: 810px;
    /* height: 57px; */
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal medium var(--unnamed-font-size-22)/28px var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-6e6e7d);
    text-align: center;
    font: normal normal medium 22px/28px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #6E6E7D;
    opacity: 1;
}

.img-swu-holder {
    top: 3558px;
    left: 1530px;
    width: 86px;
    height: 106px;
    opacity: 1;
}

#title-swu {
    margin: auto;
    /* width: 128px; */
    height: 60px;
    /* UI Properties */
    /* font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-33)/40px var(--unnamed-font-family); */
    /* letter-spacing: var(--unnamed-character-spacing-0); */
    /* color: var(--unnamed-color-040419); */
    text-align: center;
    font: normal normal bold 25px/30px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #040419;
    opacity: 1;
}

#text-swu {
    /* Layout Properties */
    top: 3777px;
    left: 1442px;
    width: 250px;
    height: 102px;
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-040419);
    text-align: center;
    letter-spacing: 0px;
    color: #040419;
    opacity: 1;
}

.title-h2 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-45)/54px var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: center;
    font: normal normal bold 45px/54px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.title-h1 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-60)/70px var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: center;
    font: normal normal bold 60px/70px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.sub-title-program {
    font: normal normal 22px/55px var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.personalSup-num {
    /* Layout Properties */
    width: 33px;
    height: 55px;
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal 800 var(--unnamed-font-size-60)/var(--unnamed-line-spacing-55) var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal 800 60px/55px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.PS-info-box {
    width: 205px;
}

#title-ps {
    height: 40px;
    font: normal normal bold 22px/20px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#text-ps {
    height: 120px;
    font: normal normal normal 16px/20px var(--unnamed-font-family);
    text-align: left;
    letter-spacing: 0px;
    color: #040419;
    opacity: 1;
}

.img-ps {
    /* Layout Properties */

    width: 50px;
    height: 50px;
    /* UI Properties */
    opacity: 1;
}

/* .business-style {
    background: var(--unnamed-color-ececf3) 0% 0% no-repeat padding-box;
    background: #ECECF3 0% 0% no-repeat padding-box;
    opacity: 1;
} */

#industry-img {
    /* Layout Properties */
    width: 176px;
    height: 195px;
    /* UI Properties */
    opacity: 1;
}

#industry-name {
    /* height: 45px; */
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-33)/var(--unnamed-line-spacing-55) var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal bold 33px/55px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#industry-job {
    /* Layout Properties */
    /* width: 208px;
    height: 29px; */
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal medium 22px/33px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #555555;
    opacity: 1;
}

#industry-text {
    /* width: 266px; */
    /* height: 96px; */
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.office-div {
    position: relative;
    height: 700px;
    overflow: hidden;
}

.office-img {
    display: block;
    width: 100%;
    height: auto;
    /* height: 965px; */
    opacity: 0.4;
    background: #555555 0% 0% no-repeat padding-box;
}

.office-dev {
    padding: 1em;
    position: absolute;
    top: 72px;
    left: 62px;
    width: 900px;
    /* height: 335px; */
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 0px 50px;
    opacity: 0.69;
}

.office-title {
    /* Layout Properties */
    /* top: 5700px;
        left: 886px;
        width: 885px;*/
    /* height: 82px;  */
    font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-45)/55px var(--unnamed-font-family);
    /* UI Properties */
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.office-text {
    /* height: 150px; */
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-size-22)/30px var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal 22px/33px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.office-subtext {
    /* Layout Properties */
    /* top: 5920px;
left: 1004px;
width: 770px; */
    /* height: 45px; */
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-size-18)/33px var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal 18px/33px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.btn-projects {
    align-content: center;
    width: 272px;
    height: 67px;
    position: absolute;
    top: 450px;
    left: 152px;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 12px #00000029;
    border-radius: 0px 20px;
    opacity: 1;

    text-align: center;
    font: normal normal bold 18px/22px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #E30713;
}

.btn-moreinfo {
    position: absolute;
    /* Layout Properties */
    top: 450px;
    left: 444px;
    width: 272px;
    height: 67px;
    /* UI Properties */
    background: var(--unnamed-color-e30713) 0% 0% no-repeat padding-box;
    background: #E30713 0% 0% no-repeat padding-box;
    border: none;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 20px;
    opacity: 1;


    text-align: center;
    font: normal normal bold 18px/22px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
}

.company-courses {
    width: 80%;
    margin: auto;
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
}



.new-card-company {
    /* Layout Properties */
    width: 250px;
    height: 200px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 3px 20px #00000033;
    position: relative;
    border-radius: 0px 30px;
    opacity: 1;
}

.sub-card-company {
    /* Layout Properties */
    width: 250px;
    height: 100px;
    /* UI Properties */
    background: #ECECF3 0% 0% no-repeat padding-box;
    position: absolute;
    border-radius: 0px 0px 0px 30px;
    bottom: 0;
}

.sub-course-company {
    /* Layout Properties */
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 117px;
    height: 40px;
    /* UI Properties */
    background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 0px 30px;
    opacity: 1;
    display: flex;
    justify-content: center;
    /* Center horizontally */
    align-items: center;

    font: normal normal bold 18px/28px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

}

.course-name-company {
    padding: 1em;
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/28px var(--unnamed-font-family);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-040419);
    text-align: left;
    font: normal normal bold 18px/28px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #040419;
    opacity: 1;
}

.course-company-img {
    /* Layout Properties */
    margin: 1em;
    display: block;
    width: 70px;
    height: 70px;
    /* UI Properties */
    background-size: contain !important;
    opacity: 1;
}

.btn-carsoul {
    width: 270px;
    /* UI Properties */
    background: var(--unnamed-color-e30713) 0% 0% no-repeat padding-box;
    background: #E30713 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 20px;

    /* UI Properties */

    text-align: center;
    font: normal normal bold 18px/55px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    /* display: block; */
    margin: 0 auto;
    border: 0;
}

.allArticles {
    /* UI Properties */
    text-align: center;
    text-decoration: underline;
    font: normal normal bold 18px/96px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.allArticles a {
    color: #000000;

}

.frontPage-form {
    position: relative;
    /* Layout Properties */
    /* top: 8795px; */
    left: 0px;
    /* width: 1920px; */
    /* height: 591px; */
    /* UI Properties */
    /* background: var(--unnamed-color-040419) 0% 0% no-repeat padding-box; */
    background: #040419 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    opacity: 1;
}

.img-contactus {
    position: absolute;
    bottom: 0px;
    right: 10px;
    /* Layout Properties */
    width: 470px;
    height: 350px;
    /* UI Properties */
    opacity: 1;
}

.frontPage-form #form-footer {
    padding: 2em 3em;
}

.frontPage-form hr {
    background-color: white;
    height: 10px;
    border: none;
    margin: 0;
}

#new-program {
    /* height: 725px; */
    background-image: url('/wp-content/themes/realtime//imgs/new-design-24/bgr_rt_hp_upcoming_courses-pic.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-control-next,
.carousel-control-prev {
    width: 10% !important;
}

.img-fix-test {
    height: 100px;
    width: 150px;
}

#industry-block {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    height: 260px;

}

/* program section */
.black-side-program {
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 1;
}

.black-shadow-program {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(90deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    pointer-events: none;
}

.blue-shadow-course {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(160deg, #0458aa 20%, #00000000 100%) 0 0 no-repeat padding-box;
    opacity: 1;
}

.path-h1 {
    position: absolute;
    left: 250px;
    right: 360px;
    font: normal normal 700 60px/75px var(--unnamed-font-family);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.course-h1 {
    position: absolute;
    left: 250px;
    right: 360px;
    font: normal normal 700 60px/75px var(--unnamed-font-family);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 60vw;
    opacity: 1;
}

.program-sub-h1 {
    position: absolute;
    top: 20%;
    left: 200px;
    /* width: 377px; */
    height: 40px;
    /* border: 1px solid var(--unnamed-color-ffffff); */
    background: #00000080 0 0 no-repeat padding-box;
    border: 1px solid #fff;
    border-radius: 0 20px;
    opacity: 1;
    text-align: left;
    font: normal normal 600 16px / 20px var(--unnamed-font-family);
    letter-spacing: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1em;
    margin: 0 auto;
}

.program-box-header {
    text-align: left;
    font: normal normal normal 18px/35px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.icon-img-program {
    width: 30px;
    height: 30px;
}

.icon-img-course {
    width: 40px;
    height: 40px;
}

.icon-img-course-cap {
    width: 60px;
    height: 40px;
}

.program-header-top {
    position: absolute;
    left: 250px;
    width: 500px;
}

.calendar-icon {
    color: var(--unnamed-color-ffffff);
}

.program-btn-red {
    width: 173px;
    height: 46px;
    /* display: inline-block; */
    /* background: #007bff 0% 0% no-repeat padding-box; */
    background: var(--unnamed-color-e30713) 0% 0% no-repeat padding-box;
    color: white;
    text-decoration: none;
    text-align: center;
    box-shadow: 0px 3px 10px #0000004D;
    border: 2px solid #FFFFFF;
    border-radius: 0px 20px;
    font: normal normal 700 16px/46px var(--unnamed-font-family);
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
    opacity: 1;
    margin-right: 1em;
}

.program-btn-white {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    color: var(--unnamed-color-e30713) !important;
    width: 173px;
    height: 46px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    box-shadow: 0px 3px 10px #0000004D;
    border: 2px solid #FFFFFF;
    border-radius: 0px 20px;
    font: normal normal 700 16px/46px var(--unnamed-font-family);
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
    opacity: 1;
    margin-right: 1em;
}

.program-btn-red:hover,
.program-btn-red:focus {
    background-color: #b20610;
    /* A darker blue for hover state */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    /* Increased shadow on hover */
    transform: translateY(-2px);
    /* Slight lift */
    outline: none;
    /* Remove focus outline */
    color: white;
}


.program-btn-white:hover,
.program-btn-white:focus {
    background-color: #e0e0e0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    /* Increased shadow on hover */
    transform: translateY(-2px);
    /* Slight lift */
    outline: none;
    /* Remove focus outline */
    color: white;
}

#program-page {
    position: relative;
    height: 630px;
    display: flex;
}
#course-page {
    position: relative;
    height: 500px;
    display: flex;
}

#pay-notes {
    /* top: 50%; */
    position: absolute;
    top: 325px;
    left: 250px;
    /* margin: auto; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1em;
}
#pay-notes-program {
    position: absolute;
    top: 460px;
    left: 250px;
    /* margin: auto; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1em;
}

.program-block {
    position: relative;
    /* Changed from absolute to relative */
    top: -100px;
    /* Adjusted top property */
    /* left: 190px; */
    width: 65%;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border-radius: 40px 0px;
    opacity: 1;
    padding-left: 3em;
    padding-right: 3em;
}

.course-block {
    position: relative;
    /* Changed from absolute to relative */
    top: -100px;
    /* Adjusted top property */
    /* left: 190px; */
    width: 65%;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border-radius: 40px 0px;
    opacity: 1;
    padding-left: 3em;
    padding-right: 3em;
}

/* ************************** */
.sticky-t {
    top: 100px;
    z-index: 1000;
    width: 200px;
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    margin: 10px;
}

.navbarSecandary-ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-left: 5px;
}

li.item-section {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #0000004D;
    width: fit-content;
    border-radius: 0px 20px;
    margin: 1px;
    padding-right: 10px;
}

li.item-section a {
    text-decoration: none;
    color: #ffffff;
    text-align: left;
    font: normal normal normal 14px/20px var(--unnamed-font-family);
    letter-spacing: 0.36px;
    padding: 5px;
    display: block;
    margin-left: 30px;
    opacity: 1;
}

li.item-section a::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 2px solid #000000;
    z-index: 1;
    transition: width 0.3s, height 0.3s;
}

li.item-section.simulatedHover {
    background-color: #000000;
}

li.item-section.simulatedHover a::before {
    width: 20px;
    height: 20px;
    left: 5px;
}

li.item-section.simulatedHover a::after {
    content: '';
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: #E30713;
    border-radius: 50%;
    z-index: 2;
}

/* ************************** */

.container-top-program {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.breadcrumb {
    /* margin-right: -3em;
    margin-left: -3em;
    border-radius: 40px 0 0 0;
    padding-left: 3em; */
    background-color: unset;
    /* margin-left: -1rem; */
}

.breadcrumb a {
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #E30713;
    opacity: 1;
}

.title-header {
    text-align: left;
    letter-spacing: 0px;
    color: #040419;
    opacity: 1;
}

a.link {
    font: var(--unnamed-font-style-normal) normal medium var(--unnamed-font-size-18)/var(--unnamed-line-spacing-55) var(--unnamed-font-family);
    text-align: right;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #E30713;
    opacity: 1;
}

.swu-info {
    width: 33%;
    height: 238px;
    font: var(--unnamed-font-style-normal) normal medium var(--unnamed-font-size-22)/26px var(--unnamed-font-family);
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.swu-info-text {
    height: 120px;
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal medium var(--unnamed-font-size-22)/26px var(--unnamed-font-family);
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.learn-process-text {
    width: 60vw;
}

.skill-info {
    width: 50%;
    /* height: 230px; */
    font: var(--unnamed-font-style-normal) normal medium var(--unnamed-font-size-22)/26px var(--unnamed-font-family);
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.skill-info-text {
    height: auto;
    /* UI Properties */
    text-align: left;
    font: normal normal normal 18px/28px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.skill-info-title {
    height: 52px;
    /* UI Properties */
    text-align: left;
    font: normal normal bold 24px/26px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.icon-check {
    width: 15px;
    height: 15px;
}

.check-list {
    list-style-type: none;
    /* Remove default bullets */
    padding-left: 0;
}

.check-list li {
    padding-left: 2em;
    /* Space for the icon */
    position: relative;
}

.check-list li::before {
    content: url('/wp-content/themes/realtime/imgs/new-design-24/Icon-awesome-check.svg');
    position: absolute;
    left: 0;
    top: 0.2em;
    /* Adjust to vertically align with text */
    width: 1em;
    /* Adjust size as needed */
    height: auto;
}

.syllabus-buttton,
.btn-form,
.btn-form1 {
    width: 250px !important;
    height: 60px !important;
    border: unset !important;
    font: normal normal bold 18px / 55px var(--unnamed-font-family) !important;
}

.btn-description,
.btn-form-cert,
.btn-popUp {
    width: 200px !important;
    height: unset !important;
    border: unset !important;
    font: normal normal 700 18px / 55px var(--unnamed-font-family) !important;
}



.role-title {
    height: 29px;
    /* UI Properties */
    text-align: left;
    font: normal normal bold 22px/22px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.arrow-icon {
    display: inline-block;
    margin-left: 5px;
    border: solid black;
    border-width: 0 2px 2px 0;
    padding: 3px;
    transform: rotate(45deg);
}

.collapsible.active .arrow-icon {
    transform: rotate(-135deg);
}

.colaps-close {
    cursor: pointer;
}

.colaps-close hr {
    width: 85%;
}

.header-description {
    display: flex;
    justify-content: space-between;
}

.bg-curiculam {
    width: 100vw;
    /* height: 2161px; */
    background: #ececf3 0 0 no-repeat padding-box;
    opacity: 1;
    margin-left: -285px;
}

.faq-title {
    /* UI Properties */
    text-align: left;
    font: normal normal bold 18px/22px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

#domain-head-selector-target-new {
    position: relative;
    width: 100vw;
    height: 700px;
    background: #000 0 0 no-repeat padding-box;
    /* background: url('/wp-content/themes/realtime/imgs/new-design-24/img_bgr_lecturer.webp'); */
    opacity: 1;

    margin-left: -285px;
    overflow: hidden;
}

#domain-head-new {
    position: absolute;
    top: 100px;
    left: 290px;
    width: 870px;
    height: auto;
    /* background: #020202 0% 0% no-repeat padding-box; */
    border-radius: 70px 0px;
    /* opacity: 0.7; */
    background: rgba(2, 2, 2, 0.7);
}

.head-department {
    width: 98vw;
    height: auto;
    top: -500px;
    position: absolute;
}

.head-department-course {
    width: 98vw;
    height: auto;
    top: 50px;
    position: absolute;
}

#teacher-img-new {
    width: 270px;
    height: 270px;
    border: 15px solid #FFFFFF;
    border-radius: 70px 0px;
    opacity: 1;
    position: absolute;
    left: 0;
}

.head-name {
    text-align: left;
    font: normal normal bold 30px/40px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
}

.head-job {
    text-align: left;
    font: normal normal normal 24px/40px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
}

.head-description {
    text-align: left;
    font: normal normal 300 18px/26px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#certifiact-selector-target-new {
    position: relative;
    top: -100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 0px 60px;
}

#business-partners,
#learn-process-selector-target,
#blog-emb,
#related-articles-courses,
#review-videos,
#pathsContainCourse,
#coursesCategory {
    width: 75vw;
}

/* **************************** */

.containertest {
    max-width: 1200px;
    background: white;
    border-radius: 0 60px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: 1px solid #000;
    margin-top: 2em;
}

.tabstest {
    display: flex;
    justify-content: space-between;
    /* background: #007BFF; */
}

.tabstest .tab-link {
    flex: 1;
    padding: 15px;
    border: 1px solid #000;
    background: #FFFFFF;
    cursor: pointer;
    transition: background 0.3s;
    text-align: center;
    font: normal normal normal 18px/20px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;

}

.curiculam-subtitle {
    font: normal normal bold 18px/20px var(--unnamed-font-family);
}

.tabstest .tab-link:hover {
    background: #ECECF3;
}

.tabstest .tab-link.activetest {
    border-bottom: unset !important;
    text-align: center;
    font: normal normal bold 20px/20px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.tab-contenttest {
    padding: 20px;
    display: none;
}

.tab-contenttest.activetest {
    display: block;
}

.tab-contenttest table {
    width: 100%;
    border-collapse: collapse;
}

.tab-contenttest th,
.tab-contenttest td {
    width: 25%;
}

.tr-first {
    border-bottom: 1px solid #707070;
}

.tab-contenttest th {
    height: 53px;
    background: #ECECF3 0% 0% no-repeat padding-box;
    text-align: left;
    font: normal normal bold 22px/28px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    width: 50%;
}

.course-name-table {
    text-align: left;
    font: normal normal bold 16px/28px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.tutition-sale {
    font: normal normal bold 18px/28px var(--unnamed-font-family);

}

.left-side-curiculam {
    flex: 0 0 250px;
}

.right-side-curiculam {
    flex: 0 0 60%;
}

/* .toggle-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('/wp-content/themes/realtime/imgs/new-design-24/Icon-ionic-ios-arrow-dropdown.svg') no-repeat center center;
    background-size: contain;
    transition: transform 0.3s ease;
}

.toggle-button[aria-expanded="true"] .toggle-icon {
    background: url('/wp-content/themes/realtime/imgs/new-design-24/Icon-ionic-ios-arrow-dropdown-up.svg') no-repeat center center;
    background-size: contain;
} */

.toggle-button {
    display: flex;
    align-items: center;
    justify-content: end;
}

.toggle-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    transition: transform 0.3s ease;
}

.toggle-text {
    margin-right: 1em;
    text-align: center;
    font: normal normal medium 18px/28px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.toggle-button[aria-expanded="false"] .toggle-icon {
    background: url('/wp-content/themes/realtime/imgs/new-design-24/Icon-ionic-ios-arrow-dropdown.svg') no-repeat center center;
}

.toggle-button[aria-expanded="true"] .toggle-icon {
    background: url('/wp-content/themes/realtime/imgs/new-design-24/Icon-ionic-ios-arrow-dropdown-up.svg') no-repeat center center;
}

.toggle-button[aria-expanded="false"] .toggle-text::before {
    content: 'more info';
}

.toggle-button[aria-expanded="true"] .toggle-text::before {
    content: 'close';
    color: #E30713;
}

.toggle-note {
    width: 80%;
    padding-left: 1em;
}

.sub-title-article {
    /* UI Properties */
    text-align: center;
    font: normal normal medium 45px/54px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
}

.blog-btn {
    width: 474px;
    height: 67px;
    /* UI Properties */
    background: var(--unnamed-color-e30713) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 12px #00000029;
    border-radius: 0px 20px;
    opacity: 1;

    /* text-align: right; */
    font: normal normal normal 18px/96px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.flex-start-aligned {
    align-items: flex-start;
}

#details-notes,
#details-notes-desktop {
    top: 30%;
}

iframe {
    width: 100%;
}

.head-department-mainTitle {
    letter-spacing: 1.2px !important;
    color: #FFFFFF !important;
}

.dropdown-toggle::after {
    display: none;
}

.holderVideo {
    width: 560px;
    height: 315px;
    cursor: pointer;
}

.all-caps {
    text-transform: uppercase;
}

.bottom-btn {
    position: fixed;
    bottom: 0;
    left: 75vw;
    z-index: 49;
    width: unset !important;
    height: unset !important;
    border-radius: 0 20px 0 0 !important;
}

.bottom-form {
    position: fixed;
    right: 10vw;
    bottom: 0;
    z-index: 50;
    width: 20%;
    height: auto !important;
}

.home-arc-src {
    filter: opacity(0.6);
    object-fit: cover !important;
    object-position: 80% 50%;
    ;
}

.home-page-head {
    position: absolute;
    overflow: hidden;
    min-height: 100vh;
    background-color: #000000;
}

#title-course {
    top: 10px;
}

.course-details {
    position: absolute;
    left: 200px;
    /* width: 500px;
    bottom: 10px; */
    width: 75%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
}

.main-course-block {
    width: 200px;
    height: 139px;
    /* UI Properties */
    background: rgba(0, 0, 0, .5) 0 0 no-repeat padding-box;
    border-radius: 0 30px;
}

.course-details-info {
    /* UI Properties */
    text-align: center;
    font: normal normal 900 30px/60px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.strikethrough {
    text-decoration: line-through;
}

.courseSubTitle {
    text-align: left;
    font: normal normal medium 22px/55px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #555555;
    opacity: 1;
}

.courseImage {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.imgInsideBlock {
    /* Layout Properties */
    left: 1em;
    width: 80px;
    height: 80px;
    /* UI Properties */
    /* background: #000000 0% 0% no-repeat padding-box;
    border-radius: 0px 30px;
    opacity: 1; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 0px 20px;
    opacity: 0.71;
}

.div-border {
    /* transform: matrix(-1, 0, 0, -1, 0, 0); */
    /* background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 0 0 0 40px;
    opacity: 1;
}

#skill li::marker {
    color: #E30713;
}

.topic-Ch-num {
    text-align: left;
    font: normal normal bold 16px/0px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
}

.topic-Ch-text {
    text-align: left;
    font: normal normal normal 16px/22px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #555555;
}

#video-section {
    position: relative;
    top: -100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 0px 60px;
}

.video-container-courses {
    margin: 0 auto;
    display: block;
}

/* **FAQ Section** */
.collapsible button {
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #040419 0 0 no-repeat padding-box;
    opacity: 1;
    border-radius: 0 10px;
    border: 1px solid #040419;
}

.collapsible.active button {
    width: 50px;
    height: 50px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-000000);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    opacity: 1;
}

.collapsible button:after {
    content: "\002B";
    width: 20px;
    height: 20px;
    /* UI Properties */
    text-align: center;
    font: normal normal 33px/20px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.collapsible.active button:after {
    content: "\2212";
    width: 20px;
    height: 20px;
    text-align: center;
    font: normal normal 33px / 20px var(--unnamed-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.collapsible.active {
    display: block !important;
}

.content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s;
    border-radius: 5px;
}

/* ***** */
.collapsible-course {
    /* background-color: #f1f1f1; */
    color: #444;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
}

.arrow {
    float: right;
    color: #E30713;
    transition: transform 0.3s ease;
    /* transform: rotate(0deg); */
}

.collapsible-course .arrow.active {
    transform: rotate(90deg);
}

.collapsible-course .arrow {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.plus-minus {
    float: right;
    font: normal normal 900 30px / 20px var(--unnamed-font-family);
    color: #E30713;
    transition: transform 0.3s ease;
    /* transform: rotate(0deg); */
}

.collapsible-container {
    transition: box-shadow 0.3s ease, border 0.3s ease;
    box-shadow: 0 0 5px #E30713;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 0 0 0 40px;
    opacity: 1;
}

h1,
h2 {
    text-transform: capitalize;
}

li {
    padding-bottom: 10px;
}

.navbarSecandary-ul li {
    padding-bottom: unset !important;
}

button {
    text-transform: uppercase;
}

.payment-tuition {
    font: normal normal 900 16px / 20px var(--unnamed-font-family);
}

.per-month {
    font: normal normal 900 24px / 20px var(--unnamed-font-family);
}

/* Styles for the pop-up container */
.exit-intent-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    /* border: 1px solid #ccc; */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    border-radius: 0 50px;
}

/* Style for the close button */
.exit-intent-popup .close-btn {
    position: absolute;
    /* top: 5px;
    right: 5px; */
    cursor: pointer;
    font-size: 25px;
}

#exitPopup {
    text-align: left;
    padding: 1em;
}

#details-notes-course {
    top: 150px;
}

.course-header-top {
    position: absolute;
    left: 250px;
    width: 500px;
}
#path-pic {
    max-height: 630px;
    object-fit: cover !important;
    width: 100%;
    height: 630px;
    object-position: 25%;
}

#course-pic {
    max-height: 500px;
    object-fit: cover !important;
    width: 100%;
    height: 500px;
}