body {
    font-family: "Montserrat", sans-serif !important;
}


.main_bg {
    background-image: url('../img/banner_img.png');
    /* height: 100vh; */
    overflow-y: auto;
    overflow-x: hidden;
    background-size: cover;
    background-repeat: no-repeat;

}



.header_sec .nabvar_link_box ul li a {
    white-space: nowrap;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.main_dashboard .select_main {
    padding: 10px 40px 10px 14px;
}

.main_dashboard .content_box.space {
    flex: 0 0 calc(80% - 18px);
    width: calc(80% - 18px);
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 120px);
    padding-right: 10px;
}

.main_dashboard .main_title h2 {
    font-size: 30px;
}

.leaderboard_sec .main_title h2 {
    font-size: 30px;
}

.leaderboard_sec .content_box.space {
    flex: 0 0 calc(80% - 18px);
    width: calc(80% - 18px);
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 120px);
    padding-right: 10px;
}

.update_section {
    padding: 0 !important;
}

.update_section .main_box_inner {
    height: 100% !important;
}

.bg_board.edit_profile_sec.update_edit_profile.update_section .editprfile_main_inner {
    height: 100% !important;
    padding: 0;
    overflow: unset !important;
    padding-bottom: 40px;
}

.bg_board.edit_profile_sec.community_sec.update_section .main_box_inner {
    height: 100% !important;
}

.update_section.community_sec .main_box_inner .content_box {
    height: calc(100vh - 90px);
}

.update_section .middle_scroll {
    overflow: unset;
}

.update_section .middle_scroll .middle_scroll_inner {
    overflow: unset;
    overflow-x: unset;
    height: 100%;
    padding: 0 15px 20px 0;
}

.update_section .main_box {
    border-radius: 0px;
    border: unset;
    background: rgb(255, 255, 255);
    padding: 0 !important;
    height: unset !important;
}

.update_section .main_box_inner {
    height: unset !important;
}

.update_section .sidebar_sec {
    /* box-shadow: 12px -2px 10px 0px rgba(124, 124, 124, 0.25); */
    border-right: 1px solid #dfdfdf;
}

.update_section .sidebar_link {
    padding: 0 40px;
}

