:root {
    --common-text-clr: #000D3D;
    --blue-clr: #305BF3;
    --pink-clr: #EE23B5;
    --black-clr: #414965;
    --thin-fw: 100;
    --extra-light-fw: 200;
    --light-fw: 300;
    --regular-fw: 400;
    --medium-fw: 500;
    --semi-bold-fw: 600;
    --bold-fw: 700;
    --extra-bold-fw: 800;
    --black-fw: 900;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--common-text-clr);
}

.poppins-font {
    font-family: "Poppins", sans-serif;
}

.purple-bg {
    background-color: #EBEEF8;
}

.common-text-clr {
    color: var(--common-text-clr);
}

.pink-clr {
    color: var(--pink-clr);
}

.red-clr {
    color: red;
}

.black-clr {
    color: var(--black-clr);
}

.blue-clr {
    color: var(--blue-clr);
}

.current-clr {
    color: currentColor;
}

.cursor-pointer {
    cursor: pointer;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.no-after::after {
    display: none;
}

.opacity-8 {
    opacity: 0.8;
}

.max-width-75 {
    max-width: 75px;
}

.max-width-100 {
    max-width: 6.25rem;
}

.w-175 {
    width: 175px;
}

/* Different Font Sizes */
.fs-10 {
    font-size: 0.625rem;
}

.fs-12 {
    font-size: 0.75rem;
}

.fs-14 {
    font-size: 0.875rem;
}

.fs-16 {
    font-size: 1rem;
}

.fs-18 {
    font-size: 1.125rem;
}

.fs-20 {
    font-size: 1.25rem;
}

.fs-22 {
    font-size: 1.375rem;
}

.fs-24 {
    font-size: 1.5rem;
}

.fs-26 {
    font-size: 1.625rem;
}

.fs-28 {
    font-size: 1.75rem;
}

.fs-30 {
    font-size: 1.875rem;
}

.fs-32 {
    font-size: 2rem;
}

.fs-34 {
    font-size: 2.125rem;
}

.fs-36 {
    font-size: 2.25rem;
}

.fs-38 {
    font-size: 2.375rem;
}

.fs-40 {
    font-size: 2.5rem;
}

.fs-42 {
    font-size: 2.625rem;
}

.fs-44 {
    font-size: 2.75rem;
}

.fs-46 {
    font-size: 2.875rem;
}

.fs-48 {
    font-size: 3rem;
}

.fs-50 {
    font-size: 3.125rem;
}

.fs-52 {
    font-size: 3.25rem;
}

.fs-54 {
    font-size: 3.375rem;
}

.fs-56 {
    font-size: 3.5rem;
}

.fs-58 {
    font-size: 3.625rem;
}

.fs-60 {
    font-size: 3.75rem;
}

/* Different Font Weights */
.thin-fw {
    font-weight: var(--thin-fw);
}

.extra-light-fw {
    font-weight: var(--extra-light-fw);
}

.light-fw {
    font-weight: var(--light-fw);
}

.regular-fw {
    font-weight: var(--regular-fw);
}

.medium-fw {
    font-weight: var(--medium-fw);
}

.semi-bold-fw {
    font-weight: var(--semi-bold-fw);
}

.bold-fw {
    font-weight: var(--bold-fw);
}

.extra-bold-fw {
    font-weight: var(--extra-bold-fw);
}

.black-fw {
    font-weight: var(--black-fw);
}

/* Margin Styles */
.ms-12 {
    margin-left: 0.75rem;
}

.ms-32 {
    margin-left: 2rem;
}

.mt-30 {
    margin-top: 1.875rem;
}

.mt-32 {
    margin-top: 2rem;
}

.mt-36 {
    margin-top: 2.25rem;
}

.mt-40 {
    margin-top: 2.5rem;
}

.mt-42 {
    margin-top: 2.625rem;
}

.mt-50 {
    margin-top: 3.125rem;
}

.mt-60 {
    margin-top: 3.75rem;
}

.mb-30 {
    margin-bottom: 1.875rem;
}

.mb-32 {
    margin-bottom: 2rem;
}

.mb-36 {
    margin-bottom: 2.25rem;
}

.mb-40 {
    margin-bottom: 2.5rem;
}

.mb-42 {
    margin-bottom: 2.625rem;
}

.mb-50 {
    margin-bottom: 3.125rem;
}

.mb-60 {
    margin-bottom: 3.75rem;
}

/* Different Text Styles */
.font-style-italic {
    font-style: italic;
}

.text-underline {
    text-decoration: underline;
}

.p-relative {
    position: relative;
}

.btn:focus, .btn:active, .form-control:focus, .form-select:focus {
    box-shadow: none;
}

/* ------------ User Home Page Stars here ------------ */
/* Top Blue Bar */
.top-blue-bar {
    background-color: var(--blue-clr);
    padding: 0.5rem 2rem;
}

.top-blue-bar p a {
    color: #fff;
    transition: 0.15s ease-in;
}

.top-blue-bar p a:hover {
    color: rgba(255, 255, 255, 0.9);
}

.top-blue-bar .bar-close-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.5rem;
    line-height: 0;
}

.top-blue-bar .bar-close-btn:hover {
    opacity: 0.9;
}

/* Top Blue Bar Ends */
/* Navbar */
.mlg-navbar .nav-item {
    margin-right: 2rem;
}

.mlg-navbar .nav-item:last-child {
    margin-right: 0;
}

.mlg-navbar .nav-item .nav-link:hover {
    color: #017fc1;
}

.mlg-navbar .nav-item .nav-link.active {
    color: var(--blue-clr);
}

.invite-collegue-navbar-btn {
    background: var(--blue-clr);
    font-weight: var(--semi-bold-fw);
    color: #fff;
    padding: 0.65rem 1.65rem;
    border-radius: 3.5rem;
}

.invite-collegue-navbar-btn:hover {
    color: #fff;
    background: #017fc1;
}

.share-pos {
    position: relative;
    top: 2px;
    left: -2px;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
    padding: 0.5rem 1rem;
}

.navbar-light .navbar-toggler:focus {
    box-shadow: none;
}

.links-collapse .navbar-bookmark-btn {
    display: none;
}

.links-collapse.with-bookmark {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.links-collapse.with-bookmark .navbar-bookmark-btn {
    display: inline-block;
    margin-bottom: 2rem;
}

.links-collapse.with-bookmark .navbar-bookmark-btn:hover {
    background-color: #e3e9ff;
}

/* Navbar Ends */
/* Hero Heading */
.hero-heading-section .hero-heading-wrapper {
    padding: 6rem 4rem 4rem;
    font-weight: 400;
}

.hero-heading-section .hero-heading {
    font-size: 4.25rem;
    line-height: 1.3;
}

.hero-heading-section .hero-heading br {
    display: none;
}

/* Hero Heading Ends */
/* Video Section */
.video-section {
    margin-top: 6rem;
    margin-bottom: 8rem;
}

.padding-div {
    padding: 0rem 6rem;
}

.video-content {
    display: flex;
    justify-content: center;
    width: 100%;
}

.video-box {
    width: 100%;
    position: relative;
    background-color: #111;
    border-radius: 2rem;
}

.video-box iframe, .video-box video {
    width: 100%;
    border-radius: 2rem;
    display: block;
    aspect-ratio: 16/9;
}

.video-box .video-thumb {
    width: 100%;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}

.video-box .video-thumb .video-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-box .video-thumb .vid-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-box .pattern-div {
    position: absolute;
    z-index: -1;
    bottom: -3rem;
    left: -3rem;
}

.video-actions {
    position: absolute;
    right: -5.5rem;
    bottom: 0;
    width: auto;
}

.video-actions .nav .nav-item {
    margin-bottom: 3rem;
}

.video-actions .nav .btn {
    background-color: #fff;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 25px 80px rgba(238, 35, 181, 0.18), 0px 12.6562px 34.875px rgba(238, 35, 181, 0.1215);
}

.video-actions .nav .btn:hover {
    box-shadow: 0px 0px 45px rgba(238, 15, 181, 0.195), 0px 0px 20.875px rgba(238, 35, 181, 0.15);
}

.video-modal .modal-content {
    background-color: #EBEEF8;
    border-radius: 2rem;
    overflow: hidden;
}

.video-modal .btn-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 9999;
}

/* Video Section Ends */
/* Faculty */
.faculty-nav .item {
    padding-right: 1rem;
}

.faculty-nav .slick-track {
    padding-top: 1rem;
}

.faculty-nav .slick-list {
    margin-inline: 1rem;
}

.faculty-nav .slick-prev::before, .faculty-nav .slick-prev::after, .faculty-nav .slick-next::before, .faculty-nav .slick-next::after {
    display: none;
}

.faculty-img-div {
    width: 125px;
    height: 125px;
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative;
    transition: all 0.15s;
}

.faculty-img-div:hover {
    transform: translateY(-0.75rem);
}

.faculty-img-div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faculty-title {
    cursor: pointer;
}

.faculty-title:hover {
    transition: 0.15s;
    color: var(--blue-clr);
}

.faculty-div {
    padding: 0 1.5rem;
}

/* Faculty Ends*/
/* Highlights */
.highlights-section {
    margin-bottom: 5rem;
}

.highlights-nav {
    padding-top: 2.5rem;
}

.highlights-nav .highlight-heading {
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
}

.highlights-nav .highlight-heading .nav-item {
    margin-bottom: 3rem;
}

.highlights-nav .highlight-heading span {
    color: var(--pink-clr);
    position: relative;
    margin-right: 0.65rem;
    display: inline-block;
}

