.card-content-wrapper .top-header {
     margin-bottom: 5px !important;
 }

 /* .card-list-img{
        background: linear-gradient(179.85deg, #1D1F27 0.13%, rgba(113, 0, 255, 0.1) 248.51%) !important;
border-radius:10px !important;


    } */
/* Full opacity for the selected item */
.first-card-list-img {
    background: linear-gradient(179.85deg, #1D1F27 0.13%, rgba(113, 0, 255, 0.1) 248.51%) !important;
    color: #fff;
    opacity: 1;
    transition: opacity 0.3s ease;
    overflow: unset !important;

}

/* Slightly faded for the immediate neighbors (n-1 and n+1) */
.card-list-img-neighbor {
    background: linear-gradient(179.85deg, #1D1F27 0.13%, rgba(113, 0, 255, 0.1) 248.51%) !important;
    color: #fff;
    opacity: 0.7; /* Slightly faded */
    transition: opacity 0.3s ease;
    overflow: unset !important;

}

/* More faded for all other items */
.modules-img-list .d-flex:not(.first-card-list-img):not(.card-list-img-neighbor) {
    opacity: 0.3; /* More faded */
    transition: opacity 0.3s ease;
}

/* Optional: Ensure the modules-img-list is scrollable */
.modules-img-list {
    overflow-x: hidden; /* Enable horizontal scrolling */
    display: flex; /* Align items in a row */
    flex-direction:column;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.modules-img-list::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, and Opera */
}

    a:hover {
        text-decoration: none;
    }


    .owl-stage-outer {
        padding-top: 25px !important;
    }

    .eduvo-card-slider-wrapper {
        padding-top: 30px !important;
    }
    .selected {
    background-color: #B1EDD1 !important; /* Highlighted background color */
    border: 1px solid #17a2b8 !important; /* Optional: change border color */
    color: black !important; /* Optional: text color change */
}

@media (max-width: 767px) {
    .modules-card-item-wrapper {
        display: none !important;
    }
    .modules-card-item-wrapper.course-page{
        display: block !important;
    }
}

@media (max-width: 767px) {
    /* .vedio-right-wrapper {
        display: none !important;
    } */
    .vedio-right-wrapper.course-page{
        display: block !important;
    }
}


a:hover {
    text-decoration: none;
}

.card-item-wrapper {
    background: #FFFFFF1F;

}

.owl-stage-outer{
    padding-top: 12px !important
    ;
}

/*.education-content-wrapper{*/
/*        padding-top: 168px !important;*/

/*}*/


@media (min-width: 1280px) {
    .eduvo-education-main-wrapper {
        height: 100% !important
        ;
        
    }
}

#data{
    padding-top: 10px;
}

.button-div-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  @media (max-width: 768px) {
    .button-div-form {
    display: block !important;
  }
}

.shadow-large {
    background: linear-gradient(179.85deg, #1D1F27 0.13%, #8034e07d 248.51%) !important;
    padding: 3px 10px !important;
}

.uploadComments {
    background: rgba(22, 23, 29, 1) !important; 
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
}

.postButton {
    border: 1px solid rgba(128, 52, 224, 1) !important; 
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
    width: 150px;
    height: 50px;
    color: white !important;
    font-family: Roboto !important;
    font-weight: 400;
    font-size: 16px;
    padding-left:17px !important;
    border-radius: 5px;
}

.show-add-new-update-category-section {
    font-size: 30px;
    border-radius: 27px;
    width: 48px;
}

.messages-icon:hover {
    text-decoration: none !important;
}

.message-search-bar {
    height: 40px;
    color: white; 
    background-color:  #000000;
}

.subscriptionButtonBlock {
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
    height: 48.75px !important;
    border: 1px solid rgba(128, 52, 224, 1) !important;
    color: white !important;
}

.subscriptionStatusButton {
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
    border: 1px solid rgba(128, 52, 224, 1) !important;
    color: white !important;
}

.messageInbox {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: linear-gradient(59.96deg, #6328AD -32.85%, #A864FF -3.59%, #461C7A 109.9%) !important;
    padding: 2.3rem 3rem !important;
}

.sortMessagesBy {
    font-size: 16px !important;
    color: white !important;
    font-weight: bold !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.sortMessagesBy span {
    color: white !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    text-align: left !important;
}

.card-updates-data {
    background: linear-gradient(179.85deg, #1D1F27 0.13%, #8034e07d 248.51%) !important;
}

.updateUserName {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: capitalize;
}

.media-update {
    border-bottom: 1px solid #464253 !important; 
    padding-bottom: 17px;
}

.bookMarkButton {
    font-size: 14px;
    font-weight: 300;
    line-height: 16.41px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.bookMarkButton i {
    transform: rotate(90deg) !important; 
    font-size: 20px;
}

.subscriptionImage {
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;    
}

.activeLink {
    border-right: 1px solid #464253 !important; 
    padding: 3px 20px 5px 0px;
}

.activeLinkSpan {
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.activeLinkSmall {
    background: #464253 !important;
    width: 39px;
    height: 20px;
    /* left: 78px; */
    /* gap: 0px; */
    border-radius: 50px;
    opacity: 0.2px;
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: 100 !important;
    line-height: 16.41px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    align-items: center;
}

.userComments {
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.shareButton {
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.pre_button:hover {
    color: #8034E0 !important;
}

span.pre_button:hover+img:hover {
    color: #8034E0 !important;
    filter: brightness(0) saturate(100%) invert(23%) sepia(38%) saturate(6537%) hue-rotate(260deg) brightness(91%) contrast(92%) !important;
}

@media (max-width: 767px) {
    .modules-card-item-wrapper {
        display: none !important;
    }
    .modules-card-item-wrapper.course-page{
        display: block !important;        
    }
    .vedio-right-wrapper.course-page{
        width: 40% !important;
        margin-top: 0px;
    }
    .rk-card-vedio-content .vedio-left-wrapper{
        width: 60% !important;
    }
    .rk-card-vedio-content {
        flex-direction: unset;
    }
    .go-back-btn{
        padding: 0.625rem 0.25rem;
    }
    .go-back-btn span{
        width: 100%;display: flex;
    }
}

@media (max-width: 767px) {
    /* .vedio-right-wrapper {

        display: none !important;
    } */
     .rk-card-vedio-content .vedio-right-wrapper{
        justify-content:end !important;
        margin-top: 0px !important;
     }
    .vedio-right-wrapper.course-page{
        display: block !important;
    }

}


.modules-card-item-wrapper {
    padding: 12px;
    /* height: max-content; */
}

/* Full opacity for the selected item */
.scnd-card-list-img {
    background: linear-gradient(179.85deg, #1D1F27 0.13%, rgba(113, 0, 255, 0.1) 248.51%) !important;
    color: #fff;
    opacity: 1;
    transition: opacity 0.3s ease;
    overflow: unset !important;
    column-gap: 0px !important;

    /* background:black !important; */

}

/* Slightly faded for the immediate neighbors (n-1 and n+1) */
.card-list-img-neighbor {
    background: linear-gradient(179.85deg, #1D1F27 0.13%, rgba(113, 0, 255, 0.1) 248.51%) !important;
    color: #fff;
    opacity: 0.7;
    /* Slightly faded */
    transition: opacity 0.3s ease;
}

/* More faded for all other items */
.scnd-modules-img-list .d-flex:not(.scnd-card-list-img):not(.card-list-img-neighbor) {
    opacity: 0.3;
    /* More faded */
    transition: opacity 0.3s ease;

}

/* Optional: Ensure the scnd-modules-img-list is scrollable */
.scnd-modules-img-list {
    overflow: auto;
    /* Enable horizontal scrolling */
    display: flex;
    /* Align items in a row */
    flex-direction: column;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    /* height:100% !important; */
}

.scnd-modules-img-list::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, and Opera */
}

.lessonModule {
    border: 2px solid #a5a3a345; 
    cursor: pointer; 
    padding: 14px 0; 
    border-radius: 6px;
}

.lessonFile {
    border:1px solid gray
}

.session-main-left-menu a.active {
    border: 1px solid #8034E0;
    background: linear-gradient(90deg, #8034E0 0%, #b145e9 100%);
    color: #fff;
    /* Adjust text color for readability */

    transition: background 0.3s ease;
    /* Smooth transition */
}
.session-main-left-menu a.submenu-link-item.active {
    border: 1px solid #8034E0;
    background: linear-gradient(90deg, #8034E0 0%, #b145e9 100%);
    color: #fff;
    /* Adjust text color for readability */

    transition: background 0.3s ease;
    /* Smooth transition */
}

.session-main-left-menu {
    background-image: linear-gradient(45deg, rgb(8, -16, 55, 0) -110%, rgba(2, 1, 17, 0.4) 54.5%, rgba(99, 51, 173, 0.4) 93%) !important;
}

main {
    overflow-x: hidden;
}

.session-main-page-wrapper {
    min-height: 100vh;
  
}

.createChannel {
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
    color: white !important;
    font-family: Roboto !important;
}

.action-icons>div a {
    background-color: #171820;
    padding: 10px 14px;
    border-radius: 5px;
}

.action-icons>div a img {
    width: 20px;
}

.custom-url-field {
    background-color: #efefef;
    border: 0px !important;
    padding-right: 95px !important;
}

.custom-url-copy-button {
    position: absolute;
    right: 17px;
    top: 7px;
    background-color: white;
    height: 30px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
}

.no-courses {
    width: 100%;
    margin-top: 36vh;
}

.confirm-button {
    background-color: #000 !important;
    color: #fff !important;
}

.cancel-button {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

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

.rk_btn_background {
    background: #8034E0 !important;


}

.rk_btn_background i {
    color: white !important;

}


.card-img-wrapper {

    padding: 10px;
}

.inner-text p {
    font-size: 14px !important;
}

.card-item-wrapper {
    height: auto !important;
    padding-bottom: 15px !important;
}

.top-header {
    margin-bottom: 0px !important;
}

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

.select2-container--default .select2-selection--multiple {
    background-color: var(--theme-dark-card) !important;
}
.input-group-text {
    background-color: #171422 !important;
}
.form-control {
    background-color: #171422 !important;
}

.saveEditChanges {
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
    color: white !important;
    font-family: Roboto !important
}

/* .session-main-page-wrapper {
    padding: 0px 1.9rem !important;
    overflow: hidden;
} */

 .session-main-page-wrapper-message {
     margin-left: 0px !important;
     padding-bottom: 0 !important;
     width: 100% !important;
     padding-top: 0px !important;
     overflow: hidden;
 }


 .row.ml-0.d-flex {
     height: 100vh;
     overflow: hidden;
     /* Prevent scrolling */
 }

 .messageView {
     border: 1px solid #444348 !important;
     height: 100%;
     background: transparent !important;
     padding-right: 0 !important;
     padding-left: 0 !important;
     overflow: hidden;
     /* Prevent scrolling */
 }

 .col-md-9 {
     padding-left: 0 !important;
     border: 1px solid #444348 !important;
     height: 100%;
     overflow: hidden;
     /* Prevent scrolling */
 }

 .container-msg.content {
     height: 100%;
     max-width: none !important;
     background: transparent !important;
     overflow: hidden;
     /* Prevent scrolling */
 }

 .flex-row-around.p-4 {
     display: flex;
     justify-content: space-around;
     padding: 16px;
     overflow: hidden;
     /* Prevent scrolling */
 }

 @media (max-width: 768px) {
     .session-main-page-wrapper {
         padding: 0px !important;
         overflow: hidden;
         /* Prevent scrolling */
     }

     .session-main-content-wrapper {
         /* padding-left: 0 !important; */
         /* padding-right: 0 !important; */
         overflow: hidden;
         /* Prevent scrolling */
     }

     .col-md-9 {
         max-height: 906px !important;
         overflow: hidden;
         /* Prevent scrolling */
     }

     .messageView {
         padding-left: 0 !important;
         padding-right: 15px !important;
         overflow: hidden;
         /* Prevent scrolling */
     }
 }

 .confirm-button {
     background-color: #000 !important;
     color: #fff !important;
 }

 .cancel-button {
     background-color: #fff !important;
     color: #000 !important;
     border: 1px solid #000 !important;
 }

 #myTable thead th {
     border: 0;
     text-align: left;
     padding-left: 10px;
 }

 table.dataTable.no-footer {
     border-bottom: 0;
 }

 .teamtd {
     background-color: #20222C;
 }

 /*pagination css start */

 .pagination * {
     color: #fff !important;
 }

 .page-item.disabled .page-link {
     background-color: #fff !important;
     border: 2px solid gray;
     color: #000000 !important;
 }

 .page-link {
     background-color: #fff !important;
     border: 2px solid gray;
     color: #000000 !important;
 }

 .page-item {
     color: #000000;
 }

 .page-item.active .page-link {
     background-color: #000000 !important;
     color: #fff !important;
 }

 .page-item i {
     color: #000000 !important;
 }

 /*pagination css end */
 /*//check Box css */
 input[type=checkbox] {
     transform: scale(1.3);
     margin: 7px;
 }

 .accent {
     accent-color: #49596e;
 }

 .accent:not(:checked) {
     opacity: 0.5;
 }

 .select2-selection__arrow {
     display: none;
 }

 .dropleft .dropdown-toggle::before {
     display: none !important;
 }

 .ck-editor__editable_inline {
     min-height: 350px;
 }

 /*//country select css start*/
 .input-group.input-theme .input-group-prepend.phone span.select2-selection.select2-selection--single {
     padding: 22px 0;
     border-radius: 10px 0 0 10px;
 }

 .input-group.input-theme .input-group-prepend.phone * {
     background: transparent !important;
 }

 .input-group.input-theme .input-group-prepend.phone span#select2-country-select-container {
     margin-top: -15px;
 }

 .input-group-prepend.phone span.select2.select2-container.select2-container--open {
     width: 120px !important;
 }

 /*//country select css end*/
 .member-table table tr:hover {
     /* background-color: #f9f9f9 !important; */
 }

 /*make the div absolute */
 #abs1 {
     z-index: -5;
     position: absolute;
     top: 25px;
 }

 .action-icons>div a {
     /* background-color: #f3f3f3;
    padding: 10px 14px;
    border-radius: 5px; */
 }

 .action-icons>div a img {
     width: 20px;
 }

 .custom-url-field {
     background-color: #20222c;
     border: 0px !important;
     padding-right: 60px !important;
     color: #7B7B7C !important;
 }

 .custom-url-copy-button {
     position: absolute;
     right: 6px;
     top: 12px;
     background-color: #20222c;
     height: 30px;
     border-radius: 5px;
     box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
     -webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75);
     color: #7B7B7C !important;
 }

 .no-courses {
     width: 100%;
     margin-top: 36vh;
 }

 .addPerson {
     background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
     color: white !important;
     font-family: Roboto !important;
     border: 2.5px solid #171820;
     border-radius: 8px !important;
     font-size: 16px;
     width: 150px;
 }

 .mob-text-popupe {
     display: none;
 }

 @media (max-width: 580px) {
     .mob-text-popupe {
         display: block;
         padding: 10px 15px;
         background: #17191F;
         border: 1px solid gray;
         border-radius: 5px;
         margin-bottom: 10px;
     }

     .rk_graph_container {
         margin: 20px 10px;
     }
 }

 .mob-text-popupe button {
     background-color: transparent;
     color: #FFFFFF;
     padding: 0;
 }

 ß .custom-popupe .modal-content {
     background-color: #111111;
     border: 1px solid #ffffff40;
 }

 .mob-text-popupe button:active {
     color: #ffffff !important;
     opacity: 1;
     border: 0;
 }

 .custom-popupe .modal-content .modal-header {
     padding: 22px 0px 10px;
     border: 0;
 }

 .custom-popupe .modal-content .modal-footer {
     border: 0;
 }

 .custom-popupe .modal-content .modal-header button.btn-close {
     color: #ffffff;
     opacity: 1;
     background-image: none;
     position: absolute;
     right: 20px;
     z-index: 99;
     background: black;
     border-radius: 10px;
     padding: 5px 10px;
 }

 .custom-popupe .modal-content .modal-header button.btn-close:focus {
     outline: none;
     box-shadow: none;
 }

 .custom-popupe .modal-content .modal-body ul {
     padding: 0;
     margin: 0;
 }

 .custom-popupe .modal-content .modal-body ul li {
     list-style: none;
 }

 .custom-popupe .modal-content .modal-body ul li a {
     color: #ffffff;
     text-decoration: none;
     padding: 12px;
     display: block;
 }

 .custom-popupe .modal-content .modal-header .modal-title {
     color: #fff;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     width: 100%;
 }

 @media (max-width: 480px) {
     .rk-card_main_wrapper {
         width: 100%;
         padding: 30px 0px;
     }
     
 }

 @media (max-width: 575px) {

     .rk-card-block-wrapper,
     .rk-card-list-wrapper {
         padding: 6px;
     }
 }


 .form-switch i::before {

     background-color: #40424f !important;
 }

 .form-switch input:checked+i {
     background-color: #341a58 !important;

 }

 .select2-selection,
 .select2-selection--multiple {
     background-color: #171422 !important;
     background: #171422 !important;
 }

 .selection {

     background-color: #171422 !important;
     background: #171422 !important;

     background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
     color: white !important;
     font-family: Roboto !important
 }

 .PsChanese {
     background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
     color: white !important;
     font-family: Roboto !important
 }

 @media (max-width: 991px) {
     /* Adjust breakpoint as needed */

     .sass-sidebar {
         order: -1;
         /* Move sidebar to the top */
         display: block;
         /* Ensure it displays in mobile */
     }

     .sass-content {
         order: 0;
         /* Default order */
     }
 }

 .coverUpload {
     border: 1px solid #FFFFFF !important;
     background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
     border-radius: 5px !important;
     padding: 10px 18px !important;
 }


 .form-switch input:checked+i,
 .custom-control-label::before {
     background-color: #341a58 !important;
 }

 .paymentGateway {
     background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
     color: white !important;
     font-family: Roboto !important;
 }

 .dropdown-emoji-chat {
     background: black !important;
     bottom: 0 !important;
     height: 300px !important;
     width: 300px !important;
     overflow: auto !important;
 }

 .messageContent {
     display: flex;
     align-items: center;
     background: rgba(128, 52, 224, 1);
     color: white;
     border: 1px solid rgba(255, 255, 255, 0.22);
     border-radius: 12px 0px 12px 12px;
     padding: 15px;
     max-width: 80%;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
     width: Hug (377px)px;
 }

 .messageTime {
     font-size: 0.75rem;
     color: #B3B3B3;
     flex-shrink: 0;
 }

 .contentMessage {
     display: flex;
     align-items: center;
     background: rgba(84, 84, 84, 0.5);
     color: white;
     border: 1px solid rgba(255, 255, 255, 0.22);
     border-radius: 0px 12px 12px 12px;
     padding: 15px;
     max-width: 80%;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
     width: Hug (377px)px;
 }

 .contentTime {
     font-size: 0.75rem;
     color: #B3B3B3;
     margin-right: 10px;
     flex-shrink: 0;
 }


.card-content-wrapper {
    max-height: 630px;
    /* overflow-y: auto; */
    /* max-height: 630px; */
    overflow-y: hidden;
    padding: 0;

}

 .message-inbox {
     border-radius: 12px !important;
     margin-top: 8px !important;
     padding: 1rem !important;
 }

.modules-img-list {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    /* height: 630px; */
    /* padding-bottom: 30px; */
} 

 .modules-img-list:hover {
     cursor: grabbing;
     cursor: -webkit-grabbing;
 }


.scnd-modules-img-list {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    /* height: 630px !important; */
    /* padding-bottom: 30px; */
} 

 .scnd-modules-img-list:hover {
     cursor: grabbing;
     cursor: -webkit-grabbing;
 }

 /* .subscriptionBtn {
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
    height: 48.75px !important;
    border: 1px solid rgba(128, 52, 224, 1) !important;
    color: white !important;
} */
 .paymentcard {
     background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
     border: 1px solid #8034e0 !important;
     color: white !important;
 }

 .subscriptionBtn {
     background-color: #8034e054 !important;
     color: #ffffff !important;
 }

 .subscriptionBtn:hover {
     background-color: #7c44c1 !important;
 }

 /* ============================================================================================================================> */

 .card-items .card-body {
     background-color: rgba(128, 52, 224, 0.1);
     border: 2px solid rgba(255, 255, 255, 0.22);
     border-radius: 20px;
     padding: 40px 30px;
     height: 100%;
     padding-bottom: 120px;
 }

.card-items .card-item {
     padding-left: 30px;
     padding-right: 10px;
     margin-bottom: 32px;
     display: flex;
}

 .card-img {
     height: 230px;
     width: 100%;
     object-fit: contain;
     object-position: center center;
     border-radius: 0;
 }

 .card-items h4.card-heading {
     font-size: 24px;
     font-weight: 700 !important;
     line-height: 33px;
     margin-bottom: 10px;
 }

 .card-items .card-description,
 .card-items .card-meta {
     font-size: 14px;
     font-weight: 400;
     line-height: 17px;
 }

 .card-items .card-meta {
     color: rgba(255, 255, 255, 0.5) !important;
 }

.card-items .action-icons a {
    background-color: rgba(128, 52, 224, 0.2);
    border: 3px solid rgba(255, 255, 255, 0.2);
}

.card-items .action-icons.action-btn  {
    position: absolute;
    bottom: 40px;
}

.card-items .action-icons a:hover {
    background: #8034e0;
    border: 3px solid rgba(255, 255, 255, 0.2);
}

.action-block a.iconbox:hover { 
    background: #8034e0;
}

 /* ============================================================================================================================> */
 .btn-style {
     height: 50px;
     min-width: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 5px;
 }

 .btn-style i {
     margin-right: 10px;
 }

.btn-style.btn-resource {
    height: 40px;
    min-width: 150px;
    border: 1px solid rgba(128, 52, 224, 1);
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%);
    border-radius: 5px;
}

.btn-style.btn-resource:hover {
    height: 40px;
    min-width: 150px;
    border: 1px solid rgba(128, 52, 224, 1);
    background: #8034e0;
    border-radius: 5px;
}

 .btn-round {
    height: 55px;
    min-width: 157px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
}

.btn-round svg {
    margin-right: 7px;
}

.btn-contract { 
    height: 46px;
    min-width: 180px;
    display: inline-block;
    border: 1px solid rgba(128, 52, 224, 1);
    color: #FFF;
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%);
    border-radius: 5px;
    padding: 8px 18px;
}

.btn-contract:hover { 
    color: #FFFFFF;
}

.congo-btn { 
    display: inline-block;
    border: 1px solid rgba(128, 52, 224, 1);
    color: #FFF;
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%);
    border-radius: 5px;
    padding: 8px 18px;
}

.congo-btn:hover {
    background: #8034E0;
}

.go-dash-block { 
    height: 200px; 
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    padding-bottom: 100px;
}

.form-bg-style {
    background: linear-gradient(178.67deg, rgba(29, 31, 39, 0.2) -37.09%, rgba(167, 234, 203, 0.2) 392.09%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 40px;
    max-width: 675px;
    width: 100%;
    margin: 0 auto;
}

.action-block  { 
    gap: 16px;
}

.action-block a.iconbox { 
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(128, 52, 224, 0.2);
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
}

.action-block a.iconbox i {  
    font-size: 18px;

}

.signup-block {
    height: 100vh;
    background-color: rgba(22, 23, 29, 1);
}
.signup-block-row {
    height: 100%;
}
.signup-block .signup-form {
    z-index: 0;
}

.signup-block .signup-form:before,
.signup-block .signup-form:after {
    height: 600px;
    width: 600px;
    content: "";
    position: absolute;
    background: rgba(128, 52, 224, 0.8);
    filter: blur(300px);
    -webkit-filter: blur(300px);
    -moz-filter: blur(300px);
    -ms-filter: blur(300px);
    -o-filter: blur(300px);
    border-radius: 100%;
    z-index: -1;
    transform: translate3d(0, 0, 0);
}

.signup-block .signup-form:before {
    top: -270px;
    left: -250px;
}

.signup-block .signup-form:after {
    bottom: -450px;
    right: 80px;
}

/* .signup-block .congratulation-form:after {
    bottom: 0;
} */
.signup-block .image-block {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.signup-block .image-block img {
    height: 100vh;
    border-radius: 20px 0px 0px 0px;
}

.signup-block .image-block .img-content-box {
    background-color: rgba(128, 52, 224, 0.23);
    backdrop-filter: blur(30px);
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 30px;
}

.signup-block .image-block .img-content-box h5 {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 30px;
}

.signup-block .image-block .img-content-box p {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

.signup-block .signup-form .form-header img {
    height: 40px;
}

.signup-block .signup-form .steps-navigation {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 20px;
     padding-bottom: 20px;
 }

.signup-block .signup-form .steps-navigation .rectangular-line { 
    width: 25%;
}

.signup-block .signup-form .steps-navigation .rectangular-line span {
     display: inline-block;
     font-size: 14px;
     font-weight: 400;
     line-height: 17px;
     color: rgba(255, 255, 255, 1);
 }

.signup-block .signup-form .steps-navigation .rectangular-line {
     position: relative;
 }

 .signup-block .signup-form .steps-navigation .rectangular-line:before {
    width: 100%;
    height: 5px;
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0px;
    border-radius: 10px;
    background: rgba(217, 217, 217, 1);
    transition: all 0.5s ease-in-out;   
}

.signup-block .signup-form .steps-navigation .rectangular-line:after {
    height: 5px;
    width: 0%;
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0px;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
}

.signup-block .signup-form .steps-navigation .rectangular-line.successsteps:after,
.signup-block .signup-form .steps-navigation .rectangular-line.rectangularActive:after {
    background: rgba(128, 52, 224, 1);
    width: 100%;
}

.signup-block .signup-form .steps-navigation .rectangular-line.successsteps i {
    display: none !important;
}

.signup-block .signup-form .steps-form form h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
}

.signup-block .signup-form .steps-form .row.h-400 { 
    min-height: 400px;
}

.signup-block .signup-form .steps-form form p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5) !important;
}

.signup-block .signup-form .steps-form .form-group {
    margin-bottom: 18px;
}

.signup-block .signup-form .steps-form label {
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
}

.signup-block .signup-form .steps-form .form-control {
    height: 60px;
    background-color: rgba(22, 23, 29, 1) !important;
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 5px !important;
    padding: 20px 28px;
}

.signup-block .signup-form .steps-form .form-btn,
.contract-block .contract-form .form-btn, .signup-block-row .signup-form .form-btn {
    width: 100%;
    background: rgba(128, 52, 224, 0.23);
    color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    padding: 13px 26px;
}

.signup-block .signup-form .steps-form .form-btn:hover,
.contract-block .contract-form .form-btn:hover, .signup-block-row .signup-form .form-btn:hover {
    border: 1px solid rgba(128, 52, 224, 1);
    background: #8034e0;
}

.signup-block .signup-form .steps-form .payment-box .checkbox-item, .signup-block .signup-form .steps-form .payment-box .radio-item {
    display: flex;
    gap: 20px;
    background: linear-gradient(178.67deg, rgba(29, 31, 39, 0.2) -37.09%, rgba(128, 52, 224, 0.2) 392.09%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    padding: 16px;
}

.signup-block .signup-form .steps-form .payment-box .checkbox-item img, .signup-block .signup-form .steps-form .payment-box .radio-item img { 
    height: 16px
 }

.signup-block .signup-form .steps-form .payment-box .checkbox-item h6, .signup-block .signup-form .steps-form .payment-box .radio-item h6 {
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 18.75px;
    margin-bottom: 20px;
}

.signup-block .payment-box .checkbox-item p, .signup-block .payment-box .radio-item p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.41px;
}

.signup-block .payment-box .checkbox-item .check-box,
.signup-block .payment-box .radio-item .radio-box {
    position: absolute;
    right: 18px;
    top: 18px;
}

/* .signup-block .payment-box .checkbox-item .check-box label { font-size: 0; } */

.signup-block .payment-box .check-box input[type="checkbox"]:not(:checked), 
.signup-block .payment-box .check-box input[type="checkbox"]:checked,
.signup-block .payment-box .radio-box input[type="radio"]:not(:checked), 
.signup-block .payment-box .radio-box input[type="radio"]:checked { 
    position: absolute;
    left: -9999px;
}

.signup-block .payment-box .check-box input[type="checkbox"]:not(:checked) + label, 
.signup-block .payment-box .check-box input[type="checkbox"]:checked + label,
.signup-block .payment-box .radio-box input[type="radio"]:not(:checked) + label, 
.signup-block .payment-box .radio-box input[type="radio"]:checked + label {  
    position: relative;
    padding-left: 0;
    cursor: pointer;
}

.signup-block .payment-box .check-box input[type="checkbox"]:not(:checked) + label:before, 
.signup-block .payment-box .check-box input[type="checkbox"]:checked + label:before,
.signup-block .payment-box .radio-box input[type="radio"]:not(:checked) + label:before, 
.signup-block .payment-box .radio-box input[type="radio"]:checked + label:before {  
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(128, 52, 224, 1);
    background: transparent;
    border-radius: 0px;
    /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1); */
}

.signup-block .payment-box .check-box label, .signup-block .payment-box .radio-box label { font-size: 0; height: 20px; width: 20px; }

.signup-block .payment-box .check-box input[type="checkbox"]:not(:checked) + label:after,
.signup-block .payment-box .radio-box input[type="radio"]:not(:checked) + label:after { 
    opacity: 0;
    transform: scale(0);
}

.signup-block .payment-box .check-box input[type="checkbox"]:checked + label:after,
.signup-block .payment-box .radio-box input[type="radio"]:checked + label:after { 
    opacity: 1;
    transform: scale(1);
}


.signup-block .payment-box .check-box input[type="checkbox"]:not(:checked) + label:after,
.signup-block .payment-box .check-box input[type="checkbox"]:checked + label:after,
.signup-block .payment-box .radio-box input[type="radio"]:not(:checked) + label:after,
.signup-block .payment-box .radio-box input[type="radio"]:checked + label:after {
    content: '✔';
    height: 20px;
    width: 20px;
    content: '';
    position: absolute;
    top: -4px;
    left: 2px;
    line-height: 0.8;
    color: rgba(128, 52, 224, 1);
    transition: all .2s;
    font-family: Helvetica, Arial, sans-serif; 
    background-image: url('../../uploads/updates/images/checkbox-tick.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

#errorRegister ul#showErrorsRegister li { 
    font-size: 12px;
    display: flex;
    gap: 7px;
    align-items: center;
}

.contract-block {
    height: 100vh;
}

.contract-block .contract-content-items .contract-content-item .contract-content {  
    height: 340px;
    overflow-y: auto;
}

.contract-block .contract-content-items .contract-content-item .contract-content h2 {
    font-size: 20px;
}

.contract-block .contract-content-items .contract-content-item .contract-content p {
    font-size: 14px;
}

.contract-block .contract-item {  
    overflow-y: scroll;
    height: 100%;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.contract-block .contract-item::-webkit-scrollbar {
    display: none;
}

.contract-block .contract-img-block h5 { 
    font-size: 36px;
    font-weight: 700;
    line-height: 42.19px;
    color: #FFFFFF;
}

.contract-block .contract-form .form-group label { 
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    color: #FFFFFF;
}

.contract-block .contract-form .form-group .form-control {
    height: 46px;
    color: #FFFFFF;
    background-color: rgba(22, 23, 29, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 5px !important;
    padding: 10px 20px;
}

.contract-block .contract-form .form-group .form-control #signature-pad-mobile { 
    display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }



/* Popupstyle*/
.edit-resource-popup { 
    max-width: 675px;
}
#AddAudienceModal .edit-resource-popup { 
    max-width: 500px;
}

.edit-resource-popup .modal-content {
    border: 2px solid rgba(255,255,255,0.2) !important;
}

 .modal.modal-overlay {
    background: rgba(29, 30, 34, 0.698) !important;
    backdrop-filter: blur(5px) !important;
}

.modal.modal-overlay::before {
    height: 700px; 
    width: 700px;
    content:"";
    position: absolute;
    top: -100px;
    right: 100px;
    border-radius: 100%;
    background: rgba(128, 52, 224, 0.231);
    filter: blur(300px);
}

.modal.modal-overlay::after {
    height: 700px; 
    width: 700px;
    content:"";
    position: absolute;
    bottom: -100px;
    left: 75px;
    border-radius: 100%;
    background: rgba(128, 52, 224, 0.231);
    filter: blur(300px);
}

.edit-resource-popup .card-header {
    background: transparent !important;
}

.edit-resource-popup .card-header .form-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgb(255, 255, 255, 0.2) !important;
    padding-bottom: 16px;
}

.edit-resource-popup .card-header .form-header .close-btn .btn {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgb(128, 52, 224, 0.05);
    padding: 0;
}

.edit-resource-popup .card-header .form-header .form-title {
    display: flex;
    gap: 30px;
    align-items: center;
}

.edit-resource-popup .card-header .form-header .title-icon {
    height: 40px;
    width: 40px;
    background: rgb(128, 52, 224, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.edit-resource-popup .card-header .form-header h4 { 
    font-size: 18px;
    font-weight: 500;
    line-height: 21.09px;
    color: rgb(255, 255, 255, 0.7) !important;

}

.edit-resource-popup .modal-content .modal-body {

}

.edit-resource-popup .modal-content .modal-body .card  { 
    background: #16171D !important;
}

.edit-resource-popup .form-group label {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px;
}

.edit-resource-popup .form-group .form-control, .edit-resource-popup .form-group textarea {
    border: 1px solid rgba(255,255,255,0.2) !important;
    background: rgba(0, 0, 0, 0.2) !important;
    font-size: 14px;
}

.edit-resource-popup .form-group .subscriptionButtonBlock { 
    height: 70px !important; 
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 148.89%) !important;
    border: 1px solid rgba(128, 52, 224, 1) !important;
    color: white !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.09px;
}

.edit-resource-popup .form-group .subscriptionButtonBlock:hover { 
    background: #8034e0 !important;
}



.edit-resource-popup .upload-icon-style {
    width: 92px; 
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 148.89%);
    border: 1px solid #8034E0;
    border-radius: 50px;
    margin-bottom: 15px;
}

.edit-resource-popup .courses-cover-thumb {
    min-height: 175px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    font-size: 16px;
    padding: 20px;
}

.edit-resource-popup .courses-cover-thumb .cover-thumb-box {
    padding: 20px 32px;
    background: rgba(85, 85, 85, 0.302);
    border-radius: 8.66px;
}

.edit-resource-popup .courses-cover-thumb .img-wrapper { 
    min-height: 175px;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}


 /* Responsive Style */
 @media only screen and (max-width: 1524px) {
    .form-bg-style {
        padding: 35px;
    }

    .signup-block .signup-form .steps-navigation {
        padding-bottom: 20px;
    }
 }



 /* ============================================================================================================================> */

.contract-content::-webkit-scrollbar-track {
	border-radius: 10px;
    background: rgba(217, 217, 217, 1);

}

.contract-content::-webkit-scrollbar {
	width: 6px;
}

.contract-content::-webkit-scrollbar-thumb {
    height: 32px;
    width: 6px;
	border-radius: 10px;
    background-color: rgba(77, 77, 77, 1);
}

.subscriptionBtn:hover {
    background-color: #7c44c1 !important;
}

.card-episode-wrapper {
    padding: 12px;
}


/* Responsive Design */

@media only screen and (max-width: 1524px) { 
    .signup-block {
        height: 100vh;
    }

    .card-items .card-item {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 30px;    
    }

    .card-items .card-body { 
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

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

    /* .session-main-left-menu .menu-link-item {
        width: 100% !important;
    }

    .session-main-page-wrapper:not(.session-main-page-wrapper.visiting) {
        margin-left: 75px;
        width: calc(100% - 75px);
    } */

    .card-items .card-item {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .card-img {
        height: 170px;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
}

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

    .signup-block .signup-form:after {  
        /* bottom: 0; */
        /* right: 0; */
    }

    .signup-block { 
        height: 100vh;
    }
    .signup-block-row {
        height: 100vh;
    }
    .card-items .card-body {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .form-bg-style { 
        padding: 25px;
    }
    
    .signup-block .signup-form:before {
        /* top: 0; */
        /* left: 0; */
        position: fixed;
    }

    .signup-block .signup-form:after {
        /* display: none; */
    } 

    #resourceEditForm, #resourceCreateForm {overflow-y: scroll !important;}

    .image-fluid { width: 130px;}
}

.file-upload-parent-resource .courses-cover-thumb .circular-progress {left: 250px;}
.resource-image { z-index: 99999; }
.password-validate { font-size: 13px; }
.resource-top { padding-top: 5px; z-index: 99999; }
.audiance-top { z-index: 99999; }

.contract-block .contract-form .form-group .form-control { color: rgba(255,255,255,0.5); }

.national_id_number::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
.national_id_number::-moz-placeholder { color: rgba(255,255,255,0.5); }
.national_id_number:-ms-input-placeholder { color: rgba(255,255,255,0.5); }
.national_id_number:-moz-placeholder { color: rgba(255,255,255,0.5); }

.textareaAutoSize { overflow: unset !important; overflow-wrap:unset !important; }
.go-back-button:hover { border: 1px solid rgba(128, 52, 224, 1);background: #8034e0; }

.education-gradient-color { background: linear-gradient(179.85deg, #1d1f27 0.13%, #8034e0bf 248.51%) !important;}
.education-buttons {
    border: 1px solid rgba(84, 45, 133, 1);
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 43px;
}

.education-buttons:hover {
    height: 43px;
    border: 1px solid rgba(84, 45, 133, 1);
    background: #8034e0;
    border-radius: 5px
}

/* Dashboard Style 17-01-2025 */
.session-main-page-wrapper:not(.session-main-page-wrapper.visiting) { margin-left: 274px; width: calc(100% - 274px); padding: 0px; }
/* .session-main-content-wrapper { width: 100%; margin-left: 0; } */


.dashboard-btn { border: 1px solid rgba(128, 52, 224, 1) !important; background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important; width: 150px; min-width: 150px; height: 50px; color: #8034E0 !important; font-family: Roboto !important; font-weight: 500; font-size: 16px; border-radius: 5px; }
.dashboard-btn:hover { background: rgba(128, 52, 224, 1) !important; color: #FFFFFF !important; }
.session-main-content-wrapper .icon-boxes-item { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.session-main-content-wrapper .icon-boxes-item .icon-box-item { width: 20%; padding: 0 8px; }
.session-main-content-wrapper .icon-boxes-item .icon-box-item .icon-box-item-inner { height: 100%; display: flex; gap: 15px; justify-content: start; align-items: center; background: rgb(29,31,39); background: linear-gradient(178.67deg, rgb(29, 31, 39, 0.4) 21.09%, rgb(128, 52, 224, 0.4) 120%) !important; border: 2px solid rgb(255, 255, 255,0.2); border-radius: 10px; padding: 35px 20px !important; }
.session-main-content-wrapper .icon-boxes-item .icon-box-item .icon-box-item-inner .box-icon { height: 64px; width: 64px; display: flex; align-items: center; justify-content: center; background-color: rgb(128, 52, 224,0.05); border-radius: 100%; }
.session-main-content-wrapper .icon-boxes-item .icon-box-item .icon-box-item-inner .box-icon i { color: rgb(128, 52, 224) !important; }
.session-main-content-wrapper .icon-boxes-item .icon-box-item .icon-box-item-inner .box-content span { color: rgb(255, 255, 255, 0.7) !important; font-size: 14px; font-weight: 400; font-family: Roboto !important; margin-bottom: 12px; }
.session-main-content-wrapper .icon-boxes-item .icon-box-item .icon-box-item-inner .box-content h4 { color: rgb(255, 255, 255, 0.7) !important; font-size: 24px; font-weight: 700; }

.session-main-content-wrapper .item-container-box.box-bg { background: rgb(29,31,39); background: linear-gradient(178.67deg, rgb(29, 31, 39, 0.4) 21.09%, rgb(128, 52, 224, 0.4) 200%) !important; }
.session-main-content-wrapper .item-container-box.box-bg { height: 100%; border: 2px solid rgb(255, 255, 255,0.2); padding: 12px !important; }
.session-main-content-wrapper .item-container-box.box-bg.chart-box { padding: 40px 50px 50px !important; }
.session-main-content-wrapper .item-container-box.box-bg.chart-box #legend-container {margin: 20px 0px;}
.session-main-content-wrapper .item-container-box.box-bg .box-icon { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; background-color: rgb(128, 52, 224,0.05); border-radius: 100%; }
.session-main-content-wrapper .item-container-box.box-bg .box-icon i { font-size: 16px !important; color: #8034E0 !important; }
.session-main-content-wrapper .item-container-box.box-bg h4 { color: rgb(255, 255, 255, 0.7) !important; font-size: 18px; font-weight: 500 !important; font-family: Roboto !important; }
.session-main-content-wrapper .item-container-box.box-bg #columnchart_values svg rect, .session-main-content-wrapper .item-container-box.box-bg #regions_div svg g rect { fill: transparent; }
.session-main-content-wrapper .item-container-box.box-bg #columnchart_values svg text { fill: rgb(255, 255, 255, 0.7); }
.session-main-content-wrapper .item-container-box.box-bg #columnchart_values svg g rect { fill: rgba(255, 255, 255, 0.05); }

.session-main-content-wrapper .item-container-box.box-bg .table-responsive { margin-top: 20px; }
.session-main-content-wrapper .item-container-box.box-bg .table-responsive .table tbody tr td { color: #FFFFFF; font-family: Roboto !important; padding: 9px 20px !important; }
.session-main-content-wrapper .item-container-box.box-bg .table-responsive .table tbody tr td .square-35 { height: 37px; width: 37px; box-sizing: border-box; }
.session-main-content-wrapper .item-container-box.box-bg .table-responsive .table tbody tr:nth-child(odd) { background-color: rgb(128, 52, 224, 0.1); }
.session-main-content-wrapper .item-container-box.box-bg .table-responsive .table tbody tr td:nth-child(1) { border-radius: 10px 0px 0px 10px; }
.session-main-content-wrapper .item-container-box.box-bg .table-responsive .table tbody tr td .btn-style { max-width: 150px; min-width: initial; height: 35px; font-size: 12px; font-weight: 600; font-family: Roboto !important; background: linear-gradient(178.67deg, rgb(29, 31, 39, 0.4) 21.09%, rgb(128, 52, 224, 0.4) 200.09%); border-color: #ABABAB; color: #ABABAB !important; padding: 11px 40px !important; }

/* Audiance Boxes Item */
.audiance-boxes-item .audiance-box-item {  background: rgb(29,31,39); background: linear-gradient(178.67deg, rgb(29, 31, 39, 0.4) 21.09%, rgb(128, 52, 224, 0.4) 120%) !important; border: 2px solid rgb(255, 255, 255,0.2); border-radius: 10px; padding: 20px 20px; }
.audiance-boxes-item .audiance-box-item .audiance-box-heading, .audiance-boxes-item .audiance-box-item .audiance-box-content { display: flex; justify-content: space-between; align-items: center; }
.audiance-boxes-item .audiance-box-item .audiance-box-heading { padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.2); }
.audiance-boxes-item .audiance-box-item .audiance-box-heading p { font-size: 14px; font-weight: 500; color: #FFFFFF; }
.audiance-boxes-item .audiance-box-item .audiance-box-content { padding-top: 20px; }
.audiance-boxes-item .audiance-box-item .audiance-box-content h3 { font-size: 32px; font-weight: 700; }
.audiance-boxes-item .audiance-box-item .audiance-box-content span { font-size: 15px; line-height: 1.4; color: #00FF89; }

.dashboard-memeber .edit-resource-popup .form-group .subscriptionButtonBlock { height: 50px !important; font-size: 16px; }
.dashboard-memeber .edit-resource-popup .form-group .subscriptionButtonBlock svg { height: 22px; width: 22px; }


#audiance-modal .profile-img-style #profile-picture { width: 100px; height: 100px; border: solid 3px transparent; border-radius: 70px; background-image: linear-gradient(#8034E0, #452374), linear-gradient(to right, #8034E0, #452374); background-origin: border-box; background-clip: content-box, border-box; margin: 0px auto; }

#audiance-modal .user-avatar-profile { display: none; }
#audiance-modal .custom-multiple-select { width: 100%;height: calc(2.75rem + 2px);background-color: rgba(0, 0, 0, 0.2);border: 1px solid rgba(255, 255, 255, 0.2) !important;border-radius: 5px;padding: 0.75rem; }

.audiance-custom-label { left: 18px;top: 13px; }
.audiance-custom-input { padding-left: 71px !important; }
.audiance-custom-mobile-input { padding-left: 130px !important; }

/* .date-filter-style { position: absolute; top: 20px; left: 24px; } */
.date-filter-style .date-filter-style-inner { display: flex; align-items: center; gap: 16px; }
.date-filter-style .date-filter-style-inner input, .date-filter-style .date-filter-style-inner i { color: #FFFFFF !important; padding: 0px; }

.session-main-content-wrapper .dashboard-memeber.item-container-box.box-bg { padding: 50px !important; }
.session-main-content-wrapper .dashboard-memeber .dashboard-btn { min-width: 175px; color: #FFFFFF !important; }
.session-main-content-wrapper .dashboard-memeber .dashboard-btn:hover { background: #8034E0 !important;  }
.session-main-content-wrapper .dashboard-memeber .short-list-style button { text-align: left; height: 50px; width: 75px; color: #FFFFFF !important; background-color: transparent; border: 1px solid rgba(255,255,255,0.4) !important; border-radius: 5px !important; padding: 0 15px; }
.session-main-content-wrapper .dashboard-memeber .short-list-style ul.dropdown-menu.show { position: absolute !important; left: 0px !important; top: 0px !important; }
.session-main-content-wrapper .dashboard-memeber .member-table table tr td:first-child { border-radius: 10px 0 0 10px; }
.session-main-content-wrapper .dashboard-memeber .member-table table tr td:last-child { border-radius: 0 10px 10px 0; }
.session-main-content-wrapper .dashboard-memeber .table tbody tr:nth-child(odd) { background-color: rgb(128, 52, 224, 0.1); border-radius: 10px; }
.session-main-content-wrapper .dashboard-memeber .member-table th, .session-main-content-wrapper .dashboard-memeber .member-table td { vertical-align: middle; color: #FFFFFF !important; font-size: 14px; font-weight: 400; font-family: Roboto !important; padding: 15px 20px !important; }
.session-main-content-wrapper .dashboard-memeber .member-table .form-group { margin-bottom: 0; }
.session-main-content-wrapper .dashboard-memeber .member-table .form-group .form-check { display: flex; align-items: center; justify-content: center; padding-left: 0; }
.session-main-content-wrapper .dashboard-memeber .member-table .form-group .form-check .form-check-input { margin: 0; padding: 0; }
.session-main-content-wrapper .dashboard-memeber .search-subscribers .input-group input[type="text"]::placeholder, .session-main-content-wrapper .dashboard-memeber .search-subscribers .input-group .form-control.flatpickr-input { font-size: 15px; font-weight: 300; }
.session-main-content-wrapper .dashboard-memeber .search-subscribers .input-group .form-control.flatpickr-input { height: 50px; border: 1px solid rgba(255,255,255,0.4) !important; border-radius: 5px !important; }
.session-main-content-wrapper .dashboard-memeber .search-subscribers .input-group .form-control.flatpickr-input, .session-main-content-wrapper .dashboard-memeber .search-subscribers .input-group .input-group-append button { background-color: transparent !important; }
.session-main-content-wrapper .dashboard-memeber .search-subscribers .input-group .input-group-append { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); }
.session-main-content-wrapper .dashboard-memeber .pagination { gap: 6px; }
.session-main-content-wrapper .dashboard-memeber .pagination .page-item .page-link { border: none; background-color: transparent !important; }

.member-one span#select2-country-select-container { border: 1px solid rgba(255, 255, 255, 0.2) !important; background: rgba(0, 0, 0, 0.2) !important; border-radius: 5px; }


/* Notification Board Design */
.session-main-content-wrapper .rk_notification_main_wrapper { padding: 0;}
.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_title h4 { font-size: 26px; line-height: 32.5px; font-family: Roboto !important; font-weight: 500 !important; margin-bottom: 0; }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_title p { font-family: Roboto !important; font-size: 18px; font-weight: 400 !important; color: rgba(255,255,255,0.5) !important; }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_noti_inner_btn_group .text-icon { gap: 20px; }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_noti_inner_btn_group h5 { display: flex; align-items: center; gap: 10px; font-family: Roboto !important; font-size: 16px; font-weight: 500 !important; line-height: 12px; margin-bottom: 0; }
.actionDeleteNotify { font-size: 16px; font-weight: 500 !important; line-height: 12px; background-color: transparent !important; background-repeat: no-repeat !important; border: none; }

.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_strip_wrapper { border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; padding: 15px; }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_strip_wrapper:hover { background-color: rgba(217, 217, 217, 0.2); }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_strip_wrapper .noti_details_wrapper { gap: 22px; }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_strip_wrapper .noti-ptofile img { height: 60px; width: 60px; border-radius: 5px; }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_strip_wrapper .noti-name { display: flex; flex-direction: column; gap: 10px; }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_strip_wrapper .noti-name h5 { font-size: 16px; font-weight: 500 !important; font-family: Roboto !important; color: #FFFFFF !important; }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_strip_wrapper .noti-name h5 small { color: rgba(255,255,255,0.5) !important; font-size: 13px; font-weight: 400 !important; font-family: Roboto !important; margin-left: 15px; }
.session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_strip_wrapper .noti-name p, .session-main-content-wrapper .rk_notification_main_wrapper .rk_notification_strip_wrapper .noti-name p a { font-family: Roboto !important; color: rgba(255,255,255,0.5) !important; font-size: 18px !important; }
.notifi-heading { font-family: 'Roboto'; font-size: 23px;font-style: normal;font-weight: 500;line-height: normal; }

/* Payment Card Section */
.payment-card-section .header { position: absolute; top: 0; padding: 20px 40px; }
.payment-card-section .header .form-header img { width: 180px; }
.payment-card-section { height: 100vh; display: flex; align-items: center; justify-content: center; }
.payment-card-section .payment-card-inner { background: rgb(29,31,39); background: linear-gradient(180deg, rgba(29,31,39,0.1) 0%, rgba(128,52,224,0.1) 94%); border: 1px solid rgba(255,255,255,0.2); border-radius: 20px; padding: 80px; }
.payment-card-section .payment-card-inner .payment-card-header { max-width: 85%; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 16px; margin: 0 auto; }
.payment-card-section .payment-card-inner .payment-card-header h3 { font-family: Roboto !important; font-weight: 500 !important; }
.payment-card-section .payment-card-inner .payment-card-header p { font-size: 14px; font-family: Roboto !important; font-weight: 500 !important; }
.payment-card-section .payment-card-inner .stripe-header h5 { font-size: 18px; font-weight: 500 !important; font-family: Roboto !important; color: #FFFFFF !important; }
.payment-card-section .payment-card-inner .stripe-header h6, .payment-card-section .payment-card-inner .stripe-header h6 small { font-family: Roboto !important; color: rgba(255,255,255,0.5) !important; font-size: 14px; font-weight: 400 !important; }
.payment-card-section .StripeElement { height: 60px; background-color: #16171D !important; background-color: transparent; border: 1px solid rgba(255,255,255,0.2); border-radius: 5px; margin-top: 25px; }

.payment-card-section .stripe-header #card-button { height: 60px; width: 100%; background: linear-gradient(180deg, rgba(29,31,39,0.1) 0%, rgba(128,52,224,0.1) 94%) !important; background-color: transparent !important; color: rgba(255, 255, 255, 1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 5px; font-family: Roboto !important; font-size: 20px; font-weight: 500; line-height: 24.2px; padding: 13px 26px;     margin-top: 20px; }
.payment-card-section .stripe-header #card-button:hover { background: #8034E0 !important; border: 1px solid #8034E0; }
.payment-card-section .btn-block small { font-family: Roboto !important; color: #9C9C9C !important; font-size: 16px; font-weight: 400 !important; margin-top: 10px; display: flex; gap: 10px; align-items: center; justify-content: center; margin-top: 16px; }


.link-message {margin-top: 22px; margin-bottom: 18px !important;}
.edit-resource-popup #audiance-modal .audiance-top .form-group, .edit-resource-popup #audiance-modal .card-body span { display: block; text-align: center; margin-bottom: 30px; }

.edit-resource-popup #audiance-modal .audiance-top .form-control { background: url('../.././images/edit-pen-icon.svg') 97% center no-repeat !important; }
.edit-resource-popup #audiance-modal .audiance-top #multiple-checkboxes { appearance: none; background: url('../.././images/select-down-arrow.svg') 97% center no-repeat !important; }

#audiance-modal .profile-img-style .button-avatar-upload { font-size: 16px; font-weight: 600 !important; color: #8034E0; }


/* Flatpickr Calendar Style */
.flatpickr-calendar { height: 340px !important; width: 430px !important; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.20) !important; background: #303035 !important; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15) !important; padding: 10px !important; }
.flatpickr-calendar .flatpickr-current-month input.cur-year { font-size: 14px; }
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months { color: #FFF; text-align: center; font-family: 'Roboto' !important; font-size: 14px; font-style: normal; font-weight: 500; line-height: 21px; }
.flatpickr-calendar span.flatpickr-weekday { width: 54px; height: 36px; max-width: 54px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-family: 'Roboto' !important; letter-spacing: 0.4px; }
.flatpickr-calendar .flatpickr-innerContainer { height: calc(340px - 56px); }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer, .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days, .flatpickr-innerContainer .flatpickr-rContainer .dayContainer { width: 100%; height: 100%; }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .dayContainer { min-width: 100% !important; max-width: 100% !important; }
.flatpickr-calendar .flatpickr-current-month { padding-top: 3px; }
.flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer { background-color: rgba(255, 255, 255, 0.1); justify-content: space-between; }
.flatpickr-calendar .flatpickr-weekdays { height: 40px; margin-bottom: 6px; }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .flatpickr-day { height: 36px; width: 54px; max-width: 54px; font-size: 14px; display: flex; align-items: center; justify-content: center !important; border-radius: 8px; }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .flatpickr-day.selected { background-color: #8034E0 !important; border: none !important; color: #FFFFFF !important; }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .flatpickr-day.inRange { background-color: rgba(255,255,255,0.1) !important; }
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months option { background-color: rgba(255, 255, 255, 0.1); }

/* Responsive Style */
@media only screen and (max-width:1550px) {  
    .session-main-content-wrapper .icon-boxes-item .icon-box-item .icon-box-item-inner { padding: 20px 10px !important; }
    .session-main-content-wrapper .icon-boxes-item .icon-box-item .icon-box-item-inner .box-content span { margin-bottom: 8px; }
    .session-main-content-wrapper .icon-boxes-item .icon-box-item .icon-box-item-inner .box-content h4 { font-size: 18px; }
    .session-main-content-wrapper .icon-boxes-item .icon-box-item .icon-box-item-inner .box-icon { height: 54px; width: 54px; }

    .session-main-content-wrapper .dashboard-memeber .dashboard-btn { width: 145px; min-width: 125px; font-size: 14px; }
}

@media only screen and (max-width:1300px) {
    .session-main-left-menu .menu-link-item { width: 74px !important; }
    .session-main-page-wrapper:not(.session-main-page-wrapper.visiting) { margin-left: 74px; width: calc(100% - 74px); }
}

@media only screen and (max-width:1199px) {
    .session-main-content-wrapper { width: 100%; margin-left: 0; padding: 20px; }
    .session-main-page-wrapper:not(.session-main-page-wrapper.visiting) { margin-left: 74px; width: calc(100% - 74px); }
    .session-main-left-menu .menu-link-item { width: 74px !important; }
    .session-main-content-wrapper .icon-boxes-item .icon-box-item { width: 33.33%; margin-bottom: 16px; }

    .session-main-content-wrapper .dashboard-memeber.item-container-box.box-bg { padding: 20px !important; }
}

@media only screen and (max-width:767px) { 
    .session-main-left-menu { display: none; }
    .session-main-content-wrapper h4.text-sm-small { font-size: 16px; }
    .session-main-page-wrapper:not(.session-main-page-wrapper.visiting) { margin-left: 0px; width: 100%; margin-bottom: 75px; }
    .session-main-content-wrapper .icon-boxes-item .icon-box-item { width: 100%; }

    .session-main-content-wrapper .item-container-box.box-bg.chart-box { padding: 30px 12px !important; }
    .session-main-content-wrapper .item-container-box.box-bg.chart-box .date-filter-style { top: 0; left: 12px; }

    .audiance-boxes-item .audiance-box-item { padding: 20px 15px; }
    .edit-resource-popup #audiance-modal .audiance-top .form-group { display: flex; justify-content: center; margin-bottom: 15px; }
    .edit-resource-popup #audiance-modal .card-body span { margin-bottom: 15px; }
    #audiance-modal .user-avatar-profile { width: 65%; display: none; text-align: left; }
    #audiance-modal .profile-img-style { width: 35%; display: flex; flex-direction: column; gap: 6px; align-items: center; justify-content: center; }
    #audiance-modal .user-avatar-profile input { min-width: initial; min-height: initial; width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
    #audiance-modal .user-avatar-profile label { border: 1px solid rgba(128, 52, 224, 1) !important; background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important; cursor: pointer; display: inline-flex; align-items: center; border-radius: 4px; font-size: 14px; font-weight: 400; gap: 10px; color: #fff; font-family: Roboto !important; font-size: 14px; padding: 10px 12px; margin-bottom: 0; }

    .payment-card-section .header .form-header img { width: 160px; }
    .payment-card-section .header .form-header .btn-round { min-width: 132px; height: 50px; }
    .payment-card-section .header { padding: 15px; }
    .payment-card-section .payment-card-inner { padding: 20px; }
    .payment-card-section .btn-block { gap: 5px; }
    .payment-card-section .btn-block small { font-size: 12px; }
    .payment-card-section .btn-block small svg { height: 16px; }

    #audiance-modal .form-group.invitaion-user { display: flex; justify-content: space-between; margin-bottom: 0px; }
    #audiance-modal .profile-img-style #profile-picture { width: 70px; height: 70px; margin: initial; border: solid 3px transparent; border-radius: 70px; background-image: linear-gradient(#8034E0, #452374), linear-gradient(to right, #8034E0, #452374); background-origin: border-box; background-clip: content-box, border-box; }
    #audiance-modal .profile-img-style .button-avatar-upload { position: relative !important; bottom: 0px !important; padding: 0; }

    .session-main-content-wrapper .dashboard-memeber .pagination .page-item .page-link { height: 20px; min-width: 20px; padding: 0; }
    .vedio-right-wrapper.course-page{text-align: right;}
    .hide-mobile {
        display: none !important;
    }
}

.education-gradient { height: 100%;gap: 15px;justify-content: start;align-items: center;background: rgb(29, 31, 39);background: linear-gradient(178.67deg, rgb(29, 31, 39, 0.4) 21.09%, rgb(128, 52, 224, 0.4) 120%) !important;border: 2px solid rgb(255, 255, 255, 0.2);border-radius: 10px;padding: 35px 20px !important; }

.postLockButton {
    border: 1px solid rgba(128, 52, 224, 1) !important; 
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
    width: 150px;
    height: 50px;
    color: white !important;
    font-family: Roboto !important;
    font-weight: 400;
    font-size: 16px;
    padding:16px 25px !important;
    border-radius: 5px;
}
.fs-22{
    font-size: 22px !important;
}
.course-contracts-wrapper .dashboard-memeber{
    background: linear-gradient(178.67deg, #1D1F27 -37.09%, #8034E0 392.09%) !important;
    
}
#Educators .item-container-box{
    background: transparent !important;
    border: none !important;
}
.h-500{
    height: 500px;
}
.global-gradient-color {
    background: linear-gradient(179.85deg, #1D1F27 0.13%, #7100FF 248.51%) !important;
    
}
.global-gradient-color-box-1 {
    background: linear-gradient(179.85deg, rgba(29, 31, 39, 0.4) 0.13%, rgba(128, 52, 224, 0.04) 248.51%) !important;
}
.global-gradient-color-box-4 {
    background: linear-gradient(179.85deg, #1D1F27 0.13%, #7100FF 248.51%) !important;

}