.update_section .sidebar_sec .sidebar_inner .sidebar_link ul li.active a {
    background: linear-gradient(270deg, #FFAE70 0%, #FF7004 100%);


}

.update_section .sidebar_sec .sidebar_inner .sidebar_link ul li a {
    border-radius: 100px;
}

.update_section .sidebar_sec {
    flex: 0 0 17%;
    overflow: unset;
}

.update_section .sidebar_sec .sidebar_inner {
    height: calc(100vh - 75px) !important;
}

.update_section .main_box_inner .content_box {
    flex: 0 0 calc(83% - 20px);
    height: calc(100vh - 92px);
    padding-bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
    position: relative;
    padding-bottom: 45px;
}

.update_section.rar_update_design .main_box_inner .content_box {
    height: calc(100vh - 92px);
}

.update_section .middle_scroll_inner {
    height: 100% !important;
    overflow: unset !important;
}

.update_section.bg_board {
    background-image: unset;
    background-repeat: no-repeat;
    background-size: cover;
    height: unset !important;
    width: 100%;
    padding: 0 !important;
    background: #fff !important;
    overflow: unset !important;
}

.update_section .mcq_question_checkbox {
    background: rgb(244 249 255);
}

.update_section .siderbar_profile {
    position: relative;
    padding: 36px 0 !important;
}

.update_section .siderbar_profile::after {
    content: '';
    width: 100%;
    background: linear-gradient(90deg, rgba(1, 99, 240, 0.00) 0%, #0163F0 50%, rgba(1, 99, 240, 0.00) 100%);
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.update_section.smid_main_dv .nav-pills {
    display: inline-flex;
    background: #fff !important;
    border-radius: 100px;
    padding: 5px;
    border: 1px solid #e7e7e7;
}
.update_section.smid_main_dv .nav-pills .nav-link{
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.smid_main_dv .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #fff;
}
.update_section.smid_main_dv .daily_simd .custome_blue_check span {
    margin: 0 !important;
}

.update_section.smid_main_dv .todyentry .todyentry_date span {
    color: #0163F0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.update_section.smid_main_dv .scoring_box h2 {
    font-size: 16px;

}

.update_section.smid_main_dv .scoring_box span {
    padding: 11px 20px;
    font-size: 13px;

}

.update_section.smid_main_dv .scoring_box {
    border-radius: 10px;
    background: #c9deff;
    padding: 10px;
    margin-bottom: 6px;
}

.update_section.smid_main_dv .scoring_title h2 {
    font-size: 20px;

    margin-bottom: 15px;
}

/* .update_section .banner_simd {
    background-image: url('../img/banner_simd1.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
    border-radius: 30px;
    width: 100%;
    background-size: cover;
    padding: 20px;
    position: relative;
    overflow: hidden;
} */


.update_section .banner_simd {
    position: relative;
}

.update_section.smid_main_dv .nav-pills {
    display: inline-flex;
    background: #efefef;
    border-radius: 100px;
    padding: 5px;
}

.update_section .banner_simd_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 37%);
    height: 100%;
}

.update_section .banner_simd .fx_50 {
    position: relative;
    z-index: 1;
}

.update_section .banner_simd_img {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.update_section .banner_simd_img img {
    height: 100%;
    width: 100%;

}

.update_section .banner_simd_text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
}

.update_section .banner_simd_text h2 a {
    color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.update_section .back_img {
    width: 30px;
}

.update_section .step_progress_bar_set {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.update_section .progress.custom_progress {
    width: 33.33%;
    flex: 1 0 calc(33.33%);
}

.update_section .main_title h2 {
    margin: 0;
}

.update_section .banner_bottom_title h3 {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    margin: 0px 0 10px;
}

.update_section .banner_bottom_title h3 span {
    color: #000;
}

.update_section .banner_bottom_title p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.rar_update_design .rar_details_box {
    border: 1px solid #eee;
}

.rar_update_design.activity_sec2 .activity_title h2 {
    margin-bottom: 10px;
}

.rar_update_design.activity_sec2 .blue_select_box .blue_select .choices__inner {
    border-radius: 10px;
    border: 1px solid #eee;
    background: #ffffff;
    padding: 16px 5px;
    background-image: url('../img/arrow_icon87.svg');
    background-position: calc(100% - 10px);
    width: 100%;
    background-repeat: no-repeat;
    appearance: none;
    height: 100%;
}

.simd_modal .modal-body h2 {
    font-size: 25px;
    color: #0066ff;
    font-weight: 600;
}

.simd_modal .modal-body p {
    font-size: 16px;
    font-weight: 400;
}

.simd_modal .modal-body span {
    font-weight: 600;
}

.simd_modal .modal-body a {
    font-size: 18px;
    font-weight: 600;
    color: #005ade;
}

.rar_update_design.activity_sec2 form {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px;
}

.rar_update_design.activity_sec2 #logoutForm {
    padding: 0;
    border: none;
    border-radius: 0;
}

.common_banner_rar {
    background-image: url('../img/common_banner_img.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    height: 189px;
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common_banner_rar.banner_text {
    flex-direction: column;
    align-items: start;
    padding: 30px;
    margin-bottom: 15px;
    height: fit-content;
    justify-content: start;
}
.common_banner_rar.banner_text p{
    color: #fff;
    margin: 0;
}


.common_banner_rar h2 {
    color: #fff;
}

.rar_update_design .common_banner_rar.main_title h2 {
    font-size: 45px;
    color: #fff;
}

.title_main {
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.update_section .banner_bottom_title {
    position: absolute;
    bottom: 0;
    /* background: #ff7914; */
    left: 0;
    padding: 21px;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
    background: linear-gradient(90deg, #FF7206 0%, #FF9F55 100%);
    width: 100%;
}

.overall_score.new_score_item .circle-text {
    color: #fff;
}

.overall_score.new_score_item {
    background: transparent;
    padding: 0;
    position: absolute;
    border: none;
    top: 20px;
    right: 20px;
    backdrop-filter: unset;
    height: fit-content;
}

.overall_score.new_score_item .progress_title_score h5 {
    color: #ffffff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    position: absolute;
    top: 88%;
    left: 50%;
    width: 100%;
    transform: translate(-50%);
}

.overall_score.new_score_item .progress-circle {
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
    text-align: center;
}

.banner_bottom_title::after {
    content: '';
    position: absolute;
    top: -46px;
    left: 0;
    width: 100%;
    height: 46px;
    background-image: url('../img/orange_simd_shape.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.title_main a {
    font-size: 35px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
}

.update_section .simd_table_sec table {
    border-radius: 15px;
    border: 2px solid #FFF;
    background: rgb(237 244 255);
    overflow: hidden;
}

/* .update_section .fx_50 {
    flex: 0 0 calc(25% - 15px);
} */

.update_section .step_process .step_text span {
    color: #000;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: unset;
    text-align: center;
    flex: 0 0 calc(33.33% - 10px);
}

.rar_update_design.update_section .step_process .step_text span {
    flex: 0 0 calc(20% - 15px);
    text-align: center;
}

.update_section .step_process .progress.custom_progress {
    height: 10px;
    background: #e9e9e9;
}

.update_section .step_process .step_text {
    padding-bottom: 15px;
}

.update_section .progress.custom_progress {
    width: 33.33%;
    flex: 1 0 calc(33.33% - 15px);
}

.update_section .simd_question_sec .simd_question_item .simd_question_title h2 {
    font-size: 14px;
    line-height: 28px;
    margin-top: 0;
}

.update_section .mcq_question_checkbox {
    font-size: 14px;
    padding: 10px 20px;

}

.update_section .mcq_question_checkbox .checkmark {
    top: 10px;
    right: 10px;
    height: 18px;
    width: 18px;
}

.update_section .mcq_question_checkbox .checkmark:after {
    right: 14px;
    top: 9px;
}


.update_section .smid_tools_sec .smid_tools_box .smid_tools_content p {
    line-height: 20px;
    margin-bottom: 20px;
    height: auto;

}

.update_section .icon_simd_l img {
    width: 100px;
    margin-bottom: 25px;
}

.update_section .new_simd_cart.smid_tools_sec .smid_tools_box {
    margin-bottom: 0px;
    text-align: center;
    background: #fff;
    box-shadow: 8px 4px 15px 3px #eee;
    padding: 30px;
    border-radius: 10px;
}

.update_section .recomended_banner {
    background-image: url('../img/blue_banner.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    padding: 30px 30px 0;
    border-radius: 10px;
}

.update_section .recomended_banner .recomended_banner_title h2 {
    color: #FFF;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.update_section .recomended_banner_inner {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.update_section .recomended_banner .recomended_banner_title p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
}

.update_section .recomended_banner .recomended_banner_title ul {
    padding: 0 15px;
    margin: 0;
}

.update_section .recomended_banner .recomended_banner_title ul li {

    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}

.update_section .customtableradio {
    display: flex;

    height: 41px;
    padding: 7px 29px 7px 10px;

    background: #FFF;
    align-items: center;
}

.update_section .interpreting_scores_box {
    border-radius: 20px;
    background: #FFF;
    padding: 20px;
    text-align: center;
    /* box-shadow: 8px 4px 6px 3px #eee; */
    border: 1px solid #eee;
}

.update_section .customtableradio .checkmark {
    top: 12px;
    right: 5px;
}

.update_section .table_custome_check_item .customtableradio input:checked~.checkmark {
    left: 0;
}

.update_section .Average_rating_scr_item span {
    font-size: 16px;
}



.update_section.daily .simd_table_sec table th {

    text-align: start;

}

.update_section .step_process.four-step .step_text span {
    color: #000;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: unset;
    text-align: center;
    flex: 0 0 calc(25% - 10px);
}

.update_section.bg_board.smid_main_dv.daily .simd_table_sec table tr td {
    text-align: start;
}

.update_section .middle_scroll .middle_scroll_inner {

    padding: 0 0px 20px 0;
}

.update_section .step_process.two .step_text span {

    flex: 0 0 calc(50% - 10px);
}

.update_section .recommendations_base_score h3 {
    color: #000000;
    font-size: 18px;
    margin-bottom: 20px;
}

.update_section .pi_chart img {
    max-width: 100%;
}

.update_section .recommendations_base_score {
    border-radius: 30px;
    background: #FFF;
    padding: 0;
    margin: 0;
}

.update_section .recomended_img img {
    width: 100%;
    border-radius: 10px;
}

.recomended_box {
    border-radius: 20px;
    background: #FFF;
    padding: 20px;
    border: 1px solid #eee;
}

.update_section .interpreting_scores_sec .interpreting_scores_title h2 {
    font-size: 20px;
}

.update_section .interpreting_scores_box .interpreting_icon img {
    width: 84px;
    height: 84px;
    margin-bottom: 20px;
}

.update_section .recomended_banner .banner_btn_rec .submit_btn {
    border-radius: 10px;
    padding: 10px 30px !important;
    height: 50px;
}

.update_section .recomended_banner .banner_btn_rec .white_btn {
    border: none;
    border-radius: 10px;
    padding: 10px 30px !important;
    height: 50px;
}


.update_section .Productivity_box .form-select {
    background-image: url(../img/arrow_dropdwon.svg);
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-size: 15px;
    border-radius: 10px;
    background-color: #FFF;
    width: 100%;
    padding: 16px 15px;
    border: none;
    color: #6E6E6E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    appearance: none;
    width: 120px !important;
    border: 1px solid #eee;
}


.update_section .journal_summary_sec span {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.update_section .todyentry h4 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.update_section .journal_summary_sec .journal_summary_box {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.50);
    padding: 15px;
    border: 1px solid #eee;
    height: 100%;
}


.update_section .todyentry .todyentry_date {
    border-radius: 5px;
    background: #ffffff;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #edf4ff;
}

.update_section .journal_summary_sec {
    margin-bottom: 20px;
}

.update_section .simd_title h3 {
    font-size: 20px;
}

.update_section .daily_reflection_sec .daily_reflection_box h4 {
    font-size: 18px;
    font-weight: 600;
}

.update_section .daily_reflection_sec .daily_reflection_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.update_section .Productivity_box select,
textarea,
input {
    font-size: 14px;
    background: #fff;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 10px;
}

.update_section .four-step .progress.custom_progress {
    flex: 1 0 calc(25% - 15px);
}

.update_section .custome_blue_check {
    display: block;
    position: relative;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 60px 10px 10px;
    border-radius: 5px;
    border: 1px solid #FFF;
    background: #f4f9ff;
}

.update_section.smid_main_dv .WeeklyCheck h5 {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.update_section.smid_main_dv .WeeklyCheck h6 {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.update_section.smid_main_dv .WeeklyCheck span {
    color: #000;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.update_section.smid_main_dv .daily_box_white {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 10px;
}

.update_section.smid_main_dv .daily_box_sec {
    display: flex;
    align-items: start;
    gap: 15px;
    flex-wrap: wrap;
}

.update_section.smid_main_dv .daily_box_sec .daily_box_white {
    flex: 1 0 calc(50% - 15px);
}

.update_section.smid_main_dv .content_textsimd p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.update_section.smid_main_dv .content_textsimd h6 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 37px;
    margin: 0;
}

.update_section.smid_main_dv .simd_question_sec h6 {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.update_section.smid_main_dv .planing_before_sec h2 {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.update_section.smid_main_dv .blue_field_box label {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.update_section.simd_table_sec table {
    border-radius: 15px;
    border: 2px solid #FFF;
    background: rgb(236 244 255);
    overflow: hidden;
}

.update_section.smid_tools_sec .smid_tools_box .smid_tools_content h2 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    overflow: unset;
    display: unset;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
}

.update_section .smid_tools_sec .smid_tools_box .smid_tools_content p {
    line-height: 18px;
    margin-bottom: 0;
    height: auto;
    font-size: 12px;
}

.update_section.main_simd_all_tool .smid_tools_sec .smid_tools_box .smid_tools_content p {
    line-height: 18px;
    margin-bottom: 30px;
    height: auto;
    font-size: 12px;
}

.update_section.bg_board.smid_main_dv .main_box_inner {
    height: unset !important;
}

.set_numbring h5 {
    font-size: 13px;
    margin: 0;
    background-color: #0163F0;
    color: #fff;
    width: fit-content;
    padding: 8px 15px;
    border-radius: 5px;
    white-space: nowrap;
}

.set_numbring {
    display: flex;
    align-items: center;
    gap: 10px;
}

.set_numbring h6 {
    font-size: 13px;
    margin: 0;
    background-color: #F27405;
    color: #fff;
    width: fit-content;
    padding: 8px 15px;
    border-radius: 5px;
    white-space: nowrap;
}


.hero_banner.bg_image {
    background-image: url('../img/banner_img.png');
    background-size: cover;
    position: relative;
    height: 100vh;
}

.hero_banner.bg_image .hero_banner_inner::before {
    content: '';
    background-image: url('../img/right_top_animations.svg');
    width: 83px;
    height: 110px;
    background-size: cover;
    position: absolute;
    top: 20%;
    right: 150px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}


.hero_banner.bg_image .hero_banner_inner::after {
    content: '';
    background-image: url('../img/left_top_animations.svg');
    width: 90px;
    height: 110px;
    background-size: cover;
    position: absolute;
    top: 20%;
    left: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}


.hero_banner.bg_image .hero_banner_inner .banner_sec::before {
    content: '';
    background-image: url('../img/right_bottom_animations.svg');
    width: 159.64px;
    height: 96.56px;
    background-size: cover;
    position: absolute;
    bottom: 20%;
    right: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}


.hero_banner.bg_image .hero_banner_inner .banner_sec::after {
    content: '';
    background-image: url('../img/left_bottom_animations.svg');
    width: 218.26px;
    height: 170.58px;
    background-size: cover;
    position: absolute;
    bottom: 20%;
    left: 70px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}


.expanding_new_sec.expanding_network_sec .expanding_network_inner .expanding_network_box {
    background: unset;
    padding: 0;
    flex: 1 0 calc(33.33% - 55px);
    justify-content: center;
    gap: 30px;
}

.expanding_new_sec.expanding_network_sec .expanding_network_inner {
    gap: 55px;
}

.hero_banner.bg_image::after {
    display: none;
}

.hero_banner .hero_banner_title h3 {
    color: #000;
    text-align: center;
    /* font-family: Montserrat; */
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 58px;
}

.hero_banner .hero_banner_title h3 span {
    color: #0163F0;
    font-weight: 700;
}

.hero_banner .hero_banner_title {
    text-align: center;
    margin-bottom: 35px;
}

.hero_banner .hero_banner_title h6 {
    background: linear-gradient(270deg, #FF512F, #DD2476, #FF6A00, #FF512F);
    background-size: 600% 600%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientFlow 6s ease infinite, rotateSwing 3s ease-in-out infinite, zoomPulse 2.5s ease-in-out infinite;
    text-align: center;
    font-size: 30px;
    font-style: italic;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
    display: inline-block;
    /* Needed for transform animations */
}

/* Gradient Animation */
@keyframes gradientFlow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Rotate back and forth */
@keyframes rotateSwing {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(30deg);
    }

    50% {
        transform: rotate(-30deg);
    }

    75% {
        transform: rotate(15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/* Zoom in and out continuously */
@keyframes zoomPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}


.hero_banner_img {
    margin: 10px auto 0;
    text-align: center;

}

.hero_banner_img img {
    max-width: 100%;
}

.outline_btn {
    color: #FF7003;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 75px;
    border: 1px solid #FF7003;
    background: transparent;
    padding: 10px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.gain_competive_box_sec {
    display: flex;
    /* align-items: center; */
    gap: 10px;
    border-radius: 20px;
    background: #FFF;
    overflow: hidden;
    box-shadow: 0px 4px 10px 0px rgba(207, 207, 207, 0.25);
    height: 100%;
}

.competive_Sec {
    background: #F9F9F9;

}

.competive_Sec .gain_competive_box_sec .gain_competive_img {
    flex: 0 0 calc(45% - 30px);
}

.competive_Sec .gain_competive_box_sec .gain_competive_img img {
    max-width: 100%;
    height: 100%;
    width: 100%;
}

.competive_Sec .gain_competive_box_sec .gain_competive_title {
    flex: 0 0 55%;
    padding: 15px;
    display: flex;
    align-items: start;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
}

.competive_Sec .gain_competive_box_sec .gain_competive_title h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
}

.competive_Sec .gain_competive_box_sec .gain_competive_title p {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.sec_spacing {
    padding: 50px 0;
}

.partner_img img {
    max-width: 100%;
}

.partner_box {
    display: flex;
    justify-content: center;
}

.main_sec_whychooseus .whys_choose_sec .why_choose_box {
    box-shadow: 0px 6px 4px 0px rgba(191, 191, 191, 0.25);
}

.new_roles.roles_sec .roles_inner.roles_inner2 .roles_img {
    padding-bottom: 104%;
}

.innoavtive_box {
    border-radius: 20px;
    padding: 30px 30px;
    background-image: url('../img/banner_Rar.svg');
    background-size: cover;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    background-repeat: no-repeat;
}

.arrow_list {
    padding: 0;
    margin: 20px 0 0;
}

.arrow_list li {
    background-image: url('../img/orang_teer.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px;
    padding-right: 30px;
    list-style: none;
    padding: 7px 0 0px 40px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.arrow_list2 {
    padding: 0;
    margin: 20px 0 0;
}

.arrow_list2 li {
    background-image: url('../img/orang_teer.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px;
    padding-right: 30px;
    list-style: none;
    padding: 0px 0 0px 40px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.innoavtive_box_title {
    flex: 0 0 calc(55% - 30px);
}

.innoavtive_box_title img {
    width: 400px;
    margin-bottom: 25px;
}

.innoavtive_box_title h3 {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}

.innoavtive_box_title h4 {
    color: #000;
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    margin-bottom: 20px;
}

.innoavtive_box_title p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 30px;
}

.innoavtive_box_title h3 span {
    color: #fff;
}

.innoavtive_box_title .yellow_tags_box {
    border-radius: 30px;
    background: #DEA901;
    padding: 10px;
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.innoavtive_box_img {
    flex: 0 0 45%;
}

.innoavtive_box_img img {
    max-width: 100%;
}

.innoavtive_box_btn {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
}

.innoavtive_box_btn .normal_btn img {
    margin: 0;
    filter: brightness(0) invert(1);
}

.normal_btn {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: transparent;
    border: none;
    white-space: nowrap;
}

.AI_plus_box_mentor {
    border-radius: 10px;
    background-image: url('../img/banner_create_home.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 30px;
    position: relative;
    border-radius: 20px;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.review_img_box img {
    max-width: 100%;
    width: 100%;
    border-radius: 15px;
}

.review_img_box {
    position: relative;
    padding: 0;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.review_img_box .submit_btn {
    font-size: 14px;
    padding: 7px 19px;

}

.review_content {
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.review_content h3 {
    color: #FFF;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.review_content p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

/* .AI_plus_box_mentor .innoavtive_box_btn {
  
    position: absolute;
    bottom: 10px;
   
} */

.AI_plus_box_mentor {
    text-align: center;
}

.AI_plus_box_mentor h3 {
    color: #000;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.AI_plus_box_mentor .create_your_corse_menty h4 {
    color: #FFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 0px;
    text-align: start;

}

.AI_plus_box_mentor .create_your_corse_menty h4 span {
    color: #F27405;
}

.AI_plus_box_mentor .create_your_corse_menty p {
    margin: 0;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-align: start;
}

.create_your_corse_menty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    /* padding: 110px 0; */
}

.metacognitive_box {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(207, 207, 207, 0.25);
    overflow: hidden;
    height: 100%;
}

.metacognitive_img img {
    width: 100%;
}

.cognitive_title {
    text-align: center;
    /* padding-bottom: 25px; */
    /* padding-top: 25px; */
    padding: 15px;
}

.cognitive_title h3 {
    color: #000;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cognitive_title p {
    color: #000;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.how_its_work .video_box {
    background: #000;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.benefits_banner img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 25px;
}

.new_tabs .nav-pills {
    width: 100%;
    gap: 30px;
    justify-content: space-between;
    margin-top: 20px;
}

.new_tabs .nav-pills .nav-item {
    flex: 0 0 calc(33.33% - 20px);
}

.new_tabs .nav-pills .nav-item .nav-link {
    /* background: var(--gradients_orange, linear-gradient(90deg, #FF7003 0%, #FF9748 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #F27405;
    border-radius: 10px;
    border: 1px solid var(--gradients_orange, #FF7003);
    width: 100%;
    padding: 19px;

    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.new_tabs .nav-pills .nav-item .nav-link.active {
    border-radius: 10px;
    border: 1px solid var(--gradients_orange, #FF7003);
    background: var(--gradients_orange, linear-gradient(90deg, #FF7003 0%, #FF9748 100%));
    color: #fff;
}

.tabs_boxing_sec {
    display: flex;
    align-items: start;
    gap: 50px;

}

.tabs_boxing_sec .tabs_boxing_conten {
    flex: 0 0 calc(33.33% - 50px);
}

.tabs_boxing_sec .tabs_boxing_content h3 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
}

.tabs_boxing_sec .tabs_boxing_content p {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}


.customer_sec .customer_box {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 3px 11px 0px rgba(201, 201, 201, 0.25);
    display: flex;
    overflow: hidden;
    height: 100%;

}

.others_customer_boxnew {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 3px 11px 0px rgba(201, 201, 201, 0.25);
    height: 100%;
    padding: 15px;
}

.customer_box_item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.customer_box_item .customer_img {
    flex: 0 0 calc(41% - 15px);
}

.customer_box_item .customer_img img {
    width: 100%;
}

.customer_box_item .customer_title {
    flex: 0 0 59%;
}

.customer_box_item .customer_title h5 {
    font-size: 18px;
    font-weight: 600;
}

.customer_sec .customer_box .customer_img {
    flex: 0 0 45%;
}

.customer_sec .customer_box .customer_img img {
    width: 100%;
    height: 100%;
}

.customer_sec .customer_box .customer_title {
    flex: 0 0 55%;
    padding: 20px 20px 20px 30px;
}

.customer_sec .customer_box .customer_title h3 {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 15px;
}

.customer_sec .customer_box .customer_title {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
}

.customer_sec .customer_box .customer_title p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.customer_sec .customer_box .customer_title p strong {
    font-size: 15px;
    font-style: italic;
    line-height: 26px;
    margin-top: 15px;
}

.customer_box.others_customer_box {
    padding: 20px;
    gap: 20px;
}

.customer_box.others_customer_box .customer_img {
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
}

.customer_box.others_customer_box .customer_img {
    flex: 0 0 40%;
}

.customer_box.others_customer_box .customer_img img {
    width: 100%;
    height: 100%;
}

.customer_box.others_customer_box .customer_title {
    flex: 0 0 calc(60% - 30px);
    padding: 0;
}

.customer_box.others_customer_box .customer_title h4 {
    color: #000;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 57px;
}

.customer_box.others_customer_box .customer_title h4 span {
    color: #F27405;
}

.customer_box.others_customer_box .customer_title h5 {
    color: #000;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
}

.customer_box.others_customer_box .customer_title p {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.others_customer_boxnew .customer_title p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}


.resourcess_box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 0px 0 30px;
    overflow: hidden;
    border-radius: 10px;
}

.resourcess_box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 417px;
    width: 100%;
    background-image: url('../img/resources_banner.png');
}

.resourcess_box .resourcess_img {
    flex: 0 0 35%;
}

.resourcess_box .resourcess_img img {
    width: 100%;
}

.resourcess_img {
    position: relative;
    z-index: 1;
}

.resourcess_title {
    position: relative;
    z-index: 2;
    padding-top: 105px;
}

.resourcess_title h2 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.resourcess_title h4 {
    color: #000;
    font-size: 39px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

.resourcess_title p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 20px;
}

.roles_btn.new_btn_blog {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.roles_btn.new_btn_blog .btn_commn {
    padding: 10px 28px 10px 15px;
}

.blog_date_item img {
    width: 50px;
}

.blog_date_item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog_date_item .blog_date_item_title h3 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.blog_date_item .blog_date_item_title span {
    color: #6F6F6F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main_new_footer {
    background-image: url('../img/footer_bg_img.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.copy_right_box p span {
    color: #F27405;
}

.main_quiclinks {
    display: flex;
    align-items: center;
    gap: 20px;
}

.main_quiclinks img {
    border-right: 1px solid #eee;

    width: 150px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}

.footer_Sec .main_quiclinks .quick_link ul li a {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main_quiclinks .copy_right_box p {
    border: unset;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: start;
    padding: 0;
}

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

.footer_box .social_link h3 {
    text-align: start;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.sec_spacing.Innovative_sec {
    padding: 90px 0;
}

.sec_spacing.Innovative_sec .main_title h2 {

    margin-bottom: 45px;
}

.sec_spacing.metacognitive_sec {
    padding: 0px 0 90px;
    position: relative;

}

.metacognitive_sec::after {
    content: '';
    background-image: url('../img/girls_effect.svg');
    width: 90px;
    height: 150px;
    background-size: cover;
    position: absolute;
    top: 20%;
    left: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}

.metacognitive_sec::before {
    content: '';
    background-image: url('../img/bag_effcet.svg');
    width: 100px;
    height: 140px;
    background-size: cover;
    position: absolute;
    top: 20%;
    right: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}

.effect_one {
    position: relative;
}

.effect_one::after {
    content: '';
    background-image: url('../img/Effect_one.svg');
    width: 90px;
    height: 100px;
    background-size: cover;
    position: absolute;
    top: 20%;
    left: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}

.effect_one::before {
    content: '';
    background-image: url('../img/Effect_two.svg');
    width: 90px;
    height: 106px;
    background-size: cover;
    position: absolute;
    top: 20%;
    right: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}

.effect_two {
    position: relative;
}

.effect_two::after {
    content: '';
    background-image: url('../img/Effect_three.svg');
    width: 80px;
    height: 64px;
    background-size: cover;
    position: absolute;
    top: 20%;
    left: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}

.effect_two::before {
    content: '';
    background-image: url('../img/Effect_four.svg');
    width: 80px;
    height: 64px;
    background-size: cover;
    position: absolute;
    top: 20%;
    right: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}


.effect_three {
    position: relative;
}

.effect_three::after {
    content: '';
    background-image: url('../img/Effect_five.svg');
    width: 80px;
    height: 74px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
}

.effect_three::before {
    content: '';
    background-image: url('../img/Effect_six.svg');
    width: 80px;
    height: 134px;
    background-size: cover;
    position: absolute;
    right: 180px;
    animation: float 3s ease-in-out infinite;
    z-index: 1;
    bottom: 0;
}

.rar_update_design .audioFile h4 {
    color: #000;
    font-weight: 800;
    font-size: 18px;
}

.rar_update_design .box_result_sec {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 10px;
}

.rar_update_design .learning_method_cart {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #eee;
    height: 100%;
    position: relative;
}

.rar_update_design .learning_method_cart.active {
    border: 2px solid #007BFF;
}

.rar_update_design .ft_30 h2 {
    color: #0163f0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.rar_update_design .filed_box label {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.rar_update_design .rec1_text h6 {
    font-size: 14px;
}

.rar_update_design .score_card_sec {
    overflow: unset;
}

.rar_update_design .learning_sec .learning_inner .learning_title p {
    font-size: 14px;
    line-height: 20px;
}

.rar_update_design .learning_sec .learning_inner .learning_title h5 {
    color: #0163F0;
    font-size: 18px;
}

.rar_update_design .key_benefits h2 {
    font-size: 16px;
    color: #000;
    font-weight: 800;
}

.rar_update_design .key_benefits h3 {
    font-size: 18px;
    font-weight: 700;
}

.rar_update_design .key_benefits img {
    width: 400px !important;
}

.rar_update_design .learning_method_cart .learning_method_icon {
    background: #e3ebf7;
    height: 140px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rar_update_design .learning_method_cart .learning_method_icon img {
    width: 70px;
}

.rar_update_design .learning_method_cart .learning_method_title {
    padding: 15px;
}

.rar_update_design .learning_method_cart .learning_method_title h3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
}

.rar_update_design .learning_method_cart .learning_method_title p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
    margin: 0;
}

.rar_update_design .mainrar_box_sec {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.rar_update_design .mainrar_box_sec .rar_item_box {
    flex: 0 0 calc(18% - 20px);
}

.pl-86 {
    padding-left: 86px;
}

.pl-154 {
    padding-left: 154px;
}

/* .ai_learning_banner {
    background-image: url('../img/');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
} */

.five_step_sec {
    position: relative;
    margin-top: 20px;
}

.five_step_sec .five_step_img {
    height: 450px;
    width: 100%;
    overflow: hidden;
}

.five_step_sec .five_step_img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}

.five_step_box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-top: -90px;
    position: relative;
    margin: -175px 15px 0;
    box-shadow: 0px 8px 19px #b7b7b7;
    width: 50%;
}

.five_step_box h3 {
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 25px;
}

.five_step_box h3 span {
    color: #F27405;
}

.five_step_box p {
    font-size: 15px;
}

.animations_icon img {
    animation: float 3s ease-in-out infinite;
    width: 150px;
    position: absolute;
    top: 67%;
    right: 14%;
}

.update_section.rar_update_design .filed_box.Upload .input_field {
    border: unset;
    display: flex;
    align-items: center;
}



.update_section.rar_update_design .filed_box .input_field textarea {
    border: 1px solid #c5c5c5;
    background: #fff;
}

.update_section.rar_update_design .filed_box.Upload .input_field {
    border: 1px solid #eee;
    background-color: #fff;
}

.update_section.rar_update_design .filed_box.Upload .input_field input {
    border-radius: 10px;
    background: #fff;

}

.update_section.rar_update_design .commn_md .filed_box .input_field textarea {
    border: 1px solid #c5c5c5;
    background: #ffffff;
}

.Loader_img {
    margin: 0px auto 30px;
    text-align: center;
}

.modal-content {
    background: #f7f7f7;
}

.Loader_img img {
    width: 80px;
    height: 80px;
    margin: auto;
}

.Loader_img h6 {
    font-size: 13px;
}

.commn_md .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
}

.rar_update_design .nav-link.active.methods {
    border: 2px solid #0163f0;
    border-radius: 10px;
}

.rar_update_design .rar_list {
    padding: 0;
    margin: 0;
}

.rar_update_design .new_learning_sec .learning_questions h6 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.rar_update_design .rar_list li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
}

.rar_update_design .new_learning_sec .arrow_list li {
    color: #000;
}

.rar_update_design .new_learning_sec .link_box {
    display: block;
    background: #f7faff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.btn_commn.nextButton.showLoader.disabled {
    background-color: #6E6E6E;
    color: #fff;
}

.ai_learning_banner_img {
    height: 350px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.ai_learning_banner_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.7;

}

.ai_learning_banner_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ai_learning_banner {
    position: relative;
    margin-bottom: 20px;
}

.ai_learning_banner .ai_learning_banner_title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
}

.ai_learning_banner .ai_learning_banner_title h3 {
    font-size: 25px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
}

.ai_learning_banner .ai_learning_banner_title h3 span {
    background: var(--gradients_orange, linear-gradient(90deg, #FF7003 0%, #FF9748 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.ai_learning_banner .ai_learning_banner_title p {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

.rar_update_design.update_section {
    height: 100% !important;
}

.rar_update_design .main_title h2 {
    font-size: 25px;
}

.rar_update_design.update_section .progress.custom_progress {
    width: 20%;
    flex: 1 0 calc(20% - 15px);
}

.rar_update_design .rar_tabs .nav-tabs .nav-link {
    padding: 0;
    border-radius: 10px;
}

.rar_update_design .rar_tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    border: 2px solid #0163F0;
}

.ai_learning_banner_title h4 {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    /* background: linear-gradient(90deg, rgba(1, 99, 240, 0.00) 0%, #0163F0 36.54%, #0163F0 65.87%, rgba(1, 99, 240, 0.00) 100%);
    width: fit-content;
    padding: 5px 20px 5px 0;
    border-radius: 5px; */
}

.rar_update_design .content_learning_method .arrow_list li {
    background-image: url('../img/orang_teer.svg');
    padding: 7px 0 0px 28px;
    font-size: 15px;
}

.rar_update_design .content_learning_method h4 {
    font-size: 23px;
    font-weight: 700;
    color: #0163F0;
}

.rar_update_design .content_learning_method p {
    font-size: 15px;
    font-weight: 400;
}

.rar_update_design .content_learning_method h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}


.rar_update_design.activity_sec .activity_title_box h5 {
    font-size: 18px;
    border-radius: unset;
    border: unset;
    background: unset;
    padding: 0;
    margin: 0;
}

.rar_update_design.activity_sec .activity_title h2 {
    color: #0163f0;
    font-size: 18px;
    font-style: normal;
    font-weight: 5000;
    line-height: normal;
    margin-bottom: 15px;
}

.Acbg_box_09 h3 {
    font-size: 16px !important;

}

.rar_update_design.activity_sec .other_activity_inner .other_activity_box {
    padding: 10px 35px 10px 15px;

}

.rar_update_design.activity_sec .other_activity_inner .other_activity_box .other_activity_content h4 {
    font-weight: 600;
}

.rar_update_design.activity_sec .activity_box {
    text-align: center;
    border-radius: 15px;
    border: 2px solid #FFF;
    background: linear-gradient(181deg, #F1F7FF -90.46%, rgba(160, 199, 255, 0.00) 98.79%);
    padding: 30px 30px;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #0163f0;
}

.rar_update_design.activity_sec .activity_box .activity_box_inner p {
    font-size: 14px;
    color: #000;
    margin: 0;
}

.rar_update_design.activity_sec .other_activity_inner {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.rar_update_design.activity_sec .other_activity_inner .activity_crt {
    flex: 1 0 calc(50% - 15px);
}

.rar_update_design.activity_sec .other_activity_sec {
    border-radius: unset;
    border: unset;
    background: unset;
    backdrop-filter: unset;
    padding: 0;
    width: 100%;
}

.rar_update_design .other_activity_sec .other_activity_inner .other_activity_box .other_activity_content h4 {
    font-size: 15px;
}

.sticky_sidebar_cmn {
    position: sticky;
    top: 0;
    height: calc(100vh - 105px);
    overflow-y: auto;
    overflow-x: hidden;
}

.sticky_sidebar_cmn::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}






.banner_courses_box {
    border-radius: 10px;
    background-image: url('../img/bg_img_course.svg');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px;
    position: relative;
}

/* .course_redesign .banner_courses_box::after {
    content: '';
    background-image: url('../img/Y_icon.svg');
    background-repeat: no-repeat;
    background-position: end;
    position: absolute;
    top: 10px;
    right: 10px;
    background-size: 150px;
    width: 150px;
    height: 291px;
}
.course_redesign .banner_courses_box::before {
    content: '';
    background-image: url('../img/graph_shape.svg');
    background-repeat: no-repeat;
    background-position: end;
    position: absolute;
    top: 95px;
    left: 30px;
    background-size: cover;
    width: 83%;
    height: 115px;
} */

.banner_courses_box h6 {
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.banner_courses_box h4 {
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.banner_courses_box h4 span {
    color: #F27405;
}

.course_redesign .banner_courses_box .filter_item input::placeholder {
    color: #fff;
}

.course_redesign .banner_courses_box .filter_item input {
    border-radius: 5px;
    border: 1px solid #FFF;
    background: transparent;
    padding: 14px;
    color: #fff;
}

.course_redesign .banner_courses_box .filter_item select {
    border-radius: 5px;
    border: 1px solid #FFF;
    background: #002d6f;
    padding: 14px;
    color: #fff;
    background-image: url('../img/white_arrow.svg');
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 15px;
}

.course_redesign .filter_box {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 1;

}

.course_redesign .filter_box .filter_item {
    flex: 0 0 calc(25% - 15px);
}

.course_redesign .filter_box .filter_item .btn-primary {
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    height: 55px;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
}

.white_btn_outline {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #fff;
    width: 100%;
    height: 55px;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.white_btn_outline:hover {
    border: 1px solid #fff;
    color: #fff;
}

.course_redesign .roles_btn .btn_commn {
    border-radius: 10px;
    gap: 10px;
    padding: 15px;
    background: #002d6f;
    height: 55px;
}

.course_redesign .roles_btn.create-btn .submit_btn {
    padding: 15px;
    border-radius: 10px;
    height: 55px;

}

.course_redesign .roles_btn.create-btn {
    justify-content: start;
    margin-top: 10px;
}

.course_redesign .roles_btn.create-btn .btn_commn:hover img {
    filter: invert(1) brightness(1);
}

.course_redesign .roles_btn .btn_commn::after {
    display: none;
}

.course_redesign .roles_btn.create-btn .outline_btn {
    border-radius: 10px;
    padding: 15px;
}

.course_redesign .courses_list_sec {
    padding: 10px 40px;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box {
    border-radius: 10px;
    background: transparent;
    position: relative;
    overflow: hidden;
    padding: 0;
    border: 1px solid #E3E3E3;
    background: #FFF;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item {
    border-radius: 10px;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item .active_tag {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 52px;
    background: #008633;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 5px 10px;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item .inactive_tag {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 52px;
    background: #ff0202;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 5px 10px;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_content {
    padding: 0 10px;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_content h4 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_content p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_content .buy_item span {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_content .buy_item h6 {
    color: #000;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_content .buy_item h6 span {
    color: #9C9C9C;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 400;
    text-decoration-line: line-through;
}

.offer_box {
    background-image: url('../img/offer_shape.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    padding: 7px;
    left: 0;
    width: 61px;
    display: flex;
    height: 61px;
    align-items: center;
    justify-content: start;
}

.offer_box h6 {
    color: #FFF;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.offer_box h6 span {
    font-size: 10px;
}

.drop_down_menu {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
}

.drop_down_menu button {
    background: transparent;
    border: none;
}

.courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item .drop_down_menu button img {
    min-width: unset;
    min-height: unset;
    max-height: unset;
    max-width: unset;
    position: relative;
    top: 0;
    left: 0;
    background: transparent;
    border: none;
}

.courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item .drop_down_menu .menu_course a img {
    min-width: unset;
    min-height: unset;
    max-height: unset;
    max-width: unset;
    position: relative;
    top: 0;
    left: 0;
    background: transparent;
    border: none;
    width: 20px;
}

.courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item .drop_down_menu .menu_course {
    display: none;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    background: #fff;
    padding: 11px;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 38px;
}

.courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item .drop_down_menu .menu_course a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    white-space: nowrap;
}

.courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item .drop_down_menu.active .menu_course {
    display: flex;
}

.course_redesign .courses_details_sec .courses_details_inner .courses_details_banner {
    padding-bottom: 90%;

}

.course_redesign .courses_details_sec .courses_details_inner .buy_item {
    margin: 5px 0 25px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 13px 0;
}


.course_redesign .courses_details_sec .courses_details_inner .buy_item h6 {
    color: #FF7003;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.course_redesign .courses_details_sec .courses_details_inner .buy_item h6 span {
    color: #8B8B8B;
    font-family: Montserrat;
    font-weight: 500;
    text-decoration-line: line-through;
}

.course_redesign .courses_profile_c .courses_profle img {
    width: 45px;
    height: 45px;
    border-radius: 30px;
    object-fit: cover;
}

.course_redesign .courses_details_sec .courses_details_inner .courses_details_banner span img {
    min-width: unset;
    min-height: unset;
    max-height: unset;
    max-width: unset;
    position: relative;
    top: 0;
    left: 0;
    background: transparent;
    border: none;
    width: 20px;
}

.course_redesign .img_details {
    position: relative;
}

.course_redesign .img_details span {
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 6px 15px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.course_redesign .courses_new_tabs {
    background: #fff;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
}

.course_redesign .courses_new_tabs .nav-pills {
    border-radius: 100px;
    border: 1px solid #D4D4D4;
    background: linear-gradient(90deg, #FFF 0%, #E2E2E2 100%);
    padding: 5px;
    display: inline-flex;
}

.course_redesign .courses_new_tabs .nav-pills .nav-link {
    color: #000;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 15px;
    border-radius: 50px;
}

.course_redesign .courses_new_tabs .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
}

.course_redesign .courses_new_tabs .performance_itm h2 {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
}

.course_redesign .courses_new_tabs .chapter_item54 h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.course_redesign .courses_new_tabs .chapter_item54 span {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 700;
}

.course_redesign .courses_new_tabs .chapter_item54 h5 {
    font-size: 20px;
    margin: 20px 0 0;
    font-weight: 600;
}

.course_redesign.courses_details_pages .main_box_inner {
    padding: 0 !important;
}

.title_box15 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.custom-para {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    transition: all 0.3s ease;
    color: #333;
}

/* When full-text class is added, show all lines */
.custom-para.full-text {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

.read-more-btn {
    color: #007BFF;
    cursor: pointer;
    font-size: 14px;
    margin-top: 4px;
    display: inline-block;
}

/* .brain_loader{
    background-image: url('../img/YmetaconnectLodar.gif');
    width: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} */
.loader_fix {
    text-align: center;
}

.loader_fix img {
    width: 150px;
}

.content_learning_method {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 20px;
}

.new_banner_y.banner_courses_box {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    flex-direction: column;
    padding: 20px;
    height: 210px;
}

.update_leaderboard .tiiles_box_leaderboard {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}
.update_leaderboard .select_box_ss select {
    width: 250px;
}

.update_leaderboard .tiiles_box_leaderboard .tiiles_box_item .tiiles_box_content {
    position: relative;
    z-index: 1;
}

.update_leaderboard .tiiles_box_leaderboard .tiiles_box_item .tiiles_box_content h1 {
    color: #000;
    font-family: Oswald;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;

}

.update_leaderboard .tiiles_box_leaderboard .tiiles_box_item .tiiles_box_content h1 img {
    width: 35px;
}

/* .update_leaderboard .ranking_sec{
    margin-top: 120px;
} */
.update_leaderboard .ranking_new_box {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 149px 25px 25px;
    margin-top: 30px;
}

.update_leaderboard .ranking_new_box .rank_badges {
    position: absolute;
    top: -130px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
}

.update_leaderboard .ranking_new_box .ranking_title h3 {
    padding-bottom: 10px;
    color: #FFF;
    font-family: Oswald;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.update_leaderboard .ranking_box.rank_other .ranking_title h3 {
    color: #000;
}

.update_leaderboard .ranking_sec .ranking_inner .ranking_img img {
    width: 150px;
    height: 142px;
    border-radius: 100px !important;
}

.update_leaderboard .user_list_rank .user_list_rank_inner {
    border-radius: 20px;
    background: #F8F8F8;
    padding: 15px;
}

.update_leaderboard .ranking_highlight_box {
    border-radius: 20px;
    border: 1px solid #FFF;
    background: #D3E5FF;
    padding: 10px;
    margin-top: 10px;
}

.update_leaderboard .ranking_highlight_box .user_item {
    background-color: transparent;
    padding: 0;
}

.update_leaderboard .user_item h3 {
    flex: 0 0 46%;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    display: flex;
    text-align: start;
    align-items: center;
    gap: 9px;
}

.update_leaderboard .ranking_new_box .ranking_inner .ranking_box.rank_other .ranking_img img {
    width: 100px;
    height: 90px;
    border-radius: 100px !important;
}

.update_leaderboard .ranking_new_box .ranking_title h5 {
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 13px;
}

.update_leaderboard .ranking_new_box .rank_badges2 {
    position: absolute;
    top: -95px;
    left: 50%;
    transform: translateX(-50%);
    width: 55px;
}

.update_leaderboard .tiiles_box_leaderboard .tiiles_box_item .tiiles_box_content span {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

.update_leaderboard .tiiles_box_leaderboard .tiiles_box_item {
    flex: 0 0 calc(33.33% - 10px);
    padding: 70px 30px 20px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: end;
}

.update_leaderboard .tiiles_box_leaderboard .tiiles_box_item .tiiles_box_img img {
    width: 70px;
    position: absolute;
    top: 15px;
    right: 15px;
}


.color1 {
    border-radius: 10px;
    background: #EEEBFF;
    width: 100%;
}

.color1::before {
    content: '';
    background-image: url('../img/color_border1.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.color2::before {
    content: '';
    background-image: url('../img/color_border2.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.color3::before {
    content: '';
    background-image: url('../img/color_border3.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.color2 {
    border-radius: 10px;
    background: #FFEBE1;
    width: 100%;
}

.color3 {
    border-radius: 10px;
    background: #DEFAFF;
    width: 100%;
}

.update_leaderboard .top_three_box {
    border-radius: 10px;
    border: 1px solid #BDD6FB;
    background: #FFF;
    padding: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.update_leaderboard .top_three_box h3 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.update_leaderboard .cutoff_box {
    height: fit-content;
}

.update_leaderboard .top_rank_bx span {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
}

.update_leaderboard .top_three_box .top_three_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.update_leaderboard .top_three_box .top_three_item::after {
    content: '';
    background: linear-gradient(90deg, #0163F0 0%, #FFF 100%);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.update_leaderboard .top_three_box .top_three_item:last-child::after {
    display: none;

}

.update_leaderboard .top_three_box .top_three_item:last-child {
    padding: 0;
    margin: 0;
}

.update_leaderboard .top_three_box .top_three_item h4 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.update_leaderboard .top_three_box .top_three_item span {
    border-radius: 20px;
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
    display: inline-flex;
    justify-content: center;
    padding: 4px 10px;
    border: 30px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
}

.update_leaderboard .ranking_box.rank_other .ranking_title h5 {
    color: #000;
    font-size: 16px;
}

.update_leaderboard .ranking_list_mn .ranking_list_mn_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
}

.update_leaderboard .ranking_list_mn .ranking_list_mn_title h3 {
    font-weight: 600;
    margin: 0;
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
}

.update_leaderboard .ranking_sec .ranking_inner {
    gap: 0;
}

/* .update_dashboard .dashboard_chart_sec {
    display: flex;
    gap: 15px;
} */
.update_dashboard .dashboard_chart_sec .nav-pills {
    display: inline-flex;
    background: #FFF;
    border-radius: 30px;
    padding: 2px;
    border: 1px solid #eee;
}

.update_dashboard .update_engagement_chart {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px;
    margin-top: 20px;
}

.update_dashboard .update_engagement_chart .chart-container {
    padding: 0;
    box-shadow: unset;
}

.update_dashboard .Enrollment_trends_box .chart-container {
    padding: 0;
}

.update_dashboard .Enrollment_trends_box {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
}

.update_dashboard .skils_chart_hd h2 {
    font-weight: bold;
}

.select_box_ss {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.update_dashboard .Enrollment_trends_box .chart-header {
    margin: 0;
}

.update_dashboard .skils_chart_item {
    border: 1px solid #eee;
}

.update_dashboard .select_box_ss {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.update_dashboard .select_box_ss select {
    width: 250px;
}

.update_dashboard .dashboard_chart_sec .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #0163f0;

    color: #fff !important;
}

.update_dashboard .dashboard_chart_sec .nav-pills .nav-link {
    border-radius: 30px;
    font-size: 15px;
    color: #000;
    padding: 10px 29px;
}

.update_dashboard .dashboard_chart_sec .nav-pills .nav-link {
    width: 100%;
}

.update_dashboard .dashboard_chart_sec .tab-content {
    flex: 0 0 calc(85% - 15px);
}

.update_dashboard .dashboard_chart_sec .engagement_chart canvas {
    width: 100% !important;
    height: 440px !important;
}

.update_dashboard .dashboard_chart_sec .engagement_chart .chart-container {
    box-shadow: unset;
}


.update_dashboard .dashboard_chart_sec {
    position: relative;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels {
    position: absolute;
    top: 17%;
    right: 62%;
    transform: 0;
    text-align: right;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span {
    display: block;
    margin: 5px 0;
    font-size: 10px;
    color: #333;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(1) {
    margin: 2px 0;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(2) {
    margin: 8px 0 0;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(3) {
    margin: 6px 0;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(4) {
    margin: 5px 0;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(5) {
    margin: 5px 0;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(6) {
    margin: 6px 0;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(7) {
    margin: 0;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(8) {
    margin: 3px 0;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(9) {
    margin: 5px 0;
}


.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(10) {
    margin: 5px 0;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(11) {
    margin: 0;
    position: relative;
    top: -4px;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(12) {
    margin: 0;
    position: relative;
    top: -3px;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(13) {
    margin: 0;
    position: relative;
    top: -3px;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(14) {
    margin: 0;
    position: relative;
    top: -4px;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec .skills-labels span:nth-child(15) {
    margin: 0;
    position: relative;
    top: -7px;
}

.update_dashboard .dashboard_chart_sec .skills_chart_box_sec canvas {
    width: 860px !important;
    height: 860px !important;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
}


.activity_chart_sec {
    background: #fff;
    border: 1px solid #eee;
    padding: 10px 0px 10px 10px;
    border-radius: 10px;
    /* overflow: auto; */
    /* height: 240px; */
    /* overflow-x: hidden; */
}

.activity_chart_sec ul {
    height: 340px;
    padding: 0;
    margin: 0;
    display: flex;
    overflow: auto;
    overflow-x: hidden;
    align-items: start;
    gap: 1px;
    flex-direction: column;
    padding-right: 15px;
}

.activity_chart_sec ul li {
    list-style: none;
    background: #96E2D6;
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border-radius: 0px 10px 10px 0px;

}

.activity_chart_sec ul li:nth-child(1) {
    background-color: #9F9FF8;
}

.activity_chart_sec ul li:nth-child(2) {
    background-color: #9F9FF8;
}

.activity_chart_sec ul li:nth-child(3) {
    background-color: #9F9FF8;
}

.activity_chart_sec ul li:nth-last-child(3),
.activity_chart_sec ul li:nth-last-child(3) span {
    background-color: #000000;
    color: #fff;
}

.activity_chart_sec ul li:nth-last-child(2),
.activity_chart_sec ul li:nth-last-child(2) span {
    background-color: #000000;
    color: #fff;
}

.activity_chart_sec ul li:nth-last-child(1),
.activity_chart_sec ul li:nth-last-child(1) span {
    background-color: #000000;
    color: #fff;
}



.update_dashboard .tools_box_dshboard {
    border-radius: 20px;
    border: 1px solid #D8E7FF;
    background: #FFF;
    height: 100%;
}

.update_dashboard .tools_box_title {
    text-align: center;
}

.update_dashboard .tools_box_title h3 {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.1px;
    letter-spacing: 0.452px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.update_dashboard .tools_box_title span {
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18.06px;
    letter-spacing: 0.452px;
    text-transform: capitalize;
    background: var(--gradients_orange, linear-gradient(90deg, #FF7003 0%, #FF9748 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.update_dashboard .tools_box_title h1 {
    color: #000;
    text-align: center;
    font-family: Oswald;
    font-size: 33px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.452px;
    text-transform: capitalize;
    /* margin-bottom: 0; */
    margin: 0;
}

.activity_chart_sec ul li span:nth-child(2) {
    font-size: 20.55px;
    font-style: normal;
    font-weight: 700;
    line-height: 18.06px;
    letter-spacing: 0.452px;
    text-transform: capitalize;
    overflow: unset;
    display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}

.activity_chart_sec ul li span {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18.06px;
    letter-spacing: 0.452px;
    text-transform: capitalize;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.tools_box_dshboard .tools_box_dshboard_img {
    width: 380px;
    height: 280px;
    margin: 0 auto 20px;
}

.tools_box_dshboard .tools_box_dshboard_img img {
    width: 100%;
    height: calc(100% - 20px);
}

.btn_blue_grdnts {
    border-radius: 40px;
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
    color: #fff;
    padding: 15px 25px;
    border-radius: 30px;
}

.tools_box_dshboard.ranking_box {
    text-align: center;
}

.sidebr_main {
    position: relative;
}

.need_change_skilss_sec .main_title h4 {
    font-size: 18px;
    font-weight: 700;
}

.mentor_dashboard_update .mentor_total_courses_box_dashboard {
    border: 1px solid #D8E7FF;
}

.mentor_dashboard_update .courses_statistic {
    margin-top: 20px;
}

.main_title_dahsboard h3 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.mentor_dashboard_update .courses_statistic .main_title_dahsboard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.main_title_dahsboard h3 span {
    color: #FF7003;

}

.new_select_box21 {
    padding: 16px 40px 16px 20px;
    background-image: url('../img/arrow_dropdwon.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
    appearance: none;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    border-radius: 12px;
    border: 1.5px solid var(--Neutral-Grey-5, #EFEEFC);
}

.courses_filter_box .course_filter_select {
    padding: 16px 40px 16px 20px;
    background-image: url('../img/white_arrow.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
    appearance: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    border-radius: 12px;
    background-color: #0163F0;
    border: none;
}

.to_carts_box {
    border-radius: 10px;
    border: 1px solid var(--gradients_orange, #FF7003);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255 230 211 / 31%) 50%, rgba(220, 234, 255, 0.32) 100%);
    overflow: hidden;
    margin-top: 25px;
    padding-top: 25px;
    height: 359px;
    overflow-y: auto;
    overflow-x: auto;
    position: relative;
}

.to_carts_box h2 {
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.to_carts_box .title_carts {
    padding: 6px 15px;
    border-radius: 0 5px 5px 0;
    background: var(--gradients_orange, linear-gradient(90deg, #FF7003 0%, #FF9748 100%));
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
    display: inline-block;
}

.to_carts_box .hding_carts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 15px;
}

.to_carts_box .hding_carts span {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cart_user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 15px 15px;
    background: linear-gradient(90deg, #FFF3EA 0%, #FFF 100%);
}

.cart_user h2 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 15px;
}

.cart_user h2 img {
    width: 45px;
    height: 45px;
    border-radius: 100px;
}

.cart_user span {
    background: var(--gradients_orange, linear-gradient(90deg, #FF7003 0%, #FF9748 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.to_carts_box.blue_carts {
    border-radius: 10px;
    border: 1px solid var(--blue_gradients, #0163F0);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.30) 0%, #f6faff 50%, rgba(1, 99, 240, 0.32) 100%);
}


.to_carts_box.blue_carts .cart_user {
    background: linear-gradient(90deg, #F6FAFF 0%, #FFF 100%);
}

.to_carts_box.blue_carts .title_carts {
    border-radius: 0 5px 5px 0;
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));

}

.to_carts_box.blue_carts .cart_user span {
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.Enrollment_trends_box.enrollment_trends {
    border-radius: 16px;
    border: 1px solid #D8E7FF;
    background: var(--White, #FFF);
    margin-top: 25px;
}

.score_card.new_score_card {
    margin-top: 25px;
}

.score_card.new_score_card .score_card {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px;
    width: 100%;
}

.score_card.new_score_card {
    border-radius: 20px;
    border: 1px solid #D8E7FF;
    background: #FFF;
}

.score_card.new_score_card .card {
    background: transparent;
    border: none;
    border-radius: 16px;
    padding: 20px;
    width: 100%;
    text-align: start;
    height: 314px;
}

.score_card.new_score_card .progress-circle {
    position: relative;
    width: 180px;
    height: 239px;
    margin: 0 auto 20px;
}

.score_card.new_score_card svg {
    transform: rotate(-90deg);
}

.score_card.new_score_card circle.bg {
    fill: none;
    stroke: #eee;
    stroke-width: 15;
}

.score_card.new_score_card circle.progress2 {
    fill: none;
    stroke: #FF7003;
    stroke-width: 15;
    stroke-dasharray: 439.82;
    /* 2 * π * r (2 * 3.14 * 70) */
    stroke-dashoffset: calc(439.82 - (439.82 * 0.5));
    /* 50% score, adjust as needed */
    transition: stroke-dashoffset 1s ease;
}

.score_card.new_score_card .score {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.score_card.new_score_card .score h2 {
    margin: 0;
    font-size: 24px;
    color: #333;
}

.score_card.new_score_card .score p {
    margin: 0;
    font-size: 14px;
    color: #777;
}

.score_card.new_score_card .title {
    font-weight: bold;
    font-size: 16px;
    color: #444;
    text-align: start;
    padding: 0px 20px;
}

.score_card.new_score_card .card {

    align-items: start;

}

.Enrollment_trends_box.enrollment_trends {
    height: 354px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.certificate_box {
    padding: 35px;
    text-align: center;
    height: 100%;
}

.certificate_issue_sec .certificate_box .certificate_box_title h3 {
    color: #FFF;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 33px */
    letter-spacing: -0.2px;
}

.certificate_issue_sec .certificate_box .certificate_box_title span {
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
}

.blue_gradient_bg {
    border-radius: 10px;
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));

}

.orange_gradient_bg {
    border-radius: 10px;
    background: var(--gradients_orange, linear-gradient(90deg, #FF7003 0%, #FF9748 100%));
}

.certificate_box img {
    margin-bottom: 25px;
    width: 80px;
}

.certificate_issue_sec {
    margin-top: 25px;
}

.membership_plan_box {
    border-radius: 10px;
    border: 1px solid var(--blue_gradients, #0163F0);
    background: #FFF;
    text-align: center;
}

.membership_plan_box .membership_plan_box_title h3 {
    color: var(--Black, #131313);
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    /* 150% */
    letter-spacing: -0.2px;
}

.membership_plan_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.membership_plan_btn .blue_btn {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 10px;
    line-height: 25px;
    width: 135px;
}

.membership_plan_box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.membership_plan_box .membership_plan_box_title h3 span {
    color: #F00;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: -0.2px;
}

.align_subcription_plan {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.plan_subscription {
    border-radius: 30px;
    border: 1px solid var(--blue_gradients, #0163F0);
    overflow: hidden;
}

.plan_subscription .plan_subscription_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 15px;
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
}

.plan_subscription .plan_subscription_title span {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    flex: 0 0 calc(20% - 15px);
    text-align: center;
}

.plan_subscription .plan_subscription_title span:first-child {
    text-align: start;
}

.toggle_according {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 10px 15px;
    background: linear-gradient(270deg, rgba(1, 99, 240, 0.00) 0%, #0163F0 100%);
    margin-bottom: 1px;
}

.toggle_according h3 {
    color: #FFF;
    font-size: 20px;
    margin: 0;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.toggle_according img {
    width: 24px;
}

.toggle_according2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 10px 15px;
    background: linear-gradient(270deg, rgba(1, 99, 240, 0.00) 0%, #0163F0 100%);
}

.toggle_according2 h3 {
    color: #FFF;
    font-size: 20px;
    margin: 0;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.toggle_according2 img {
    width: 24px;
}

.align_subcription_plan {
    padding: 20px;
    position: relative;
}

.align_subcription_plan::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);
}

.align_subcription_plan:last-child::after {
    display: none;
}

.align_subcription_plan span:nth-child(1) {
    text-align: start;
}

.align_subcription_plan span {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    flex: 0 0 calc(20% - 15px);
    text-align: center;
}

.align_subcription_plan img {
    width: 24px;
}

.tool_main_box.active .toggle_according span img {
    transform: rotate(180deg);
}

.tool_main_box2.active .toggle_according2 span img {
    transform: rotate(180deg);
}

.tool_main_box.active .subcription_plan_light {
    display: block;
}

.tool_main_box .subcription_plan_light {
    background: #E3EEFF;
    display: none;
    transition: 0.5s;
    overflow: hidden;
}

.tool_main_box2 .subcription_plan_light {
    background: #E3EEFF;
    transition: 0.5s;
    overflow: hidden;
    display: none;
}

.tool_main_box2.active .subcription_plan_light {
    display: block;
}

.tool_main_box3 .subcription_plan_light {
    background: #E3EEFF;
    transition: 0.5s;
    overflow: hidden;
}


.subscribtion_banner {
    background-image: url('../img/subscription_banner.png');
    background-position: center;
    background-repeat: no-repeat;
    height: fit-content;
    width: 100%;
    background-size: cover;
    display: flex;
    align-items: end;
    gap: 30px;
    padding: 20px 20px 0;
    border-radius: 30px;
    margin-bottom: 30px;
}

.subscribtion_banner .subscribtion_banner_title {
    flex: 0 0 calc(76% - 30px);
}

.subscribtion_banner .subscription_banner_img {
    flex: 0 0 16%;
}

.subscribtion_banner .subscription_banner_img img {
    width: 100%;
}

.subscribtion_banner .subscribtion_banner_title .price_text {
    border-radius: 50px;
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.subscribtion_banner .subscribtion_banner_title h3 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.subscribtion_banner .subscribtion_banner_title p {
    margin: 0;
    font-size: 14px;
    margin-bottom: 15px;
}

.subscribtion_banner .subscribtion_banner_title h3 span {
    color: #F27405;

}

.offer_price_box {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px;
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
    padding: 11px 20px;
}

.offer_price_box h1 {
    font-size: 25px;
    color: #FFE;
    margin: -1px;
    font-weight: 600;
    text-align: start;
}

.offer_price_box .price_planbt h4 {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.offer_price_box .price_planbt span {
    color: #c7c7c7;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: line-through;
}

.offer_price_box .price_planbt {
    flex: 0 0 calc(20% - 15px);
    text-align: center;
}

.offer_price_box .price_planbt .submit_btn {
    font-size: 12px;
    padding: 5px 30px;

}


.subscribtion_banner.home_membership_banner {
    border-radius: 0;
}

.subscribtion_banner.home_membership_banner {
    align-items: center;
    padding: 25px 50px 0;
}

.subscribtion_banner.home_membership_banner .subscribtion_banner_title {
    flex: 0 0 calc(65% - 30px);
}

.subscribtion_banner.home_membership_banner .subscription_banner_img {
    flex: 0 0 25%;
}

.date_pic.custom_pickkr .date_field {
    border: 1px solid #eee !important;
}


.new_opprtunity .opportunities_sec .opportunities_inner .opportunities_select label {
    font-size: 18px;
}

.new_opprtunity .opportunities_sec .main_title h2 {
    font-size: 39px;

}

.new_opprtunity .opportunities_sec .opportunities_inner .opportunities_select select {

    font-size: 16px;

}

.career_banner.new_career .career_banner_title h2 {
    font-size: 60px;
}

.career_banner.new_career .career_banner_title h1 {
    font-size: 35px;
}

.career_banner.new_career .career_banner_title p {

    font-size: 18px;

}

.job_list_sec.new_joblist {
    margin-bottom: 30px;
}

.lets_talk_sec {
    /* position: absolute;
    bottom: 0;
    left: 0; */
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    margin-top: 15px;
}

.lets_talk_sec h2 {
    font-size: 28px;
    font-weight: 600;
}

.lets_talk_sec .contact_dt {
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    gap: 30px;
}

.lets_talk_sec .contact_dt li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
}

.lets_talk_sec .contact_dt li img {
    width: 30px;
}

.concept-map img {
    width: 400px !important;
    margin-bottom: 30px;
}

.new_threeanalyts_cart .score_card_inner {
    display: flex;
    align-items: center;
    gap: 10px;
    height: auto;
    margin-bottom: 28px;
}

.new_threeanalyts_cart .score_card_inner .score_card {
    flex: 1 0 calc(33.33% - 10px);
}

.new_threeanalyts_cart .score_card .progress-circle {
    width: 140px;
    height: 153px;
    position: relative;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.new_threeanalyts_cart .score_card .title {
    margin-top: 0;
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.new_threeanalyts_cart .score_card .card {
    height: 201px;
    padding: 0px;
}

.new_threeanalyts_cart .score_card .score h2 {
    font-size: 20px;
}

.new_threeanalyts_cart .score_card .score p {
    font-size: 14px;
}

.ct_btn {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ct_btn .blue_btn {
    width: fit-content !important;
    height: 50px !important;

}

.ct_btn .submit_btn {
    height: 50px !important;
}



.update_activity .Acbg_box_09 {
    border: 1px solid #e3e3e3;

}

.update_activity .description_text {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.update_activity.activity_sec2 h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
}

.update_activity.activity_sec2 .questions_field.update_question_box .edit-icon {
    position: unset;
}

.update_activity.activity_sec2 h4 {
    font-size: 18px;
    font-weight: 600;
}

.update_activity.activity_sec2 .activity_subtitle p {
    color: #4f4f4f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    margin: 0;
}

.update_activity.activity_sec2 .instructions_box p {
    font-size: 14px;
}

.update_activity.activity_sec2 .activity_subtitle h3 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.update_activity.activity_sec2 .instructions_box h3 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.update_activity.activity_sec2 .purpose_box_inner {
    font-size: 13px;
}

.update_activity.activity_sec2 .instructions_box_inner {
    font-size: 13px;
}

.update_activity.activity_sec2 .icon_activity_redirect {
    position: absolute;
    top: 10px;
    right: 10px;
}

.update_activity.activity_sec2 .icon_activity_redirect img {
    width: 40px;
}

.rar_update_design.update_activity .learning_method_cart .learning_method_title h3 {
    font-size: 12px;
}

.rar_update_design.update_activity .new_title h3 {
    font-size: 21px;
    font-weight: 700;
}

.rar_update_design.update_activity .new_title h3 span {
    color: #FF7003;
}

.rar_update_design.update_activity .simd_table_sec table td {
    background: transparent;
    font-size: 12px;
    font-weight: 500;
}

.rar_update_design.update_activity .questions_field .questions_field_box {
    padding: 10px;
    border: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rar_update_design.update_activity .questions_field .questions_field_box p {
    font-size: 15px;
    line-height: 20px;
}



.rar_update_design.update_activity .questions_field .questions_field_box img {
    position: absolute;
    top: 5px;
    right: 5px;
}

.rar_update_design.update_activity .questions_field .questions_field_box.newedit_questionbox {
    padding: 10px 10px 10px 10px;
    border: 1px solid #e3e3e3;
}

.rar_update_design.update_activity .activity_card.flash_card {
    border-radius: unset;
    border: unset;
    padding: 0;
    position: relative;
    margin-bottom: 15px;
}

.rar_update_design.update_activity .flash_card .edit_icon_fx {
    position: unset;
    top: unset;
    right: unset;
}

.rar_update_design.update_activity .flash_card .edit_icon_fx .edit_btn {
    position: absolute;
    top: 5px;
    right: 0;
}

.rar_update_design.update_activity .flash_card .edit_icon_fx .edit-btn {
    position: absolute;
    top: 4px;
    right: 0;
}


.rar_update_design.update_activity .flash_card {
    margin-bottom: 15px;
}

.rar_update_design.update_activity .flash_card span {
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    display: inline-block;
}

.rar_update_design.update_activity .edit_icon_fx button.save_btn {
    color: #0163f0;
    font-size: 16px;
    font-weight: 600;
}

.rar_update_design.update_activity .update_section .simd_title h3 {
    font-size: 20px;
    margin: 0;
}

.rar_update_design.update_activity .description_field textarea {
    border: 1px solid #eee;
    background: #fff;
}

.rar_update_design.update_activity .simd_title h5 {
    font-size: 18px;
    font-weight: 600;
}

.rar_update_design.update_activity .choices__list--dropdown,
.choices__list[aria-expanded] {
    z-index: 999;
}

.rar_update_design.update_activity .commn_modal .modal-body {
    padding: 20px !important;
}

.rar_update_design.update_activity .commn_modal .modal_title1 h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.rar_update_design.update_activity .blue_field_box label {
    font-size: 16px;

}

.rar_update_design.update_activity .blue_field_box .blue_field .form_control {
    background: #ffffff;
    height: 48px;
    border: 1px solid #eee;
    padding: 18px 40px 18px 15px;
}

.rar_update_design.update_activity .custom_checkbox_challenge {
    font-size: 16px;
}

.rar_update_design.update_activity .friend_circle .results {
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
}

.rar_update_design.update_activity .challenge_share {
    margin: 0px auto 0px;
}

.rar_update_design.update_activity .flash_card .image {
    position: relative;
    padding-bottom: 40%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.rar_update_design.update_activity .flash_card .image img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
}

.rar_update_design.update_activity .reflective_question ul {
    padding: 0 15px;
    margin: 0;
}

.rar_update_design.update_activity .flash_card .main_title h2 {
    font-size: 20px;
}

.rar_update_design.update_activity .flash_card .format_text {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
}

.rar_update_design.update_activity .blue_select_box .blue_select select {
    font-size: 14px;
}

.rar_update_design.update_activity .main_title p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.rar_update_design.update_activity .flash_card .title_text {
    font-size: 18px;
    font-weight: 700;
}

.rar_update_design.update_activity .flash_card .section_title_text {
    color: #007BFF;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
}

.rar_update_design.update_activity .simd_title ul {
    padding: 0 19px;
    margin: 0;
}

.rar_update_design.update_activity .other_title {
    margin-top: 20px;
}

.rar_update_design.update_activity .activity_title h2 {
    font-size: 22px;

}

.rar_update_design.update_activity .simd_question_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.save_btn {
    background: #0163f0 !important;
    border: none !important;
    color: #fff !important;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    margin-top: 8px;
}

.save-btn {
    background: #0163f0 !important;
    border: none !important;
    color: #fff !important;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    margin-top: 8px;
}

.rar_update_design.update_activity .questions_field .editing_mode .edit_icon_fx {
    position: relative;
    top: 0;
    right: 0;
}

.rar_update_design.update_activity .question_text {
    font-weight: 700;
    font-size: 14px;
}

.rar_update_design.update_activity .user_input_title .custome_blue_checkbox .custome_blue_check {
    font-weight: 500;
    font-size: 14px;
}

.rar_update_design.update_activity .title_field p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.rar_update_design.update_activity .title_field h3 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.rar_update_design.update_activity .new_custom_check_analysis label.custome_blue_check {
    flex: 0 0 calc(25% - 15px);
    text-align: start;
    padding: 15px 23px 15px 16px;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 14px;
    font-weight: 500;
}

.rar_update_design.update_activity .video-text-box {
    margin-bottom: 20px;
}

.rar_update_design.update_activity .video-text-box label {
    font-size: 16px;
    margin-bottom: 10px;
}

.rar_update_design table td {
    font-size: 14px !important;
}

.rar_update_design.update_activity .problesolve.align_checkbox .custome_blue_check {
    flex: 1 0 calc(25% - 15px);
    display: flex;
    align-items: center;
    padding: 17px;
}

.rar_update_design.update_activity .blue_field_box.Instructions_frm .blue_field .form_control {
    background: #ffffff;
    padding: 18px 10px;
    border: 1px solid #eee;
    height: 60px;
}
.rar_update_design.update_activity .flash-card h5 {
    font-size: 16px;
    font-weight: 600;
}

.rar_update_design.update_activity .flash-card p {
    font-size: 14px;
    font-weight: 400;

}

.rar_update_design.update_activity .flash_card .flash_card_text p {
    margin: 0 !important;
}

.rar_update_design.update_activity .list_none_bullet {
    padding: 0 15px;
    margin: 0;
}

.rar_update_design.update_activity .list_none_bullet li {
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
}

.rar_update_design.update_activity .list_structure {
    margin-bottom: 20px;
}

.rar_update_design.update_activity .list_structure h3 {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
}

.rar_update_design.update_activity .simd_title h3 {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.rar_update_design.update_activity .simd_title h6 {
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
}

.rar_update_design.update_activity .box_3333 h3 {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
}

.rar_update_design.update_activity .benefit_list {
    position: relative;
}

.rar_update_design.update_activity .benefit_list h5 {
    font-size: 14px;
    font-weight: 600;
}

.rar_update_design.update_activity .benefit_list .edit_icon {
    right: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
}

.rar_update_design.update_activity .benefit_list .form-control {
    margin-bottom: 5px;
}

.rar_update_design.update_activity .new_tru_false .list_icon25 {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #f7faff;
    padding: 10px;
    border-radius: 10px;
}

.rar_update_design.update_activity .new_tru_false .list_icon25 li {
    font-weight: 600;
}

.rar_update_design.update_activity .filed_box.Upload .input_field {
    border-radius: 10px;
    border: 1px solid #eee;
    background: #ffffff;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 5px;
}

.rar_update_design.update_activity .filed_box .input_field input {
    background: transparent;
}

.rar_update_design.update_activity .blue_select_box .blue_select select {
    border-radius: 10px;
    border: 1px solid #eee;
    background: #ffffff;
    padding: 10px 39px 10px 10px;
    background-image: url('../img/arrow_icon87.svg');
    background-position: calc(100% - 10px);
    width: 100%;
    background-repeat: no-repeat;
    appearance: none;
    height: 60px;
}

.rar_update_design.update_activity .others_title h6 {
    font-size: 20px;

}

.rar_update_design.update_activity .filed_box.Upload .input_field {
    display: flex;
    align-items: center;
}

.rar_update_design.update_activity .others_title h4 {
    color: #0066ff;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.rar_update_design.update_activity .instructions_box.Acbg_box_09 ol {
    padding: 0 15px;
}

.rar_update_design.update_activity .simd_table_sec.table-responsive.mt-4 {
    margin-top: 0 !important;
    margin-bottom: 0;
}

.rar_update_design.update_activity .instructions_box_inner .detailed-explanation ul {
    padding: 0px;
    margin: 0;
}

.rar_update_design.update_activity .instructions_box_inner .detailed-explanation ul li {
    list-style: none;
    font-size: 14px;
    line-height: 24px;
}

.rar_update_design.update_activity .flash_card {
    border-radius: 10px;
    border: 1px solid #0163F0;
    padding: 15px;
    position: relative;
    width: 100%;
}

.rar_update_design.update_activity .flash_card.assessment_card h5.content_text {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.rar_update_design.update_activity .others_title p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.rar_update_design.update_activity .flash_card span {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}

.rar_update_design.update_activity .rar_img_flash img {
    width: 100%;
    border-radius: 10px;
}

.update_community.update_section .main_box {
    background: rgb(255 241 230);
    position: relative;
}
.update_community.update_section .comment_all_item .post_box_profile .post_box_content img{
    width: 30px !important;
    height: 30px !important;
}
.update_community.update_section .comment_all_item .post_box_profile {
    margin: 0 0 10px !important;
}
.update_community.update_section .comment_all_item .post_box_profile .post_box_content span{
    font-size: 14px !important;
}
.activity_card.flash_card .flash_card_text .output_text {
    font-weight: 400 !important;
    font-size: 14px !important;
    margin: 0;
}

.update_community .post_img_inner_box .link_btn a {
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 5px;
}

.update_community .post_img_inner_box .link_btn a img {
    width: 20px;
}

.filed_box .input_field textarea {
    border-radius: 10px;
    border: 1px solid #eee;
    background: #ffffff;
    width: 100%;
    padding: 15px;
}

.coursecreate.add_questions_mdl .banner_image_preview {
    border-radius: 15px;
    border: 1px solid #eee;
    background: #ffffff;
}

.coursecreate.add_questions_mdl .upload_image5 {
    border-radius: 10px;
    border: 1px solid #eee;
    background: #ffffff;
}

.add_questions_mdl .upload_image5 a {
    color: #fff !important;
    font-weight: 400;
    font-size: 16px;
}

.coursecreate.add_questions_mdl .modal-body h2 {
    font-size: 25px;
}

.update_community .community_title {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 30px;
}


.update_community .post_box_sec .post_box_inner .post_box .post_box_img {
    position: relative;
    overflow: hidden;
    padding-bottom: 50%;
    border-radius: 10px;
    margin-bottom: 25px;
}

.update_community .community_title h2 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    line-height: 38px;
}

.dropdown_menu_post {
    position: relative;
}

.dropdown_menu_post .post_dropdown {
    border-radius: 10px;
    border: 1px solid #0163F0;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    cursor: pointer;
}

.dropdown_menu_post .post_dropdown span {
    color: #0163F0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.dropdown_menu_post .post_dropdown img {
    width: 20px;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translate(-50%, 20px);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

.dropdown_menu_post .post_menu {
    padding: 0;
    margin: 0;
    background: #ffffff;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #eee;
    display: none;
    position: absolute;
    top: 53px;
    left: -16%;
    transform: translateX(-50%);
    width: 350px;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.post_menu.nav.nav-pills .nav-link.active img {
    filter: brightness(0) invert(1);
}

.dropdown_menu_post .post_menu.active {
    display: block;
    animation: slideUp 0.3s ease forwards;
}

.dropdown_menu_post .post_menu li {
    list-style: none;
}

.dropdown_menu_post .post_menu li a {
    list-style: none;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.dropdown_menu_post .post_menu li:last-child a {
    margin-bottom: 0;
}

.dropdown_menu_post .post_menu li a img {
    width: 30px;
}

.update_community .post_box_sec .post_box_inner .post_box .post_box_title h3 {
    color: #000000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: unset;
    width: fit-content;
    padding: unset;
    border-radius: unset;
    border: unset;
}

.update_community .post_box_sec .post_box_inner .post_box .post_box_title .red_color {
    color: #FF0100;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: inline-block;
    margin-bottom: 5px;
}

.update_community .post_box_sec .post_box_inner .post_box .post_box_profile {
    margin-bottom: 20px;
}

.update_community .green_color {
    color: #07E098;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    display: block;
}

.update_community .post_box_sec .post_box_inner .post_box .post_box_title p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    width: 100%;
}

.update_community .career_gudance_questions_add span {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.update_community .career_gudance_questions_add {
    width: 150px;
    max-width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 15px;
    border-radius: 10px;
    border: 1px dashed #0163F0;
    background: rgba(239, 239, 239, 0.30);
    margin: 0 auto 30px;
    margin-top: 0;
    text-align: end;
    position: absolute;
    top: 0;
    right: 180px;
}

.update_community .others_tabs_community .nav-pills {
    display: inline-flex !important;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 40px;
    padding: 5px;
}

.update_community .communitytab_sec .nav-pills .nav-link {
    font-size: 15px;
}

.update_community .communitytab_sec .nav-pills .nav-link {
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 30px;
}

.update_community .subject_label .time_itm {
    color: #000;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.update_community .post_box_sec .post_box_inner .post_box .post_box_profile .post_box_content img {
    width: 50px;
    border-radius: 80px;
    object-fit: cover;
    height: 50px;
}

.update_community .post_box_sec .post_box_inner .post_box .post_box_title h5 {
    font-size: 18px;
    font-weight: 600;
}

.update_community .post_box_sec .post_box_inner .post_box .post_box_watch span {

    font-size: 14px;
}

.update_community .post_box_sec .green_box01 {
    background: transparent;
    color: #000;
    padding: 0;
}

.update_community .post_box_sec .post_box_inner .post_box {
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #FFF;
}

.update_community .post_box_sec .post_box_inner .post_box .comment_box {
    display: none;
}

.update_community .post_box_sec .post_box_inner .post_box .comment_box.active {
    display: block;
}

.update_community .post_box_sec .post_box_inner .post_box .comment_box form {
    position: relative;
}

.update_community .post_box_sec .post_box_inner .post_box .comment_box input {
    padding: 18px;
    border-radius: 10px;
    background: #F4F4F4;
}

.update_community .post_box_sec .post_box_inner .post_box .comment_box form .submitComment {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.update_community .post_box_sec .post_box_inner .post_box .comment_box form .submitComment img {
    width: 25px;
}

.update_community .post_box_sec .post_box_inner .post_box_profile .post_box_content span {
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: 600;
}

.update_community .post_box_sec .post_box_inner .like_share_text span {
    display: block;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 4px;
    text-align: center;
}

.update_community .community_form_btn .submit_btn {
    position: relative;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 20px;
    line-height: 25px;
    border-radius: 55px;
    background: linear-gradient(90deg, #FF7003 0%, #FF9748 100%);
    border: none;
    cursor: pointer;
    overflow: hidden;
    display: inline-flex;
    transition: color 0.3s ease-in-out;
    z-index: 1;
    align-items: center;
    /* width: 160px; */
    justify-content: center;
}

.update_community .post_box_sec .post_box_inner .rating-count.secound_defult {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background: #ff7914;
    padding: 6px;
    width: 18px;
    color: #fff;
    font-size: 12px;
    height: 18px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
}

.update_community .post_box_sec .post_box_inner .comment_box {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

.update_community .like_share_btn {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
    border-bottom: 1px solid #eee;
    padding-bottom: 18px;
    margin-bottom: 15px;
}

.update_community .comment_all_item p {
    margin: 0;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.update_community .comment_all_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.update_community .custom-dropdown-icon {
    cursor: pointer;
}

.update_community .custom-dropdown-wrapper {
    position: relative;
}

.update_community .comment-dropdown-icon img {
    width: 30px;
}

.update_community .post_box_sec .post_box_inner .post_box .post_box_title h2 {
    font-size: 22px;
    margin-top: 15px;
}

.update_community .rating_new .rating-box {
    top: -220px;
    padding: 0;
    background: transparent;
    box-shadow: unset;
}

.update_community .rating_new .stars {
    display: block;
    margin: auto;
    text-align: center;
}

.update_community .rating_new .rating-box .stars span {
    font-size: 24px;
    cursor: pointer;
    color: #ddd;
    background: #fff;
    padding: 6px;
    border-radius: 30px;
    width: 35px;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    align-items: center;
    margin-bottom: 7px;
    border: 1px solid #eee;
}

@keyframes slideUp2 {
    0% {
        opacity: 0;
        transform: translate(-50%, 20px);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

.update_community .custom-dropdown-menu ul {
    padding: 0;
    margin: 0;
    background: #fff;
    box-shadow: 0px 0px 11px 1px #EEF;
    padding: 15px;
    border-radius: 10px;
    position: absolute;
    right: -60px;
    z-index: 1;
    top: 50px;
    transition: opacity 0.3s ease, transform 0.3s ease;
    /* transform: translateX(-50%); */
    transform: translateX(-50%);
    display: none;
}

.update_community .custom-dropdown-menu.active ul {
    display: block;
    animation: slideUp2 0.3s ease forwards;
}

.update_community .custom-dropdown-menu ul li {
    list-style: none;
    margin-bottom: 8px;
}

.update_community .custom-dropdown-menu ul li a {
    font-size: 16px;
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.update_community .custom-dropdown-menu ul li:last-child {
    margin-bottom: 0;
}

.update_community .custom-dropdown-menu ul li a img {
    width: 25px;
}


.update_community .like_share_btn a img {
    max-width: 100%;
    width: 45px;
}

.update_community .read_more {
    color: #0163F0;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.my_hallenges .challenge_box {
    height: 100%;
    align-items: start;
}

.cover_banner img {
    width: 100%;
}

.my_profile_secnew .profile_main_box {
    display: flex;
    gap: 20px;

}

.my_profile_secnew .profile_main_box .profile_content {
    flex: 1 0 calc(80% - 20px);
}

.learning_partener_box {
    flex: 0 0 20%;
    background: #FFFAF5;
    padding: 15px;
    position: sticky;
    top: 65px;
    height: calc(100vh - 65px);
    overflow-y: auto;
    overflow-x: hidden;
}


.my_profile_secnew .profile_main_box .profile_img .prlf_img {
    width: 150px;
    height: 150px;
    border-radius: 100px;
    object-fit: cover;
}

.my_profile_secnew .profile_main_box .profile_title h3 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.my_profile_secnew .profile_main_box .profile_title h3 img {
    width: 20px;
    height: 20px;
}

.my_profile_secnew .profile_main_box .profile_title span {
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 500;
}

.my_profile_secnew .profile_main_box .profile_title p {
    color: #787878;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.my_profile_secnew .profile_main_box .profile_sec {
    padding-left: 60px;
    margin-top: -80px;
    position: relative;
}

.my_profile_secnew .profile_main_box .profile_sec .profile_img {
    position: relative;
    display: inline-flex;
    margin-bottom: 15px;
}

.my_profile_secnew .profile_main_box .profile_sec .dropdown_menu_post {
    position: absolute;
    top: 130px;
    right: 0px;
}

/* .my_profile_secnew .profile_main_box .profile_sec .profile_img input{
    background: transparent;
    border: none;
    padding: 0;
    width: auto;
    border-radius: unset;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */
.my_profile_secnew .profile_main_box .profile_sec .edditPrlf {
    position: absolute;
    bottom: 10px;
    right: 7px;
}

.my_profile_secnew .profile_main_box .profile_sec .learning_prt_title h4 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.my_profile_secnew .profile_main_box .profile_sec .learning_prt_title h4 span {
    background: var(--gradients_orange, linear-gradient(90deg, #FF7003 0%, #FF9748 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main {
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    padding: 15px;
    height: 200px;
    overflow: hidden;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main.active {
    height: auto;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .box_main_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .box_main_title h3 {
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .box_main_title button {
    border: none;
    padding: 0;
    background: transparent;
    color: #0066ff;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main h5 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main p {
    color: #414141;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.my_profile_secnew .profile_main_box .profile_sec .organizations_box.box_main {
    height: 100%;
}

.my_profile_secnew .profile_main_box .profile_sec .organizations_box.box_main span {
    display: block;
}

.my_profile_secnew .profile_main_box .profile_sec .organizations_box.box_main .facilities_img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding-bottom: 25%;
    margin-top: 15px;
}

.my_profile_secnew .profile_main_box .profile_sec .organizations_box.box_main .facilities_img img {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    object-fit: cover;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.my_profile_secnew .profile_main_box .profile_sec .organizations_box.box_main h6 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.organizations_box span {
    margin-bottom: 10px;
    display: inline-block;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .student_details {
    display: flex;
    align-items: start;
    gap: 15px;
    margin-bottom: 5px;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .student_details img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .student_details .student_details_text {
    margin-bottom: 10px;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .student_details .student_details_text h4 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 5px;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .student_details .student_details_text h6 {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .student_details .student_details_text h6 img {
    width: 20px;
    height: 20px;
    border-radius: 0;
}

.my_profile_secnew .profile_main_box .profile_sec .box_main .student_details .student_details_text span {
    color: #7B7B7B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: block;

}

.my_profile_secnew .profile_main_box .profile_sec .box_main .student_details .student_details_text strong {
    color: #000;
}

.my_profile_secnew .learning_partener_box .people_search input {
    background-image: url('../img/saerch_icon1.svg');
    background-position: calc(100% - 15px);
    padding: 15px;
    border-radius: 100px;
    border-radius: 30px;
    border: 1px solid #FFD5AB;
    background-color: #FFF;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 20px;
}

.my_profile_secnew .learning_partener_box .people_search h4 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.my_profile_secnew .learning_partener_box .learning_list_title {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 15px;
}

.my_profile_secnew .learning_partener_box .learning_list_title span {
    color: #000;
    text-align: start;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.my_profile_secnew .learning_partener_box .learning_list_title h3 {
    background: var(--blue_gradients, linear-gradient(180deg, #0163F0 0%, #004CBB 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.my_profile_secnew .learning_partener_box .followers_list {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.my_profile_secnew .learning_partener_box .followers_list .followers_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    width: 100%;
}

.my_profile_secnew .learning_partener_box .followers_list .followers_item:last-child {
    padding-bottom: 0;
    border-bottom: unset;
}

.my_profile_secnew .learning_partener_box .followers_list .followers_item .followers_usr {
    display: flex;
    align-items: center;
    gap: 10px;
}

.my_profile_secnew .learning_partener_box .followers_list .followers_item img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    object-fit: cover;
}

.my_profile_secnew .learning_partener_box .followers_list .followers_item button {
    background: transparent;
    border: none;
    padding: 0;
    background: var(--gradients_orange, linear-gradient(90deg, #FF7003 0%, #FF9748 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.my_profile_secnew .learning_partener_box .followers_list .followers_item .followers_name h3 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.my_profile_secnew .learning_partener_box .followers_list .followers_item .followers_name span {
    color: #989898;
    font-family: "Meta Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.follow_open {
    display: none;
}

.follow_active {
    overflow: hidden;
}

.simd_table_sec.table-responsive.mt-4+.row .col-lg-12 .flash_card.activity_card .flash_card_text p {
    background-color: transparent;
    margin-bottom: 10px !important;
}

.new_update_profile_edit .white_field_box .white_field input {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.73);
    padding: 16px;
    width: 100%;
    outline: none;
    color: #6E6E6E !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 50px;
    border: none;
    border: 1px solid #eee;
}

.new_update_profile_edit .dob_picker .ui[class*="left icon"].input>input {
    border: 1px solid #eee;
}

.new_update_profile_edit .white_field_box .white_field textarea {
    border: 1px solid #eee;
}

.new_update_profile_edit .white_field_box .white_field select {
    border: 1px solid #eee;
}

.new_update_profile_edit .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    border: 1px solid #eee;
}

.new_update_profile_edit .stp2_check_box .custom_checkbox {
    border: 1px solid #eee;
    overflow: hidden;
    border-radius: 10px;
    padding: 4px 15px;
    height: 50px;
}

.new_update_profile_edit.edit_profile_sec .stp2_check_box .custom_checkbox img {
    width: 30px;
}

.new_update_profile_edit .stp2_check_box .custom_checkbox input:checked~.checkmark {
    background-color: #BED9FF;
    border: 1px solid #0056D2;
    border-radius: 10px;
}

.new_update_profile_edit .white_field_box label {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;

}

.new_update_profile_edit .custom_checkbox div {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    width: 100%;
}

.new_update_profile_edit.edit_profile_sec .stp2_check_box .custom_checkbox img {
    margin-bottom: 0;
}

.new_update_profile_edit.edit_profile_sec .edit_profiletitle h2 {
    font-size: 24px;
    font-weight: 600;
}

.new_update_profile_edit.edit_profile_sec .edit_icon img {
    width: 28px;
    border: 1px solid #0163f1;
}

.new_update_profile_edit.edit_profile_sec .select2-container--open .select2-dropdown {
    left: 0;
    border: 1px solid #bfbfbfee !important;
    border-radius: 10px;
}

.new_update_profile_edit.edit_profile_sec .learning_goals_check .custom_checkbox {
    height: 92px;
}

.new_update_profile_edit.edit_profile_sec .ui.container {
    width: 100% !important;
    margin-left: 0em !important;
    margin-right: 0em !important;
}

.new_update_profile_edit.edit_profile_sec .white_box_experience .white_box_experience_title h3 {
    font-size: 18px;

}

.new_update_profile_edit.edit_profile_sec .personal_title h3 {
    font-size: 20px;
}

.new_update_profile_edit.edit_profile_sec .publish_work_sec .publish_work_inner .publish_work_dis {
    padding: 0;
}

.new_update_profile_edit.edit_profile_sec .publish_work_sec .publish_work_inner .publish_work_img .img_publick {
    object-fit: cover;
    object-position: center;
}

.banner_about_us {
    background-image: url('../img/banner_img111.jpg');
    background-repeat: no-repeat;
    padding: 50px 50px;
    position: relative;
    background-position: center;
}

.banner_about_us::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000ad;
    height: 100%;
    width: 100%;
}

.banner_about_us_title {
    position: relative;
    z-index: 1;
}

.banner_about_us_title h1 {
    text-align: center;
    font-size: 60px;
    color: #fff;
    font-weight: 600;
}

.banner_about_us_title p {
    color: #fff;
    font-size: 16px;
    width: 60%;
    margin: 0 auto 0;
    text-align: center;
}

.banner_about_us_title h2 {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 0px;
    margin-top: 30px;
}

.banner_about_us_title h3 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-top: 30px;
    font-size: 30px;
}

.banner_about_us_title h3 span {
    transform: rotate(17deg);
    display: inline-block;
    margin-right: 10px;
    color: #ff7003;
}

.vision_text h3 img {
    width: 45px;
}

.vision_text h3 {
    font-size: 28px;
    font-weight: 700;
}

.about_sec .about_box_content p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.mission_vision_sec .main_title p {
    font-size: 16px;
    line-height: 24px;
}

.sec_padd.mission_vision_sec {
    padding-top: 0;
}

.mission_vision_sec .vision_text p {
    font-size: 16px;
    line-height: 24px;
}

.abt_img {
    margin-bottom: 0 !important;
}

.update_Meet_founder_sec.Meet_founder_sec::after {
    display: none;
}

.update_Meet_founder_sec.Meet_founder_sec .Meet_founder_text span {
    color: #000;
    font-size: 25px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
    display: inline-block;
}

.update_Meet_founder_sec.Meet_founder_sec .Meet_founder_text h6 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.team_img img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
}

.about_ymeta_sec {
    background: transparent;
    padding: 60px 0 0;
}

.about_ymeta_sec .Update_about_ymeta_sec {
    border-radius: 10px;
    background: linear-gradient(270deg, rgba(255, 112, 3, 0.12) 50%, rgba(1, 99, 240, 0.19) 100%);
    padding: 30px;
}

.Meet_our .main_title p {
    font-size: 16px;
    line-height: 24px;
}

.career_banner {
    background-image: url('../img/banner_career.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 55vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    position: relative;
    background-position: center;
}


.dummy_icon, .pdfDummyIcon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.create_live .custom_checkbox span{
    font-size: 16px;
    font-weight: 600;
}

.update_purchase .newpurchasecourse_list{
    border: 1px solid #eee;
    padding: 15px;
    width: 100%;
    border-radius: 15px;
    margin-top: 15px;
}
.update_purchase .newpurchasecourse_list .newpurchasecourse_list_box .newpurchasecourse_hd{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.update_purchase .newpurchasecourse_list .newpurchasecourse_list_box .newpurchasecourse_hd span{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    flex: 0 0 calc(16.5% - 10px);
}

.update_purchase .newpurchasecourse_list .newpurchasecourse_list_box .newpurchse_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
     border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.update_purchase .newpurchasecourse_list .newpurchasecourse_list_box .newpurchse_title:last-child{
    border-bottom: unset;
    padding-bottom: unset;
}
.update_purchase .newpurchasecourse_list .newpurchasecourse_list_box .newpurchse_title span{
    color: #000;
    font-weight: 500;
    font-size: 16px;
    flex: 0 0 calc(16.5% - 10px);
}

.createchallenge .blue_field_box .blue_field input{
    padding: 10px !important;
}