.highlights-nav .highlight-heading span::after {
    content: "";
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 8px;
    border-radius: 3px;
    background-color: #FCDEF4;
    z-index: -1;
    transition: 0.25s;
}

.highlights-nav .highlight-heading span:hover::after {
    height: 3px;
}

.arrow-btn-group .btn {
    border: 1.5px solid #ccd7f0;
    padding: 0.5rem 1rem;
}

.arrow-btn-group .btn.disabled {
    background-color: #eee;
}

.arrow-btn-group .btn:hover {
    background-color: #ecf0fb;
}

/* Highlights Ends */
/* Video Q&A */
.qa-number {
    background: #FCDEF4;
    border-radius: 25px 6px 6px 25px;
    position: relative;
    height: 2.5rem;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 2rem 0 3.5rem;
    color: var(--pink-clr);
}

.qa-number span {
    position: absolute;
    left: 0;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--pink-clr);
    color: #fff;
    flex-shrink: 0;
    text-align: center;
}

.vid-qa-img {
    width: 170px;
    height: 120px;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}

.vid-qa-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-qa-para:hover {
    color: var(--blue-clr);
}

/* Video Q&A Ends */
/* Resources */
.resources-section {
    margin-top: 5rem;
    margin-bottom: 6rem;
}

.resources-nav {
    margin-top: 3rem;
}

.resources-nav .resource-title {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: var(--common-text-clr);
}

/*.resources-nav .resource-title::after {*/
/*  content: "";*/
/*  left: 0;*/
/*  position: absolute;*/
/*  bottom: 2px;*/
/*  width: 100%;*/
/*  height: 8px;*/
/*  border-radius: 3px;*/
/*  background-color: #fcdef4;*/
/*  z-index: -1;*/
/*  transition: 0.25s;*/
/*}*/
.resources-nav .resource-title:hover {
    color: var(--pink-clr);
}

.resources-nav .resource-title:hover::after {
    height: 3px;
}

/* Resources Ends */
/* Testimonials */
.testimonial-person {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.testimonial-person.little-round {
    border-radius: 0.5rem;
}

.testimonial-person img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonials-div .slick-track, .case-study-carousel .slick-track {
    padding-top: 1rem;
}

.testimonials-div .slick-list, .case-study-carousel .slick-list {
    margin-inline: 1rem;
}

.testimonials-div .slick-prev::before, .testimonials-div .slick-prev::after, .testimonials-div .slick-next::before, .testimonials-div .slick-next::after, .case-study-carousel .slick-prev::before, .case-study-carousel .slick-prev::after, .case-study-carousel .slick-next::before, .case-study-carousel .slick-next::after {
    display: none;
}

.testimonials-div .video-box, .case-study-carousel .video-box {
    margin-top: 1.75rem;
}

/* Testimonials Ends */
/* Invite Your Staff Section */
.invite-your-staff-section {
    margin-top: 10rem;
    margin-bottom: 10rem;
}

.question-icon-div {
    position: relative;
}

.question-icon-div .question-pop-up {
    position: absolute;
    top: -100%;
    left: -2rem;
    transform: translateY(-90%);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    padding: 2rem;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
    width: 450px;
    border-radius: 1rem;
    transition: 0.2s ease-in-out;
    z-index: 999;
}

.question-icon-div .question-pop-up::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 30px;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background-color: #fff;
    transform: rotate(45deg);
    box-shadow: 0px 14px 8px rgba(0, 0, 0, 0.085);
}

.question-icon-div:hover .question-pop-up {
    transform: translateY(-100%);
    opacity: 1;
    visibility: visible;
}

.custom-control {
    background: #FFF;
    border: 2px solid #E8EDF8;
    border-radius: 14px;
    min-height: 55px;
    padding-left: 1rem;
    font-size: 14px;
}

.custom-control.datepicker {
    border-radius: 14px;
    padding-left: 1rem;
}

.custom-control.fs-16 {
    font-size: 1rem;
}

.custom-control.fs-18 {
    font-size: 1.125rem;
}

.custom-control::placeholder {
    color: var(--common-text-clr);
    opacity: 0.4;
}

.custom-control.left-padding {
    padding-left: 3rem;
}

textarea.custom-control {
    padding: 1.5rem;
    padding-bottom: 3rem;
    font-size: 1.125rem;
    font-weight: var(--semi-bold-fw);
}

textarea.custom-control::placeholder {
    font-weight: var(--semi-bold-fw);
    font-size: 1.125rem;
}

.input-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
}

.text-area-actions {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1rem;
}

.txt-action-btn:hover {
    background-color: #f4f4f4;
}

.cancel-outline-btn {
    padding: 0.75rem 3rem;
    color: var(--blue-clr);
    background: #FFF;
    border: 2px solid var(--blue-clr);
    border-radius: 3.5rem;
    font-size: 1.125rem;
    font-weight: var(--semi-bold-fw);
}

.cancel-outline-btn:hover {
    background-color: #f0f9f9;
}

.invite-blue-btn {
    padding: 0.75rem 3rem;
    color: #fff;
    background: var(--blue-clr);
    border: 2px solid var(--blue-clr);
    border-radius: 3.5rem;
    font-size: 1.125rem;
    font-weight: var(--semi-bold-fw);
}

.invite-blue-btn:hover {
    color: #fff;
    background: #017fc1;
    border-color: #017fc1;
}

/* Invite Your Staff Section Ends */
/* Footer */
footer .nav .nav-item {
    word-break: unset;
}

footer .footer-sponsor span,
footer .footer-sponsor strong {
    font-family: 'poppins' !important;
}

.first-footer-row {
    padding: 50px 0 25px;
}

.second-footer-row {
    border-top: 2px solid #a7a9ac;
}

.footer-links-nav .nav-link {
    color: #017abc;
}

.footer-links-nav .nav-link:hover {
    color: var(--blue-clr);
}

/* Footer ends */
/* Add a Note Modal */
.note-modal .modal-dialog {
    margin-top: 6rem;
}

.note-modal.invite-staff-modal .modal-dialog {
    max-width: 750px;
}

.note-modal .modal-content {
    background-color: #EBEEF8;
    border-radius: 1.25rem;
}

.note-modal .modal-header {
    border-bottom: 0;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0;
}

.note-modal .modal-header .modal-title-div {
    order: 2;
    text-align: center;
}

.note-modal .modal-body {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
}

.note-modal .modal-footer {
    border-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1.75rem;
}

.note-modal .modal-footer .note-view-all-btn {
    background: #F5F8FF;
    border: 2px solid #305BF3;
    box-sizing: border-box;
    border-radius: 56px;
    padding: 0.5rem 1.5rem;
}

.note-modal .modal-footer .note-view-all-btn:hover {
    background-color: #e0e6fa;
}

.note-textarea {
    background-color: #fff;
    box-shadow: 0px 16px 32px rgba(9, 26, 67, 0.1);
    border-radius: 14px;
    padding: 1.25rem 1.5rem 1rem;
    max-width: 470px;
    margin: 0 auto;
}

.note-textarea.light-blue-border {
    border: 2px solid #E8EDF8;
}

.note-textarea .note-title-input {
    padding-left: 0;
    transition: 0.125s ease-in;
    font-weight: var(--semi-bold-fw);
    border: 1px solid transparent;
}

.note-textarea .note-title-input:active, .note-textarea .note-title-input:focus {
    border: 1px solid #f2f2f2;
    padding-left: 1rem;
}

.note-textarea .note-title-input::placeholder {
    font-weight: var(--semi-bold-fw);
}

.note-textarea textarea {
    border: 0;
    width: 100%;
    font-weight: var(--medium-fw);
    transition: 0.125s ease-in;
}

.note-textarea textarea:focus {
    outline: 0;
    padding-left: 1rem;
}

.note-textarea textarea::placeholder {
    opacity: 0.6;
}

.note-time-label {
    font-size: 0.75rem;
    opacity: 0.4;
    font-weight: var(--medium-fw);
}

.note-save-btn {
    background: var(--blue-clr);
    border-radius: 3.5rem;
    color: #fff;
    padding: 0.5rem 1.5rem;
    border: 2px solid var(--blue-clr);
}

.note-save-btn:hover {
    background-color: #017fc1;
    border-color: #017fc1;
    color: #fff;
}

.modal .btn-close {
    order: 1;
    background: none;
    padding: 0;
    opacity: 1;
    width: 2rem;
    height: 2rem;
}

.modal .btn-close img {
    margin: 0 auto;
}

.modal .btn-close:hover {
    opacity: 0.85;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.085);
}

/* Add a Note Modal Ends */
/* Faculty Modal */
.faculty-modal .modal-dialog {
    margin-top: 5rem;
    max-width: 650px;
}

.faculty-modal .modal-content {
    border-radius: 1.25rem;
}

.faculty-modal .modal-header {
    border-bottom: 0;
    padding: 1.25rem 1.25rem 0;
}

.faculty-modal .modal-body {
    padding-left: 2rem;
    padding-right: 2rem;
}

.welcome-modal .modal-body {
    padding: 1.25rem;
}

.welcome-modal .modal-content {
    border-radius: 1.5rem;
}

.welcome-video-div {
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #111;
    background-color: #111;
}

.welcome-video-div iframe {
    border-radius: 8px;
}

.loader-spinner {
    background-color: #eff1f6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
}

.get-started-btn {
    background-color: var(--blue-clr);
    color: #fff;
    padding: 0.35rem 2.75rem;
    border-radius: 3.5rem;
}

.get-started-btn:hover, .get-started-btn:focus, .get-started-btn:active {
    background-color: #017fc1;
    color: #fff;
}

.got-it-btn {
    background-color: transparent;
    color: var(--blue-clr);
    padding: 0.35rem 2.75rem;
    border-radius: 3.5rem;
    border: 1px solid #e3e9ff;
}

.got-it-btn:hover, .got-it-btn:focus, .got-it-btn:active {
    border-color: #017fc1;
    background-color: #017fc1;
    color: #fff;
}

.faculty-text {
    background: #EE23B5;
    border-radius: 6px;
    color: #fff;
    padding: 0.25rem 0.75rem;
    margin-bottom: 0.75rem;
}

.faculty-details {
    padding-bottom: 0.75rem;
}

.faculty-details .faculty-name {
    font-weight: var(--bold-fw);
    font-size: 1.5rem;
    padding-bottom: 0.5rem;
}

.faculty-details p {
    font-weight: var(--medium-fw);
    margin-bottom: 0.65rem;
}

/* Faculty Modal Ends */
/* Share Content Modal */
.share-content-modal .modal-content {
    background: linear-gradient(180deg, #E8F4FF 0%, #FFFFFF 100%);
}

.share-content-modal .share-content-btn {
    background-color: var(--blue-clr);
    color: #fff;
    padding: 0.45rem 2rem;
    border-radius: 3.5rem;
}

.share-content-modal .share-content-btn:hover {
    background-color: #017fc1;
}

.blue-outline-btn {
    background: #F5F8FF;
    border: 2px solid #305BF3;
    box-sizing: border-box;
    border-radius: 3.5rem;
    padding: 0.65rem 2rem;
    font-weight: var(--semi-bold-fw);
    color: var(--blue-clr);
}

.blue-outline-btn.small-size {
    font-size: 15px;
    padding: 0.45rem 1rem;
}

.blue-outline-btn:hover {
    background-color: var(--blue-clr);
    color: #fff;
}

/* Share Content Modal Ends */
/* ------------  End of User Home Page ------------  */
/* My Notes */
.all-notes-section {
    margin-top: 5rem;
    margin-bottom: 15rem;
}

.all-notes-section.less {
    margin-top: 3rem;
    margin-bottom: 5rem;
}

.all-notes-div {
    padding-bottom: 2rem;
    display: column;
    columns: 2;
    gap: 1.5rem;
}

.all-notes-div * {
    break-inside: avoid;
}

.all-notes-div .note-card {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    position: relative;
}

.all-notes-div .note-card .note-card-title, .all-notes-div .note-card .note-card-para {
    color: #494A02;
}

.all-notes-div .note-card .note-card-inner {
    border-radius: 1.385rem;
    padding: 2rem 1.5rem 0.75rem;
    cursor: pointer;
    transition: all 0.125s ease-in;
    position: relative;
}

.all-notes-div .note-card .note-card-inner .delete-note-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 0.1rem;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s ease-in;
}

.all-notes-div .note-card:hover .note-card-inner {
    box-shadow: 0px 50px 80px rgba(0, 0, 0, 0.07), 0px 40.0185px 46.8519px rgba(0, 0, 0, 0.0531481), 0px 27.3481px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 14.2px 13px rgba(0, 0, 0, 0.035), 0px 5.78519px 6.51852px rgba(0, 0, 0, 0.0274815), 0px 1.31481px 3.14815px rgba(0, 0, 0, 0.0168519);
}

.all-notes-div .note-card:hover .delete-note-btn {
    opacity: 1;
    visibility: visible;
}

.all-notes-div .card-bg-1 {
    background-color: #FDFF97;
}

.all-notes-div .card-bg-1 .note-card-title, .all-notes-div .card-bg-1 .note-card-para {
    color: #494A02;
}

.all-notes-div .card-bg-1 .note-time-label {
    opacity: 1;
    color: #939554;
}

.all-notes-div .card-bg-2 {
    background-color: #C5FF97;
}

.all-notes-div .card-bg-2 .note-card-title, .all-notes-div .card-bg-2 .note-card-para {
    color: #1C3D02;
}

.all-notes-div .card-bg-2 .note-time-label {
    opacity: 1;
    color: #6D9350;
}

.all-notes-div .card-bg-3 {
    background-color: #97F9FF;
}

.all-notes-div .card-bg-3 .note-card-title, .all-notes-div .card-bg-3 .note-card-para {
    color: #07393D;
}

.all-notes-div .card-bg-3 .note-time-label {
    opacity: 1;
    color: #59969A;
}

.all-notes-div .card-bg-4 {
    background-color: #FF97FB;
}

.all-notes-div .card-bg-4 .note-card-title, .all-notes-div .card-bg-4 .note-card-para {
    color: #3C0339;
}

.all-notes-div .card-bg-4 .note-time-label {
    opacity: 1;
    color: #904F8E;
}

.all-notes-div .card-bg-5 {
    background-color: #FFC997;
}

.all-notes-div .card-bg-5 .note-card-title, .all-notes-div .card-bg-5 .note-card-para {
    color: #412104;
}

.all-notes-div .card-bg-5 .note-time-label {
    opacity: 1;
    color: #A37F5D;
}

.download-simple-btn {
    padding: 0.6rem 2rem;
    border-radius: 1.5rem;
    padding-right: 0;
    transition: 0.25s ease-in;
}

.download-simple-btn:hover {
    color: #017fc1;
    border: 1px solid #017fc1;
    padding-right: 2rem;
}

.download-blue-btn {
    padding: 0.6rem 2rem;
    border-radius: 1.5rem;
    background-color: var(--blue-clr);
    color: #fff;
}

.download-blue-btn:hover {
    color: #fff;
    background-color: #017fc1;
    border: 1px solid #017fc1;
}

.delete-note-modal .modal-dialog {
    margin-top: 12rem;
}

.delete-note-modal .modal-content {
    background: #EBEEF8;
}

.delete-note-modal .modal-header {
    align-items: flex-start;
    padding-left: 2.5rem;
}

.delete-note-modal .modal-footer {
    border-top: 0;
    padding-left: 2.5rem;
}

.modal-cancel-btn {
    border: 2px solid var(--blue-clr);
    color: var(--blue-clr);
    box-sizing: border-box;
    border-radius: 56px;
    padding: 0.5rem 1.5rem;
}

.modal-cancel-btn:hover {
    background-color: #e0e6fa;
}

/* End of My Notes Page */
/* My Invites Page */
.program-invites-table .program-status span {
    cursor: pointer;
}

.program-invites-table .email-td .delete-field-btn {
    opacity: 0;
    visibility: hidden;
    line-height: 1;
}

.program-invites-table .email-td:hover .delete-field-btn {
    opacity: 1;
    visibility: visible;
}

.my-invites-section {
    margin-top: 5rem;
    margin-bottom: 10rem;
}

.invites-table-div {
    background-color: #fff;
    border-radius: 2rem;
    padding: 2rem 0 0.75rem;
    overflow: hidden;
}

.invites-table-div .table-heading {
    background: #FFFBA2;
    border-radius: 12px;
    padding: 0.75rem 1rem;
}

.invites-table-div .table-heading.plus {
    background: transparent;
}

.invites-table-div .table-heading.plus a {
    color: rgba(0, 13, 61, 0.6);
    text-decoration: none;
}

.invites-table-div .table-heading.plus a:hover {
    opacity: 1;
    color: var(--blue-clr);
}

.invites-table-div .table-heading.plus span {
    background: #FFFBA2;
    padding: 0.75rem 1rem;
    display: inline-block;
    border-radius: 12px;
    opacity: 1;
    font-size: 1.625rem;
}

.invites-table-div .entries-label {
    white-space: nowrap;
    align-items: center;
    margin-top: 0.75rem;
}

.invites-table-div .entries-label .entries-select {
    border: 0;
    background-image: url("../images/icons/select-caret.svg");
    background-size: 12px 8px;
    padding-right: 1.75rem;
}

.invites-table-div .entries-label .entries-select:focus, .invites-table-div .entries-label .entries-select:active {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.095);
}

.invites-table-div .invites-table-upper {
    padding: 1rem 1.5rem 0 1.5rem;
}

.invites-table-div .invites-table-upper .search-filter-btn {
    background: #8630F3;
    border-radius: 2.3rem;
    color: #fff;
    padding: 0.65rem 1rem;
    font-weight: var(--semi-bold-fw);
}

.invites-table-div .invites-table-upper .search-filter-btn:hover {
    background: var(--blue-clr);
}

.invite-staff-table-btn {
    background: var(--blue-clr);
    border-radius: 2.3rem;
    color: #fff;
    padding: 0.65rem 1.5rem;
    font-weight: var(--semi-bold-fw);
    white-space: nowrap;
}

.invite-staff-table-btn:hover {
    color: #fff;
    background: #8630F3;
}

.clear-filter-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.65rem 0;
    transition: 0.15s ease-in;
}

.clear-filter-btn:hover {
    padding: 0.65rem 1rem;
    background-color: #f4f4f4;
    border-radius: 0.75rem;
}

.common-table {
    margin-top: 1rem;
}

.common-table thead {
    border-bottom: 0;
}

.common-table th, .common-table td {
    padding: 1rem 2.5rem;
    border-bottom: 0;
    border-top: 0;
    white-space: nowrap;
    vertical-align: middle;
}

.common-table tr {
    border-top: 0;
}

.common-table tr:nth-child(even) {
    background-color: #F1F3F6;
}

.common-table th {
    font-weight: var(--semi-bold-fw);
    color: rgba(0, 13, 61, 0.4);
    background-color: #f5f8ff;
}

.common-table th a {
    font-size: 0.875rem;
    font-weight: var(--semi-bold-fw);
    color: rgba(0, 13, 61, 0.4);
    text-decoration: none;
}

.common-table th a:hover {
    color: var(--blue-clr);
}

.common-table th:hover {
    color: var(--blue-clr);
}

.common-table th:first-child {
    width: 35%;
}

.common-table td {
    font-size: 1.125rem;
    font-weight: var(--medium-fw);
}

.common-table td:nth-child(1) {
    width: 35%;
}

.common-table td .table-link {
    color: currentColor;
    text-decoration: none;
}

.common-table td .table-link:hover {
    color: var(--blue-clr);
    text-decoration: underline;
}

.table > :not(:first-child) {
    border-top: 2px solid transparent;
}

.my-invites-table thead tr th:not(:first-child) .filter-input {
    max-width: 5rem;
}

.users-table th {
    height: 58px;
    padding: 0.5rem 2.5rem;
    background-color: #f5f8ff;
}

.table-pagination {
    justify-content: center;
    margin-bottom: 0;
}

.table-pagination .page-item .page-link {
    border: 0 !important;
    opacity: 0.8;
    color: var(--common-text-clr);
    font-size: 1.125rem;
    font-weight: var(--medium-fw);
}

.table-pagination .page-item .page-link:hover {
    opacity: 1;
}

.table-pagination .page-item .page-link:focus {
    box-shadow: none;
}

.table-pagination .page-item:first-child .page-link, .table-pagination .page-item:last-child .page-link {
    font-weight: var(--medium-fw);
}

.showing-entries-para {
    color: #414965;
    opacity: 0.6;
    position: absolute;
    right: 0;
    padding-right: 3rem;
}

/* My Invites Page Ends */
/* Login Page */
.middle-box {
    background: #FFF;
    border-radius: 2rem;
    padding: 2rem 1rem 2.25rem;
    max-width: 500px;
    margin: 0 auto;
}

.middle-box.expanded {
    max-width: none;
    padding: 3rem 3.5rem 3.5rem;
}

.middle-box-heading {
    display: inline-block;
    background: #FFFBA2;
    border-radius: 0.75rem;
    padding: 0.75rem 2rem;
}

.w-325 {
    max-width: 325px;
}

.w-270 {
    width: 270px;
}

.w-370 {
    width: 400px;
}

.normal-blue-btn {
    padding: 0.6rem 3rem;
    color: #fff;
    background: var(--blue-clr);
    border: 2px solid var(--blue-clr);
    border-radius: 3.5rem;
    font-weight: var(--semi-bold-fw);
}

.normal-blue-btn.less-round {
    border-radius: 0.75rem;
}

.normal-blue-btn.small-size {
    font-size: 15px;
    padding: 0.5rem 1.75rem;
}

.normal-blue-btn:hover {
    color: #fff;
    background: #017fc1;
    border-color: #017fc1;
}

.section-img {
    position: absolute;
    width: 100%;
    z-index: -1;
    bottom: 5.25rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
}

.section-img img {
    width: 91%;
    object-fit: cover;
}

/* End of Login Page */
/* Client - Users Page */
.hover-blue:hover {
    box-shadow: 0 10px 35px rgba(48, 91, 243, 0.15);
    background-color: transparent;
    border-radius: 3rem;
}

.user-dropdown .dropdown-menu {
    background-color: #cedff5;
    border-radius: 0.5rem;
    border: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.005);
}

.user-dropdown .dropdown-menu .dropdown-item {
    text-align: center;
    padding: 0.5rem 1rem;
}

.user-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.25);
    color: var(--blue-clr);
}

.users-table {
    table-layout: fixed;
}

.users-table th {
    background-color: #f5f8ff;
}

.users-table th:first-child {
    width: auto;
}

.sidebar-nav {
    margin-top: 4rem;
    position: sticky;
    top: 0;
}

.sidebar-nav .nav-item {
    margin-bottom: 1rem;
}

.sidebar-nav .nav-link {
    color: var(--common-text-clr);
    font-weight: var(--medium-fw);
    font-size: 1.125rem;
    padding: 0.65rem 1.5rem;
    border-radius: 0.875rem;
}

.sidebar-nav .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.275);
}

.sidebar-nav .nav-link.active {
    background-color: #fff;
    color: var(--blue-clr);
    font-weight: var(--semi-bold-fw);
}

.col-row {
    display: flex;
    gap: 2rem;
}

.col-row .col-left {
    max-width: 205px;
    flex-shrink: 0;
}

.col-row .col-right {
    flex: 1;
}

.search-dropdown .dropdown-menu {
    min-width: 444px;
    border-radius: 1.25rem;
    padding: 2rem 0 1.5rem;
    border: 0;
    margin-top: 1rem !important;
    z-index: 9999;
}

.search-dropdown .dropdown-menu .dropdown-menu-inner {
    padding: 0 1.5rem;
}

.search-dropdown .dropdown-menu .dropdown-heading {
    background: #fffba2;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    display: inline-block;
}

.search-dropdown .dropdown-menu .dropdown-close-btn {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}

.search-dropdown .dropdown-menu .form-group {
    max-width: 308px;
}

.search-dropdown .dropdown-menu .form-select {
    background: url("../images/icons/chevron-blue.svg");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    border: 2px solid #E8EDF8;
    border-radius: 14px;
    padding: 0.65rem 1.25rem;
    font-size: 1.125rem;
}

.search-dropdown .dropdown-menu .dropdown-footer {
    border-top: 1px solid #F1F3F6;
    padding: 0 1.5rem;
}

.menu-dropdown .dropdown-toggle {
    background-color: #fff;
    background: url(../images/icons/chevron-blue.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-color: #fff;
    border: 2px solid #e8edf8;
    border-radius: 14px;
    padding: 0.65rem 1.25rem;
    font-size: 1.125rem;
    color: var(--blue-clr);
    width: 100%;
    max-width: 250px;
    text-align: left;
    font-weight: var(--semi-bold-fw);
    font-size: 1.125rem;
}

.menu-dropdown .dropdown-menu {
    min-width: 250px;
    border: 0;
    box-shadow: 0px 25px 80px rgba(48, 91, 255, 0.18), 0px 12.6562px 34.875px rgba(48, 91, 243, 0.12);
}

.menu-dropdown .dropdown-menu .dropdown-item {
    padding: 0.65rem 1.5rem;
}

.menu-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #e8edf8;
}

.menu-dropdown .dropdown-menu .dropdown-item:focus {
    color: #333;
}

/* Client - Users Page Ends */
/* Programs */
.programs-table {
    table-layout: fixed;
}

.programs-table thead th:nth-child(3), .programs-table thead th:nth-child(4) {
    width: 140px;
}

.programs-table th {
    background-color: #f5f8ff;
    cursor: pointer;
}

.programs-table th:first-child {
    width: 25%;
}

.programs-table th .table-date {
    background-color: #ebeef8;
    text-align: center;
    border-radius: 0.5rem;
    padding: 0.125rem 0.35rem;
    font-size: 0.75rem;
    color: #555;
    font-weight: normal;
    display: block;
    width: 100%;
}

.programs-table th .table-date ~ .date-close-btn {
    flex-shrink: 0;
    margin-left: 0.1rem;
    position: relative;
    top: -2px;
}

.programs-table th, .programs-table td {
    padding: 1rem 1rem;
}

.programs-table tbody tr td:nth-child(1) {
    white-space: normal;
}

.clickable-label {
    cursor: text;
}

.filter-input {
    border-radius: 0.875rem;
    min-width: 4rem;
    min-height: 2.5rem;
    width: 100%;
    font-size: 14px;
}

.filter-input::-webkit-inner-spin-button, .filter-input::-webkit-outer-spin-button {
    display: none;
}

.filter-input::placeholder {
    color: #ccc;
    font-size: 0.75rem;
}

.program-status {
    text-align: center;
}

.program-status span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
}

.program-status.active span {
    background-color: #53D532;
}

.program-status.inactive span {
    background-color: #FC3838;
}

.program-invites-table td {
    padding: 1rem 1.5rem;
}

.program-invites-table th {
    background-color: #f5f8ff;
}

.program-invites-table th .table-date {
    background-color: #ebeef8;
    text-align: center;
    border-radius: 0.5rem;
    padding: 0.125rem 0.35rem;
    font-size: 0.75rem;
    color: #555;
    font-weight: normal;
    display: block;
    width: 100%;
}

.program-invites-table th .table-date ~ .date-close-btn {
    flex-shrink: 0;
    margin-left: 0.1rem;
    position: relative;
    top: -2px;
}

.program-invites-table thead th:nth-child(1) {
    padding-right: 0.5rem;
}

.program-invites-table thead th:nth-child(2) {
    padding: 1rem 0.5rem;
}

.program-invites-table thead th:nth-child(3) {
    padding: 1rem 2rem;
}

.program-invites-table thead th:nth-child(4), .program-invites-table thead th:nth-child(5) {
    min-width: 150px;
}

.program-invites-table thead th:nth-child(6) .filter-input {
    min-width: 5.5rem;
}

.manager-para {
    color: #0B4302;
    background: #E0F2DD;
    border-radius: 0px 0px 8px 8px;
    padding: 0.35rem 0.9rem;
    position: absolute;
    top: 0;
    right: 3rem;
    max-width: 75ch;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    transition: all 0.35s ease-in;
}

.manager-para:hover {
    -webkit-line-clamp: unset;
    z-index: 9999;
}

.filter-select {
    width: 1.25rem;
    height: 2.5rem;
    border-radius: 8px 0px 0px 8px;
    border: 0;
    padding: 0;
    background-image: none;
    opacity: 0;
}

.filter-select:selected, .filter-select:active {
    color: #fff;
}

.filter-select.advanced {
    opacity: 1;
    background-color: #E8EDF8;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.25;
}

.filter-select-label {
    width: 1.25rem;
    height: 2.5rem;
    background-color: #E8EDF8;
    border-radius: 8px 0px 0px 8px;
    border: 0;
    padding: 0;
    background-image: url("../images/icons/black-chevron.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    margin: 0;
}

.filter-select-label span {
    position: absolute;
    bottom: 0;
    right: 3px;
    z-index: 1;
    pointer-events: none;
}

.calendar-label {
    pointer-events: all;
    cursor: pointer;
    position: relative;
    display: block;
    flex-shrink: 0;
}

.calendar-label img {
    pointer-events: none;
    cursor: pointer;
    z-index: -1;
}

.calendar-label input {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.add-attendees-label {
    background: var(--blue-clr);
    border-radius: 2.3rem;
    color: #fff;
    padding: 0.85rem 1.5rem;
    font-weight: var(--semi-bold-fw);
    white-space: nowrap;
    cursor: pointer;
}

.add-attendees-label img {
    position: relative;
    top: -2px;
}

.url-availability {
    background: rgba(83, 212, 50, 0.15);
    border-radius: 3.5rem;
    padding: 0.45rem 1rem 0.45rem 2rem;
    color: #53D432;
    position: absolute;
    right: 1rem;
    top: 8px;
    display: inline-block;
}

.url-availability::before {
    content: "";
    position: absolute;
    background-color: #53D432;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
}

.url-availability.not {
    color: #FC3838;
    background-color: rgb(255, 232, 230);
}

.url-availability.not::before {
    background-color: #FC3838;
}

.program-url-input {
    padding-right: 11.5rem;
}

/* Programs End */
/* Admin - Add/Edit User */
.add-user-form-div {
    padding: 2rem 3rem 8rem;
}

.custom-select {
    background: url("../images/icons/chevron-blue.svg");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    border: 2px solid #E8EDF8;
    border-radius: 14px;
    padding: 0.65rem 1.25rem;
    font-size: 1.125rem;
}

.table-status-select {
    background: url("../images/icons/chevron-blue.svg");
    background-size: 10px 10px;
    min-width: 6.25rem;
    font-size: 0.875rem;
    font-weight: var(--semi-bold-fw);
    color: rgba(0, 13, 61, 0.4);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    border: none;
    border-radius: 0;
    padding: 0.25rem 1.25rem;
}

.remove-user-btn {
    background: #FC3838;
    border: 2px solid transparent;
    border-radius: 3.25rem;
    padding: 0.6rem 1.25rem;
    color: #fff;
    font-weight: var(--semi-bold-fw);
}

.remove-user-btn:hover {
    color: #FC3838;
    background: transparent;
    border: 2px solid #FC3838;
}

/* Admin - Add/Edit User Ends */
/* Admin - Programs - Add / Edit */
.programs-table.advanced th:last-child, .programs-table.advanced td:last-child {
    padding: 1rem 0.75rem;
}

.edit-program-btn {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0.1rem;
    display: inline-block;
    background: #D7DFFA;
    border: 1px solid transparent;
    line-height: 17px;
}

.edit-program-btn:hover {
    background: #fff;
    border: 1px solid var(--blue-clr);
}

/* Switch Buttons */
.button-cover label {
    cursor: pointer;
}

.knobs, .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.button {
    position: relative;
    top: 50%;
    width: 30px;
    height: 16px;
    overflow: hidden;
    border-radius: 100px;
}

.checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
    display: block;
}

.knobs {
    z-index: 2;
}

.layer {
    width: 100%;
    background-color: #fff;
    transition: 0.3s ease all;
    z-index: 1;
    border-radius: 100px;
}

.button-cover.colored .layer {
    border: 1px solid #aaa;
    background-color: #eee;
}

.button-cover .button .knobs:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 3px;
    width: 12px;
    height: 12px;
    background-color: #aaa;
    border-radius: 50%;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

.button-cover .button .checkbox:active + .knobs:before {
    width: 24px;
    border-radius: 100px;
}

.button-cover .button .checkbox:checked:active + .knobs:before {
    margin-left: -12px;
}

.button-cover .button .checkbox:checked + .knobs:before {
    content: "";
    left: 15px;
    background-color: var(--blue-clr);
}

.button-cover .button .checkbox:checked ~ .layer {
    background-color: #fff;
}

.button-cover.colored .button .checkbox:checked + .knobs:before {
    background-color: #fff;
}

.button-cover.colored .button .checkbox:checked ~ .layer {
    background-color: var(--blue-clr);
}

/* End of Switch buttons */


.form-wrapper {
    padding: 2rem 2.5rem 2rem;
}

.upload-box label {
    width: 172px;
    background: #F1F3F6;
    border-radius: 1.25rem;
    padding: 3rem 1rem 2.5rem;
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: 0.15s ease-in;
    text-align: center;
}

.upload-box label:hover {
    background: #eff1f6;
}

.upload-box label .img-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 997;
    transition: 0.25s ease-in;
    border-radius: 1.25rem;
    border: 0;
}

.upload-box label .img-thumbnail.with-file {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.upload-box label .img-thumbnail .thumb-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.25rem;
}

.upload-box label .img-thumbnail.advanced {
    background-color: #f5f5f5;
}

.upload-box label .img-thumbnail.advanced .thumb-img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.upload-box label .img-thumbnail .delete-thumbnail-btn {
    position: absolute;
    top: -12px;
    right: -12px;
    padding: 0.1rem;
    color: #fc3636;
    z-index: 999;
}

.upload-box.inactive label {
    background-color: #f2f2f2;
    pointer-events: none;
}

.upload-box.inactive label img, .upload-box.inactive label span {
    opacity: 0.35;
}

.manager-label {
    background: #E8EDF8;
    border-radius: 12px;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    font-weight: var(--semi-bold-fw);
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 50px;
}

.manager-label span {
    white-space: nowrap;
}

.manager-label .btn {
    flex-shrink: 0;
    padding: 0;
    margin-left: 1.5rem;
}

.line-break {
    height: 2px;
    background-color: #F1F3F6;
    opacity: 1;
}

.delete-field-btn {
    color: #FC3838;
    font-weight: var(--semi-bold-fw);
    border-radius: 14px;
    padding: 0.5rem 0.75rem;
}

.delete-field-btn:hover {
    background-color: #e8edf8;
    color: currentColor;
}

.delete-field-btn img {
    position: relative;
    top: -1px;
}

.add-field-btn {
    color: rgba(0, 13, 61, 0.7);
    font-weight: var(--medium-fw);
    padding: 0.65rem 1rem;
    background: #F1F3F6;
    border-radius: 12px;
}

.add-field-btn:hover {
    background-color: #e8edf8;
    color: currentColor;
}

.add-field-btn img {
    position: relative;
    top: -1px;
}

.bottom-buttons {
    background-color: var(--blue-clr);
    padding: 1.75rem 1rem;
    margin-top: 4rem;
}

.white-btn {
    background-color: #fff;
    border-radius: 2rem;
    color: var(--blue-clr);
    font-weight: var(--semi-bold-fw);
    padding: 0.65rem 2rem;
}

.white-btn:hover {
    color: var(--blue-clr);
    background-color: #e8edf8;
}

.delete-program-btn {
    color: #fff;
    border-radius: 2rem;
    padding: 0.6rem 1.25rem;
}

.delete-program-btn:hover {
    color: var(--blue-clr);
    background-color: #e8edf8;
}

/* Admin - Programs - Add / Edit Ends */
/* Notification */
.normal-textarea {
    border: 2px solid #E8EDF8;
    border-radius: 14px;
    font-size: 1.125rem;
}

.normal-textarea.over {
    border-color: red;
}

.normal-textarea textarea {
    border: 0;
    width: 100%;
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
}

.normal-textarea textarea:focus {
    outline: 0;
}

.normal-textarea textarea::placeholder {
    color: rgba(0, 13, 61, 0.4);
}

.text-editor-icons {
    display: flex;
}

.text-editor-icons .icons-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    padding: 0.65rem 1rem;
    background: #FFF;
    box-shadow: 0px 2.01027px 6.0308px rgba(0, 0, 0, 0.0417275), 0px 1.12694px 3.38082px rgba(0, 0, 0, 0.035), 0px 0.598509px 1.79553px rgba(0, 0, 0, 0.0282725), 0px 0.249053px 0.747159px rgba(0, 0, 0, 0.0196802);
    border-radius: 12px 0px 6px 6px;
}

.text-editor-icons .nav .nav-item {
    padding: 0;
    border-radius: 0.25rem;
    cursor: pointer;
    position: relative;
    margin-right: 0.125rem;
}

.text-editor-icons .nav .nav-item .btn {
    width: 35px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.text-editor-icons .nav .nav-item .btn img {
    flex-shrink: 0;
}

.text-editor-icons .nav .nav-item.active {
    background-color: rgba(219, 227, 245, 0.75);
}

.text-editor-icons .nav .nav-item:hover {
    background-color: rgba(232, 237, 248, 0.75);
}

.text-editor-icons .nav .nav-item[data-bs-original-title=Highlight], .text-editor-icons .nav .nav-item[title=Highlight] {
    pointer-events: none;
}

.text-editor-icons .nav .nav-item[data-bs-original-title=Highlight] select, .text-editor-icons .nav .nav-item[title=Highlight] select {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    pointer-events: all;
    opacity: 0;
}

.text-editor-icons .alignment-nav {
    gap: 0.25rem;
}

.textarea-div {
    padding: 1rem;
}

.textarea-div:focus {
    outline: none;
}

[data-placeholder]:empty:before {
    content: attr(data-placeholder);
    color: var(--common-text-clr);
    opacity: 0.4;
}

.invite-textarea-div {
    min-height: 240px;
    padding: 1.5rem 1.5rem 3rem;
}

.invite-textarea-div.white-bg {
    background-color: #fff;
    border: 0;
    border-radius: 0.875rem;
}

.invite-textarea-div:focus {
    outline: none;
}

.invite-textarea-div[data-placeholder]:empty:before {
    font-weight: var(--semi-bold-fw);
    color: var(--common-text-clr);
    opacity: 0.4;
}

.mh-200 {
    min-height: 200px;
}

.mh-110 {
    min-height: 110px;
}

.size-select {
    background: url("../images/icons/chevron-black.svg");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    border: 0;
    padding: 0.15rem 1.5rem 0.15rem 0.75rem;
    font-size: 1.125rem;
}

.autoHeight {
    word-break: break-word;
}

.real-program-link {
    text-decoration: none;
    font-size: 1rem;
    margin-left: 0.5rem;
}

/* Notication Ends */
/* Snackbar */
.snackbar-btn-container {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.snackbar-btn {
    background-color: var(--blue-clr);
    color: #fff;
    border: none;
    outline: none;
    padding: 0.85rem 2rem;
    font-size: 1.125rem;
    border-radius: 0.35rem;
    cursor: pointer;
    transition: all 0.1s ease-in;
    margin: 0.25rem;
}

.snackbar-btn:hover {
    background-color: #666;
}

.notification-container {
    --notification-width: 500px;
    --gapping: 15px;
    --animation-duration: .35s;
    --animation-easing: .15s;
    position: absolute;
    width: var(--notification-width);
    top: 0;
    left: 0;
    z-index: 1;
}

.notification-container .notification-message {
    width: var(--notification-width);
    padding: 1rem;
    border-radius: 0.25rem;
    background-color: var(--blue-clr);
    display: flex;
    top: var(--gapping);
    left: 0;
    gap: var(--gapping);
    position: absolute;
    justify-content: space-between;
    color: #fff;
    transform: translateX(calc(var(--notification-width) * -1));
    opacity: 0;
    -webkit-animation: slide-from-left var(--animation-duration) var(--animation-easing) ease forwards;
    animation: slide-from-left var(--animation-duration) var(--animation-easing) ease forwards;
    transition: top 0.15s ease, bottom 0.15s ease;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
}

.notification-container.top-right {
    left: auto;
    right: 0;
}

.notification-container.top-right .notification-message {
    transform: translateX(var(--notification-width));
    -webkit-animation: none;
    animation: none;
    -webkit-animation: slide-from-right var(--animation-duration) var(--animation-easing) ease forwards;
    animation: slide-from-right var(--animation-duration) var(--animation-easing) ease forwards;
}

.close-btn {
    text-align: center;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    padding: 0;
    outline: 0;
    border: 0;
    border-radius: 0;
    transition: all 0.1s ease-in;
}

.close-btn:hover {
    background-color: transparent;
}

@-webkit-keyframes slide-from-right {
    100% {
        transform: translateX(calc(var(--gapping) * -1));
        opacity: 1;
    }
}

@keyframes slide-from-right {
    100% {
        transform: translateX(calc(var(--gapping) * -1));
        opacity: 1;
    }
}

/* End of Snackbar */
/* Loader */
.loader-div {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000000;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* End of Loader */
/* Chips & Auto-Complete starts */
.email-list-div {
    background: #fff;
    border: 2px solid #e8edf8;
    border-radius: 14px;
    min-height: 55px;
    padding: 0.5rem 3rem 0 0.5rem;
    overflow-x: hidden;
    position: relative;
}

.email-list-div:focus-within {
    border-color: #86b7fe;
}

.email-list-div::-webkit-scrollbar {
    display: none;
}

.email-list-div::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 1.15px;
    height: calc(100% - 8px);
    width: 3rem;
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) -17.62%, #FFFFFF 18.06%);
}

.emails-container {
    overflow-x: hidden;
}

.emails-container::-webkit-scrollbar {
    display: none;
}

.emails-container .email-div {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.25rem 0.5rem 0.75rem;
    background-color: rgba(48, 91, 243, 0.1);
    border-radius: 11px;
    margin-right: 0.625rem;
    margin-bottom: 0.5rem;
    flex-shrink: 0;
}

.emails-container .email-div .email-span {
    color: #305BF3;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}

.emails-container .email-div span {
    flex-shrink: 0;
}

.emails-container .email-div span.remove-span {
    cursor: pointer;
}

.wrapper {
    overflow-x: unset;
}

.wrapper .emails-container {
    flex-wrap: wrap;
}

.wrapper .collapse-btn img {
    transform: rotate(180deg);
}

.collapse-btn {
    z-index: 2;
    position: absolute;
    right: 3px;
    height: calc(100% - 8px);
    display: flex;
    padding-left: 1.5rem;
    border-radius: 14px;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
}

.flex-1 {
    flex: 1;
}

.autocomplete {
    display: inline-block;
}

.autocomplete input {
    border: 0;
    background-color: #fff;
    padding: 10px 6px 14px;
    font-size: 16px;
    min-width: 375px;
    min-height: 48px;
}

.autocomplete input::placeholder {
    font-size: 14px;
    line-height: 1;
}

.autocomplete input:focus {
    border: 0;
    background-color: #fff;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

/* Chips & Auto-Complete ends */
/* Note PDF CSS */
.pdf-header-section {
    position: relative;
}

.pdf-header-section .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pdf-header-section .container .pdf-heading {
    padding-inline: 1rem;
    color: #0082ca;
    font-size: 2rem;
    font-family: "Times", "Times New Roman", serif;
}

.pdf-second-heading {
    text-transform: uppercase;
    color: #0082ca;
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 1rem;
}

.pdf-para {
    color: #111;
    font-size: 1.25rem;
    font-family: "Times", "Times New Roman", serif;
    margin-bottom: 0;
}

.program-url-on-pdf {
    color: #0082ca;
    font-size: 1.5rem;
    font-family: "Times", "Times New Roman", serif;
    text-decoration: none;
}

.pdf-footer-part {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    position: relative;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-footer-part .pdf-footer-logo {
    position: absolute;
    left: 0;
}

.pdf-footer-part .grey-footer-para {
    color: #b3b2b1;
    font-weight: 500;
    font-size: 1.25rem;
}

.program-title-textarea font[size="1"], .hero-heading-wrapper font[size="1"] {
    font-size: 38px;
    font-weight: 400;
}

.program-title-textarea font[size="1"] b, .hero-heading-wrapper font[size="1"] b {
    font-weight: 900;
}

.program-title-textarea font[size="2"], .hero-heading-wrapper font[size="2"] {
    font-size: 42px;
    font-weight: 400;
}

.program-title-textarea font[size="2"] b, .hero-heading-wrapper font[size="2"] b {
    font-weight: 900;
}

.program-title-textarea font[size="3"], .hero-heading-wrapper font[size="3"] {
    font-size: 48px;
    font-weight: 400;
}

.program-title-textarea font[size="3"] b, .hero-heading-wrapper font[size="3"] b {
    font-weight: 900;
}

.program-title-textarea font[size="4"], .hero-heading-wrapper font[size="4"] {
    font-size: 52px;
    font-weight: 400;
}

.program-title-textarea font[size="4"] b, .hero-heading-wrapper font[size="4"] b {
    font-weight: 900;
}

.program-title-textarea font[size="5"], .hero-heading-wrapper font[size="5"] {
    font-size: 58px;
    font-weight: 400;
}

.program-title-textarea font[size="5"] b, .hero-heading-wrapper font[size="5"] b {
    font-weight: 900;
}

.program-title-textarea font[size="6"], .hero-heading-wrapper font[size="6"] {
    font-size: 62px;
    font-weight: 400;
}

.program-title-textarea font[size="6"] b, .hero-heading-wrapper font[size="6"] b {
    font-weight: 900;
}

.program-title-textarea font[size="7"], .hero-heading-wrapper font[size="7"] {
    font-size: 68px;
    font-weight: 400;
}

.program-title-textarea font[size="7"] b, .hero-heading-wrapper font[size="7"] b {
    font-weight: 900;
}

.program-title-textarea b font[size="1"], .program-title-textarea b font[size="2"], .program-title-textarea b font[size="3"], .program-title-textarea b font[size="4"], .program-title-textarea b font[size="5"], .program-title-textarea b font[size="6"], .program-title-textarea b font[size="7"], .hero-heading-wrapper b font[size="1"], .hero-heading-wrapper b font[size="2"], .hero-heading-wrapper b font[size="3"], .hero-heading-wrapper b font[size="4"], .hero-heading-wrapper b font[size="5"], .hero-heading-wrapper b font[size="6"], .hero-heading-wrapper b font[size="7"] {
    font-weight: 900;
}

/* Note PDF CSS Ends*/
/* Footer Pages */
.page-heading {
    font-size: 52px;
    font-weight: 700;
}

.heading-icon {
    margin-right: 1.25rem;
}

.heading-icon img {
    position: relative;
    top: -2px;
}

.content-area ul {
    padding-left: 3rem;
}

.content-area li::marker {
    font-size: 1.5rem;
}

.content-area p {
    font-weight: 500;
    padding-bottom: 0.375rem;
}

.content-area table thead {
    background-color: #000d3d;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.content-area table thead th {
    border: 1px solid #9b9b9b;
    vertical-align: middle;
    background-color: #000d3d;
}

.content-area table thead th:first-child {
    border-right: 0;
}

.content-area table thead th:last-child {
    border-left: 0;
}

.content-area table tbody td {
    border: 1px solid #9b9b9b;
    padding: 1rem;
}

.content-area table tbody p {
    margin-bottom: 0;
}

.content-area table ul {
    margin-bottom: 0;
    padding-left: 0;
}

.content-area table ul li {
    padding-bottom: 0;
    font-weight: 500;
}

.content-area table ul li::marker {
    font-size: 0.85rem;
}

.para-ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.para-ul li {
    padding-bottom: 0;
    font-weight: 500;
}

.para-ul li::marker {
    font-size: 0.85rem;
}

.content-heading {
    font-weight: 700;
}

/* Case Study Section */
.case-study-section {
    margin-top: 3rem;
    margin-bottom: 6rem;
}

.case-study-content p {
    color: #a7a8ac;
}

.case-study-title {
    color: var(--common-text-clr);
}

.case-study-title a {
    color: var(--common-text-clr);
    text-decoration: none;
}

/* Case Study Section Ends */
/* End of Footer Pages */
.gradient-background {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: -1;
}

.gradient-background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100%;
}

/* Media Query Starts */
@media screen and (max-width: 1199.95px) {
    .navbar-brand img {
        width: 15rem;
    }

    .links-collapse.with-bookmark {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: end;
        gap: 0.5rem;
    }

    .links-collapse.with-bookmark .navbar-bookmark-btn {
        display: inline-block;
        margin-bottom: 0;
    }

    .links-collapse.with-bookmark .navbar-bookmark-btn:hover {
        background-color: #e3e9ff;
    }

    .home-header .navbar-collapse {
        padding: 1rem 1rem 2rem;
        background-color: #EBEEF8;
        border-radius: 0;
        position: fixed;
        width: 100vw;
        left: 0;
        top: 0;
        height: 100%;
        max-width: 100%;
        z-index: 9;
    }

    .home-header .navbar-collapse .nav-item {
        text-align: center;
        margin-right: 0 !important;
        margin-bottom: 1rem;
    }

    .home-header .navbar-collapse .invite-collegue-navbar-btn {
        margin-top: 1rem;
    }

    .hero-heading-section .hero-heading-wrapper {
        padding: 5rem 4rem 3rem;
    }

    .hero-heading-section .hero-heading {
        font-size: 3.125rem;
    }

    .col-row {
        flex-direction: column;
        gap: 1rem;
    }

    .col-row .col-left {
        flex-grow: 1;
        width: 100%;
        max-width: none;
    }

    .col-row .col-left .sidebar-nav {
        row-gap: 1rem;
        column-gap: 0;
        flex-direction: row !important;
        justify-content: center;
        margin-top: 0;
    }

    .col-row .col-left .sidebar-nav .nav-item {
        margin-bottom: 0.5rem;
    }

    .case-study-box .padding-div {
        padding: 0;
    }
}

@media screen and (max-width: 991.95px) {
    .navbar-brand img {
        width: 10rem;
    }

    .case-study-box .pattern-div {
        display: none;
    }

    .case-study-content {
        padding: 0;
    }
}

@media screen and (max-width: 992px) {
    .hero-heading-section .hero-heading-wrapper {
        padding: 3rem 0 2rem;
    }

    .hero-heading-section .hero-heading {
        font-size: 2.75rem;
    }

    .users-table, .programs-table {
        table-layout: auto;
    }
}

/* For Tab Screens */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .arrow-btn-group .btn {
        padding: 0.5rem 0.5rem;
    }

    .delete-field-btn {
        padding: 0.5rem 0.5rem;
    }
}

/* For Mobile Devices less than 767px */
@media screen and (max-width: 767px) {
    .faculty-text {
        margin-top: 1rem;
        margin-bottom: 0.25rem;
    }

    .case-study-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 2rem;
    }

    .case-study-box .video-actions {
        margin-top: 1rem;
    }

    .case-study-box .video-actions .nav-item {
        margin-bottom: 2rem;
    }

    .case-study-carousel .slick-prev {
        left: -5px;
        z-index: 1;
    }

    .case-study-carousel .slick-next {
        right: -5px;
    }

    .mob-none {
        display: none;
    }

    .heading-icon {
        margin-right: 0;
        padding-bottom: 0.75rem;
    }

    .heading-icon img {
        top: 0;
    }

    .second-footer-row .col-md-3:nth-of-type(1) {
        order: 3;
    }

    .second-footer-row .col-md-6 {
        order: 2;
    }

    .filter-input {
        min-width: 150px;
    }

    .invite-staff-table-btn {
        line-height: 1;
    }

    .invite-staff-table-btn span {
        position: relative;
        top: 1px;
    }

    .fs-mob-10 {
        font-size: 0.625rem !important;
    }

    .fs-mob-12 {
        font-size: 0.75rem !important;
    }

    .fs-mob-14 {
        font-size: 0.875rem !important;
    }

    .fs-mob-16 {
        font-size: 1rem !important;
    }

    .fs-mob-18 {
        font-size: 1.125rem !important;
    }

    .fs-mob-20 {
        font-size: 1.25rem !important;
    }

    .fs-mob-22 {
        font-size: 1.375rem !important;
    }

    .fs-mob-24 {
        font-size: 1.5rem !important;
    }

    .fs-mob-26 {
        font-size: 1.625rem !important;
    }

    .fs-mob-28 {
        font-size: 1.75rem !important;
    }

    .fs-mob-30 {
        font-size: 1.875rem !important;
    }

    .fs-mob-32 {
        font-size: 2rem !important;
    }

    .fs-mob-34 {
        font-size: 2.125rem !important;
    }

    .fs-mob-36 {
        font-size: 2.25rem !important;
    }

    .fs-mob-38 {
        font-size: 2.375rem !important;
    }

    .fs-mob-40 {
        font-size: 2.5rem !important;
    }

    .fs-mob-42 {
        font-size: 2.625rem !important;
    }

    .fs-mob-44 {
        font-size: 2.75rem !important;
    }

    .fs-mob-46 {
        font-size: 2.875rem !important;
    }

    .fs-mob-48 {
        font-size: 3rem !important;
    }

    .fs-mob-50 {
        font-size: 3.125rem !important;
    }

    .fs-mob-52 {
        font-size: 3.25rem !important;
    }

    .fs-mob-54 {
        font-size: 3.375rem !important;
    }

    .fs-mob-56 {
        font-size: 3.5rem !important;
    }

    .fs-mob-58 {
        font-size: 3.625rem !important;
    }

    .fs-mob-60 {
        font-size: 3.75rem !important;
    }

    .ms-mob-24 {
        margin-left: 1.5rem;
    }

    .mt-mob-30 {
        margin-top: 1.875rem;
    }

    .mt-mob-32 {
        margin-top: 2rem;
    }

    .mt-mob-36 {
        margin-top: 2.25rem;
    }

    .mt-mob-40 {
        margin-top: 2.5rem;
    }

    .mt-mob-42 {
        margin-top: 2.625rem;
    }

    .mt-mob-50 {
        margin-top: 3.125rem;
    }

    .mt-mob-60 {
        margin-top: 3.75rem;
    }

    .mb-mob-30 {
        margin-bottom: 1.875rem;
    }

    .mb-mob-32 {
        margin-bottom: 2rem;
    }

    .mb-mob-36 {
        margin-bottom: 2.25rem;
    }

    .mb-mob-40 {
        margin-bottom: 2.5rem;
    }

    .mb-mob-42 {
        margin-bottom: 2.625rem;
    }

    .mb-mob-50 {
        margin-bottom: 3.125rem;
    }

    .mb-mob-60 {
        margin-bottom: 3.75rem;
    }

    .faculty-nav .slick-list {
        margin-inline: 0;
    }

    .highlights-section .faculty-div {
        padding-inline: 0;
    }

    .highlights-section .timestamp-jump {
        padding-left: 0;
    }

    .testimonials-div .slick-list, .case-study-carousel .slick-list {
        margin-inline: 0;
    }

    .case-study-section {
        margin-bottom: 2rem;
    }

    .program-title-textarea font[size="1"], .hero-heading-wrapper font[size="1"] {
        font-size: 18px;
        line-height: 1.25;
        font-weight: 400;
    }

    .program-title-textarea font[size="2"], .hero-heading-wrapper font[size="2"] {
        font-size: 20px;
        line-height: 1.25;
    }

    .program-title-textarea font[size="3"], .hero-heading-wrapper font[size="3"] {
        font-size: 24px;
        line-height: 1.25;
    }

    .program-title-textarea font[size="4"], .hero-heading-wrapper font[size="4"] {
        font-size: 28px;
        line-height: 1.25;
    }

    .program-title-textarea font[size="5"], .hero-heading-wrapper font[size="5"] {
        font-size: 30px;
        line-height: 1.25;
    }

    .program-title-textarea font[size="6"], .hero-heading-wrapper font[size="6"] {
        font-size: 34px;
        line-height: 1.25;
    }

    .program-title-textarea font[size="7"], .hero-heading-wrapper font[size="7"] {
        font-size: 38px;
        line-height: 1.25;
    }

    .top-blue-bar {
        padding: 0.35rem 3rem;
    }

    .top-blue-bar .bar-close-btn {
        right: 1rem;
    }

    .hero-heading-section .hero-heading {
        font-size: 2rem;
    }

    .padding-div {
        padding: 0;
    }

    .pattern-div img {
        width: 150px;
    }

    .video-section {
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    .video-box iframe, .video-box video {
        height: 250px;
    }

    .video-actions {
        position: relative;
        margin-top: 3rem;
        right: 0;
    }

    .video-actions .nav {
        flex-direction: row !important;
        justify-content: center;
        gap: 3rem;
    }

    .vid-qa-img {
        max-width: 150px;
        max-height: 100px;
    }

    .highlights-nav .highlight-heading span {
        width: 55px;
        flex-shrink: 0;
    }

    .faculty-nav {
        padding-top: 1rem;
    }

    .faculty-nav .item {
        padding-right: 0;
    }

    .faculty-modal .modal-body {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .highlights-section {
        margin-top: 0;
        margin-bottom: 3rem;
    }

    .note-modal .modal-title-div {
        margin-top: 3rem;
    }

    .note-modal .modal-body {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1rem;
    }

    .note-modal .modal-footer {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .fade {
        transition: none;
    }

    .modal.fade .modal-dialog {
        transition: none;
    }

    .modal.mob-fixed .modal-content {
        position: fixed;
        height: 100%;
        inset: 0;
        border-radius: 0;
        overflow-y: auto;
    }

    .modal.mob-fixed .modal-body {
        flex: 0;
    }

    .w-370 {
        width: unset;
    }

    .resources-section {
        margin-top: 3rem;
        margin-bottom: 4rem;
    }

    .resources-nav {
        margin-top: 2.5rem;
    }

    .testimonials-div .item {
        margin-bottom: 4rem;
    }

    .invite-your-staff-section {
        margin-top: 3rem;
        margin-bottom: 5rem;
    }

    /* My Notes */
    .all-notes-div {
        columns: 1;
        padding: 0 1.5rem;
    }

    .table-footer {
        display: flex;
        flex-direction: column;
    }

    .showing-entries-para {
        position: static;
        margin-top: 1rem;
        text-align: center;
        padding-right: 0;
    }

    .slick-div {
        padding-inline: 1.5rem;
    }

    .invites-table-div .table-heading {
        column-gap: 1rem;
        width: fit-content;
    }

    .invites-table-div .table-heading span {
        margin-top: 1rem;
    }

    .invites-table-div .entries-label {
        margin-top: 0;
    }

    .common-table th, .common-table td {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }

    .invites-table-div .invites-table-upper {
        padding: 1rem;
    }

    /* My Notes end */
    .col-row .col-left .sidebar-nav {
        gap: 0;
    }

    .delete-note-modal .modal-header {
        padding-left: 1.5rem;
    }

    .delete-note-modal .modal-footer {
        padding-left: 1.5rem;
    }

    .add-user-form-div {
        padding: 2rem 1.5rem 6rem;
    }

    .middle-box.expanded {
        padding: 2rem 2rem 2.5rem;
    }

    .form-wrapper {
        padding: 2rem 1rem 2rem;
    }

    .text-editor-icons .icons-wrapper {
        padding: 0.5rem 0.25rem;
        gap: 0.25rem;
        width: 100%;
    }

    .size-select {
        font-size: 0.85rem;
        padding: 0.15rem 1rem 0.15rem 0.75rem;
        width: 60px;
    }

    .text-editor-icons .nav .nav-item {
        padding: 0.125rem 0.25rem;
    }

    .question-icon-div .question-pop-up {
        top: 200%;
        left: -2rem;
        transform: translateY(0);
        height: fit-content;
        padding: 2rem 1.5rem;
    }

    .question-icon-div .question-pop-up::after {
        top: -10px;
        bottom: auto;
        box-shadow: 0px -5px 8px rgba(0, 0, 0, 0.085);
    }

    .question-icon-div:hover .question-pop-up {
        top: 175%;
        transform: translateY(0);
    }

    .faculty-img-div {
        width: 100px;
        height: 95px;
    }

    .menu-dropdown .dropdown-toggle {
        font-size: 1rem;
    }

    .invite-staff-table-btn {
        padding: 0.65rem 1.125rem;
    }

    .url-availability {
        padding: 0.45rem 0.75rem 0.45rem 1.75rem;
        font-size: 0.75rem;
    }

    .program-url-input {
        padding-right: 9rem;
    }

    .delete-field-btn {
        font-size: 0.875rem;
        padding: 0.4rem 0.5rem;
    }

    .delete-field-btn img {
        max-width: 20px;
    }
}

@media screen and (max-width: 415px) {
    .question-icon-div .question-pop-up {
        width: 350px;
    }

    .hero-heading-section .hero-heading-wrapper {
        padding: 3rem 0 2rem;
    }

    .hero-heading-section .hero-heading {
        font-size: 1.75rem;
        line-height: 1.4;
    }
}

@media screen and (max-width: 375px) {
    .invite-staff-table-btn {
        padding: 0.75rem 1rem;
        font-size: 0.85rem;
    }

    .invites-table-div .invites-table-upper .search-filter-btn {
        font-size: 0.85rem;
    }

    .vid-qa-img {
        max-width: 125px;
        max-height: 95px;
    }

    .question-icon-div .question-pop-up {
        width: 300px;
    }
}


.info-icon > img {
    height: 25px;
    width: 25px;
}


.info-icon-div {
    position: relative;
}

.info-icon-div .info-pop-up {
    position: absolute;
    top: -100%;
    left: -2rem;
    transform: translateY(-90%);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    padding: 1rem;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
    width: 450px;
    border-radius: 1rem;
    transition: 0.2s ease-in-out;
    z-index: 999;
}

.info-icon-div .info-pop-up::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 30px;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background-color: #fff;
    transform: rotate(45deg);
    box-shadow: 0px 14px 8px rgba(0, 0, 0, 0.085);
}

.info-icon-div:hover .info-pop-up {
    transform: translate(3%, -88%);
    opacity: 1;
    visibility: visible;
}

.resources-nav .resource-title span {
    background: linear-gradient(#fcdef4, #fcdef4) no-repeat padding-box;
    background-size: 100% 8px;
    background-position: 0 100%;
}

/* Info popup */

.program-info-popup-textarea font[size="1"], .hero-heading-wrapper font[size="1"] {
    font-size: 38px;
}

.program-info-popup-textarea font[size="1"] b, .hero-heading-wrapper font[size="1"] b {
    font-weight: 900;
}

.program-info-popup-textarea font[size="2"], .hero-heading-wrapper font[size="2"] {
    font-size: 42px;
}

.program-info-popup-textarea font[size="2"] b, .hero-heading-wrapper font[size="2"] b {
    font-weight: 900;
}

.program-info-popup-textarea font[size="3"], .hero-heading-wrapper font[size="3"] {
    font-size: 48px;
}

.program-info-popup-textarea font[size="3"] b, .hero-heading-wrapper font[size="3"] b {
    font-weight: 900;
}

.program-info-popup-textarea font[size="4"], .hero-heading-wrapper font[size="4"] {
    font-size: 52px;
}

.program-info-popup-textarea font[size="4"] b, .hero-heading-wrapper font[size="4"] b {
    font-weight: 900;
}

.program-info-popup-textarea font[size="5"], .hero-heading-wrapper font[size="5"] {
    font-size: 58px;
}

.program-info-popup-textarea font[size="5"] b, .hero-heading-wrapper font[size="5"] b {
    font-weight: 900;
}

.program-info-popup-textarea font[size="6"], .hero-heading-wrapper font[size="6"] {
    font-size: 62px;
}

.program-info-popup-textarea font[size="6"] b, .hero-heading-wrapper font[size="6"] b {
    font-weight: 900;
}

.program-info-popup-textarea font[size="7"], .hero-heading-wrapper font[size="7"] {
    font-size: 68px;
}

.program-info-popup-textarea font[size="7"] b, .hero-heading-wrapper font[size="7"] b {
    font-weight: 900;
}

.program-info-popup-textarea b font[size="1"], .program-info-popup-textarea b font[size="2"], .program-info-popup-textarea b font[size="3"], .program-info-popup-textarea b font[size="4"], .program-info-popup-textarea b font[size="5"], .program-info-popup-textarea b font[size="6"], .program-info-popup-textarea b font[size="7"], .hero-heading-wrapper b font[size="1"], .hero-heading-wrapper b font[size="2"], .hero-heading-wrapper b font[size="3"], .hero-heading-wrapper b font[size="4"], .hero-heading-wrapper b font[size="5"], .hero-heading-wrapper b font[size="6"], .hero-heading-wrapper b font[size="7"] {
    font-weight: 900;
}

/* end of info popup */

/* social share buttons */
.social-share-btn {
    display: flex;
    align-items: center; /* vertically align items */
    justify-content: center; /* horizontally align items */
    text-decoration: none !important; /* remove underline from links */
    background-color: #0d1748; /* sample background color, you can choose whatever you want */
    color: #f0f0f0 !important; /* color of the text, choose what suits you */ /* ensure all buttons are the same width */
    text-align: center; /* center the text */
}

.cancel-outline-btn, .invite-blue-btn {
    padding: 3% 13%;
}


.social-share-btn p {
    padding-top: 1rem;
    font-size: 14px;
}

.social-share-btn-icon {
    margin-right: 15px;
    width: 25px;
    height: 25px;
}

.social-share-btn-icon-hover {
    display: none;
}

.social-share-btn:hover .social-share-btn-icon-hover {
    display: inline;
}

.social-share-btn:hover .social-share-btn-icon-normal {
    display: none;
}

.invite-modal-megaphone-icon {
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 1400px) {
    .cancel-outline-btn, .invite-blue-btn {
        padding: 2% 10%;
    }
}

@media screen and (max-width: 1200px) {
    #program-cancel-share-invite-container {
        width: 100%;
    }
}


.mobile-nav-toggle {
    display: none;

}