:root{ --wharton-blue:#1a2a4e;--wharton-red:#9e1b32;} html{ scroll-behavior:smooth !important;} body{ font-family:"Ubuntu",sans-serif !important;} h1,h2,h3,h4,h5{ font-family:"Ubuntu",sans-serif !important;} .index_z_box{ position:relative;z-index:3;} .pt_top60{ padding-top:60px;} .pl_60{ padding-left:50px;} .Method_works_sec .pl_60{ padding-left:0 !important;} .lbel_text{ color:#383838 !important;font-size:14px !important;font-weight:400 !important;margin-bottom:12px !important;} .main_bg{ background-image:url('../img/banner_img.webp');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:100% !important;padding-right:10px;} .main_dashboard .main_title h2{ font-size:30px;} .leaderboard_sec .main_title h2{ font-size:30px;} .update_leaderboard .ranking_list_mn.siderank{ border-radius:10px;border:1px solid #eee;padding:15px;} .update_leaderboard .cutoff_box_title h3{ font-size:20px;font-weight:600;} .update_leaderboard .ranking_list_mn.siderank .user_list_rank_inner{ border-radius:10px;background:#F8F8F8;padding:7px 15px;} .update_leaderboard .ranking_list_mn.siderank .user_item{ border-radius:10px;background:#FFF;padding:7px 15px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;} .user_item{ border-radius:20px;background:#f1f1f1;padding:10px 15px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;} .update_leaderboard .ranking_list_mn.siderank .user_list_rank{ height:56vh;} .update_leaderboard .ranking_list_mn.siderank #userSkillListContainer .text-center{ position:absolute;top:50%;left:50%;transform:translate(-50%,50%);} .update_leaderboard .ranking_list_mn.siderank .user_item h3{ flex:0 0 46%;color:#000;font-size:13px;font-style:normal;font-weight:600;line-height:150%;margin:0;display:flex;text-align:start;align-items:center;gap:9px;} .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.course_create .custom_checkbox .checkmark{ border:1px solid #b8b8b8;} .course_btn{ display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:15px;} .course_btn .addRatingBtn{ background:linear-gradient(270deg,#0d6fff 0%,#004fc2 100%);border:none;border-radius:30px;padding:7px 15px;color:#fff;} .main_rating_box{ position:absolute;top:10px;right:10px;background:#ff750c;padding:2px 10px;border-radius:30px;color:#fff;} .update_section.course_create .course_create_box{ border:1px solid #e8e8e8;padding:15px;border-radius:10px;} .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:unset !important;} .update_section.home_community .main_box_inner .content_box{ height:100%;flex:0 0 calc(100% - 0px);} .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;overflow:unset !important;} .update_section .main_box_inner{ height:unset !important;} .update_section .sidebar_sec{ 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;position:sticky;top:0px;} .update_section .sidebar_sec .sidebar_inner{ height:calc(100vh - 0px) !important;padding-bottom:90px;} .update_section .main_box_inner .content_box{ flex:0 0 calc(83% - 10px);height:100% !important;padding-bottom:0;overflow-y:unset;overflow-x:unset;padding-right:8px;position:relative;padding-bottom:45px;} .without_login_course.update_section .main_box_inner .content_box{ flex:1 0 calc(83% - 10px);padding-right:20px;padding-left:20px;} .update_section.rar_update_design .main_box_inner .content_box{ height:100% !important;} .rar_update_design .Interactive_act{ display:flex;align-items:center;flex-wrap:wrap;gap:12px;} .rar_update_design .Interactive_act a{ flex:1 0 18%;} .rar_update_design .Interactive_act button{ flex:1 0 calc(18% - 12px);background:transparent;border:none;} .rar_update_design .Interactive_act a span{ width:100%;} .update_section.rar_update_design.learning_method ol ol,ol ul,ul ol,ul ul{ padding:0 5px;} .update_section.rar_update_design.learning_method ol ol,ol ul,ul ol,ul ul li{ font-size:14px !important;} .update_section.rar_update_design .modal_questions_itm p{ font-size:14px;line-height:18px;} .update_section .middle_scroll_inner{ height:unset !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{ 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%;object-fit:cover;} .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:202px;width:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;} .main_title_dahsboard .date_range_calender input{ padding:15px 20px 15px 15px;border-radius:10px;border:1px solid #eee;background-image:url('../img/callender_09.svg');background-repeat:no-repeat;background-position:calc(100% - 15px);background-size:23px;} .common_banner_rar.banner_text{ flex-direction:column;align-items:start;padding:30px;margin-bottom:20px;height:fit-content;justify-content:start;margin-top:20px;} .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;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 .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;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 .Productivity_box .Average_rating_scr_item h5{ margin-bottom:15px;} .update_section .Average_rating_scr_item span{ border-radius:5px;background:transparent;border:1px solid #dfdfdf;color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal;display:inline-flex;align-items:center;gap:5px;padding:10px;} .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;display:flex;align-items:center;gap:4px;} .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;flex-wrap:wrap;} .update_section .Productivity_box select,textarea{ font-size:14px;background:#fff;border:1px solid #eee !important;padding:15px;border-radius:10px;} .update_section .Productivity_box select{ font-size:14px;background:#fff;border:1px solid #eee !important;padding:15px;border-radius:10px;} .update_section .Productivity_box input{ font-size:14px;background:#fff;border:1px solid #eee !important;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;margin-bottom:10px;} .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:14px;font-style:normal;font-weight:500;line-height:normal;} .update_section .planing_before_sec.simd_question_sec .filed_box .input_field .video_text_box select{ max-width:100%;font-size:16px;background-size:20px;} .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:10px;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:13px;} .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:#fff;background-size:cover;position:relative;height:100%;} @keyframes float{ 0%{ transform:translateY(0);} 50%{ transform:translateY(-30px);} 100%{ transform:translateY(0);} } .bg_image.hero_banner{ height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow:hidden;} .hero_banner_inner{ width:100%;height:100%;} .banner_sec{ display:flex;align-items:center;justify-content:space-between;text-align:center;height:fit-content;padding:100px 130px 100px 130px;width:85%;margin:auto;} .hero_banner_title{ flex:0 0 auto;} .hero_banner_img{ flex:0 0 30%;display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;} @media (max-width:768px){ .bg_image.hero_banner{ height:100%;} .hero_banner_img img{ max-height:40vh;} } .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 h1{ font-size:60px;font-style:normal;font-weight:700;line-height:normal;background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .hero_banner .hero_banner_title span{ color:#000;font-size:32px;font-style:normal;font-weight:700;line-height:140%;display:block;margin-bottom:10px;} .hero_banner .hero_banner_title p{ color:#000;font-size:17.5px;font-style:normal;font-weight:400;line-height:140%;width:100%;} .hero_banner .hero_banner_title h1 span{ color:#0163F0;font-weight:700;} .hero_banner .hero_banner_title{ text-align:start;margin-bottom:35px;flex:0 0 calc(66% - 20px);padding:30px 31px 30px 0px;margin:0;} .hero_banner .hero_banner_title .animations{ 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;} @keyframes gradientFlow{ 0%{ background-position:0% 50%;} 50%{ background-position:100% 50%;} 100%{ background-position:0% 50%;} } @keyframes rotateSwing{ 0%{ transform:rotate(0deg);} 25%{ transform:rotate(30deg);} 50%{ transform:rotate(-30deg);} 75%{ transform:rotate(15deg);} 100%{ transform:rotate(0deg);} } @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%;margin-bottom:20px;} .slider_method_cart_box{ border-radius:20px;background:#F3F4F6;width:100%;padding:10px;display:flex;flex-direction:column;gap:20px;height:100%;transition:0.5s;cursor:pointer;} .slider_method_cart_box:hover{ background:#DDEBFF;} .slider_method_cart_box img{ width:100%;} .slider_method_cart_box span{ color:#000;text-align:center;font-size:16px;font-style:normal;font-weight:700;line-height:normal;display:block;} .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;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;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;flex-wrap:wrap;} .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.webp');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-y:7px;background-size:15px;padding-right:30px;list-style:none;padding:0px 0 0px 30px;color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:20px;} .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-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{ height:40px;} .innoavtive_box_btn .normal_btn img{ margin:0;filter:brightness(0) invert(1);width:15px;} .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;padding:0;} .AI_plus_box_mentor{ border-radius:10px;background-image:url('../img/banner_create_home.webp');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;position:relative;} .review_img_box::after{ content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000006b;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;z-index:1;} .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{ 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 h3{ 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 h3 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;} .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:15px;} .cognitive_title h3{ color:#000;text-align:center;font-size:20px;font-style:normal;font-weight:700;line-height:normal;} .cognitive_title p{ color:#000;text-align:center;font-size:15px;font-style:normal;font-weight:400;line-height:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .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{ 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 h3{ font-size:22px;font-weight:700;} .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.webp');} .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;width:100%;padding:0px 10px 10px;} .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.webp');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 span{ 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 30px;position:relative;} .metacognitive_sec::after{ content:'';background-image:url('../img/girls_effect.webp');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.webp');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:16px !important;margin-bottom:11px;} .rar_update_design .box_result_sec{ border:1px solid #eee;padding:15px;border-radius:10px;margin-bottom:25px;} .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 .simd_title{ margin-bottom:10px;} .rar_update_design .ft_30 h2{ color:#0163f0;font-size:25px;font-style:normal;font-weight:700;line-height:normal;margin:0;} .rar_update_design .filed_box label{ color:#000;font-size:13px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:15px;display:flex;align-items:start;gap:6px;} .rar_update_design .rec1_text h6{ font-size:14px;} .rar_update_design .type_text{ font-size:16px;font-weight:600;} .rar_update_design .grp_dymaics label{ color:#000;font-size:15px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:10px;} .rar_update_design .grp_dymaics .custome_blue_check{ margin-bottom:0;font-size:14px;padding:13px;} .flash_card.activity_card ul.flash_card_list li.flash_card_item{ font-size:14px;line-height:28px;} .rar_update_design .score_card_sec{ overflow:unset;padding:0;} .rar_update_design .modal_answer_box .share_community{ border-radius:40px;font-size:14px;padding:5px 10px;} .rar_update_design .simd_title.benefits .list_icon25{ padding:0 !important;} .rar_update_design .recommendation_box h2{ width:70%;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:700;line-height:normal;} .rar_update_design .recommendation_box .d-flex.justify-content-between.align-items-center{ margin-bottom:20px;} .rar_update_design .d-flex.justify-content-between.align-items-center{ gap:15px;} .rar_update_design .recommendation_box h5{ font-size:16px;} .rar_update_design .learning_sec .learning_inner .learning_title p{ font-size:14px;line-height:20px;} .rar_update_design p{ font-size:14px !important;line-height:22px !important;} .rar_update_design .learning_sec .learning_inner .learning_title h5{ color:#0163F0;font-size:25px;margin-bottom:10px;margin-top:10px;} .rar_update_design .key_benefits h2{ font-size:20px;font-weight:700;color:#0163F0;margin-bottom:20px;} .rar_update_design .key_benefits h4{ font-size:16px;color:#000;font-weight:600;margin-top:20px;} .rar_update_design .key_benefits ul li{ font-size:14px !important;} .rar_update_design .key_benefits h3{ font-size:16px;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;text-align:start;} .rar_update_design .rar_tabs .nav-link.methods{ height:100%;} .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;} .individual_activity_box{ margin-top:60px;} .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);} .stepRar.rar_update_design .mainrar_box_sec .rar_item_box{ flex:1 0 calc(18% - 20px);} .stepRar.rar_update_design.activity_sec .other_activity_inner{ align-items:unset;} @media (max-width:1400px){ .stepRar.rar_update_design .mainrar_box_sec .rar_item_box{ flex:0 0 calc(25% - 12px);} } @media (max-width:767px){ .stepRar.rar_update_design .mainrar_box_sec .rar_item_box{ flex:0 0 calc(33.33% - 12px);} } @media (max-width:480px){ .stepRar.rar_update_design .mainrar_box_sec .rar_item_box{ flex:1 0 calc(50% - 12px);} } .pl-86{ padding-left:86px;} .pl-30{ padding-left:30px;} .pr-30{ padding-right:30px;} .pl-154{ padding-left:154px;} .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;padding-right:60px;} .update_section.rar_update_design .commn_md .filed_box .input_field textarea{ border:1px solid #c5c5c5;background:#ffffff;} .rar_update_design .concept-map-container .map-branch-container{ flex-wrap:wrap;} .Loader_img{ margin:0px auto 30px;text-align:center;} .modal-content{ background:#fff;} .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 .new_learning_sec .learning_questions ul{ padding:0 15px;} .rar_update_design .new_learning_sec .learning_questions ul li{ font-size:16px;} .rar_update_design .rar_list li{ 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;word-break:break-all;} .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;} .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:25px;border-radius:unset;border:unset;background:unset;padding:0;margin-bottom:15px;color:#0d6efd;} .act_modal .filed_box label{ font-weight:600;} .act_modal .btn_commn{ padding:5px 20px;width:150px;} .rar_update_design.activity_sec .activity_title_box.grp_act h5{ color:#FF7003;} .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;font-weight:600;} .joined_status_box.Acbg_box_09 h3{ font-size:16px !important;font-weight:600;margin:0;} .joined_status_box.Acbg_box_09 h4{ font-size:16px !important;font-weight:600;margin:0;} .joined_status_box.Acbg_box_09 h5{ font-size:16px !important;font-weight:600;margin:0;} .joined_status_box.Acbg_box_09 p{ font-size:16px;margin-bottom:15px !important;} .joined_status_box.Acbg_box_09 p:last-child{ margin-bottom:0 !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:100vh;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;margin-bottom:20px;margin-top:20px;} .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;margin-bottom:15px;} .banner_courses_box h4 span{ color:#F27405;} .course_redesign .banner_courses_box .filter_item input::placeholder{ color:#fff;} .course_redesign .filter_box .filter_item label{ margin-bottom:0;} .course_redesign .banner_courses_box .filter_item label{ font-size:14px;font-weight:500;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:45px;font-size:13px;width:124px;} .course_redesign .roles_btn.create-btn .submit_btn{ padding:15px;border-radius:10px;height:45px;font-size:13px;} .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:11px;height:45px;font-size:13px;} .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;display:flex;flex-direction:column;} .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{ height:100%;display:flex;flex-direction:column;} .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;height:100%;display:flex;flex-direction:column;justify-content:space-between;} .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;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;} .course_redesign .courses_list_sec .courses_list_inner .courses_list_box .new_view{ font-size:14px;font-weight:400;border:1px solid #eee;padding:8px 15px;cursor:pointer;border-radius:50px;} .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;display:inline-flex;align-items:center;gap:7px;} .course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_content .buy_item span img{ width:17px;} .course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_content .buy_item h6{ color:#000;font-size:30px;font-style:normal;font-weight:700;line-height:normal;margin:0;} .course_redesign .courses_list_sec .courses_list_inner .courses_list_box .courses_list_content .buy_item h6 span{ color:#9C9C9C;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-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{ padding:0px 60px;} .course_redesign .courses_details_sec .courses_details_inner .courses_details_banner{ padding-bottom:63%;} .course_redesign .courses_details_sec .courses_details_title h4{ font-size:25px;font-weight:600;text-transform:capitalize;} .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-size:30px;font-style:normal;font-weight:700;line-height:normal;} .course_redesign .courses_details_sec .courses_details_inner .buy_item h6 span{ color:#8B8B8B;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_profile_c .courses_date h5{ display:flex;align-items:center;margin:0;font-weight:400;gap:10px;font-size:16px;color:#3b3b3b;} .course_redesign .courses_profile_c .courses_date h5 img{ border-radius:0;width:20px;height:20px;} .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 .img_details span img{ width:25px;border-radius:0;} .course_redesign .courses_new_tabs{ background:#fff;border:0;padding:0;border-radius:10px;margin-bottom:20px;} .coursPrice{ font-size:25px !important;font-weight:600;} .course_redesign .courses_new_tabs .nav-pills{ border-radius:100px;border:unset;background:#fff;padding:5px;display:inline-flex;gap:10px;} .course_redesign .courses_new_tabs .nav-pills .nav-link{ color:#000;font-size:18px;font-style:normal;font-weight:400;line-height:normal;padding:10px 25px;border-radius:50px;background-color:#fff4ec;} .course_redesign .courses_new_tabs .nav-pills .nav-link.active,.nav-pills .show>.nav-link{ color:#fff;background:#FF7206;} .course_redesign .courses_new_tabs .performance_itm h2{ font-size:25px;color:#000;font-weight:600;margin-bottom:15px;} .learner_performance_main.cerificate_sc table td{ padding-left:8px;} .course_redesign .courses_new_tabs .performance_itm table td{ text-align:center;} .course_redesign .courses_new_tabs .performance_itm table th:first-child{ text-align:start;} .course_redesign .courses_new_tabs .performance_itm table th{ text-align:center;} .course_redesign .courses_new_tabs .chapter_item54 h2{ font-size:25px;font-style:normal;font-weight:600;line-height:normal;} .course_redesign .courses_new_tabs .chapter_item54 span{ color:#000;font-size:20px;font-style:normal;line-height:normal;display:inline-block;margin-bottom:35px;font-weight:600;text-transform:capitalize;} .course_redesign .courses_new_tabs .chapter_item54 h5{ font-size:16px;margin:0;font-weight:400;color:#666666;} .course_redesign.courses_details_pages .challenge_title h2{ color:#000 !important;font-size:15px !important;font-style:normal !important;font-weight:600 !IMPORTANT;word-break:break-word;line-height:normal !important;margin-bottom:8px !important;word-wrap:break-word;} .course_redesign.courses_details_pages .blue_box_date{ border-radius:6px;padding:5px 10px;color:#0163F0;font-size:15px !important;font-weight:400 !important;display:inline-flex !important;align-items:center;gap:5px;white-space:nowrap !important;} .course_redesign.courses_details_pages .red_box_time{ border-radius:6px;padding:5px 10px;color:#FF7003;font-size:15px !important;font-weight:400 !important;display:inline-flex !important;align-items:center;gap:5px;} .course_redesign.courses_details_pages .rating.main_rating_box{ position:absolute;top:10px;right:10px;} .course_redesign.courses_details_pages .rating.main_rating_box h6{ margin:0;font-size:15px;font-weight:500;display:flex;align-items:center;gap:4px;color:#000;} .course_redesign.courses_details_pages .rating.main_rating_box h6 img{ width:18px;} .course_redesign.courses_details_pages .rating.main_rating_box{ background:#fff;padding:8px 15px;} .Tbs_title h5{ font-size:25px !important;font-weight:600 !important;margin-bottom:22px !important;color:#007bff !important;} .Tbs_title span{ color:#000000 !important;font-size:16px !important;font-weight:600;display:block;margin-bottom:30px;} .Tbs_title h6{ font-size:16px;margin-top:8px;font-weight:400;margin-bottom:0;color:#4b4b4b;} .course_redesign.courses_details_pages .main_box_inner{ padding:0 !important;} .course_redesign.courses_details_pages .challenge_box_inner{ align-items:center;flex-direction:column;} .course_redesign.courses_details_pages .challenge_box{ justify-content:center;} .course_redesign.courses_details_pages .challenge_box_inner .challenge_title{ text-align:center;} .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;} .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;} .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:195px;} .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_new_box{ position:relative;background:#fff;border:1px solid #eee;border-radius:10px;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:122px;height:122px;border-radius:100px !important;} .update_leaderboard .user_list_rank .user_list_rank_inner{ border-radius:20px;background:#F8F8F8;padding:15px;margin-bottom: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:80px;height:80px;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;margin-top:30px;border-radius:10px;} .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 .nav-pills{ display:inline-flex;background:#FFF;border-radius:30px;padding:2px;border:1px solid #eee;} .update_dashboard .commn_tabs .nav-pills{ background-color:#fff;border-radius:30px;display:inline-flex;padding:5px;border:1px solid #eee;margin:0 !important;} .update_dashboard .upcoming_progress_navpills h2{ font-size:25px;font-weight:600;margin:0;} .update_dashboard .upcoming_progress_courses .upcoming_progress_navpills{ margin:0 !important;} .update_dashboard .upcoming_progress_courses{ border:1px solid #eee;border-radius:10px;padding:15px 15px;margin-top:30px;} .update_dashboard .learning_tools_title_ds h3{ font-size:25px;font-weight:600;} .update_dashboard .activity_dashbord_title h3{ font-size:25px;font-weight:600;} .update_dashboard .activity_dashboard_sec{ border-radius:10px;padding:10px;margin-top:30px;border:1px solid #eee;} .update_dashboard .submit_btn{ font-size:14px;padding:6px 16px;} .update_dashboard .activity_itm{ overflow-y:auto;height:400px;padding-right:5px;padding-bottom:10px;display:flex;gap:10px;} .update_dashboard .main_upcoming_progress .upcoming_progress_courses_name img{ width:40px !important;height:40px !important;} .update_dashboard .main_upcoming_progress .upcoming_progress_courses_inner h3{ font-size:16px;} .update_dashboard .activity_dashboard_sec .challenge_box:last-child{ margin-bottom:0;} .update_dashboard .activity_dashboard_sec .challenge_box{ padding:19px;flex:0 0 calc(50% - 10px);margin:0;align-items:start;position:relative;height:fit-content;min-height:350px;} .update_dashboard .activity_dashboard_sec .challenge_box .challenge_title{ text-align:center;} .update_dashboard .activity_dashboard_sec .challenge_box .challenge_box_inner{ flex-direction:column;align-items:center;} .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:430px !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;} .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;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-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: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;border:none;} @media screen and (max-width:1600px){ .update_dashboard .activity_itm{ flex-wrap:wrap;} .update_dashboard .activity_dashboard_sec .challenge_box{ flex:0 0 calc(100% - 10px);min-height:auto;} .update_dashboard .activity_dashboard_sec .challenge_btn120{ margin-top:35px;position:relative;bottom:0;} .update_dashboard .activity_dashboard_sec .challenge_box_inner{ width:100%;} } @media screen and (max-width:992px){ .update_dashboard .activity_dashboard_sec .challenge_box{ flex:0 0 calc(50% - 10px);} } @media screen and (max-width:480px){ .update_dashboard .activity_dashboard_sec .challenge_box{ flex:0 0 calc(100% - 0px);} } .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;stroke-dashoffset:calc(439.82 - (439.82 * 0.5));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:360px;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%;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;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;} .tool_main_box5 .yearly_price h4{ display:flex;align-items:center;gap:5px;} .tool_main_box5 .yearly_price h4 p{ margin:0;} .new_discount_code{ justify-content:center;} .new_discount_code .coupon_box{ display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;background:#eee;padding:10px;} .new_discount_code .coupon_box span{ font-weight:600;font-size:16px;text-transform:capitalize;} .align_subcription_plan{ display:flex;align-items:center;gap:15px;justify-content:space-between;} .main_subscription_box{ display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;flex-wrap:wrap;} .main_subscription_box select{ width:250px;border:1px solid #eee;} .main_subscription_box .nav-pills{ border:1px solid #eee;border-radius:100px;padding:5px;} .main_subscription_box .nav-pills .nav-link{ border-radius:100px;} .nav-pills .nav-link.active,.nav-pills .show>.nav-link{ background:#0163F0;} .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:10px;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{ background:#fff;padding:15px 25px;border-radius:10px;margin-top:15px;} .lets_talk_sec h2{ font-size:20px;font-weight:600;} .lets_talk_sec .contact_dt{ padding:0;margin:13px 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:0;font-size:15px;font-weight:500;} .lets_talk_sec .contact_dt li img{ width:30px;} .concept-map img{ width:400px !important;margin-bottom:30px;} .new_threeanalyts_cart{ background-image:url('../img/analyts_bg.png');background-repeat:no-repeat;padding:15px;border-radius:10px;background-position:center;background-size:cover;} .new_threeanalyts_cart .score_card .card{ background:transparent;} .new_threeanalyts_cart .score_card_inner{ display:flex;align-items:center;gap:10px;height:auto;margin-bottom:28px;flex-wrap:wrap;} .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:42px !important;font-size:14px;} .ct_btn .submit_btn{ height:42px !important;font-size:14px;} .update_activity .Acbg_box_09{ border:1px solid #e3e3e3;} .update_activity .userMentor .blue_field_box{ margin:30px 0;} .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;} .my_hallenges .flash_card_text p{ font-size:14px !important;line-height:22px;} .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:unset;top:unset;right:unset;} .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 !important;line-height:normal;margin-bottom:0 !important;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:500;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;background-size:20px;} .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:14px;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(234 243 255);position:relative;} .update_community .dropdown_wrapper.active .dropdown-menu-181 ul{ margin:0;padding:0;} .update_community .dropdown_wrapper.active .dropdown-menu-181 ul li{ display:flex;align-items:center;gap:10px;} .update_community .dropdown_wrapper.active .dropdown-menu-181{ 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%);display:none;} .update_community.commentmodal_item .modal-body .post_box_sec .post_box_inner .post_box{ border-radius:10px;border:unset;background:unset;} .commn_modal.update_community.commentmodal_item .modal-body{ padding:30px 0px 30px 30px;} .post_box h5{ font-size:15px;font-weight:500;margin-bottom:16px;line-height:24px;margin:0;} .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;margin-top:10px;} .update_community.update_section.my_profile_secnew .post_box_sec .post_box_inner .post_box .post_box_img{ padding-bottom:30%;} .update_community .community_title h2{ font-size:25px;font-weight:600;color:#fff;line-height:38px;margin:0;} .dropdown_menu_post{ position:relative;} .my_profile_secnew .dropdown_menu_post .post_dropdown{ border:1px solid #0666f1;} .my_profile_secnew .dropdown_menu_post .post_dropdown span{ color:#0666f1;} .my_profile_secnew .dropdown_menu_post .post_dropdown img{ filter:unset;} .dropdown_menu_post .post_dropdown{ border-radius:10px;border:1px solid #ffffff;padding:10px 15px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:30px;cursor:pointer;background:transparent;} .dropdown_menu_post .post_dropdown span{ color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:20px;} .dropdown_menu_post .post_dropdown img{ width:20px;filter:brightness(0) invert(1);} @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{ font-size:20px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:0px;display:flex;align-items:center;gap:15px;width:fit-content;padding:unset;border-radius:unset;border:unset;background:var(--blue_gradients,linear-gradient(180deg,#0163F0 0%,#004CBB 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;} .update_community .post_box_sec .post_box_inner .post_box .post_box_title .red_color{ color:#FF0100;font-size:16px;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:16px;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:14px;font-style:normal;font-weight:400;line-height:21px;width:100%;margin:0;} .update_community .post_box_sec .post_box_inner .post_box .post_box_title ul{ padding:0 19px;} .update_community .post_box_sec .post_box_inner .post_box .post_box_title ul li{ font-size:14px;line-height:20px;} .update_community .career_gudance_questions_add span{ color:#0163F0;font-size:16px;font-style:normal;font-weight:400;line-height:normal;} .update_community .content_box .career_gudance_questions_add{ top:20px;right:187px;} .update_community .career_gudance_questions_add{ width:120px;max-width:100%;height:fit-content;display:flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:10px;border:1px dashed #0163F0;background:rgb(255 255 255 / 85%);margin:0;margin-top:0;text-align:end;position:absolute;top:131px;right:217px;border-radius:300px;} .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-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:40px;border-radius:80px;object-fit:cover;height:40px;} .update_community .post_box_sec .post_box_inner .post_box .post_box_profile .post_box_content a{ display:flex;align-items:center;gap:10px;} .commn_modal.update_community.commentmodal_item .modal-body .post_box_sec .post_box_inner .post_box .post_box_profile .post_box_content img{ width:40px;height:40px;} .update_community .post_box_sec .post_box_inner .post_box .post_box_title h5{ font-size:16px;font-weight:600;line-height:24px;} .update_community .post_box_sec .post_box_inner .post_box .post_box_watch span{ font-size:14px;background:#f8fbff;padding:10px 15px;border-radius:40px;font-weight:500;border:1px solid #eee;} .update_community .post_box_sec .green_box01{ background:transparent;color:#000;padding:0;} .update_community .community_title{ background:var(--blue_gradients,linear-gradient(180deg,#0163F0 0%,#004CBB 100%));box-shadow:0 15px 15px 0 rgba(0,0,0,0.28);padding:20px;border-radius:10px;} .update_community .post_box_sec .post_box_inner .post_box{ border-radius:30px;border:1px solid #cbe0ff;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;bottom:0;right:10px;transform:translateY(-50%);border:none;background:#fff;border-radius:50px;padding:4px;width:35px;height:35px;align-items:center;justify-content:center;display:flex;} .update_community .post_box_sec .post_box_inner .post_box .comment_box form .submitCommentMentor{ position:absolute;top:50%;right:10px;transform:translateY(-50%);} .update_community .post_box_sec .post_box_inner .post_box .comment_box form .submitCommentMentor img{ width:25px;} .update_community .post_box_sec .post_box_inner .post_box .comment_box form .submitComment img{ width:20px;} .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;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-icon img{ width:20px;} .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 .questions_post01{ position:relative;margin-bottom:25px;background:#f7f7f7;padding:20px;border-radius:20px;border:1px solid #e5e5e5;} .update_community .post_box_sec .post_box_inner .post_box .post_box_title h2{ font-size:15px;margin-top:15px;font-weight:500;margin-bottom:6px;} .recommendation_item{ padding:15px;background:#fff;border-radius:10px;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%);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 span{ display:flex;align-items:center;gap:10px;} .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:12px;font-style:normal;font-weight:500;text-align:center;line-height:normal;display:block;border:1px solid #0163F0;width:fit-content;margin:auto;padding:7px 15px;border-radius:45px;margin-top:18px;} .my_hallenges .challenge_box{ height:100%;align-items:start;justify-content:center;text-align:center;position:relative;min-height:335px;} .my_hallenges .challenge_box_inner{ display:flex;align-items:center;gap:20px;flex-direction:column;width:100%;} .my_hallenges .challenge_box_inner .challenge_title{ width:100%;} .my_hallenges .common_banner_rar h2{ text-align:center;} .cover_banner{ height:250px;position:relative;} .cover_banner::after{ content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b0;} .cover_banner img{ width:100%;height:100%;object-fit:cover;object-position:center;} .my_profile_secnew .profile_main_box{ display:flex;gap:20px;} .my_profile_secnew .follow_box{ display:flex;align-items:start;gap:30px;margin-bottom:10px;} .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:0px;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 .role{ 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 h6{ margin:0;font-weight:400;color:#5e5e5e;font-size:16px;} .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;padding-right: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:60px;} .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:#ff7912;font-size:15px;font-style:normal;font-weight:600;margin:0;line-height:25px;text-align:start;margin:20px 0;} .my_profile_secnew .profile_main_box .profile_sec .learning_prt_title{ text-align:center;} .my_profile_secnew .profile_main_box .profile_sec .learning_prt_title span{ font-size:18px;font-weight:500;text-align:center;color:#000;} .my_profile_secnew .profile_main_box .profile_sec .box_main{ border-radius:10px;border:1px solid #E0E0E0;background:#FFF;padding:15px 15px 10px;height:300px;cursor:pointer;overflow-x:hidden;overflow-y: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;display:flex;align-items:center;gap:10px;margin:0;} .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;width:100%;display:flex;align-items:start;flex-direction:column;gap:9px;} .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:flex;align-items:start;justify-content:space-between;width:100%;flex-wrap:wrap;flex-direction:column;} .my_profile_secnew .profile_main_box .profile_sec .box_main .student_details .student_details_text span:last-child{ border-bottom:unset;} .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-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:12px;font-style:normal;font-weight:400;line-height:normal;height:50px;border:none;border:1px solid #eee;} .new_update_profile_edit .upload_profile.uploadprofile_photo{ width:25%;height:300px;border-radius:10px;border:1px solid #eee;} .new_update_profile_edit .upload_profile.profile_cover_photo{ width:calc(75% - 20px);height:300px;border-radius:10px;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:12px;} .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;border-radius:30px;} .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;} .white_box_experience .white_box_experience_title h3{ color:#0264f0;font-size:18px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:10px;} .new_update_profile_edit.edit_profile_sec .personal_title h3{ font-size:22px;font-weight:600;} .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_dis textarea{ height:112px;} .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:#015ee596;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;display:flex;justify-content:center;align-items:center;gap:7px;} .banner_about_us_title h3 span{ display:inline-block;color:#ff7003;position:relative;top:-10px;right:-4px;} .banner_about_us_title h3 span img{ width:30px;} .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;margin:0;} .about_sec .about_box_content .main_title h2{ color:#000;font-size:70px;font-weight:700;} .other_abt_bx{ position:relative;left:160px;background:#fff;padding:35px 25px;border-radius:0;z-index:1;} .other_abt_bx .blue_btn{ border-radius:0;padding:5px 10px;} .new_img img{ border-radius:0 !important;position:relative;right:160px;} .mission_vision_sec{ background-image:url('../img/mission_vision.png');background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;padding:30px;} .vision_item{ background-color:#fff;padding:15px;border-radius:15px;min-height:224px;} .story_sc{ background-image:url('../img/story_bg.png');background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;padding:30px;border-radius:10px;} .story_sc .main_title h2{ color:#fff;margin-bottom:30px;} .story_sc .main_title p{ color:#fff;text-align:start;margin:0;} .mission_vision_sec .main_title p{ font-size:16px;line-height:24px;margin:0;} .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;} .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;} .create_live .custom_checkbox span{ font-size:16px;font-weight:600;} .create_live .custom_checkbox .checkmark{ background-color:#eeeeee;} .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;} .customer_sec.sec_spacing.testimonial_sec{ overflow:unset !important;padding:60px 0 !important;} .no_upcoming_crse{ font-size:18px;font-weight:700;line-height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%);} .main_upcoming_progress{ height:402px;overflow-y:auto;overflow-x:hidden;position:relative;} .update_section.my_hallenges .time_shw span{ border:1px solid #eee;padding:15px;} .update_section.my_hallenges .activity_subtitle{ border:1px solid #eee;border-radius:10px;padding:15px;margin-bottom:15px;} .update_section.my_hallenges .instructions_box{ border:1px solid #eee;padding:15px;border-radius:10px;} .update_section.my_hallenges .instructions_box h3{ font-size:16px;font-weight:600;} .update_section.my_hallenges .instructions_box p{ font-size:14px;line-height:18px;margin:0;} .update_section.my_hallenges .activity_subtitle h3{ font-size:16px;font-weight:600;} .update_section.my_hallenges .activity_subtitle p{ font-size:14px;line-height:18px;margin:0;} .update_section.my_hallenges .picture_act{ position:relative;padding-bottom:20%;overflow:hidden;border-radius:10px;margin-bottom:15px;} .update_section.my_hallenges .picture_act img{ position:absolute;top:0;left:0;min-height:100%;min-width:100%;max-height:100%;max-width:100%;object-fit:cover;} .update_section.my_hallenges .new_reflections_ques label{ font-size:16px;font-weight:500;} .update_section.my_hallenges .new_reflections_ques textarea{ margin-bottom:15px;} .update_section.my_hallenges .image-block .caption{ font-size:16px;font-weight:500;margin-bottom:15px;} .update_section.my_hallenges .simd_table_sec h3{ font-size:20px;font-weight:600;} .field_commn_box .field_commn label{ color:#000;font-size:15px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:10px;} .field_commn_box .field_commn input{ height:60px;border-radius:10px;} .update_dashboard .skills_chart_sec{ border:1px solid #eee;padding:15px;border-radius:10px;} .update_dashboard .skils_chart_hd .chart-header h3{ font-size:20px;font-weight:600;} .update_dashboard .skills.main_skills{ width:100%;margin:0;padding:0;background:unset;box-shadow:0 3px 5px 2.5px rgba(0,0,0,0.5);-moz-box-shadow:0 3px 5px 2.5px rgba(0,0,0,0.5);-webkit-box-shadow:unset;} .update_dashboard .skills.main_skills h2{ text-align:center;width:100%;margin:0 0 20px 0;} .update_dashboard .skills.main_skills .chart{ position:relative;display:block;padding:10px;margin:0;text-align:center;overflow:hidden;position:relative;border:0;background:rgb(255 255 255);border-radius:30px;margin-bottom:5px;} .update_dashboard .skills.main_skills .chart:after{ content:"";position:absolute;left:0;right:0;border:1px solid #eee;top:0;bottom:0;box-shadow:inset 0 3px 5px 2.5px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 3px 5px 2.5px rgba(0,0,0,0.5);-webkit-box-shadow:unset;border-radius:40px;} .update_dashboard .skills.main_skills .chart span{ position:absolute;left:0;top:0;background:url(http://www.kriesi.at/themes/flashlight/wp-content/themes/flashlight/images/patterns/light-diagonal-wide-left-to-right.png) repeat rgb(255 116 10);z-index:0;height:100%;width:0px;-webkit-transition:all ease-in-out 1s;-moz-transition:all ease-in-out 1s;-ms-transition:all ease-in-out 1s;-o-transition:all ease-in-out 1s;transition:all ease-in-out 1s;} .update_dashboard .skills.main_skills .chart p{ position:relative;z-index:1;margin:0;color:#333;font-size:0.9em;line-height:1.2em;} .update_dashboard .bar_header .chart-title h3{ font-size:20px;font-weight:600;margin:0;} .update_dashboard .bar_header{ display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:20px;} .update_dashboard .bar_header .select_box_ss{ width:fit-content;display:unset;flex:unset;} .update_dashboard .bar_box{ padding:15px;border:1px solid #eee;border-radius:10px;} .update_dashboard .bar_box canvas{ height:430px !important;} .update_leaderboard .ranking_sec .ranking_inner .ranking_img::after{ content:'';position:absolute;left:50%;top:50%;background-image:url('../img/shape_img.png');background-repeat:no-repeat;background-size:cover;width:154px;height:138px;transform:translate(-50%,-50%);z-index:-1;} .update_leaderboard .ranking_sec .ranking_inner .third .ranking_img::after{ content:'';position:absolute;left:50%;top:50%;background-image:url('../img/shape_img.png');background-repeat:no-repeat;background-size:cover;width:105px;height:95px;z-index:-1;transform:translate(-50%,-50%);} .update_leaderboard .ranking_sec .ranking_inner .ranking_box.rank_other .ranking_img::after{ content:'';position:absolute;left:50%;top:50%;background-image:url('../img/shape_img.png');background-repeat:no-repeat;background-size:cover;width:105px;height:95px;z-index:-1;transform:translate(-50%,-50%);} .update_create_course .accept_conditions .custom_checkbox .checkmark{ border:1px solid #e1e1e1;top:-3px;} .customer_sec .owl-theme .owl-nav{ display:none;} .custom-date{ appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;} .custom-date::-webkit-calendar-picker-indicator{ opacity:1;display:block;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%);} .custom-date::-webkit-inner-spin-button,.custom-date::-webkit-clear-button{ display:none;} .need_change_skilss_sec .btn_commn{ font-size:16px;width:235px;} .common_date{ position:relative;} .common_date label{ color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:10px;} .common_date .whitefiled_icon{ position:absolute;top:63%;right:15px;transform:translateY(-50%);} .common_date .ui.container{ width:100% !important;padding:0 !important;margin:0 !important;} .common_date .ui.icon.input input{ width:100% !important;border-radius:10px;border:1px solid #0163F0;background:#EDF4FF;width:100%;height:60px;padding:20px;width:100% !important;display:block !important;} .common_date .ui.input.left.icon{ width:100%;} .common_date .ui[class*="left icon"].input>input{ padding:20px !important;} .rolles_all2.update_section .mentor_btn{ text-align:center;margin:5px 0 15px;position:unset;top:unset;transform:unset;top:unset;} .rolles_all2.update_section .content_mentor{ margin-bottom:15px;} .rolles_all2.update_section .view_profile{ border-radius:5px;} .rar_update_design.action_reflection .content_box{ padding-top:0 !important;} .rar_update_design.action_reflection .ai_learning_banner{ margin-top:0 !important;} .rar_update_design.action_reflection .content_box{ margin-top:0;} .main_price{ height:100vh;padding:50px;width:100%;background-size:cover;margin-top:30px;display:flex;align-items:center;justify-content:center;} .dedicated_img{ height:100%;} .dedicated_img img{ width:100%;border-radius:15px;height:100%;} .dedicate_banner_text p{ font-size:20px;font-weight:600;text-align:center;line-height:27px;} .CommunityForum_dedicate{ background-color:#fff;border:1px solid #eee;border-radius:20px;overflow:hidden;height:100%;} .CommunityForum_dedicate .CommunityForum_dedicate_img{ padding-bottom:50%;overflow:hidden;position:relative;} .arrow_box{ position:relative;} .arrow_ddd{ position:absolute;bottom:10px;right:10px;width:50px !important;height:50px !important;} .main_crt_sc a{ color:#000;} .main_crt_sc a:hover{ color:#000;} .CommunityForum_dedicate .CommunityForum_dedicate_img img{ position:absolute;top:0;left:0;min-height:100%;min-width:100%;object-fit:cover;max-width:100%;max-height:100%;} .CommunityForum_dedicate .CommunityForum_dedicate_text{ padding:20px;} .CommunityForum_dedicate .CommunityForum_dedicate_text h3{ font-size:20px;font-weight:600;line-height:28px;} .CommunityForum_dedicate .CommunityForum_dedicate_text p{ font-size:15px;line-height:24px;margin:0;} .CommunityForum_banner{ position:relative;} .CommunityForum_banner .CommunityForum_banner_img{ padding-bottom:21%;overflow:hidden;position:relative;border-radius:20px;} .CommunityForum_banner .CommunityForum_banner_img::after{ content:'';position:absolute;top:0;left:0;background-color:#000000b5;height:100%;width:100%;} .CommunityForum_banner .CommunityForum_banner_img img{ position:absolute;top:0;left:0;min-height:100%;min-width:100%;object-fit:cover;object-position:top;max-width:100%;max-height:100%;} .CommunityForum_banner .CommunityForum_banner_text{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;text-align:center;width:80%;padding:15px;} .CommunityForum_banner .CommunityForum_banner_text h3{ color:#fff;font-weight:600;font-size:30px;} .CommunityForum_banner .CommunityForum_banner_text p{ color:#fff;font-size:16px;line-height:24px;margin:0;} .lightYellow{ background:#fffbf1;} .lightPink{ background:#fff2f2;} .beneficial_sc .beneficial_box{ border-radius:20px;border:1px solid #eee;padding:15px;height:100%;text-align:center;background:#ffffff;} .commonnSce .container{ min-height:100vh;align-items:center;justify-content:center;display:flex;flex-direction:column;} .beneficial_sc .beneficial_box img{ width:50px;height:50px;margin-bottom:20px;} .beneficial_sc .beneficial_box h3{ font-size:20px;font-weight:600;line-height:28px;display:flex;align-items:center;gap:10px;margin-bottom:5px;justify-content:center;} .beneficial_sc .beneficial_box p{ font-size:14px;line-height:22px;margin:0;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .nav-pills{ border-radius:90px;border:1px solid #EBEBEB;overflow:hidden;margin:0 auto 0px;width:fit-content;margin-bottom:0 !important;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .plans_tabs1{ background:#FFF8F3;padding:15px 50px;border-radius:15px;width:fit-content;margin:15px auto 0;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .nav-pills .nav-link.active,.nav-pills .show>.nav-link{ border-radius:50px;background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));color:#fff;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .nav-pills .nav-link{ color:#000;font-size:17px;font-style:normal;font-weight:400;line-height:normal;padding:15px 25px;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .plans_tabs1{ margin-bottom:25px;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .plans_tabs1 p{ text-align:center;font-size:17px;font-style:normal;font-weight:500;line-height:normal;margin:0;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .plans_tabs1 p span{ background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem h3{ color:#000;font-size:20px;font-style:normal;font-weight:600;line-height:normal;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem_up{ position:relative;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem_up::after{ content:'';position:absolute;top:11px;left:0;width:100%;height:95%;background:#fff;border-radius:15px;border:1px solid #eee;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem_up{ display:flex;align-items:start;gap:25px;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem .foundation_plan{ margin-bottom:38px;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem{ padding:20px;flex:0 0 calc(33.33% - 25px);position:relative;z-index:1;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem h2{ color:#000;font-size:26px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-1px;margin:5px 0 15px;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem .select_plan2{ border-radius:10px;background:#ff7811;color:#fff;font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-1px;padding:15px;display:block;text-align:center;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.proplan_itm .select_plan2{ background:#fff;color:#000;} .select_plan{ cursor:pointer;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.proplan_itm{ background:var(--blue_gradients,linear-gradient(180deg,#0163F0 0%,#004CBB 100%));box-shadow:0 15px 15px 0 rgba(0,0,0,0.28);position:relative;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.proplan_itm::after{ content:'';background-image:url('../img/top_left_plan_shape.svg');background-size:cover;position:absolute;top:0px;left:-14px;width:14px;height:12px;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.proplan_itm::before{ content:'';background-image:url('../img/bottom_left_plan_shape.svg');background-size:cover;position:absolute;bottom:0px;left:-14px;width:14px;height:12px;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.proplan_itm .pln_shp::before{ content:'';background-image:url('../img/top_picks.svg');position:absolute;top:-12px;right:-23px;background-size:cover;width:117px;height:121px;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.proplan_itm .pln_shp::after{ content:'';background-image:url('../img/bottom_right_plan_shape.svg');background-size:cover;position:absolute;bottom:0;right:-14px;width:14px;height:12px;} .plan_list{ padding:0;margin:20px 0 0;} .plan_list li{ list-style:none;padding:7px 6px 7px 0;color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;gap:10px;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.proplan_itm h3{ color:#fff;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem .mrp_price{ color:#FFF;font-feature-settings:'dlig' on;font-size:15px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:line-through;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.proplan_itm h2{ color:#fff;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.proplan_itm .plan_list li{ color:#fff;} .main_price .pricing_plan_sec .pricing_plan_inner .pricing_plan_box .planitem.expert_plan .mrp_price{ color:#000;} @media (max-width:992px){ .main_price{ height:fit-content;} } .skills_all{ display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;} .skills_all span{ border:1px solid #eee;padding:5px;border-radius:5px;display:inline-flex;justify-content:center;align-items:center;gap:10px;} .certifcate_img_smpl img{ width:100%;} .hero_dedicated_sec .banner_dedicated_img img{ width:100%;} .hero_dedicated_sec{ background-image:url('../img/banner_img_bg.png');background-position:center;background-repeat:no-repeat;height:fit-content;width:100%;padding:30px 0 0;background-size:cover;} .asse_icon li{ list-style:none;color:#000;text-align:center;font-size:16px;font-style:normal;font-weight:600;margin-top:30px;line-height:normal;} .certificate_img12 img{ width:100%;border-radius:20px;} .certificate_img_second{ display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;height:100%;} .certificate_img_second img{ width:100%;border-radius:20px;height:100%;} .simd_dedicate_sec{ position:relative;background-image:url('../img/img_simd111.png');height:fit-content;width:100%;border-radius:20px;background-repeat:no-repeat;background-size:cover;padding:50px;} .simd_dedicate_sec::after{ border-radius:20px;background:linear-gradient(270deg,rgba(0,0,0,0.85) 0%,rgba(1,99,240,0.85) 100%);content:'';position:absolute;top:0;left:0;width:100%;height:100%;} .simd_dedicate_sec .simd_dedicate_item{ position:relative;z-index:1;} .simd_dedicate_sec .simd_dedicate_item .main_title h2{ color:#fff;} .simd_dedicate_sec .simd_dedicate_item .main_title h3{ color:#fff;font-size:22px;margin:20px 0 10px !important;} .simd_dedicate_sec .simd_dedicate_item .main_title h4{ color:#fff;font-size:22px;margin:20px 0 10px !important;} .simd_dedicate_sec .simd_dedicate_item .main_title p{ color:#fff;margin:0;} .simd_dedicate_sec.rar_ddd{ position:relative;background-image:url('../img/Rar_img_bggdd.png');border-radius:0;background-repeat:no-repeat;background-size:cover;padding:50px;} .simd_dedicate_sec.rar_ddd::after{ border-radius:0;background:linear-gradient(90deg,rgba(0,0,0,0.85) 0%,rgba(1,99,240,0.85) 100%);content:'';position:absolute;top:0;left:0;width:100%;height:100%;} .offer_ttxt{ padding-top:10px;margin-bottom:30px;} .offer_ttxt p{ font-size:20px;font-weight:600;text-align:center;} .offer_ttxt p span{ color:#F27405;} .img_org1{ height:100%;} .img_org1 img{ width:100%;border-radius:20px;height:100%;object-fit:cover;} .org_cmmunity .CommunityForum_banner .CommunityForum_banner_img::after{ background:unset;position:unset;} .org_cmmunity .CommunityForum_banner .CommunityForum_banner_img{ padding-bottom:unset;height:100%;width:100%;} .org_cmmunity .CommunityForum_banner{ height:100%;} .org_cmmunity .CommunityForum_banner .CommunityForum_banner_img img{ position:unset;top:0;left:0;min-height:unset;min-width:unset;object-fit:unset;object-position:unset;max-width:unset;max-height:unset;height:100%;width:100%;object-fit:cover;} .certificate_img_second.mentor_cr{ flex-direction:unset;} .certificate_img_second.mentor_cr img{ width:calc(33.33% - 20px);border-radius:20px;} .align_cnt{ align-items:center;} .teamText.description-box{ position:relative;max-width:600px;text-align:center;} .teamText.description-box .desc-text{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .teamText.description-box .read-more-btn{ background:none;border:none;color:#007bff;cursor:pointer;padding:0;margin:5px auto 0;} .data_not_found{ height:calc(100vh - 500px);display:flex;align-items:center;justify-content:center;width:100%;} .work_title{ display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;} .work_title h2{ font-size:20px;font-weight:600;color:#007BFF;margin:0;} .work_title img{ width:30px;} .work_title .icon_dlt{ display:flex;align-items:center;gap:10px;} .add_qualification_sec{ margin:20px 0;} .add_qualification_sec .add_qualification_inner .qualification_title{ display:flex;align-items:center;justify-content:space-between;gap:15px;} .add_qualification_sec .add_qualification_inner .qualification_title{ margin-bottom:15px;} .add_qualification_sec .add_qualification_inner .qualification_title h2{ margin:0;color:#0070f3;font-size:18px;font-style:normal;font-weight:500;line-height:normal;} .add_qualification_sec .add_qualification_inner .add_field_item{ display:flex;align-items:center;gap:5px;} .add_qualification_sec .add_qualification_inner .add_field_item a img{ width:35px;} .normal_btn_blue{ border-radius:40px;background:var(--blue_gradients,linear-gradient(180deg,#0163F0 0%,#004CBB 100%));color:#FFF;font-size:14px;font-style:normal;font-weight:300;line-height:normal;border:unset;padding:10px 15px;} .add_qualification_sec .add_qualification_inner .box_working_field{ border-radius:10px;border:1px solid #D3D3D3;background:#F0F0F0;padding:15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;margin-bottom:30px;margin-top:70px;} .add_qualification_sec .add_qualification_inner .box_working_field.first_box{ margin-top:0;} .add_qualification_sec .add_qualification_inner .box_working_field .add_field_item{ position:absolute;top:-52px;right:72px;} .add_qualification_sec .add_qualification_inner .box_working_field.first_box .add_field_item{ right:72px;} .add_qualification_sec .add_qualification_inner .box_working_field.experience .box_working_field_item:nth-child(7){ flex:1 0 calc(50% - 10px);} .add_qualification_sec .add_qualification_inner .box_working_field.experience .box_working_field_item:nth-child(8){ flex:1 0 calc(50% - 10px);} .add_qualification_sec .add_qualification_inner .box_working_field .box_working_field_item{ border-radius:10px;background:#FFF;padding:10px;display:flex;align-items:start;gap:7px;flex:1 0 calc(33.33% - 7px);min-height:90px;} .add_qualification_sec .add_qualification_inner .box_working_field .box_working_field_item img{ width:31px;} .add_qualification_sec .add_qualification_inner .box_working_field .box_working_field_item .box_working_txt h6{ color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:normal;} .add_qualification_sec .add_qualification_inner .box_working_field .box_working_field_item .box_working_txt span{ color:#727272;font-size:16px;font-style:normal;font-weight:400;line-height:normal;} .add_qualification_sec .add_qualification_inner .box_working_field .box_working_field_item .box_working_txt span a{ word-break:break-all;} .chat_sec .chat_inner{ display:flex;} .chat_sec .chat_inner .chat_left_item{ background:#FFFCF9;box-shadow:1px 0 0 0 rgba(0,0,0,0.08);flex:0 0 20%;height:calc(100vh - 74px);overflow-y:auto;overflow-x:hidden;} .chat_sec .chat_inner .chat_left_item .msg_title{ border-bottom:1px solid #eee;padding:20px 20px 30px;} .chat_sec .chat_inner .chat_left_item .msg_title h2{ color:#000;font-size:20px;font-style:normal;font-weight:600;line-height:150%;margin:0;} .chat_sec .chat_inner .chat_left_item .chat_field_box{ padding:20px;} .chat_sec .chat_inner .chat_left_item .chat_field_box input{ border-radius:12px;background:#F3F3F3;padding:15px;width:100%;border:none;background-image:url('../img/search_icon0.svg');background-repeat:no-repeat;background-size:20px;background-position:12px center;padding-left:40px;} .chat_sec .chat_inner .chat_left_item .chat_field_box input:focus{ outline:unset;box-shadow:unset;} .chat_sec .chat_inner .chat_left_item .chat_user_list{ display:flex;align-items:start;gap:0;flex-direction:column;width:100%;} .chat_sec .chat_inner .chat_left_item .chat_user_list a{ border-bottom:1px solid #eee;width:100%;} .chat_sec .chat_inner .chat_left_item .chat_user_list .chat_user{ display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;padding:20px 20px;} .chat_sec .chat_inner .middle_chat_box{ flex:1 0 57%;} .chat_sec .chat_inner .chat_left_item .chat_user_list a:last-child{ border-bottom:unset;} .chat_sec .chat_inner .chat_left_item .chat_user_list .chat_user .chat_user_nmx{ display:flex;align-items:center;gap:10px;} .chat_sec .chat_inner .chat_left_item .chat_user_list .chat_user .chat_user_nmx img{ width:48px;height:48px;border-radius:10px;} .chat_sec .chat_inner .chat_left_item .chat_user_list .chat_user .chat_user_nmx .chat_user_title h6{ color:#000;font-size:14px;font-style:normal;font-weight:600;line-height:150%;margin:0;} .chat_sec .chat_inner .chat_left_item .chat_user_list .chat_user span{ color:rgba(0,0,0,0.40);font-size:15px;font-style:normal;font-weight:500;line-height:150%;} .chat_sec .chat_inner .chat_left_item .chat_user_list .chat_user .chat_user_nmx .chat_user_title span{ color:rgba(0,0,0,0.40);font-size:15px;font-style:normal;font-weight:500;line-height:150%;} .chat_sec .chat_inner .middle_chat_box .middle_chat_header .middle_chat_header_item{ display:flex;align-items:center;gap:10px;} .chat_sec .chat_inner .middle_chat_box .middle_chat_header{ display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #eee;padding:15px;} .chat_sec .chat_inner .middle_chat_header .middle_chat_header_item img{ width:48px !important;height:48px !important;border-radius:10px;object-fit:cover;} .chat_sec .chat_inner .middle_chat_box .middle_chat_header .middle_chat_header_item .chat_user_title h6{ color:#000;font-size:18px;font-style:normal;font-weight:600;line-height:150%;margin:0;} .chat_sec .chat_inner .middle_chat_box .middle_chat_header .middle_chat_header_item .chat_user_title span{ color:rgba(0,0,0,0.40);font-size:15px;font-style:normal;font-weight:500;line-height:150%;} .chat_sec .chat_inner .middle_chat_box .middle_chat_header img{ width:30px;} .chat_sec .chat_inner .middle_chat_box .online_status{ display:flex;align-items:center;font-size:14px;color:#28a745;font-weight:500;} .chat_sec .chat_inner .middle_chat_box .online_status .dot{ width:10px;height:10px;border-radius:50%;background:#28a745;margin-right:6px;position:relative;} .chat_sec .chat_inner .middle_chat_box .online_status .dot::after{ content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:rgba(40,167,69,0.5);transform:translate(-50%,-50%);animation:pulse 1.5s infinite;} @keyframes pulse{ 0%{ transform:translate(-50%,-50%) scale(1);opacity:0.7;} 100%{ transform:translate(-50%,-50%) scale(2);opacity:0;} } .chat_sec .chat_inner .middle_chat_box .middle_chat_header .middle_chat_header_icon{ display:inline-flex;align-items:center;gap:5px;} .chat_sec .chat_inner .middle_chat_box .middle_chat_header .middle_chat_header_icon button{ background:transparent;border:none;padding:0;} .chat_sec .chat_inner .middle_chat_box .chat_msg_box{ padding:20px 20px 40px;height:calc(100vh - 225px);overflow-y:auto;overflow-x:hidden;} .chat_sec .chat_inner .middle_chat_box .chat_msg_box .msg_item img{ width:30px;height:30px;border-radius:50px;object-fit:cover;} .chat_sec .chat_inner .middle_chat_box .chat_msg_box .msg_item{ display:flex;align-items:start;gap:10px;margin-bottom:15px;} .chat_sec .chat_inner .middle_chat_box .chat_msg_box .msg_item .frnd_msg{ display:flex;padding:10px;border-radius:12px;background:#F1F1F1;width:fit-content;padding:8px 16px;gap:10px;font-size:14px;font-weight:400;line-height:150%;justify-content:end;} .chat_sec .chat_inner .middle_chat_box .chat_msg_box .msg_item.me_send_msg{ justify-content:end;} .chat_sec .chat_inner .middle_chat_box .chat_msg_box .msg_item.me_send_msg .chat_msg_label{ align-items:end;} .chat_sec .chat_inner .middle_chat_box .chat_msg_box .msg_item .chat_msg_label{ display:flex;flex-direction:column;gap:10px;} .chat_sec .chat_inner .middle_chat_box .chat_msg_box .msg_item.me_send_msg .frnd_msg{ background:#FF7003;color:#fff;} .chat_sec .chat_inner .middle_chat_box .chat_footer_box{ display:flex;align-items:center;gap:10px;padding:0px 20px 0;} .chat_sec .chat_inner .middle_chat_box .chat_footer_box .send_msg_bx{ position:relative;width:100%;} .chat_sec .chat_inner .middle_chat_box .chat_footer_box .send_msg_bx img{ position:absolute;top:50%;transform:translateY(-50%);right:17px;} .chat_sec .chat_inner .middle_chat_box .chat_footer_box input{ border-radius:12px;border:2px solid var(--gray-gray-300,#E2E8F0);background:var(--White,#FFF);padding:15px 44px 15px 15px;border-radius:50px;width:100%;} .chat_sec .chat_inner .chat_right{ background:#FFFCF9;flex:0;height:calc(100vh - 74px);overflow-y:auto;overflow-x:hidden;} .chat_sec .chat_inner .chat_right .chat_profile{ padding:40px 25px;text-align:center;} .chat_sec .chat_inner .chat_right .chat_profile .chat_profile_img img{ width:150px;border-radius:100px;height:150px;margin-bottom:15px;object-fit:cover;} .chat_sec .chat_inner .chat_right .chat_profile h3{ font-size:18px;font-style:normal;font-weight:600;line-height:125%;margin:0;} .chat_sec .chat_inner .chat_right .chat_profile span{ color:#969696;font-size:18px;font-style:normal;font-weight:400;line-height:125%;display:block;margin-bottom:15px;} .chat_sec .chat_inner .chat_right .chat_profile .info_icon_chat{ display:flex;align-items:center;justify-content:center;gap:5px;} .chat_sec .chat_inner .chat_media_sec{ padding:0 20px;} .chat_sec .chat_inner .chat_right .chat_profile .info_icon_chat img{ width:42px;} .chat_sec .chat_inner .chat_media_sec .chat_contact_details .chat_contact_item{ display:flex;align-items:start;gap:10px;} .chat_sec .chat_inner .chat_media_sec .accordion-body{ padding:20px 11px;} .chat_sec .chat_inner .chat_media_sec .chat_contact_details .chat_contact_txt h6{ color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:125%;margin:0;} .chat_sec .chat_inner .chat_media_sec .chat_contact_details{ display:flex;align-items:start;flex-direction:column;gap:10px;} .chat_sec .chat_inner .chat_media_sec .chat_contact_details .chat_contact_txt span{ color:#707070;font-size:14px;font-style:normal;font-weight:400;line-height:24px;} .chat_sec .chat_inner .chat_media_sec .accordion-button::after{ background-image:url("../img/toggle_arrow_media.svg");} .chat_sec .chat_inner .chat_media_sec .accordion-button:not(.collapsed)::after{ filter:unset;} .chat_sec .chat_inner .chat_media_sec .accordion-flush>.accordion-item:first-child{ border-top:0;border-bottom:1px solid #eee;background:unset;padding:0;} .chat_sec .chat_inner .chat_media_sec .accordion-button:not(.collapsed){ background:unset;color:#000;} .chat_sec .chat_inner .chat_media_sec .accordion-header{ margin-bottom:0;} .chat_sec .chat_inner .chat_media_sec .accordion-button{ border-radius:0;background-color:unset;border:unset;} .chat_sec .chat_inner .chat_media_sec .accordion-item{ border-radius:0;background-color:unset;border-bottom:1px solid #eee;border-top:unset;border-left:unset;border-right:unset;} .share_img{ display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px;} .share_img img{ flex:0 0 calc(33.33% - 10px);width:100%;height:110px;object-fit:cover;border-radius:20px;overflow:hidden;} .view_all_media{ border-radius:100px;background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));width:100%;padding:10px;color:#FFF;font-size:16px;font-style:normal;font-weight:500;line-height:125%;display:flex;justify-content:center;align-items:center;width:100%;} .chat_sec.active .chat_inner .chat_right{ flex:0 0 23%;} .crose_info_chat_second img{ width:33px;display:none;position:absolute;top:10px;right:10px;background:#b8d5ff;padding:7px;border-radius:30px;} .crose_info_chat img{ width:33px;display:none;position:absolute;top:10px;left:10px;background:#b8d5ff;padding:7px;border-radius:30px;} .open_userLIst{ display:none;} @media screen and (max-width:1400px){ .simd_dedicate_sec .simd_dedicate_item .main_title h3{ margin:10px 0 10px !important;} .simd_dedicate_sec .simd_dedicate_item .main_title h4{ margin:10px 0 10px !important;} .simd_dedicate_sec .main_title h2{ margin-bottom:8px;} } @media screen and (max-width:1300px){ .chat_sec .chat_inner .chat_left_item{ flex:0 0 27%;} .chat_sec .chat_inner .middle_chat_box{ flex:1 0 50%;} .crose_info_chat img{ display:block;} .chat_sec .chat_inner .chat_right{ position:fixed;right:0;width:350px;} .chat_sec.active .chat_inner .chat_right{ right:-510px;} } @media screen and (max-width:992px){ .crose_info_chat_second img{ display:block;} .open_userLIst{ display:block;} .chat_sec.open_user_list .chat_inner .chat_left_item{ left:0px;} .chat_sec .chat_inner .chat_left_item{ flex:1 0 27%;position:fixed;left:-1050px;z-index:1;width:100%;} } @media screen and (max-width:575px){ .chat_sec .chat_inner .chat_right{ right:0;width:100%;} .chat_sec.active .chat_inner .chat_right{ right:-650px;} } .communication_skills{ border:1px dashed #88b8ff;padding:10px;border-radius:10px;margin-bottom:30px;cursor:pointer;height:146px;overflow:hidden;} .communication_skills.active{ height:fit-content;} .communication_skills p{ font-size:14px;color:#5b5b5b;} .communication_skills .communication_skills_inner{ display:flex;align-items:start;gap:10px;margin-bottom:25px;} .communication_skills 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;display:flex;align-items:center;gap:10px;margin:0;margin-bottom:20px;} .communication_skills .communication_img img{ width:45px;} .communication_skills .communication_title h4{ font-size:16px;font-weight:600;line-height:24px;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;} .communication_skills .communication_title span{ font-size:14px;line-height:18px;color:#9A9A9A;display:block;margin-bottom:5px;} .communication_skills .communication_title span:last-child{ margin-bottom:0;} .activity_item_align{ display:flex;align-items:start;gap:10px;justify-content:space-between;flex-wrap:wrap;flex-direction:column;} .req_btn{ display:flex;align-items:center;gap:10px;margin-bottom:30px;} .follow_btn{ border-radius:40px;background:linear-gradient(90deg,#FF7003 0%,#FFA057 100%);color:#FFF;font-size:16px;font-style:normal;font-weight:400;line-height:normal;display:inline-flex;align-items:center;justify-content:center;border:none;padding:10px 15px;width:112px;} .message_btn{ border-radius:40px;background:linear-gradient(90deg,#4E96FF 0%,#0163F0 100%);color:#FFF;font-size:16px;font-style:normal;font-weight:400;line-height:normal;display:inline-flex;align-items:center;justify-content:center;border:none;padding:10px 20px;width:112px;} .certificate_modal_sc .btn-close{ position:absolute;right:10px;top:10px;} .btn-close{ position:absolute;top:10px;right:10px;z-index:2;} .middle_qr_code img{ width:150px;} .main_content_course{ text-align:center;padding:40px;} .main_content_course .main_content_course_crt{ margin-bottom:10px;background:#fff0e5;padding:10px;border-radius:20px;} .main_content_course p{ font-size:18px;line-height:24px;font-weight:600;margin-bottom:15px;} .main_content_course .main_content_course_crt img{ width:90px;} .main_content_course .btn_orange{ margin-right:0;} .course_creation_hero{ background-image:url('../img/cr_bg.png');background-repeat:no-repeat;background-position:center;background-size:cover;width:auto;height:100%;margin:15px;border-radius:30px;padding:45px 45px;} .course_creation_hero.otherroll_banner{ padding:45px;} .course_creation_hero.otherroll_banner .course_creation_content{ padding-bottom:0;} .course_creation_content h3{ color:#FFF;font-size:50px;font-style:normal;font-weight:800;line-height:normal;} .course_creation_content p{ color:#FFF;font-size:18px;font-style:normal;font-weight:400;line-height:29px;} .course_creation_content .list_banner{ display:flex;align-items:center;gap:20px;flex-wrap:wrap;} .list_banner{ padding:0;} .list_banner li{ background-image:url('../img/double_tr.svg');background-repeat:no-repeat;background-position:left;padding-left:25px;background-size:20px;color:#FFF;font-size:16px;font-style:normal;font-weight:700;line-height:normal;list-style:none;line-height:30px;text-transform:capitalize;} .hero_creations_img img{ width:100%;} .content_box_why .list_banner li{ color:#000;} .bwhy_choose_img img{ width:100%;border-radius:30px;} .howitswork_mn_bx{ border-radius:30px;background:#FFF3DB;padding:50px;} .howitswork_mn_bx .howitswork_mn_item{ position:relative;display:flex;align-items:center;justify-content:center;gap:60px;flex-wrap:wrap;} .howitswork_mn_bx .howitswork_mn_item .howitswork_mn_tx img{ width:94px;height:94px;} .howitswork_mn_bx .howitswork_mn_item .howitswork_mn_tx{ display:flex;align-items:center;flex-direction:column;gap:10px;flex:0 0 calc(25% - 60px);margin-top:25px;position:relative;z-index:1;} .howitswork_mn_bx .howitswork_mn_item .howitswork_mn_tx span{ color:#000;text-align:center;font-size:18px;font-style:normal;word-wrap:break-word;font-weight:700;line-height:normal;display:block;text-transform:capitalize;} .howitswork_mn_bx .howitswork_mn_item::after{ content:'';background-image:url('../img/border-arrow_icon.svg');background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:97px;} .rcognitions_box01{ background:#E3FFF2;} .rcognitions_box01 span{ color:#00BE66;} .rcognitions_box02{ background:#FFEDF2;} .rcognitions_box02 span{ color:#EA0041;} .rcognitions_box03{ background:#DDF8FF;} .rcognitions_box03 span{ color:#00ADDA;} .rcognitions_box04{ background:#FFF8EA;} .rcognitions_box04 span{ color:#D58F00;} .rcognitions_box{ display:flex;align-items:center;gap:10px;padding:20px;border-radius:20px;} .rcognitions_box span{ font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize;} .rcognitions_box img{ width:40px;} .what_we_offer_mn{ padding:90px 0 00px;} .what_we_offer_mn .main_title h2{ margin-bottom:65px;} .what_we_offer_sc{ background-image:url('../img/what_we_offer_img.png');background-repeat:no-repeat;width:100%;height:auto;background-size:cover;padding:30px;border-radius:20px;} .what_weoffer_itm{ display:flex;gap:10px;flex-wrap:wrap;} .what_weoffer_bx{ display:flex;align-items:center;flex-direction:column;gap:10px;border-radius:20px;border:1px solid #8C8585;background:rgba(0,0,0,0.30);padding:25px 15px;height:100%;flex:1 0 calc(33.33% - 10px);} .what_we_offer_sc .main_title h2{ color:#fff;} .what_we_offer_sc .main_title p{ color:#fff;margin:0;} .what_weoffer_bx span{ color:#FFF;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize;} .crse_customization_inner{ display:flex;align-items:center;gap:20px;} .crse_customization_inner .crse_customization_bx{ border-radius:20px;border:1px solid #E6E6E6;background:rgba(255,255,255,0.50);padding:20px;} .crse_customization_inner .crse_customization_bx h3{ color:#000;font-size:20px;font-style:normal;font-weight:700;line-height:normal;display:flex;align-items:center;gap:10px;} .crse_customization_inner .crse_customization_bx p{ color:#000;font-size:100%;font-style:normal;font-weight:400;line-height:normal;margin:0;} .public_pr_sc{ background-image:url('../img/private_img01.png');background-repeat:no-repeat;background-size:cover;border-radius:30px;padding:30px;} .public_pr_sc .main_title h2{ color:#fff;} .public_pr_sc .main_title p{ color:#fff;} .public_pr_sc .switch{ position:relative;display:block;width:70px;height:34px;margin-bottom:30px;margin:0 auto 20px;text-align:center;} .public_pr_sc .switch input{ opacity:0;width:0;height:0;} .public_pr_sc .slider{ position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#00000063;transition:.4s;border-radius:34px;} .public_pr_sc .slider:before{ position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%;} .public_pr_sc input:checked+.slider{ background-color:#ff7b00;} .public_pr_sc input:checked+.slider:before{ transform:translateX(36px);} .public_pr_sc .content-box{ border-radius:20px;border:1px solid #2173FF;background:#003A8D;padding:20px;border-radius:12px;max-width:600px;margin:auto;transition:all 0.6s ease;} .public_pr_sc .content-box h3{ margin-bottom:10px;color:#FFF;text-align:center;font-size:25px;font-style:normal;font-weight:700;line-height:normal;} .public_pr_sc .content-box p{ color:#FFF;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0;} .public_pr_sc .fade{ opacity:0;transform:translateY(20px);} .public_pr_sc .fade.show{ opacity:1;transform:translateY(0);transition:all 0.6s ease;text-align:center;color:#fff;} .form_org .form_org_field input{ border-radius:10px;border:1px solid #D5D5D5;background:#F1F1F1;padding:10px;width:100%;} .form_org .form_org_field textarea{ border-radius:10px;border:1px solid #D5D5D5;background:#F1F1F1;padding:10px;width:100%;} .org_btn button.submit_btn{ width:120px;} .form_img img{ width:100%;border-radius:30px;} .prcig_mentor_sc{ background-image:url('../img/pricing_bg.png');background-repeat:no-repeat;background-position:center;width:100%;height:100%;padding:50px 20px;} .prcig_mentor_sc .model_prcing_bx{ border-radius:30px;border:1px solid #AFD0FF;background:#FFF;padding:20px;} .prcig_mentor_sc .model_prcing_bx .model_prcing_item{ display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:20px;} .prcig_mentor_sc .model_prcing_bx .model_prcing_item img{ width:50px;height:50px;} .prcig_mentor_sc .model_prcing_bx .model_prcing_item h4{ color:#000;font-size:25px;font-style:normal;font-weight:700;line-height:normal;display:flex;align-items:end;flex-direction:column;gap:5px;margin:0;} .prcig_mentor_sc .model_prcing_bx .model_prcing_item h4 span{ color:#787676;text-align:right;font-size:16px;font-style:normal;font-weight:400;line-height:normal;} .prcig_mentor_sc .model_prcing_bx h3{ color:#000;font-size:18px;font-style:normal;font-weight:700;line-height:normal;} .prcig_mentor_sc .model_prcing_bx p{ color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0;} .crse_offering_sc{ background-image:url("../img/private_img01.png");background-repeat:no-repeat;background-size:cover;border-radius:30px;padding:30px 0px;} .crse_offering_sc .crse_offering_bx{ border-radius:20px;border:1px solid #2173FF;background:#003A8D;padding:20px;} .crse_offering_sc .crse_offering_bx img{ width:35px;} .crse_offering_sc .crse_offering_bx h3{ color:#FFF;font-size:18px;font-style:normal;font-weight:700;line-height:normal;display:flex;align-items:center;gap:10px;} .crse_offering_sc .crse_offering_bx p{ color:#FFF;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin:0;} .crse_offering_sc .main_title h2{ color:#fff;} .admin_rq_bx{ width:fit-content;border-radius:90px;background:var(--blue_gradients,linear-gradient(180deg,#0163F0 0%,#004CBB 100%));padding:15px 30px;margin:0 auto;} .admin_rq_bx h3{ color:#FFF;text-align:center;font-size:100%;font-style:normal;font-weight:700;line-height:100%;margin:0;} .admin_rq_bx h3 a{ background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;} @media screen and (max-width:1700px){ .prcig_mentor_sc .model_prcing_bx p{ font-size:16px;line-height:25px;} } @media screen and (max-width:1600px){ .rcognitions_box span{ font-size:14px;} .crse_offering_sc .crse_offering_bx p{ font-size:12px;} .crse_offering_sc .crse_offering_bx h3{ font-size:15px;} .prcig_mentor_sc .model_prcing_bx h3{ font-size:16px;} .what_weoffer_bx span{ font-size:13px;} .howitswork_mn_bx .howitswork_mn_item{ justify-content:space-around;} .howitswork_mn_bx .howitswork_mn_item .howitswork_mn_tx{ flex:1 0 calc(25% - 60px);} } @media screen and (max-width:1500px){} @media screen and (max-width:1400px){ .crse_offering_sc{ padding:30px 20px;} .course_creation_content h3{ font-size:30px;} .course_creation_content p{ font-size:16px;line-height:24px;} .course_creation_content .list_banner{ gap:15px;} } @media screen and (max-width:1300px){ .prcig_mentor_sc .model_prcing_bx p{ font-size:14px;} } @media screen and (max-width:1200px){ .crse_offering_sc .crse_offering_bx p{ font-size:13px;} .prcig_mentor_sc .model_prcing_bx p{ font-size:16px;} .what_weoffer_bx span{ font-size:17px;} .howitswork_mn_bx .howitswork_mn_item .howitswork_mn_tx span{ font-size:14px;} .howitswork_mn_bx{ padding:20px;} .howitswork_mn_bx .howitswork_mn_item::after{ display:none;} .howitswork_mn_bx .howitswork_mn_item{ justify-content:space-between;} } @media screen and (max-width:1100px){ .what_weoffer_bx{ flex:1 0 calc(50% - 10px);} .crse_offering_sc .crse_offering_bx p{ font-size:11px;} } @media screen and (max-width:992px){ .course_creation_hero.otherroll_banner{ padding:25px;} .what_we_offer_sc{ padding:20px;} .crse_offering_sc .crse_offering_bx p{ font-size:13px;} .prcig_mentor_sc .model_prcing_bx p{ font-size:13px;} } @media screen and (max-width:767px){ .howitswork_mn_bx .howitswork_mn_item .howitswork_mn_tx{ flex:1 0 calc(50% - 60px);} .course_creation_hero{ padding:25px 25px 0;} } @media screen and (max-width:575px){ .crse_customization_inner{ flex-wrap:wrap;} } @media screen and (max-width:480px){ .what_weoffer_bx span{ font-size:14px;} .what_weoffer_bx{ flex:1 0 calc(100% - 0px);} .howitswork_mn_bx .howitswork_mn_item{ justify-content:center;} .howitswork_mn_bx .howitswork_mn_item .howitswork_mn_tx{ flex:1 0 calc(100% - 0px);} .course_creation_content .list_banner{ gap:10px;} .list_banner li{ font-size:14px;line-height:22px;} .course_creation_content h3{ font-size:20px;} .course_creation_content p{ font-size:14px;line-height:21px;} .course_creation_content .submit_btn{ font-size:14px;} } .learning_method_banner{ display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px;margin-top:30px;} .learning_method_banner h1{ color:#000;font-size:50px;font-style:normal;font-weight:500;line-height:65px;flex:1 0 calc(60% - 20px);margin:0;} .learning_method_banner h1 strong{ background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .learning_method_banner p{ color:#000;font-size:18px;font-style:normal;font-weight:500;line-height:28px;flex:1 0 40%;margin:0;} .learning_method_banner_img img{ width:100%;} .method_banner_content_btm{ margin-top:-100px;} .method_banner_content_btm .list_banner li{ color:#000;font-weight:600;} .orange_box_learningmethod{ padding:25px;width:100%;background:#FFF3E9;} .orange_box_learningmethod p{ color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:26px;} .orange_box_learningmethod p:last-child{ margin-bottom:0;} .blue_box_learningmethod{ padding:25px;gap:10px;width:100%;background:#DEEBFF;} .blue_box_learningmethod p{ color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:26px;margin:0;} .top_gap{ margin-top:40px;} .bottom_gap{ margin-bottom:40px;} .learning_method_benefits_sc .learning_method_benefits_inner{ display:flex;gap:-1px;flex-wrap:wrap;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(1){ border-right:unset;border-bottom:unset;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(2){ border-right:unset;border-bottom:unset;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(3){ border-bottom:unset;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(4){ border-right:unset;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(5){ border-right:unset;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box{ border:1px solid #DFDFDF;flex:1 0 calc(33.33%);padding:20px;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box h3{ color:#000;text-align:start;font-size:18px;font-style:normal;font-weight:600;line-height:24px;display:flex;align-items:center;gap:10px;margin-bottom:20px;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box h3 img{ width:50px;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box p{ color:#606060;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0;} .learning_method_supports_summarizing_box{ position:relative;margin-top:30px;} .learning_method_supports_summarizing_box::after{ content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgb(0 0 0 / 27%) 0%,#000 100%);} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img{ position:relative;padding-bottom:100%;overflow:hidden;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img.center_img0{ padding-bottom:48.6%;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img img{ position:absolute;top:0;left:0;min-height:100%;min-width:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_content{ position:absolute;bottom:0;padding:15px;z-index:1;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_content h3{ color:#FFF;font-size:18px;font-style:normal;font-weight:600;line-height:24px;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_content p{ color:#FFF;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin:0;} @media screen and (max-width:1600px){ .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img{ padding-bottom:130%;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_content h3{ font-size:16px;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_content p{ font-size:13px;line-height:19px;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img.center_img0{ padding-bottom:62.6%;} } @media screen and (max-width:1200px){ .learning_method_banner h1{ font-size:40px;line-height:46px;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img{ padding-bottom:63%;} .learning_method_banner h3{ font-size:35px;line-height:46px;} .learning_method_banner p{ font-size:16px;} } @media screen and (max-width:992px){ .learning_method_banner h1{ font-size:30px;line-height:40px;} .learning_method_banner h3{ font-size:25px;line-height:34px;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img{ padding-bottom:40%;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img.center_img0{ padding-bottom:40%;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box{ flex:1 0 calc(50%);} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(3){ border-right:unset;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(4){ border-right:1px solid #DFDFDF;border-bottom:unset;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(2){ border-right:1px solid #DFDFDF;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box p{ font-size:14px;line-height:21px;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box{ padding:14px;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box h3{ font-size:16px;line-height:21px;} .blue_box_learningmethod p{ font-size:14px;line-height:23px;} .orange_box_learningmethod p{ font-size:14px;line-height:23px;} .orange_box_learningmethod{ padding:10px;} .orange_box_learningmethod{ padding:10px;} .method_banner_content_btm{ margin-top:10px;} } @media screen and (max-width:767px){ .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img{ padding-bottom:70%;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img.center_img0{ padding-bottom:70%;} .learning_method_banner{ flex-direction:column;align-items:start;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box{ flex:1 0 calc(100%);} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(5){ border-right:1px solid #DFDFDF;border-bottom:unset;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(1){ border-right:1px solid #DFDFDF;} .learning_method_benefits_sc .learning_method_benefits_inner .learning_method_benefits_box:nth-child(3){ border-right:1px solid #DFDFDF;} } @media screen and (max-width:575px){ .learning_method_banner h1{ font-size:24px;line-height:37px;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img{ padding-bottom:100%;} .learning_method_supports_summarizing_box .learning_method_supports_summarizing_img.center_img0{ padding-bottom:100%;} } .activity_hero_banner{ background-image:url('../img/activityhero_banner.webp');background-repeat:no-repeat;background-size:cover;height:calc(870px - 150px);margin:20px;background-position:center;border-radius:30px;position:relative;} .activity_hero_banner .activity_hero_banner_title{ padding:30px;} .activity_hero_banner .activity_hero_banner_title h1{ color:#FFF;font-size:50px;font-style:normal;font-weight:700;line-height:normal;width:35%;padding:60px 0px;} .activity_hero_banner .activity_hero_banner_title span{ color:#FFF;font-size:37px;font-style:normal;font-weight:500;line-height:52px;width:20%;display:block;} .activity_hero_banner .activity_hero_banner_title p{ color:#FFF;font-size:22px;font-style:normal;font-weight:500;line-height:37px;width:25%;position:absolute;top:50%;transform:translateY(-50%);right:50px;} .actvity_img_wht img{ width:100%;height:100%;border-radius:30px;} .activity_benefits_sc .benefits_img{ height:100%;} .activity_benefits_sc .benefits_img img{ width:100%;height:100%;} .activity_benefits_sc{ border-radius:30px;padding:40px;background:#FFF3EA;} .activity_benefits_sc .benefits_icon{ display:flex;align-items:start;gap:10px;} .activity_benefits_sc .benefits_box_activity{ display:flex;flex-direction:column;gap:10px;justify-content:space-between;height:100%;} .activity_benefits_sc .benefits_icon .benefits_text h3{ color:#000;font-size:18px;font-style:normal;font-weight:700;line-height:26px;margin:0;} .activity_benefits_sc .benefits_icon .benefits_text p{ color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:26px;margin:0;} .main_ymetca_se{ display:flex;gap:15px;flex-wrap:wrap;justify-content:center;} .main_ymetca_se .main_ymetca_item{ flex:0 0 calc(20% - 15px);} .main_ymetca_se.six_titles .main_ymetca_item{ flex:0 0 calc(33.33% - 15px);} .main_ymetca_se.sevent_titles .main_ymetca_item{ flex:0 0 calc(25% - 15px);} .main_ymetca_se .main_ymetca_item .main_ymetca_img{ position:relative;padding-bottom:100%;overflow:hidden;border-radius:15px;margin-bottom:15px;} .main_ymetca_se .main_ymetca_item .main_ymetca_img img{ position:absolute;top:0;left:0;min-height:100%;min-width:100%;max-height:100%;max-width:100%;object-fit:cover;} .main_ymetca_se .main_ymetca_item .main_ymetca_txt h3{ color:#000;font-size:18px;font-style:normal;font-weight:700;line-height:normal;} .main_ymetca_se .main_ymetca_item .main_ymetca_txt p{ color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal;} .What_activity .list_item2 li{ background-position-y:center;} @media screen and (max-width:1600px){ .main_ymetca_se .main_ymetca_item .main_ymetca_txt h3{ font-size:15px;} .main_ymetca_se .main_ymetca_item .main_ymetca_txt p{ font-size:13px;} .activity_hero_banner .activity_hero_banner_title p{ font-size:20px;line-height:30px;width:25%;top:50%;right:20px;} .activity_hero_banner .activity_hero_banner_title h2{ font-size:35px;} } @media screen and (max-width:1400px){ .activity_benefits_sc .benefits_icon .benefits_text p{ font-size:14px;line-height:22px;} .activity_benefits_sc .benefits_icon img{ width:35px;} } @media screen and (max-width:1200px){ .main_ymetca_se .main_ymetca_item{ flex:1 0 calc(33.33% - 15px);} .activity_hero_banner .activity_hero_banner_title{ padding:0 50px;position:absolute;bottom:40px;width:100%;} .activity_hero_banner .activity_hero_banner_title h2{ font-size:30px;width:100%;text-align:center;padding:0;} .activity_hero_banner .activity_hero_banner_title span{ width:100%;text-align:center;font-size:20px;line-height:30px;font-weight:700;} .activity_hero_banner .activity_hero_banner_title p{ font-size:18px;line-height:30px;width:100%;top:0;right:0;transform:unset;position:relative;text-align:center;} .activity_hero_banner .activity_hero_banner_title h1{ font-size:40px;width:100%;padding:0;text-align:center;} } @media screen and (max-width:992px){ .activity_hero_banner .activity_hero_banner_title h1{ font-size:30px;} .main_ymetca_se.six_titles .main_ymetca_item{ flex:0 0 calc(50% - 15px);} .main_ymetca_se.seven_titles .main_ymetca_item{ flex:0 0 calc(50% - 15px);} } @media screen and (max-width:767px){ .main_ymetca_se .main_ymetca_item{ flex:1 0 calc(50% - 15px);} } @media screen and (max-width:575px){ .main_ymetca_se.six_titles .main_ymetca_item{ flex:0 0 calc(100% - 0px);} .main_ymetca_se.seven_titles .main_ymetca_item{ flex:0 0 calc(100% - 0px);} .activity_hero_banner .activity_hero_banner_title{ padding:0 15px;} .activity_hero_banner .activity_hero_banner_title span{ font-size:18px;font-weight:600;} .activity_hero_banner .activity_hero_banner_title p{ font-size:14px;margin:0;line-height:19px;} .activity_hero_banner .activity_hero_banner_title h2{ font-size:21px;} .activity_hero_banner{ margin:0;border-radius:0;} .activity_hero_banner .activity_hero_banner_title h1{ font-size:24px;} } @media screen and (max-width:480px){ .main_ymetca_se .main_ymetca_item{ flex:1 0 calc(100% - 15px);} .activity_benefits_sc{ border-radius:10px;padding:20px;} .activity_benefits_sc .benefits_icon .benefits_text h3{ font-size:15px;line-height:22px;} .activity_benefits_sc .main_title p{ margin:0;} .activity_hero_banner{ height:calc(550px - 150px);} } .animetd_limited{ position:relative;width:100%;font-size:35px;font-weight:700;color:transparent;background-image:linear-gradient(to right,#553c9a,#ee4b2b,#00c2cb,#ff7f50,#553c9a);-webkit-background-clip:text;background-clip:text;background-size:200%;background-position:-200%;animation:animated-gradient 2s infinite alternate-reverse;} @keyframes animated-gradient{ to{ background-position:200%;} } .hero-section_limited_offer{ background-image:url('../img/limited_offer_banner.png');background-repeat:no-repeat;background-position:center;width:100%;padding:50px 0 70px;background-size:cover;} .hero-section_limited_offer .limited_offer_title h1{ color:#FFF;font-size:80px;font-style:normal;font-weight:600;line-height:93px;} .hero-section_limited_offer .limited_offer_title h3{ 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:30px;font-style:normal;font-weight:600;line-height:normal;} .hero-section_limited_offer .limited_offer_title p{ color:#FFF;font-size:20px;font-style:normal;font-weight:600;line-height:31px;} .hero-section_limited_offer .limited_offer_title a.submit_btn{ font-size:16px;font-style:normal;font-weight:600;line-height:normal;padding:20px;} .hero-section_limited_offer .limited_offer_banner_img img{ width:100%;} .offer_sc{ margin-top:-70px;} .offer_sc .plan-card_bx{ border-radius:10px;background:linear-gradient(180deg,#FFF 0%,#FFF8F3 100%);height:100%;padding:20px;} .offer_sc .plan-card_bx .plan-card_hd{ display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:30px;} .offer_sc .plan-card_bx .plan-card_hd h4{ color:#000;font-size:25px;font-style:normal;font-weight:700;line-height:normal;margin:0;} .offer_sc .plan-card_bx .plan-card_hd span{ color:#0163F0;text-align:center;font-size:18px;font-style:normal;font-weight:800;line-height:normal;border-radius:10px;background:#BFD9FF;box-shadow:0 6px 10px 0 rgba(0,0,0,0.25);padding:15px;} .offer_sc .plan-card_bx .list-unstyled{ position:relative;} .offer_sc .plan-card_bx .list-unstyled::after{ content:"";position:absolute;top:-9px;right:44px;border-radius:50px;background:linear-gradient(180deg,rgba(255,112,3,0.11) 0%,rgba(255,112,3,0.00) 100%);height:100%;width:52px;} .offer_sc .plan-card_bx .list-unstyled li{ color:#000;font-size:16px;font-style:normal;font-weight:600;line-height:34px;margin-bottom:15px;margin-top:15px;width:100%;display:flex;align-items:center;gap:20px;justify-content:space-between;padding-right:58px;} .offer_sc .plan-card_bx .list-unstyled li span strong{ background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .astrik{ color:#fff;font-size:32px;} .offer_sc .plan-card_bx .list-unstyled li img{ width:25px;} .plan-card_ft{ display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:80px;} .plan-card_ft{ position:relative;} .plan-card_ft::after{ content:'';position:absolute;top:50%;right:-13px;background-image:url('../img/fifty_percente.svg');background-repeat:no-repeat;background-size:cover;width:150px;height:147px;transform:translateY(-50%);} .plan-card_ft h3 span{ color:#FFF;font-size:30px;font-style:normal;font-weight:500;line-height:30px;text-decoration-line:line-through;display:block;} .plan-card_ft h3{ padding:15px 140px 15px 10px;color:#FFF;width:350px;text-align:end;font-size:40px;font-style:normal;font-weight:700;line-height:normal;border-radius:70px;background:var(--blue_gradients,linear-gradient(180deg,#0163F0 0%,#004CBB 100%));margin:0;} .offer-box_cr{ background-image:url('../img/offer_cr.png');background-repeat:no-repeat;background-position:center;width:100%;height:auto;padding:20px;border-radius:10px;background-size:cover;} .offer-box_cr h5{ 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:800;margin-top:0;line-height:26px;} .offer-box_cr p{ color:#FFF;font-size:16px;font-style:normal;font-weight:500;line-height:22px;} .offer-box_cr ul{ padding:0;} .offer-box_cr ul li{ background-image:url('../img/arrow-send.svg');background-repeat:no-repeat;background-size:16px;padding-left:30px;list-style:none;color:#FFF;font-size:18px;font-style:normal;font-weight:700;background-position-y:center;line-height:38px;} .twenty_offer img{ width:100%;border-radius:10px;} .offer_item0{ display:flex;gap:15px;flex-direction:column;width:100%;} .offer-box_cr{ flex:0 0 calc(50% - 15px);} .twenty_offer{ flex:0 0 50%;} .what_card_box{ display:flex;gap:10px;justify-content:center;flex-wrap:wrap;} .what_card_box .cardwhat_we{ flex:1 0 calc(20% - 10px);border-radius:10px;background:#FFF8F2;padding:20px;text-align:center;} .what_card_box .cardwhat_we img{ max-width:100%;margin-bottom:20px;} .what_card_box .cardwhat_we h5{ color:#000;text-align:center;font-size:18px;font-weight:700;line-height:24px;} .what_card_box .cardwhat_we p{ color:#000;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px;} .what_card_box .cardwhat_we p strong{ background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .offer_price_off{ background-image:url('../img/bg_offer_plan0.png');background-repeat:no-repeat;background-position:center;background-size:cover;width:800px;height:fit-content;padding:40px 0px;border-radius:10px;margin:30px auto;} .offer_price_off h4{ color:#FFF;text-align:center;font-size:26px;font-style:normal;font-weight:600;line-height:normal;} .offer_price_off 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;font-size:45px;font-weight:700;} .offer_price_off .middle_off_price{ display:flex;justify-content:center;gap:10px;align-items:center;margin:30px 0;position:relative;} .offer_price_off .middle_off_price::after{ content:"";position:absolute;top:50%;left:0;width:100%;background:linear-gradient(270deg,rgba(255,112,3,0.00) 0%,rgba(128,56,2,0.50) 23.08%,#E66C00 44.23%,rgba(255,112,3,0.00) 70.67%,rgba(128,56,2,0.50) 100%);height:70px;transform:translateY(-50%);} .offer_price_off .middle_off_price span{ color:#FFF;text-align:right;font-size:18px;font-style:normal;font-weight:400;line-height:normal;display:block;position:relative;z-index:1;} .offer_price_off .middle_off_price h3{ color:#FFF;text-align:center;font-family:Oswald;font-size:55px;font-style:normal;font-weight:700;line-height:normal;position:relative;z-index:1;margin:0;} .month_ht{ font-size:20px;margin-top:9px;color:#ffffff;font-weight:700;display:block;line-height:29px;} @media screen and (max-width:1700px){ .plan-card_ft{ margin-top:58px;} } @media screen and (max-width:1600px){ .plan-card_ft{ margin-top:28px;} .plan-card_ft h3 span{ font-size:20px;line-height:20px;} .plan-card_ft h3{ font-size:30px;width:280px;} .plan-card_ft::after{ top:45%;right:-13px;width:120px;height:117px;} .hero-section_limited_offer .limited_offer_title h1{ color:#FFF;font-size:60px;font-style:normal;font-weight:600;line-height:65px;} .offer-box_cr p{ font-size:14px;} .offer-box_cr ul li{ font-size:16px;line-height:28px;margin-bottom:15px;} } @media screen and (max-width:1300px){ .plan-card_ft h3{ padding:8px 140px 8px 10px;} } @media screen and (max-width:1200px){ .plan-card_ft{ margin-top:50px;} .what_card_box .cardwhat_we{ flex:1 0 calc(33.33% - 10px);} } @media screen and (max-width:992px){ .limited_offer_banner_img{ margin:auto;text-align:center;} .hero-section_limited_offer .limited_offer_banner_img img{ width:unset;max-width:100%;margin:auto;text-align:center;} .hero-section_limited_offer .limited_offer_title h1 br{ display:none;} .limited_offer_title{ text-align:center;} .hero-section_limited_offer .limited_offer_title h1{ font-size:35px;line-height:47px;text-align:center;} .hero-section_limited_offer .limited_offer_title h3{ font-size:18px;} .hero-section_limited_offer .limited_offer_title p{ font-size:16px;line-height:24px;text-align:center;} .offer_price_off{ width:auto;margin:30px;} } @media screen and (max-width:767px){ .what_card_box .cardwhat_we{ flex:1 0 calc(50% - 10px);} .plan-card_ft h3 span{ font-size:18px;} .plan-card_ft h3{ padding:15px 140px 15px 10px;width:290px;text-align:end;font-size:30px;} .plan-card_ft h3 span{ font-size:20px;} .offer_price_off h4{ font-size:18px;} } @media screen and (max-width:480px){ .animetd_limited{ font-size:26px;} .offer_sc .plan-card_bx .list-unstyled li{ padding-right:21px;} .offer_sc .plan-card_bx .list-unstyled::after{ right:-2px;} .offer_sc .plan-card_bx .list-unstyled::after{ right:8px;} .what_card_box .cardwhat_we{ flex:1 0 calc(100% - 0px);} .plan-card_ft{ flex-direction:column;align-items:center;gap:30px;} .plan-card_ft::after{ right:-30px;width:140px;height:136px;top:122px;} .plan-card_ft h3{ padding:15px 140px 15px 29px;width:290px;text-align:start;font-size:30px;} .offer_price_off .middle_off_price span{ font-size:14px;} .offer_price_off .middle_off_price h3{ text-align:center;font-size:30px;} .offer_price_off{ margin:15px;} .offer_sc .plan-card_bx .plan-card_hd span{ font-size:13px;padding:10px;} .offer_sc .plan-card_bx .plan-card_hd h4{ font-size:18px;} } .btn_changeGradient{ background:linear-gradient(90deg,#ff7914,#ff7308,#ffeb3b,#03a9f4);background-size:400%;padding:20px;border-radius:100px;color:#FFF;font-size:16px;font-style:normal;font-weight:700;line-height:normal;} .btn_changeGradient:hover{ animation:changeGradientAnimation 5s linear infinite;color:#fff !important;} @keyframes changeGradientAnimation{ 0%{ background-position:0%;} 100%{ background-position:400%;} } .plan_status_sc0{ background-color:#eee;padding:15px 30px;text-align:center;width:fit-content;margin:auto;border-radius:20px;margin-bottom:30px;} .plan_status_sc0 p{ font-size:35px;font-weight:600;margin-bottom:30px;} .plan_status_sc0 h2{ display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:24px;font-weight:600;} .plan_status_sc0 h2 .activated_plan{ background:#0ec72f;font-size:18px;padding:8px 15px;color:#fff;border-radius:40px;} .what_we_offer.boxes-container{ display:flex;gap:15px;height:500px;margin-bottom:30px;} .what_we_offer .box{ position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:all 0.7s cubic-bezier(0.4,0,0.2,1);flex:1;} .what_we_offer .box.active{ flex:3;} .what_we_offer .background-images{ position:absolute;top:0;left:0;width:100%;height:100%;} .what_we_offer .bg-image{ position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:all 1s ease-in-out;opacity:0;transform:scale(1.1);} .what_we_offer .bg-image.active{ opacity:1;transform:scale(1);} .what_we_offer .overlay{ position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity 0.5s ease;} .what_we_offer .box-1 .overlay{ background:linear-gradient(180deg,#00000000,#000000d4);} .what_we_offer .box-2 .overlay{ background:linear-gradient(180deg,#00000000,#000000d4);} .what_we_offer .box-3 .overlay{ background:linear-gradient(180deg,#00000000,#000000d4);} .what_we_offer .box-4 .overlay{ background:linear-gradient(180deg,#00000000,#000000d4);} .what_we_offer .box-5 .overlay{ background:linear-gradient(180deg,#00000000,#000000d4);} .what_we_offer .content{ position:relative;z-index:10;padding:0 30px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;color:white;} .what_we_offer .icon{ width:50px;height:50px;background:rgb(255 255 255 / 73%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;backdrop-filter:blur(10px);font-size:24px;} .what_we_offer .icon img{ width:30px;} .what_we_offer .title{ font-size:18px;font-weight:bold;margin-bottom:10px;transition:all 1s ease;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;} .what_we_offer .box.active .title{ font-size:30px;} .what_we_offer .subtitle{ font-size:1rem;margin-bottom:15px;opacity:0.9;transition:all 1s ease;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;} .what_we_offer .box.active .subtitle{ font-size:16px;} .what_we_offer .description{ font-size:0.9rem;line-height:1.6;opacity:0;transform:translateY(210px);transition:all 0.5s ease;max-width:400px;position:absolute;} .what_we_offer .box.active .description{ opacity:1;transform:translateY(0);position:relative;} .what_we_offer .indicators{ display:flex;justify-content:center;gap:10px;margin-top:30px;} .what_we_offer .indicator{ width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all 0.3s ease;} .what_we_offer .indicator.active{ background:white;transform:scale(1.2);} .what_we_offer .active-pulse{ position:absolute;top:20px;right:20px;width:12px;height:12px;background:white;border-radius:50%;opacity:0;transition:opacity 0.3s ease;} .what_we_offer .box.active .active-pulse{ opacity:1;animation:pulse 2s infinite;} @keyframes pulse{ 0%{ transform:scale(1);opacity:1;} 50%{ transform:scale(1.5);opacity:0.5;} 100%{ transform:scale(1);opacity:1;} } @keyframes slideIn{ from{ opacity:0;transform:translateY(30px);} to{ opacity:1;transform:translateY(0);} } .what_we_offer .slide-in{ animation:slideIn 0.3s ease-out;} @media (max-width:992px){ .what_we_offer.boxes-container{ flex-direction:column;height:auto;} .what_we_offer .box{ height:100%;flex:none !important;} .what_we_offer .box.active{ height:100%;} .what_we_offer .box.active .title{ font-size:20px;} .what_we_offer .content{ padding:20px;} } .common_animated_tabs .blob{ position:absolute;border-radius:50%;filter:blur(80px);opacity:0.3;animation:blob 7s infinite;} .common_animated_tabs .blob1{ top:80px;left:80px;width:300px;height:300px;background:#3b82f6;animation-delay:0s;} .common_animated_tabs .blob2{ top:160px;right:80px;width:300px;height:300px;background:#06b6d4;animation-delay:2s;} .common_animated_tabs .blob3{ bottom:80px;left:50%;width:300px;height:300px;background:#14b8a6;animation-delay:4s;} @keyframes blob{ 0%,100%{ transform:translate(0,0) scale(1);} 25%{ transform:translate(20px,-50px) scale(1.1);} 50%{ transform:translate(-20px,20px) scale(0.9);} 75%{ transform:translate(50px,50px) scale(1.05);} } @keyframes fadeInDown{ from{ opacity:0;transform:translateY(-30px);} to{ opacity:1;transform:translateY(0);} } .common_animated_tabs .badge{ display:inline-flex;align-items:center;gap:8px;background:rgba(59,130,246,0.2);backdrop-filter:blur(10px);padding:8px 24px;border-radius:50px;border:1px solid rgba(96,165,250,0.3);margin-bottom:24px;} .common_animated_tabs .badge-icon{ width:20px;height:20px;color:#93c5fd;animation:pulse 2s infinite;} @keyframes pulse{ 0%,100%{ opacity:1;} 50%{ opacity:0.5;} } .common_animated_tabs .badge-text{ color:#bfdbfe;font-weight:600;} .common_animated_tabs .highlight{ background:linear-gradient(90deg,#60a5fa,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s infinite;background-size:200% 100%;} @keyframes shimmer{ 0%{ background-position:-200% 0;} 100%{ background-position:200% 0;} } .common_animated_tabs .subtitle{ color:#bfdbfe;font-size:1.125rem;max-width:600px;margin:0 auto;} .common_animated_tabs .banner{ position:relative;border-radius:24px;overflow:hidden;margin-bottom:60px;height:450px;animation:slideInLeft 1s ease-out;} @keyframes slideInLeft{ from{ opacity:0;transform:translateX(-50px);} to{ opacity:1;transform:translateX(0);} } .common_animated_tabs .banner::before{ content:'';position:absolute;inset:0;background:linear-gradient(to right,#2563eb,#06b6d4);opacity:0.2;transition:opacity 0.5s;z-index:1;} .common_animated_tabs .banner:hover::before{ opacity:0.3;} .common_animated_tabs .banner-image{ width:100%;height:100%;object-fit:cover;transition:transform 0.7s;} .common_animated_tabs .banner:hover .banner-image{ transform:scale(1.05);} .common_animated_tabs .banner-overlay{ position:absolute;inset:0;background:linear-gradient(to top,#0f172a,rgba(15,23,42,0.5),transparent);display:flex;align-items:flex-end;padding:40px;z-index:2;} .common_animated_tabs .banner-content h3{ color:white;font-size:3rem;font-weight:700;margin-bottom:24px;} .common_animated_tabs .stats{ display:flex;gap:32px;} .common_animated_tabs .stat{ text-align:center;} .common_animated_tabs .stat-value{ font-size:2.5rem;font-weight:700;color:#60a5fa;} .common_animated_tabs .stat-label{ color:#bfdbfe;font-size:0.875rem;} .common_animated_tabs .tabs-container{ display:flex;justify-content:center;} .common_animated_tabs .tabs{ display:flex;flex-wrap:wrap;justify-content:center;gap:16px;background:rgba(255,255,255,0.1);backdrop-filter:unset;padding:12px;border-radius:0;box-shadow:unset;border:unset;width:100%;} .common_animated_tabs .tab-button{ position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 32px;border-radius:16px;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.5s;overflow:hidden;animation:tabSlide 0.6s ease-out backwards;border:1px solid #ff740b;flex:1 0 calc(33.33% - 16px);} .common_animated_tabs .tab-button:nth-child(1){ animation-delay:0s;} .common_animated_tabs .tab-button:nth-child(2){ animation-delay:0.1s;} .common_animated_tabs .tab-button:nth-child(3){ animation-delay:0.2s;} @keyframes tabSlide{ from{ opacity:0;transform:translateY(-20px);} to{ opacity:1;transform:translateY(0);} } .common_animated_tabs .tab-button.active{ background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));color:#fff;transform:scale(1.05);} .common_animated_tabs .tab-button.active::before{ content:'';position:absolute;inset:0;background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));opacity:1;animation:pulse 2s infinite;} .common_animated_tabs .tab-button:not(.active){ color:#000;background:transparent;} .common_animated_tabs .tab-button:not(.active):hover{ background:rgba(255,255,255,0.1);color:#515151;} .common_animated_tabs .tab-icon{ width:24px;height:24px;} .common_animated_tabs .tab-content{ position:relative;min-height:370px;} .common_animated_tabs .tab-panel{ inset:0;opacity:0;pointer-events:none;transition:all 0.7s;display:none;} .common_animated_tabs .tab-panel.active{ opacity:1;display:block;pointer-events:auto;} .common_animated_tabs .benefits-grid{ display:flex;flex-wrap:wrap;gap:16px;} .common_animated_tabs .benefit-card{ position:relative;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05));backdrop-filter:blur(20px);border-radius:24px;padding:20px;border:1px solid rgba(255,255,255,0.2);transition:all 0.5s;animation:cardSlideIn 0.8s ease-out backwards;flex:1 0 calc(33.33% - 16px);} .common_animated_tabs .benefit-card:nth-child(1){ animation-delay:0s;} .common_animated_tabs .benefit-card:nth-child(2){ animation-delay:0.15s;} .common_animated_tabs .benefit-card:nth-child(3){ animation-delay:0.3s;} @keyframes cardSlideIn{ from{ opacity:0;transform:translateY(40px) scale(0.95);} to{ opacity:1;transform:translateY(0) scale(1);} } .common_animated_tabs .benefit-card:hover{ transform:translateY(-12px);box-shadow:0 20px 50px rgb(255 236 222);border-color:rgb(255 255 255);} .common_animated_tabs .benefit-card::before{ content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgb(255 241 230),rgb(255 211 177));border-radius:24px;opacity:0;transition:opacity 0.5s;} .common_animated_tabs .benefit-card:hover::before{ opacity:1;} .common_animated_tabs .card-header{ display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;z-index:1;} .common_animated_tabs .icon-box{ width:64px;height:64px;background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all 0.5s;} .common_animated_tabs .benefit-card:hover .icon-box{ transform:rotate(12deg) scale(1.1);} .common_animated_tabs .card-icon{ width:32px;height:32px;color:white;} .common_animated_tabs .card-number{ font-size:3rem;font-weight:700;color:rgba(255,255,255,0.1);transition:all 0.5s;} .common_animated_tabs .benefit-card:hover .card-number{ color:rgba(96,165,250,0.3);transform:scale(1.1);} .common_animated_tabs .card-content{ position:relative;z-index:1;} .common_animated_tabs .card-title{ font-size:22px;font-weight:700;color:#000;margin-bottom:16px;line-height:1.3;transition:color 0.3s;} .common_animated_tabs .benefit-card:hover .card-title{ color:#ff7e1b;} .common_animated_tabs .card-description{ color:#000;line-height:24px;font-size:16px;margin:0 } .common_animated_tabs .learn-more{ display:flex;align-items:center;gap:8px;color:#60a5fa;font-weight:600;opacity:0;transform:translateX(0);transition:all 0.5s;} .common_animated_tabs .benefit-card:hover .learn-more{ opacity:1;transform:translateX(8px);} .common_animated_tabs .glow{ position:absolute;top:-24px;right:-24px;width:96px;height:96px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;filter:blur(40px);opacity:0;transition:opacity 0.5s;} .common_animated_tabs .benefit-card:hover .glow{ opacity:0.2;} @media (max-width:1200px){ .common_animated_tabs .card-title{ font-size:18px;} .common_animated_tabs .card-description{ line-height:22px;font-size:14px;} } @media (max-width:992px){ .common_animated_tabs .benefit-card{ flex:1 0 calc(50% - 16px);} } @media (max-width:768px){ .common_animated_tabs .tab-button{ flex:1 0 calc(50% - 16px);} .common_animated_tabs .benefit-card{ flex:1 0 calc(100% - 0px);} .stats{ gap:16px;} .stat-value{ font-size:1.5rem;} .benefits-grid{ grid-template-columns:1fr;} } @media (max-width:400px){ .common_animated_tabs .tab-button{ flex:1 0 calc(100% - 0px);} } .turn_img img{ width:100%;border-radius:20px;} .simd_hero_banner{ background-repeat:no-repeat;background-position:center;width:100%;background-size:cover;height:100%;padding:350px 0px 65px;position:relative;} .simd_hero_banner::after{ content:"";position:absolute;top:0;background-color:#000;opacity:0.6;left:0;height:100%;width:100%;} .simd_hero_title h1{ color:#FFF;font-size:clamp(32px,12vw,126px);font-style:normal;font-weight:300;line-height:normal;position:relative;bottom:0;left:0;z-index:2;} .simd_hero_title.new_age_title01 h1{ font-size:clamp(32px,12vw,100px);} .simd_hero_title h1 strong{ font-weight:600;} .simd_hero_title a{ position:relative;bottom:0;z-index:1;left:0;width:190px;display:flex;align-items:center;justify-content:center;} .simd_hero_title p{ color:#FFF;font-size:25px;font-style:normal;font-weight:600;line-height:normal;position:absolute;top:80px;right:30px;width:25%;z-index:2;} .better_main_bx{ display:flex;flex-direction:column;gap:15px;height:100%;} .better_main_bx .better_box{ padding:15px;border-radius:20px;} .better_main_bx .better_box.lightgreen{ background:#DBFFE7;} .better_main_bx .better_box.yellow{ background:#FFF3DB;} .better_main_bx .better_box h2{ color:#000;font-size:35px;font-style:normal;font-weight:700;line-height:37px;} .better_main_bx .better_box p{ color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:27px;margin:0;} .better_main_bx .better_img{ width:100%;height:100%;} .better_main_bx .better_img img{ width:100%;height:100%;object-fit:cover;} .module-card{ perspective:1000px;border-radius:12px;overflow:hidden;height:500px;} .module-card-inner{ position:relative;width:100%;height:100%;transition:transform 0.8s;transform-style:preserve-3d;} .module-card:hover .module-card-inner{ transform:rotateY(180deg);} .module-card-front,.module-card-back{ position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;border-radius:12px;overflow:hidden;} .module-card-front img{ width:100%;height:100%;object-fit:cover;border-radius:12px;} .module-card-back{ transform:rotateY(180deg);position:relative;} .module-card-back img{ width:100%;height:100%;object-fit:cover;border-radius:12px;} .module-card-back::after{ content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);border-radius:12px;} .module-overlay-text{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding:20px;text-align:center;z-index:2;width:100%;} .module-overlay-text h5{ font-size:18px;margin-bottom:10px;font-weight:600;} .module-overlay-text p{ font-size:14px;line-height:1.6;} .content-card img{ width:100%;border-radius:20px;} .simd_benefits_sc{ background:#F2F7FF;padding:50px 0;} .benefits_simd_bx{ text-align:center;} .benefits_simd_bx img{ width:111px;height:111px;margin-bottom:15px;} .benefits_simd_bx .benefits_simd_title h3{ color:#000;text-align:center;font-size:20px;font-style:normal;font-weight:700;line-height:normal;} .benefits_simd_bx .benefits_simd_title p{ color:#000;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal;} .rar_step_sc .steps_rar_img{ width:100%;height:450px;} .rar_step_sc .steps_rar_img img{ width:100%;height:100%;border-radius:30px;object-fit:cover;} .align_stp{ display:flex;align-items:start;gap:10px;} .step_five_item{ display:flex;flex-direction:column;gap:25px;justify-content:space-between;width:100%;height:100%;} .step_five_item .stp_txt h4{ font-size:18px;font-weight:700;line-height:24px;margin:0;} .step_five_item .stp_txt p{ font-size:16px;margin:0;} .align_stp span{ background:var(--gradients_orange,linear-gradient(90deg,#FF7003 0%,#FF9748 100%));padding:15px;font-size:16px;border-radius:100px;color:#fff;font-weight:600;width:45px;display:flex;align-items:center;justify-content:center;height:45px;} .crse_step_bx{ display:flex;align-items:start;gap:20px;flex-direction:column;background:#ffff;padding:25px;border-radius:30px;border:1px solid #eee;height:100%;} #addAchievementsModal .upload_image5 a{ z-index:1;} #addAchievementsModal .upload_image5 input{ opacity:1;height:auto;} .crse_step_bx span{ display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#FF7003 0%,#FF9748 100%);border-radius:100px;padding:15px;color:#FFF;font-size:17px;font-style:normal;font-weight:700;line-height:normal;width:45px;height:45px;flex:0 0 45px;} .crse_step_bx .crse_step_title h3{ color:#000;font-size:20px;font-weight:700;} .crse_step_bx .crse_step_title ul{ padding:0;} .crse_step_bx .crse_step_title ul li{ list-style:none;background-image:url('../img/arrow_tick.svg');background-repeat:no-repeat;padding-left:24px;background-size:15px;background-position-y:8px;} @media (max-width:1650px){ .simd_hero_title h1{ font-size:6vw;} .simd_hero_title.new_age_title01 h1{ font-size:6vw;} } @media (max-width:992px){ .module-card{ height:100%;} .simd_hero_banner{ padding:180px 0 20px;height:100%;} .simd_hero_title h1{ position:relative;top:unset;left:unset;bottom:0;} .simd_hero_title a{ position:relative;bottom:0;left:0;} .simd_hero_title p{ position:relative;width:100%;font-size:3vw;top:unset;right:unset;} } @media (max-width:768px){ .simd_hero_title a{ width:150px;padding:15px;} .better_main_bx .better_box h2{ font-size:20px;line-height:28px;} .simd_hero_title h1{ font-size:32px;} .simd_hero_title.new_age_title01 h1{ font-size:32px;} .simd_hero_title p{ font-size:16px;} } .ck-editor__editable_inline{ min-height:200px !important;height:200px !important;} .download-icon{ width:50px;height:50px;cursor:pointer;} @media screen and (max-width:1200px){ .hero_banner .hero_banner_title h1{ font-size:40px;line-height:48px;} .hero_banner .hero_banner_title .animations{ font-size:20px;} } @media screen and (max-width:992px){ .swipper_arrow .swiper-button-next{ position:relative;} .hero_banner .hero_banner_title h1{ font-size:30px;line-height:38px;} } @media screen and (max-width:575px){ .hero_banner .hero_banner_title h1{ font-size:24px;line-height:32px;} .blog_sec .blog_box .blog_text h3{ font-size:18px;line-height:26px;} .slider_method_cart_box span{ font-size:14px;} } @media screen and (max-width:370px){ .slider_method_cart_box span{ font-size:11px;} } .white_text.sc_title h1{ color:#fff;} .white_text.sc_title p{ color:#fff;} .sc_title h1{ color:#000;font-size:50px;font-style:normal;font-weight:600;line-height:65px;margin:0 0 10px;} .sc_title h1 span{ color:#FF7003;} .sc_title p{ font-size:16px;line-height:22px;} @media (max-width:1700px){ .hero_banner .hero_banner_title h1{ font-size:75px;} .hero_banner .hero_banner_title span{ font-size:23.5px;} .hero_banner .hero_banner_title p{ font-size:18px;} } @media (max-width:1600px){ .hero_banner .hero_banner_title h1{ font-size:77px;} .hero_banner .hero_banner_title span{ font-size:29.5px;} .hero_banner .hero_banner_title p{ font-size:18px;} .banner_sec{ padding:80px 30px 80px 88px;width:100%;margin:auto;} } @media (max-width:1500px){ .hero_banner .hero_banner_title h1{ font-size:75px;} } @media (max-width:1300px){ .hero_banner .hero_banner_title h1{ font-size:66px;} .hero_banner .hero_banner_title span{ font-size:25.5px;} .hero_banner .hero_banner_title p{ font-size:17px;} } @media screen and (max-width:1200px){ .sc_title h1{ font-size:40px;line-height:48px;} .hero_banner .hero_banner_title h1{ font-size:58px;} .hero_banner .hero_banner_title span{ font-size:22.5px;} } @media screen and (max-width:992px){ .hero_banner_img img{ width:380px;} .bg_image.hero_banner{ padding:0;} .hero_banner .hero_banner_title{ padding:0;flex:1;} .hero_banner .hero_banner_title span{ font-size:27.5px;line-height:normal;} .banner_sec{ flex-direction:column;align-items:center;justify-content:center;} .hero_banner .hero_banner_title{ text-align:center;} .hero_banner .hero_banner_title h1{ font-size:40px;line-height:54px;} .hero_banner .hero_banner_title p{ font-size:16px;} } @media screen and (max-width:575px){ .sc_title h1{ font-size:24px;line-height:32px;} .hero_banner .hero_banner_title h1{ font-size:34px;line-height:37px;} .hero_banner .hero_banner_title span{ font-size:21.5px;} } .rar_update_design .Interactive_act button span.interactiveActivity{ color:#fff;background-color:#ff7003;display:block;padding:10px;font-size:12px;font-weight:700;line-height:normal;text-align:center;border-radius:8px;cursor:pointer;} span.interactiveActivity{ color:#fff;background-color:#ff7003;display:inline-block;padding:10px;font-size:12px;font-weight:700;line-height:normal;text-align:center;border-radius:8px;cursor:pointer;} .remainingNineMethod span{ color:#fff;background-color:#ff7003;display:inline-block;padding:.25em 3px .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;padding-right:.6em;padding-left:.6em;border-radius:10rem 160px;cursor:pointer;} span.method-name.active{ border:2px solid #007BFF;} .full_size_modal.login_field.commn_modal .modal-dialog{ max-width:1150px;} .full_size_modal.login_field.commn_modal .modal-body{ padding:0;} .full_size_modal.login_field.commn_modal .step_img{ border-radius:20px;padding-bottom:122%;} .full_size_modal.login_field.commn_modal .login_modalpop{ padding:35px 15px 35px 35px;} .full_size_modal.login_field.commn_modal .modal_title1 span{ margin-bottom:10px;color:#000;font-size:32px;font-style:normal;font-weight:600;line-height:100%;text-align:start;} .full_size_modal.login_field.commn_modal .modal_title1{ margin-bottom:30px;} .full_size_modal.login_field.commn_modal .modal_title1 p{ color:#777777;font-size:16px;font-weight:400;line-height:150%;text-align:start;} .full_size_modal.login_field.commn_modal .modal_form_field .form_group .form_control{ border-radius:0;background:transparent !important;width:100%;padding:14px 55px 14px 0px;border:none;font-size:14px;height:60px;border-bottom:1px solid #AFA2C3;} .full_size_modal.login_field.commn_modal .align_itlabel{ display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;flex-wrap:wrap;} .full_size_modal.login_field.commn_modal a{ padding-top:0;} .full_size_modal.login_field.commn_modal .login_btn{ border-radius:8px;background:#F27405;margin-bottom:15px;padding:16px;line-height:normal;} .orText{ text-align:center;} .full_size_modal.login_field.commn_modal .login-with-google{ border-radius:4px;border:1px solid #AFA2C3;} .full_size_modal.login_field.commn_modal .login-with-google a{ color:#3E334E;text-align:center;font-size:14px;font-weight:500;line-height:100%;} .full_size_modal.login_field.commn_modal .login-with-google a img{ margin-right:10px;width:25px;background:#EEE;padding:2px;border-radius:100px;} .full_size_modal.login_field.commn_modal .checkbox-container{ align-items:center;} .full_size_modal.login_field.commn_modal .have_acc p{ color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal;display:flex;gap:5px;justify-content:center;} .full_size_modal.login_field.commn_modal .have_acc p a{ color:#F27405;} .full_size_modal.login_field.commn_modal .modal_form_field .form_group .icon_eye{ right:0;} @media screen and (max-width:992px){ .full_size_modal.login_field.commn_modal .login_modalpop{ padding:25px;} } @media screen and (max-width:1200px){ .full_size_modal.login_field.commn_modal .step_img{ border-radius:20px;padding-bottom:unset;height:100%;overflow:hidden;} .full_size_modal.login_field.commn_modal .step_img img{ object-fit:cover;position:unset;top:0;left:0;min-height:unset;min-width:unset;max-width:unset;height:100%;max-height:unset;width:100%;} } .banner_courses_box.new_banner_y.edit_profile.banner_courses_box{ display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;padding:20px;height:195px;} .banner_courses_box.new_banner_y.edit_profile.banner_courses_box h4{ position:relative;z-index:1;color:#FFF;font-size:30px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:0;text-align:center;} .banner_courses_box.new_banner_y.edit_profile.banner_courses_box h6{ text-align:center;} .loader_rar{ text-align:center;margin-bottom:30px;margin-top:15px;} .loader_rar img{ width:55px;margin:auto;text-align:center;} .share_btn_align{ display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;} .share_btn_align .share_community{ border-radius:30px;font-size:14px;padding:10px 20px;} .feedback h2{ font-size:20px;font-weight:700;color:#0163F0;margin-bottom:10px;} .main-head{ padding:0 15px;} .sub-head{ margin-top:15px;margin-bottom:15px;margin-left:5px;} .sub-head-1{ margin-top:15px;margin-bottom:15px;margin-left:10px;} .child-head{ padding:15px;} #guestAnswersForm .mcq_question_checkbox .checkmark:after{ border:unset;} .edit_Pr_btn{ display:flex;align-items:center;gap:10px;} .edit_Pr_btn .submit_btn{ font-size:14px;padding:6px 19px;height:37px;width:100px;} .edit_Pr_btn .normal_btn_blue{ font-size:14px;padding:6px 19px;height:37px;width:100px;display:inline-flex;align-items:center;justify-content:center;} .edit_Pr_btn .normal_btn_blue:hover{ color:#fff;} @media screen and (max-width:575px){ .banner_courses_box.new_banner_y.edit_profile.banner_courses_box h4{ font-size:20px;} .banner_courses_box h6{ font-size:15px;} } #inviteFriendsBtn{ background:transparent;border:1px solid #ff7003;color:#ff7003;padding:8px 23px;border-radius:30px;font-size:15px;font-weight:600;margin-top:15px;} .invite-modal .invite-modal__row{ display:flex;gap:26px;margin:4px 0;justify-content:space-between;margin-top:10px;background:#eff6ff;padding:10px;align-items:center;border-radius:5px;border:1px solid #abceff;} .invite-modal .invite-modal__header h5{ margin:0;font-weight:600;font-size:20px;} .invite-modal .invite-modal__qr img{ width:200px;margin:30px auto;} .invite-modal .invite-modal__close{ background:transparent;border:0;font-size:35px;line-height:normal;cursor:pointer;} .main_ln.full_screen .loder-page-box{ height:100vh !important;position:fixed;top:0;width:100%;z-index:999;border-radius:0;} .main_ln .loder-page-box{ padding:30px;border-radius:30px;min-height:570px;height:100%;} .main_ln .animttext{ flex:unset;text-align:center;position:absolute;top:50%;transform:translateY(-50%);} .main_ln .rotator{ flex-direction:column;} .lmethod_img img{ width:200px;margin:30px auto;border-radius:27px;border:1px solid #ffffff;} .main_ln .text_wit{ font-size:16px;margin:270px 0 0;color:#7f7f7f;text-align:center } .ai_learning_banner .invite{ position:absolute;top:20px;right:20px;display:flex;align-items:end;flex-direction:column;} .ai_learning_banner .invite img{ width:120px;background:#fff;padding:6px;border-radius:10px;} .ai_learning_banner .invite__row{ display:flex;align-items:center;gap:6px;margin-top:15px;position:relative;z-index:99;} .ai_learning_banner .invite__row span{ font-size:18px;color:#fff;font-weight:600;flex:0 0 38px;} .ai_learning_banner .invite__row span:nth-child(2){ flex:unset;margin-right:11px;} .ai_learning_banner .invite__row button{ border:1px solid #fff;color:#fff;font-size:13px;border-radius:15px;padding:5px 18px;display:inline-flex;align-items:center;width:105px;justify-content:center;flex:0 0 120px;white-space:nowrap;} .ai_learning_banner .invite__row button:hover{ color:#fff;background:#ff760d;} .ai_learning_banner .invite__row strong{ border:1px solid #fff;color:#fff;font-size:13px;border-radius:15px;padding:5px 18px;display:inline-flex;align-items:center;justify-content:center;width:105px;font-weight:500;flex:0 0 120px;} .common_mcq .overflow_content .questions_box_sec22{ padding:70px;background:#eaf5ff;border:1px solid #6da8ff;border-radius:20px;margin-bottom:30px;} .common_mcq .mcq_question_checkbox{ background:rgb(255 255 255);} .common_mcq .filed_box label{ font-size:16px;line-height:24px;font-weight:700;margin-bottom:20px;} .box_communications{ background:#f5f5f5;padding:50px;border-radius:20px;margin-top:20px;border:1px solid #eee;} .common_mcq label.mcq_question_checkbox{ font-size:13px !important;line-height:18px !important;font-weight:600;border-radius:50px;margin-bottom:10px;} .common_mcq .mcq_question_checkbox input:checked~.checkmark{ background-color:#0163f0;width:100%;height:100%;top:0;border:1px solid #0163f0;left:0;border-radius:40px;z-index:0;} .common_mcq .share_btn_align{ margin-bottom:27px !important;} .common_mcq .share_btn_align .share_community{ border-radius:30px;font-size:14px;padding:10px 20px;background:#ff740b;border:1px solid #ff740b;} .common_mcq .mcq_question_checkbox .checkmark{ border:unset;} .common_mcq .mcq_question_checkbox span.checkmark.right-ans{ position:absolute;top:0 !important;left:0 !important;background-color:#c7ffc9 !important;width:100% !important;display:block !important;height:100% !important;z-index:0;border:1px solid #00ff09;background-image:url("../img/check_green_01.svg");background-size:18px;background-position:calc(100% - 20px);background-repeat:no-repeat;} .common_mcq .mcq_question_checkbox span.checkmark.right-ans+span{ color:#000 !important;} .common_mcq .mcq_question_checkbox input:checked~.checkmark+span{ color:#fff;} .common_mcq .filed_box{ margin-bottom:25px;} .share_btn_align .form-check{ padding:0;} .rar_update_design .audioFile .r-main_title h4{ font-size:20px !important;font-weight:700;color:#0163F0;margin-bottom:20px;} .r-main_title h4{ font-size:20px;font-weight:700;color:#0163F0;margin-bottom:20px;} @media screen and (max-width:992px){ .common_mcq .overflow_content{ padding:20px;} .common_mcq .overflow_content .questions_box_sec22{ padding:20px;border-radius:10px;} .common_mcq .mcq_question_checkbox input:checked~.checkmark{ border-radius:7px;} } @media screen and (max-width:400px){ .common_mcq .overflow_content{ padding:15px;} .common_mcq label.mcq_question_checkbox{ font-size:12px !important;border-radius:10px;} .common_mcq .filed_box label{ font-size:14px;line-height:21px;} } .lg_blue{ padding:50px;background:#f4f9ff;border-radius:20px;margin-bottom:30px;} .lg_blue .arrow_list2 li{ line-height:27px;background-position-y:9px;} .learning_sec.new_learning_sec{ background:#f4f7ff;padding:30px;border-radius:30px;border:1px solid #c3d4ff;} .best_learning_title h2{ font-size:20px;font-weight:700;margin-bottom:20px;color:#0070C0;margin-top:30px;} .normalText{ font-weight:400;color:#000;display:block;font-size:16px;margin-top:5px;} .best_learning_title h5{ font-size:18px !important;margin-bottom:20px;color:#FF7003 !important;font-weight:700 !important;} .learning_style.best_learning_title h5{ margin-bottom:0 !important;} .best_learning_title h6{ font-size:18px;} .best_learning_title h6 strong{ color:#000;} .recommended_best_method h5{ color:#000 !important;font-weight:500 !important;} .recommended_best_method h5 span{ font-size:17px;font-weight:500;} .recommended_best_method h5 strong{ font-size:18px;} .recommended_best_method img{ width:55px;} .learning_style{ display:flex;align-items:start;gap:20px;margin-bottom:20px;flex-wrap:wrap;flex-direction:column;background:#fff;padding:30px;border-radius:20px;} .learning_style_box h6{ font-size:16px;font-weight:500;margin:0;} .learning_style_box img{ width:35px;} .wrapper-box{ position:fixed !important;} .update_leaderboard .update_user_rank.user_list_rank .user_list_rank_inner span:nth-child(2){ flex:0 0 80%;} .update_leaderboard .update_user_rank .user_item{ justify-content:start !important;} .update_leaderboard .update_user_rank .user_item h3{ flex:0 0 80%;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;background:#A6D7FF;padding:10px;justify-content:start;border-radius:10px;} .update_leaderboard .update_user_rank #userListContainer .user_item:nth-child(2) h3{ background:#FFD992;flex:0 0 70%;} .update_leaderboard .update_user_rank #userListContainer .user_item:nth-child(3) h3{ background:#A1FFCB;flex:0 0 65%;} .update_leaderboard .update_user_rank #userListContainer .user_item:nth-child(4) h3{ background:#FFA8D1;flex:0 0 60%;} .update_leaderboard .update_user_rank #userListContainer .user_item:nth-child(5) h3{ background:#BCAFFF;flex:0 0 55%;} .update_leaderboard .update_user_rank #userListContainer .user_item:nth-child(6) h3{ background:#AEFDFF;flex:0 0 50%;} .update_leaderboard .update_user_rank #userListContainer .user_item:nth-child(7) h3{ background:#AEE0FF;flex:0 0 45%;} .update_leaderboard .update_user_rank #userListContainer .user_item:nth-child(8) h3{ background:#FFBEAE;flex:0 0 40%;} .update_leaderboard .update_user_rank #userListContainer .user_item:nth-child(9) h3{ background:#DCAEFF;flex:0 0 35%;} .update_leaderboard .update_user_rank #userListContainer .user_item:nth-child(10) h3{ background:#FFEFAE;flex:0 0 30%;} .update_leaderboard .update_user_rank .user_item{ border-radius:0;background:unset;padding:unset;width:unset;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;} .update_leaderboard .update_user_rank .blur_border{ border:unset;} .update_leaderboard .update_user_rank .user_item span{ flex:0 0 8%;} .update_leaderboard .update_user_rank .user_item span:last-child{ position:absolute;right:50px;} .update_leaderboard .update_user_rank.user_list_rank .user_list_rank_inner span:last-child{ flex:0 0 8%;} .update_leaderboard .ranking_new_box .update_ranking_sec{ display:flex;gap:20px;justify-content:center;align-items:end;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_img img{ width:100%;height:100%;border-radius:100px !important;object-fit:cover;} .update_leaderboard .ranking_new_box .update_ranking_sec .second_rank_item .ranking_img{ background:#cbd5e1;width:120px;height:120px;} .update_leaderboard .ranking_new_box .update_ranking_sec .second_rank_item .second_rank{ background:#cbd5e1;margin:auto;text-align:center;padding:20px;border-radius:20px 20px 0px 0px;} .update_leaderboard .ranking_new_box .update_ranking_sec .first_rank_item .ranking_img{ background:#E8BB01;} .update_leaderboard .ranking_new_box .update_ranking_sec .first_rank_item .second_rank{ background:#e8bb01;margin:auto;text-align:center;padding:50px;border-radius:20px 20px 0px 0px;} .update_leaderboard .ranking_new_box .update_ranking_sec .third_rank_item .ranking_img{ background:#E6C2A9;width:120px;height:120px;} .update_leaderboard .ranking_new_box .update_ranking_sec .third_rank_item .second_rank{ background:#e6c2a9;margin:auto;text-align:center;padding:10px;border-radius:20px 20px 0px 0px;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_img{ width:150px;height:150px;padding:7px;margin:0 auto 30px;border-radius:100px;position:relative;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_title{ padding:0;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_title h5{ color:#000;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_title span{ color:#000;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_title h3{ color:#000;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_title p{ color:#000;} .update_leaderboard .ranking_new_box .update_ranking_sec .rank_badges2{ position:relative;top:unset;left:unset;transform:unset;} .update_leaderboard .ranking_new_box .update_ranking_sec .rank_badges{ position:relative;top:unset;left:unset;transform:unset;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_item{ flex:0 0 17%;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_item p{ position:absolute;bottom:10px;right:0;width:25px;height:25px;display:flex;justify-content:center;align-items:center;font-size:20px;margin:0;font-weight:600;border-radius:30px;padding:15px;border:2px solid #fff;} .update_leaderboard .ranking_new_box .update_ranking_sec .second_rank_item p{ background:#CBD5E1;} .update_leaderboard .ranking_new_box .update_ranking_sec .first_rank_item p{ background:#E8BB01;} .update_leaderboard .ranking_new_box .update_ranking_sec .third_rank_item p{ background:#E6C2A9;} .inner_rar_page{ padding-bottom:50px;} .inner_rar_page .main_box{ height:100% !important;padding:50px;} .bg_white input{ border:1px solid #c5c5c5;padding:10px;border-radius:10px;} .bg_white input:focus{ outline:unset;box-shadow:unset;} .banner.quiz_banner{ width:100%;height:fit-content;background-image:url("../img/bg_imform.png");background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;overflow:hidden;border-radius:0;} .particle{ position:absolute;top:-10%;border-radius:50%;opacity:0.9;animation:fall linear infinite;} @keyframes fall{ 0%{ transform:translateY(-10vh) rotate(0deg);} 100%{ transform:translateY(110vh) rotate(360deg);} } .not_text p{ font-size:16px;font-weight:500;} .not_text p a{ color:#ff7003;font-weight:600;} .pin_page_sec{ height:92vh;width:100%;padding:50px 0;position:relative;overflow-y:auto;overflow-x:hidden;} .pin_page_sec::-webkit-scrollbar{ width:0px;height:0px;} .over_box{ height:740px;overflow-y:auto;padding:30px;display:flex;flex-direction:column;} .over_box::-webkit-scrollbar{ width:0px;height:0px;} .pin_page_sec .video_pin video{ width:100%;height:100%;object-fit:cover;} .pin_page_sec .filed_box label{ font-weight:600;} .main_quix{ margin-bottom:50px;text-align:start;} .main_quix h3{ font-size:30px;font-weight:700;margin-bottom:10px;} .main_quix h4{ margin:0;font-size:18px;font-weight:600;} .pinTIme{ background:#fff2e8;padding:13px;border-radius:10px;border:1px solid #ffbf8f;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;} .blueMain_BOX{ background-color:#f4f9ff;padding:25px;border-radius:10px;border:1px solid #bbd7ff;margin-bottom:25px;margin-top:25px;} .pin_img{ height:100%;width:100%;} .pin_img img{ height:100%;border-radius:30px;width:100%;object-fit:cover;} .interactiveActivities{ margin-top:30px;} .orgnization_follow{ display:flex;justify-content:start;margin-bottom:20px;gap:20px;} .orgnization_follow span{ display:block;} .effect1{ position:relative;} .effect1::after{ content:'';background-image:url('../img/left_top_animations.webp');width:70px;height:80px;background-size:cover;position:absolute;top:20%;left:80px;animation:float 3s ease-in-out infinite;z-index:1;} .effect1::before{ content:'';background-image:url('../img/right_top_animations.webp');width:60px;height:80px;background-size:cover;position:absolute;top:20%;right:80px;animation:float 3s ease-in-out infinite;z-index:1;} .effect2::before{ content:'';background-image:url('../img/right_bottom_animations.webp');width:99.64px;height:72.56px;background-size:cover;position:absolute;bottom:30px;right:90px;animation:float 3s ease-in-out infinite;z-index:1;} .effect2::after{ content:'';background-image:url('../img/left_bottom_animations.webp');width:99.64px;height:80.56px;background-size:cover;position:absolute;bottom:30px;left:90px;animation:float 3s ease-in-out infinite;z-index:1;} .loder-page-box::before{ content:'';background-image:url('../img/right_bottom_animations.webp');width:99.64px;height:72.56px;background-size:cover;position:absolute;bottom:30px;right:90px;animation:float 3s ease-in-out infinite;z-index:1;} .loder-page-box::after{ content:'';background-image:url('../img/left_bottom_animations.webp');width:99.64px;height:80.56px;background-size:cover;position:absolute;bottom:30px;left:90px;animation:float 3s ease-in-out infinite;z-index:1;} .quiz_sec .mcq_question_checkbox .checkmark{ top:50%;height:20px;border-radius:30px;width:20px;transform:translateY(-50%);} .quiz_sec .mcq_question_checkbox input:checked~.checkmark{ background-color:#E0FFD8;width:100%;height:100%;top:50%;border:1px solid #48B02C;left:0;border-radius:10px;z-index:0;transform:translateY(-50%);} .quiz_sec .questions_box_item22{ background-color:#fff;} .quiz_sec .mcq_question_checkbox input:checked~.checkmark{ border-radius:40px;} .quiz_sec .questions_box_item22.mb-3{ border:1px solid #eee !important;border-radius:28px !important;padding:35px !important;} .mcq_question_checkbox.right_answer{ border:1px solid #16a34a !important;color:#16a34a;} .quiz_sec .questions_box_item22 .mcq_question_checkbox{ background:transparent;border-radius:50px;font-size:14px;font-weight:700;border:1px solid #ffc69a;color:#005bdf;position:relative;} .icon_wrong_write{ position:absolute !important;top:50%;right:20px;transform:translateY(-50%);width:auto !important;color:#ff0000;} .quiz_sec .questions_box_item22 label{ font-size:16px;font-weight:600;display:flex;align-items:start;gap:6px;font-weight:700;} .keeptry_box{ text-align:center;} .keeptry_box h2{ display:flex;align-items:center;flex-direction:column;gap:20px;} .keeptry_box span{ font-size:58px;text-align:center;} .keeptry_box .box_numbering{ display:flex;font-size:16px;border-radius:12px;background:#f5f9ff;border:1px solid #dbe7ff;align-items:center;gap:5px;justify-content:center;margin-bottom:20px;width:fit-content;padding:0px 30px;justify-content:center;margin:30px auto 30px;} .processing-box{ position:relative;font-size:14px;font-weight:500;color:#7b7b7b;display:flex;align-items:center;gap:-4px;overflow:visible;flex-wrap:wrap;width:100%;margin:-37px auto 30px;} .processing-box .pop-dots{ position:relative;width:60px;height:20px;} .processing-box .dot{ width:8px;height:8px;background:#222;border-radius:50%;position:absolute;left:0;top:6px;opacity:0;animation:pop 1.4s infinite ease-out;} .processing-box .dot:nth-child(1){ animation-delay:0s;} .processing-box .dot:nth-child(2){ animation-delay:0.25s;} .processing-box .dot:nth-child(3){ animation-delay:0.5s;} @keyframes pop{ 0%{ transform:translateX(0) scale(0.2);opacity:0;} 30%{ transform:translateX(10px) scale(1);opacity:1;} 80%{ transform:translateX(40px) scale(0.4);opacity:0.4;} 100%{ transform:translateX(60px) scale(0);opacity:0;} } .public_leaderBoard.update_leaderboard .ranking_new_box{ padding:31px 25px 25px;width:100%;height:100%;background-image:url(../img/bg_imform.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;overflow:hidden;border-radius:0;padding:30px;} .public_leaderBoard.update_leaderboard .user_list_rank{ height:100%;} @media (max-width:1600px){ .processing-box{ width:50%;} } @media (max-width:1400px){ .rar_update_design .Interactive_act a{ flex:1 0 25%;} .processing-box{ width:45%;} } @media (max-width:1100px){ .processing-box{ margin-top:20px;font-size:14px;width:100%;} } @media (max-width:992px){ .pin_page_sec{ height:100%;padding-top:30px;} .over_box{ padding:0;} .effect1::after{ display:none;} .effect1::before{ display:none;} .loder-page-box::after{ display:none;} .loder-page-box::before{ display:none;} .effect2::before{ display:none;} .effect2::after{ display:none;} } @media (max-width:575px){ .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_item p{ bottom:-3px;width:25px;height:25px;font-size:14px;padding:13px;border:1px solid #fff;} .leaderboard_sec .main_title h2{ font-size:21px;} .update_leaderboard .ranking_new_box{ padding:20px;} .update_leaderboard .ranking_new_box .update_ranking_sec .second_rank_item .ranking_img{ width:70px;height:70px;} .update_leaderboard .ranking_new_box .update_ranking_sec .first_rank_item .second_rank{ padding:20px;} .update_leaderboard .ranking_new_box .update_ranking_sec .ranking_img{ width:110px;height:110px;padding:3px;} .update_leaderboard .ranking_new_box .update_ranking_sec .third_rank_item .ranking_img{ width:60px;height:60px;} .rar_update_design .Interactive_act a{ flex:1 0 50%;} .content_learning_method{ padding:10px 10px 10px;} .animttext{ font-size:16px;} .animttext{ max-width:300px;} } .Analysis_sc .ft_30{ padding-left:49px;} .white_box_main{ margin-bottom:20px;flex-wrap:wrap;flex-direction:column;background:#fff;padding:30px;border-radius:20px;} .white_box_main ul{ padding:0 17px;} .wrong_item_choose_status{ display:flex;align-items:start;gap:20px;margin-bottom:25px;} .common_quiz .progress{ height:40px !important;background:#ddebff;border-radius:60px;margin-bottom:5px;} .common_quiz .bg-info{ background-color:rgb(131 182 255) !important;} .common_quiz .progress-bar{ background-color:rgb(131 182 255);} .common_quiz .form-check-input:checked{ background-color:#0163f0;border-color:#0163f0;} .common_quiz .small.text-muted{ position:absolute;right:10px;top:10px;} .common_quiz .form-check{ position:absolute;top:8px;left:0;z-index:9;width:100%;padding:0 35px;} .common_quiz .form-check .form-check-input{ opacity:1;} .common_quiz .poll-option{ position:relative;} .common_quiz .poll-option .form-check-label{ width:100%;cursor:pointer;font-size:14px;font-weight:600;} .common_quiz .wrong_answer{ padding:10px;border:1px solid rgb(220 54 70) !important;border-radius:30px;font-size:14px;margin-bottom:15px;justify-content:space-between;display:flex;align-items:center;} .common_quiz .currect_answer{ padding:10px;border:1px solid #198754;border-radius:30px;font-size:14px;color:#198754;justify-content:space-between;display:flex;align-items:center;} .txt_label span{ font-size:14px;font-weight:600;margin-top:20px;display:block;} .public_leaderBoard.common_bg_img{ height:100vh;overflow-y:auto;overflow-x:hidden;} .common_bg_img{ background-image:url("../img/bg_matching.webp");background-size:cover;position:relative;padding-bottom:50px;height:100vh;overflow-y:auto;} .quiz_page .card-body h5{ font-size:16px;font-weight:600;} .fz_14{ font-size:14px;font-weight:600;margin:20px;} .common_quiz{ width:100%;margin:auto;border-radius:15px !important;border:1px solid #eee;} .common_quiz .custom-option{ position:relative;margin:0px 0 10px !important;padding:10px !important;} .common_quiz .custom-option input{ width:100%;height:100%;border-radius:40px;position:absolute;top:50%;left:0;cursor:pointer;transform:translateY(-50%);margin:0;border:1px solid #ffd9bc;} .common_quiz h5{ font-size:16px;font-weight:600 !important;line-height:24px;} .common_quiz .custom-option label{ position:relative;z-index:1;font-size:14px;font-weight:600;color:#0d70fd;} .common_quiz .custom-option .form-check-input:focus{ box-shadow:unset;border:1px solid #FF7003;} .card-body .custom-option .form-check-input:checked[type=radio]{ background-image:unset;} .common_quiz .custom-option .form-check-input:checked{ background-color:#ffffff;border-color:#2e84fd;} .pollsBox{ position:relative;} .pollsBox .fz_14{ font-size:14px;font-weight:600;margin:0;position:absolute;top:10px;left:20px;} .timer_quiz{ display:flex;align-items:center;justify-content:center;flex-direction:column;} .timer_quiz span{ font-size:14px;font-weight:600;} .timer_quiz h5{ font-size:22px;font-weight:600;} .resul_title01{ display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto 20px;} .resul_title01 h4{ font-size:18px;font-weight:600;margin:0;} .resul_title01 .bg-primary{ font-size:16px !important;padding:10px 20px;border-radius:30px;} .box_animated{ background:#ffffff00;width:50%;text-align:center;display:flex;align-items:center;flex-direction:column;padding:50px;border:2px solid #ff730a;border-radius:30px;} .userManual .resourcess_box .resourcess_title{ padding:0;width:100%;} .userManual .resourcess_box .resourcess_title h2{ margin-bottom:20px;} .userManual .resourcess_box{ padding:20px;text-align:center;height:100%;background-image:url(../img/bg_imform.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;overflow:hidden;background-color:#fff9f9;border:1px solid #e1e1e1;} .userManual .resourcess_box::after{ display:none;} .resourcessBtn{ display:flex;align-items:center;gap:20px;} .resourcessBtn .btn_blue_grdnts{ padding:10px;width:240px;display:inline-flex;justify-content:center;} .resourcessBtn .submit_btn{ padding:10px;width:240px;display:inline-flex;justify-content:center;} .align_btn0000{ display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:0 30px;} .align_btn0000 .btn_blue_grdnts{ font-size:16px;line-height:28px;padding:10px 20px;width:150px;border:none;height:48px;display:inline-flex;justify-content:center;align-items:center;} .align_btn0000 .blue_btn{ line-height:25px;} .h_110{ height:111px;} .withoutloginsimd.update_section{ padding-bottom:50px !important;} .withoutloginsimd.update_section .main_box_inner .content_box{ flex:0 0 calc(100% - 0px);padding:0px 60px;} .align_btn00{ display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;} .align_btn00 .btn_blue_grdnts{ font-size:16px;line-height:28px;padding:10px 20px;width:150px;} @media screen and (max-width:1300px){ .box_animated{ width:65%;} } @media screen and (max-width:1200px){ .common_quiz{ width:100%;} .box_animated{ width:100%;} } @media screen and (max-width:992px){ .lg_blue{ padding:15px;} } @media screen and (max-width:575px){ .resourcessBtn{ flex-wrap:wrap;gap:10px;} .rar_update_design p{ line-height:20px !important;} .wrong_item_choose_status{ flex-wrap:wrap;} .quiz_sec .questions_box_item22.mb-3{ border-radius:10px !important;padding:15px !important;} .quiz_sec .questions_box_item22 .mcq_question_checkbox{ border-radius:10px;font-size:14px;padding:12px;} .quiz_sec .mcq_question_checkbox input:checked~.checkmark{ border-radius:10px;} } .puzzle_sec .header_sec{ background-color:transparent;padding:20px 0;} .puzzle_sec .puzzle_inner{ padding:60px 0;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title{ position:relative;width:fit-content;margin-bottom:0px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title h1::after{ content:"";position:absolute;top:-13px;right:-50px;background-image:url("../img/puzzle_icon.svg");background-repeat:no-repeat;background-position:center;background-size:cover;width:49.82px;height:51.35px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title h1{ background:linear-gradient(270deg,#00C63A 0%,#FF76AA 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:75px;font-weight:700;line-height:normal;width:fit-content;position:relative;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title h2{ color:#000;font-size:30px;font-style:normal;font-weight:700;line-height:43px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title p{ color:#000;font-size:18px;font-style:normal;font-weight:700;line-height:27px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_tips_title{ margin-bottom:18px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_tips_title h3{ color:#FF7003;font-size:25px;font-style:normal;font-weight:700;line-height:27px;margin-bottom:15px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_tips_title ul{ padding:0;margin:0;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_tips_title ul li{ color:#000;font-size:16px;font-style:normal;font-weight:600;line-height:30px;display:flex;align-items:center;gap:10px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_tips_title ul li strong{ background:linear-gradient(270deg,#0094FD 0%,#FF76AA 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .puzzle_sec .puzzle_inner .puzzle_solve{ background-image:url("../img/bg_puzzle_icon.svg");background-repeat:no-repeat;background-size:cover;height:100%;width:100%;padding:25px;border-radius:30px;height:100%;display:flex;align-items:center;justify-content:center;position:relative;} .puzzle_sec .puzzle_inner .puzzle_solve .whiteBox{ background:#ffdbbe !important;border-radius:10px;border:2px solid #003178 !important;padding:5px !important;} .puzzle_sec .puzzle_inner .puzzle_solve table,tr,td{ border:none !important;} .puzzle_sec .puzzle_inner .puzzle_solve .greyBox{ background:transparent !important;border-radius:5px;} .puzzle_sec .puzzle_inner .puzzle_solve .whiteBox div{ font-size:12px !important;color:#000 !important;font-weight:600;} .puzzle_sec .puzzle_inner .puzzle_solve .whiteBox input{ background:#ffdbbe !important;} @media screen and (max-width:1700px){ .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title h1::after{ top:-20px;right:-60px;width:59.82px;height:62.35px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title h1{ font-size:85px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title h2{ font-size:30px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title p{ font-size:16px;line-height:27px;} } @media screen and (max-width:575px){ .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title h1{ font-size:65px;} .puzzle_sec .puzzle_inner .puzzle_content_box .puzzle_title h1::after{ top:-30px;right:-67px;width:59.82px;height:62.35px;} } .match_matching_sc #leftList .list-group-item span{ font-weight:600;color:#000000;font-size:13px;} .match_matching_sc #leftList .list-group-item .badge-left{ width:28px;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;position:absolute;top:0;border-radius:0 !important;right:-1px;color:#ffffff;background:#ff7a15;} .match_matching_sc #rightList .list-group-item{ padding-left:45px !important;min-height:35px;padding:3px;} .match_matching_sc #leftList .list-group-item:hover span{ color:#000;} .match_matching_sc #rightList .list-group-item:hover span{ color:#000;} .match_matching_sc #rightList .list-group-item .badge-left{ width:28px;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;position:absolute;top:0;border-radius:0 !important;left:-1px;} .match_matching_sc .glass-card{ background:transparent !important;} .match_matching_sc .pretty-list .list-group-item{ border-radius:0;background:#fff;min-height:35px;border:1px solid #d3e5ff;} .match_matching_sc .pretty-list .list-group-item span.flex-grow-1{ font-weight:600;color:#000;font-size:13px;} .match_matching_sc .card-body .small{ color:#005bdf !important;font-weight:600;} .header_transparent .header_sec{ background:transparent;} @media screen and (max-width:992px){ .header_transparent .header_sec{ background:#fff;padding:0;} } .plr-20{ padding:0 20px;} .polls_new_box .lbel_title{ font-size:15px !important;font-weight:600 !important;} .new_quiz_sec .polls_new_box .quiz-card{ max-width:100%;background:#fff;border-radius:10px;padding:35px;} .new_quiz_sec .polls_new_box .question{ text-align:center;font-size:18px;font-weight:600;margin-bottom:30px;} .new_quiz_sec .polls_new_box .option{ display:flex;align-items:center;gap:7px;margin-bottom:18px;cursor:pointer;} .new_quiz_sec .polls_new_box .rank{ width:36px;height:36px;border-radius:50%;background:#eef1f7;display:flex;align-items:center;justify-content:center;font-weight:600;} .new_quiz_sec .polls_new_box .bar-wrap{ flex:1;background:#edf0f7;height:46px;overflow:hidden;border-radius:0;} .new_quiz_sec .polls_new_box .bar{ height:100%;width:0%;display:flex;align-items:center;padding-left:20px;font-weight:600;color:#fff;transition:0.8s;} .new_quiz_sec .polls_new_box .label{ color:#000;z-index:1;font-size:16px;white-space:nowrap;font-weight:600;} .new_quiz_sec .polls_new_box .percent-out{ min-width:50px;font-weight:600;text-align:start;} .new_quiz_sec .polls_new_box .blue{ background:#0163f0;} .new_quiz_sec .polls_new_box .orange{ background:#ff7003;} .new_quiz_sec .polls_new_box .green{ background:#5bc980;} .new_quiz_sec .polls_new_box .pink{ background:#f26aa3;} .new_quiz_sec .polls_new_box .actions{ display:flex;justify-content:center;gap:20px;margin-top:35px;} .new_quiz_sec .polls_new_box .action-btn{ width:120px;height:48px;border-radius:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;} .new_quiz_sec .polls_new_box .skip{ background:#eef1f7;} .new_quiz_sec .polls_new_box .next{ background:#0163f0;color:#fff;} .instruction_item{ background:#012150;padding:20px;border-radius:10px;margin-bottom:15px;} .instruction_item h3{ color:#FF7003;font-size:18px;font-style:normal;font-weight:700;line-height:27px;margin-bottom:15px;} .instruction_item.crossword_instruction p{ color:#000;} .instruction_item p{ color:#fff;font-size:15px;font-style:normal;font-weight:500;line-height:27px;margin:0;} .main_quizcard.quiz-card{ background:#fff;border-radius:20px;padding:30px;width:100%;max-width:100%;border:1px solid #B2D1FF;height:100%;} .main_quizcard.quiz-card h2{ margin:0 0 10px;font-size:20px;} .main_quizcard .time-left{ text-align:right;font-size:14px;color:#555;margin-bottom:20px;} .main_quizcard .question-number{ display:inline-block;background:#0163f0;color:#fff;padding:5px 10px;border-radius:10px;font-size:14px;} .main_quizcard .options{ list-style:none;padding:0;margin:0 0 20px 0;} .main_quizcard .options li{ background:#0163f0;color:#fff;padding:12px 15px;border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all 0.3s;} .main_quizcard .options li.correct{ background:#0163f0;} .main_quizcard .options li.wrong{ background:#ff7003;} .main_quizcard .options li.selected{ border:2px solid #ff7003;} .main_quizcard .options li:hover{ opacity:0.8;} .main_quizcard .buttons{ display:flex;justify-content:space-between;gap:10px;} .main_quizcard .next-btn,.main_quizcard .skip-btn{ flex:1;background:#000;color:#fff;border:none;padding:10px 15px;font-size:14px;border-radius:8px;cursor:pointer;} .main_quizcard .skip-btn{ background:#ff7003;} .main_quizcard .question_number{ display:flex;align-items:start;gap:10px;background:#e6f0ff;padding:12px 15px;border-radius:12px;margin-bottom:15px;font-size:16px;} .wheel_main_box .wheel-wrapper{ position:relative;width:100%;height:auto;} .wheel_main_box .wheel-wrapper #wheel{ width:100%;height:auto;border-radius:50%;box-shadow:0 12px 30px rgba(0,0,0,.15);} .wheel_main_box .wheel-wrapper .center-btn{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer;z-index:3;} .wheel_main_box .wheel-wrapper .center-btn::after{ content:'';position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:22px solid #000;} .wheel_main_box{ background:#fff;border-radius:20px;padding:30px;width:100%;max-width:100%;border:1px solid #B2D1FF;} .wheel_main_box .time-left{ display:flex;align-items:center;gap:10px;justify-content:end;} .wheel_main_box .time-left span{ color:#000;font-size:20px;font-style:normal;font-weight:600;line-height:normal;} .align_box{ display:flex;align-items:center;justify-content:center;height:100%;width:100%;} .timer_align{ display:flex;align-items:center;gap:10px;justify-content:end;margin-bottom:20px;} .timer_align img{ width:40px;} .timer_align h5{ font-weight:600;font-size:20px;margin:0;color:#fff;} .instruction_white_box{ background:#012150;padding:15px;border-radius:15px;text-align:start !important;} .match_matching_sc #rightList .list-group-item .color_bg2{ color:#fff;font-size:13px;} .match_matching_sc #leftList .list-group-item:nth-child(1) .color_bg1{ background:#266086;} .match_matching_sc #leftList .list-group-item:nth-child(2) .color_bg1{ background:#FFBC00;} .match_matching_sc #leftList .list-group-item:nth-child(3) .color_bg1{ background:#00D521;} .match_matching_sc #leftList .list-group-item:nth-child(4) .color_bg1{ background:#DA006C;} .match_matching_sc #rightList .list-group-item:nth-child(1) .color_bg2{ background:#0095FF;} .match_matching_sc #rightList .list-group-item:nth-child(2) .color_bg2{ background:#AE00FF;} .match_matching_sc #rightList .list-group-item:nth-child(3) .color_bg2{ background:#D5001C;} .match_matching_sc #rightList .list-group-item:nth-child(4) .color_bg2{ background:#FF6DB5;} .match_matching_sc #rightList .list-group-item:nth-child(5) .color_bg2{ background:#FF7327;} .instruction_white_box .timer_align{ justify-content:center;} .instruction_white_box .timer_align h5{ color:#000;} .main_score_list .score_box{ cursor:pointer;} .score_box_main{ background:#F0F1F3;border-radius:15px;width:100%;margin:0 auto 30px;padding:20px;} .score_box_main{ display:flex;flex-direction:column;gap:20px;align-items:center;} .score_box_main img{ width:160px;} .score_box_main span{ font-size:28px;font-weight:600;color:#5E7692;} @media screen and (max-width:992px){ .instruction_white_box br{ display:none;} .instruction_item h3{ font-size:20px;line-height:27px;margin-bottom:15px;} .instruction_item p{ font-size:14px;line-height:20px;} } .score_circle_progressbar{ position:relative;width:150px;height:150px;} .score_circle_progressbar .progress-text{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#5E7692;font-weight:700;} .score_circle_progressbar .progress-ring__bg{ fill:none;stroke:#a4bbd6;stroke-width:12;} .score_circle_progressbar .progress-ring__bar{ fill:none;stroke:#5E7692;stroke-width:12;stroke-linecap:round;stroke-dasharray:377;stroke-dashoffset:377;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 0.5s ease;} .guest_box{ display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;} #scoreResultCard .bg-primary{ font-size:16px !important;font-weight:500;display:flex;align-items:center;justify-content:center;} #scoreResultCard h4{ font-size:14px;} .quiz_dummy_img{ height:320px;display:flex;align-items:center;} .quiz_dummy_img img{ width:100%;height:auto;border-radius:10px;} .bg_blue_box{ background:#d1e4ff;color:#000000;font-size:16px;padding:7px 10px;border-radius:5px;font-weight:600;} .quiz-question-bar{ display:flex;align-items:start;gap:10px;} .quiz-container-wrapper{ display:flex;gap:20px;} .quiz-left-panel{ flex:0 0 300px;background:#fff;border-radius:20px;padding:24px;border:1px solid #B2D1FF;position:relative;} .quiz-right-panel{ flex:1;min-width:400px;background:#fff;border-radius:20px;padding:24px;border:1px solid #B2D1FF;position:relative } .crossword_instruction{ background:transparent;color:#000;margin-bottom:20px;padding:0;} .quiz-card{ background:#fff;border-radius:10px;padding:30px;border:1px solid #B2D1FF } .quiz-card .question{ font-size:18px;font-weight:600;margin-bottom:11px;} .question_number{ display:flex;align-items:flex-start;gap:10px;background:#e6f0ff;padding:12px 15px;border-radius:12px;margin-bottom:15px;font-size:16px } .question-number{ display:inline-block;background:#0163f0;color:#fff;padding:5px 10px;border-radius:10px;font-size:14px } .options{ list-style:none;padding:0;margin:0 0 20px } .options li{ background:#0163f0;color:#fff;padding:12px 15px;border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .3s } .options li.selected{ border:2px solid #ff7003 } .options li.correct{ background:#0163f0 } .options li.wrong{ background:#ff7003 } .options li:hover{ opacity:.9 } .buttons{ display:flex;gap:10px } .next-btn,.skip-btn{ flex:1;background:#000;color:#fff;border:none;padding:10px 15px;font-size:14px;border-radius:8px;cursor:pointer } .skip-btn{ background:#ff7003 } .time-left{ display:flex;align-items:center;gap:10px;justify-content:end;margin-bottom:12px } .time-left span{ color:#000;font-size:18px;font-weight:600 } .instructions-section h3{ color:#ff7003;font-size:18px;font-weight:600;margin-bottom:12px } .instructions-section p{ color:#000;font-size:14px;line-height:1.6;margin-bottom:20px } .motivational-test{ background:linear-gradient(135deg,#e6f0ff 0%,#f0f8ff 100%);border-radius:15px;padding:30px 20px;text-align:center;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center } .motivational-words{ font-size:32px;font-weight:700;color:#0163f0;line-height:1.4;text-transform:uppercase;letter-spacing:2px } .motivational-words span{ display:block;margin:8px 0 } .quiz-question-bar{ background:#072a5d;padding:12px 15px;border-radius:12px;margin-top:30px;margin-bottom:20px;font-size:16px;color:#ffffff;min-height:89px;} .quiz-options-list{ list-style:none;padding:0;margin:0 0 20px } .quiz-option-item.selected{ color:#fff;} .quiz-option-item:nth-child(1) span{ background:#266086;} .quiz-option-item:nth-child(2) span{ background:#FFBC00;} .quiz-option-item:nth-child(3) span{ background:#00D521;} .quiz-option-item:nth-child(4) span{ background:#DA006C;} .quiz-option-item span{ background:#fff;height:fit-content;display:flex;width:35px;height:100%;position:absolute;top:0;left:0;align-items:center;justify-content:center;} .quiz-option-item{ background:#e6f0ff;color:#072a5d;padding:15px 15px 15px 50px;border-radius:0px;margin-bottom:10px;cursor:pointer;position:relative;transition:all .3s;text-align:left;font-weight:600;display:flex;align-items:start;gap:10px;} .quiz-option-item:hover{ opacity:.9;transform:translateY(-2px) } .activity_item_box_top{ display:flex;align-items:center;justify-content:space-between;} .quiz-option-item.selected{ border:2px solid #ff7003;background:#0163f0 } .quiz-nav-arrows{ position:relative;top:0;width:fit-content;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10;padding:0;box-sizing:border-box;right:0;gap:8px;} .quiz-arrow-btn{ width:40px;height:40px;border-radius:50%;background:#0163f0;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,0.15);flex-shrink:0 } .quiz-arrow-btn:hover{ background:#0148c0;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.2) } .quiz-arrow-btn:disabled{ background:#ccc;cursor:not-allowed;opacity:0.5 } .quiz-arrow-btn svg{ width:20px;height:20px } .quiz-timer-center{ display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#000;pointer-events:auto;position:absolute;left:50%;transform:translateX(-50%) } .quiz-timer-icon{ width:20px;height:20px } .quiz-submit-btn{ width:100%;background:#000;color:#fff;border:none;padding:12px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s;margin-top:20px } .quiz-submit-btn:hover{ opacity:.9;background:#333 } #qnText{ display:flex;align-items:start;gap:10px;margin:0;} .result_box{ display:flex;align-items:center;justify-content:space-between;gap:20px;} .result_box h4{ font-weight:600;font-size:20px !important;margin:0;} @media (max-width:768px){ .quiz-right-panel{ min-width:100%;} .quiz-container-wrapper{ flex-direction:column } .quiz-left-panel,.quiz-right-panel{ flex:1 1 100% } } @media (max-width:480px){ .quiz-right-panel{ max-width:100%;} } .custom_challenge_check{ display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .custom_challenge_check input{ position:absolute;opacity:0;cursor:pointer;height:0;width:0;} .custom_challenge_check .checkmark{ position:absolute;top:0;left:0;height:100%;width:100%;border-radius:10px;} .custom_challenge_check input:checked~.checkmark{ border:1px solid #0056D2;} .custom_challenge_check .checkmark:after{ content:"";position:absolute;display:none;} .custom_challenge_check input:checked~.checkmark:after{ display:block;} .custom_challenge_check .checkmark:after{ top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:white;} .result_banner{ position:relative;z-index:1;text-align:center;background:#000;padding:20px 10px;overflow:hidden;border-radius:20px;} .result_banner canvas{ position:absolute;top:0;left:0;z-index:1;} .result_banner .result-text{ font-size:25px;animation:fadeUp 0.8s ease forwards;color:#fff;} .result_banner .score{ background:#caff4d;color:#000;padding:6px 14px;border-radius:8px;margin-left:10px;animation:pop 0.6s ease-in-out infinite alternate;} .result_banner .sub-text{ margin-top:15px;opacity:0.8;animation:fadeUp 1s ease forwards;margin-bottom:0;font-size:16px;color:#fff;} @keyframes fadeUp{ from{ opacity:0;transform:translateY(20px);} to{ opacity:1;transform:translateY(0);} } @keyframes pop{ from{ transform:scale(1);box-shadow:0 0 10px #caff4d;} to{ transform:scale(1.1);box-shadow:0 0 25px #caff4d;} } .Learning_method_hero_sc.individual_Activity_pg .learning_title h1{ color:#ffffff;} .Learning_method_hero_sc.individual_Activity_pg .learning_title p{ color:#fff;} .Learning_method_hero_sc{ background-image:url("../img/learning_bg.png");background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;padding:60px 0;height:90vh;display:flex;align-items:center;justify-content:center;} .Learning_method_hero_sc img{ width:100%;border-radius:10px;} .Learning_method_hero_sc .learning_title h1{ color:#000;font-size:60px;font-style:normal;font-weight:700;line-height:75px;} .Learning_method_hero_sc .learning_title p{ font-size:16px;margin-bottom:60px;} .video-box_sec .main_title.white_title h2{ padding-bottom:0;} .video-box_sec .gain_list ul{ padding:0;margin:0 0 20px;display:block;align-items:center;flex-wrap:wrap;} .video-box_sec .gain_list ul li{ list-style:none;color:#ffffff;font-size:18px;font-style:normal;font-weight:450;line-height:30px;padding-left:35px;background-image:url('../img/fi_5291043.svg');background-size:18px;background-repeat:no-repeat;background-position-y:center;margin-bottom:15px;} .video-box_sec .video-box_inner .play-btn{ background:#000000;border:unset;padding:4px;border-radius:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;display:flex;font-size:34px;align-items:center;justify-content:center;z-index:9;color:#fff;} .video-box_sec .video-box_inner{ background:url("../img/vdeo_img_bg.png");background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;width:100%;padding:50px 0;} .learning_video{ width:100%;height:100%;overflow:hidden;position:relative;} .learning_video video{ width:100%;height:100%;object-fit:cover;} .boot_learning_sc .boot_learning_inner{ background:linear-gradient(180deg,#F3FFFD 0%,#FFF7E1 100%);padding:40px 10px;} .boot_learning_sc .boot_learning_inner .boot_learning_box{ background:#fff;padding:20px;border-radius:10px;height:100%;width:100%;} .boot_learning_sc .boot_learning_inner .boot_learning_box .boot_learning_img{ width:100%;height:264px;overflow:hidden;border-radius:10px;} .boot_learning_sc .boot_learning_inner .boot_learning_box .boot_learning_img img{ width:100%;height:100%;object-fit:cover;} .boot_learning_sc .boot_learning_inner .boot_learning_box .boot_learning_title{ margin-top:20px;text-align:center;} .boot_learning_sc .boot_learning_inner .boot_learning_box .boot_learning_title h3{ color:#000;font-size:17px;font-style:normal;font-weight:700;line-height:26px;} .boot_learning_sc .boot_learning_inner .boot_learning_box .boot_learning_title p{ font-size:16px;margin:0;} .Method_works_sec .Method_works_img{ height:100%;} .Method_works_sec .Method_works_list ul{ margin-top:20px;height:470px;overflow-y:auto;padding-right:15px;margin-bottom:15px !important;} .Method_works_sec .Method_works_img img{ border-radius:20px;width:100%;object-fit:cover;height:100%;} .Method_works_list ul{ padding:0;margin:0;display:flex;flex-direction:column;gap:20px;margin-top:20px;} .Method_works_list ul li{ list-style:none;background-image:url("../img/hand.svg");background-repeat:no-repeat;background-position-y:top;padding-left:48px;background-size:32px;} .Method_works_text h3{ color:#000;font-size:20px;font-style:normal;font-weight:700;line-height:normal;} .Method_works_text p{ color:#000;font-size:16px;font-style:normal;font-weight:400;margin:0;line-height:27px;} .Enhances_sec{ position:relative;} .Enhances_sec .Enhances_img{ position:sticky;top:50px;margin:auto;text-align:center;} .Enhances_sec .Enhances_img img{ width:80%;} @keyframes gradientMove{ 0%{ background-position:0% 50%;} 50%{ background-position:100% 50%;} 100%{ background-position:0% 50%;} } .result-banner{ max-width:100%;margin:auto;padding:60px 30px 20px;color:#fff;gap:20px;position:relative;overflow:hidden;} .result-banner.cta_strip2::before{ background:linear-gradient(135deg,#00c6a7,#00a3a1);} .result-banner.cta_strip2 .banner-text{ position:relative;z-index:1;padding-bottom:20px;} .result-banner::before{ content:"";position:absolute;bottom:0px;left:0;width:100%;height:200px;background:linear-gradient(-45deg,#7b1fa2,#512da8,#9c27b0,#673ab7);background-size:cover;} .result-banner .banner-text{ position:relative;z-index:1;padding-bottom:7px;} .result-banner .banner-text h2{ margin-bottom:15px;font-size:30px;font-weight:600;line-height:41px;} .result-banner .banner-text button{ background:rgb(255 120 17);color:#fff;border:none;padding:10px 18px;border-radius:20px;font-size:14px;cursor:pointer;transition:.3s;} .result-banner .banner-text button:hover{ background:#fff;color:#4a148c;} .result-banner .banner-icon{ margin:auto;text-align:center;} .result-banner .banner-icon{ position:relative;z-index:1;} .result-banner .banner-icon img{ width:60%;} .mobile_slider_fx{ display:none;} .inner_page_item_sc .faq_itm{ margin-bottom:30px;} .inner_page_item_sc .sec_padd{ padding:60px 0 0;} .bootLearningSlider .swipper_arrow{ display:flex;align-items:center;gap:10px;justify-content:center;height:auto;} .bootLearningSlider .swipper_arrow .swiper-button-next{ position:relative;left:unset;right:unset;width:fit-content;} .bootLearningSlider .swiper-button-next:after{ background-image:url('../img/next_1.svg');background-size:cover;font-size:0 !important;width:100%;height:100%;left:12px;background-size:cover;font-size:unset;background-repeat:no-repeat;position:unset;width:58px;height:33px;border-radius:30px;top:32px;} .bootLearningSlider .swiper-button-prev{ position:relative;width:fit-content;} .bootLearningSlider .swiper-button-prev:after{ background-image:url('../img/next_1.svg');background-size:cover;font-size:0 !important;width:58px;height:33px;right:12px;background-size:cover;font-size:unset;background-repeat:no-repeat;position:unset;border-radius:30px;left:auto;top:10px;transform:rotate(180deg);} .have_fun img{ width:100px;height:100px;object-fit:cover;} .have_fun{ border:2px solid #eff0f3;height:131px;width:100%;display:flex;overflow:hidden;border-radius:10px;align-items:center;justify-content:center;} .challenge_btn120{ display:flex;align-items:center;gap:11px;margin-top:15px;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);justify-content:center;} .challenge_btn120 .outline_blue_btn{ padding:10px 20px;width:50%;background:#0163f0;color:#fff;border-radius:0;} .challenge_btn120 .outline_orange_btn{ padding:10px 20px;width:50%;border-radius:0;background:#FF7003;color:#fff;} #quizSection .result_banner{ margin-bottom:15px;} @media(max-width:1700px){ .result-banner .banner-text{ padding-bottom:10px;} .Method_works_sec .Method_works_list ul{ height:290px;overflow-y:auto;} .bg_board.RAR_tool .col-lg-7{ margin-top:auto !important;} } @media(max-width:1400px){ .Learning_method_hero_sc .learning_title h1{ font-size:35px;line-height:45px;} } @media(max-width:992px){ .bg_board.RAR_tool .col-lg-7{ margin-top:20px !important;} .Method_works_sec .pl_60{ padding-left:0;text-align:center;} .video-box_inner .main_title.white_title{ text-align:center;} .Enhances_sec .Method_works_list{ height:430px;overflow-y:auto;padding-right:15px;} .Learning_method_hero_sc{ padding:30px 0 10px;height:100%;} .Learning_method_hero_sc .learning_title h1 br{ display:none;} .inner_page_item_sc .sec_padd{ padding:40px 0 0;} .inner_page_item_sc .blog_sec{ padding:40px 0;} .result-banner{ margin-top:40px;} .Learning_method_hero_sc img{ display:none;} .desktop_slider_fx{ display:none;} .mobile_slider_fx{ display:block;} .Learning_method_hero_sc .learning_title{ text-align:center;} .Learning_method_hero_sc .learning_title h1{ font-size:22px;text-align:center;line-height:26px;} .Learning_method_hero_sc .learning_title p{ text-align:center;} .result-banner .banner-text h2{ font-size:20px;} .boot_learning_sc .boot_learning_inner{ padding:10px;border-radius:10px;} .video-box_sec .video-box_inner{ padding:20px;} .pt_top60{ padding-top:40px;} .result-banner .banner-text h2 br{ display:none;} .Method_works_text h4{ font-size:18px;} .video-box_sec .main_title.white_title h2 br{ display:none;} .video-box_sec .main_title.white_title h2{ text-align:center !important;} .Enhances_img{ display:none;} } @media(max-width:767px){ .footer-links a{ font-size:14px;line-height:24px;} .footer-contact span{ color:#FFF;font-size:14px;font-style:normal;font-weight:500;line-height:26px;} .result-banner{ padding:20px;} .result-banner::before{ height:100%;} .result-banner.cta_strip2 .banner-text{ padding-bottom:0;} .result-banner .banner-icon{ display:none;} .result-banner .g-4,.gy-4{ --bs-gutter-y:0;--bs-gutter-x:1.5rem;} } @media(max-width:600px){ .result-banner{ flex-direction:column;text-align:center;} .banner-text h2{ font-size:20px;} } .bootLearningSwiper .swiper-slide{ height:auto;display:flex;} .bootLearningSwiper .boot_learning_box{ height:100%;display:flex;flex-direction:column;border:1px solid #eee;border-radius:15px;} .bootLearningSwiper .boot_learning_title{ flex:1;display:flex;flex-direction:column;} .bootLearningSwiper .swiper-pagination-bullet{ width:8px;height:8px;opacity:0.4;} .bootLearningSwiper .swiper-pagination-bullet-active{ opacity:1;} .bootLearningSwiper .swiper-nav{ display:flex;justify-content:center;gap:16px;margin-top:16px;} .bootLearningSwiper .swiper-btn{ width:40px;height:40px;border-radius:50%;border:none;background:#0364f0;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;} .bootLearningSwiper .swiper-btn:hover{ background:#FF7003;} @media (min-width:992px){ .bootLearningSwiper .swiper-nav{ display:none;} } @media (min-width:992px){ .bootLearningSwiper{ overflow:visible;} .bootLearningSwiper .swiper-wrapper{ display:flex;flex-wrap:wrap;gap:1.5rem;} .bootLearningSwiper .swiper-slide{ width:calc(33.333% - 1rem) !important;margin:0 !important;} } .withoutloginsimd .middle_scroll .middle_scroll_inner.simd_tools_first{ height:auto !important;} .withoutloginsimd.update_section .main_box_inner .content_box{ padding:0px 20px;} .audioFile_buttons{ display:flex;align-items:center;gap:15px;justify-content:end;margin-top:20px;} .audioFile_buttons .field_icon_btn img{ width:25px !important;} .audioFile_buttons .field_icon_btn{ background:transparent;border:none;padding:0;} .logged-out01{ height:100% !important;display:flex;align-items:center;justify-content:center;} .smart_book_AI{ background-image:url("../img/banner_bag.png");height:100%;background-repeat:no-repeat;background-size:cover;width:100%;} .smart_book_AI .btn_commn{ padding:2px 15px;width:161px;} #questionModal .btn_commn{ padding:2px 15px;width:161px;} .smart_book_AI .main_title.mb-4{ margin-bottom:0 !important;} .smart_book_AI .main_title h2{ margin-bottom:15px !important;font-size:20px;} .smart_book_AI.rar_update_design .group_activity_box .mainrar_box_sec{ height:369px;} .smart_book_AI.rar_update_design .learning_method_sug{ display:grid;align-items:center;flex-wrap:wrap;justify-content:start;gap:10px;grid-template-columns:repeat(auto-fit,minmax(191px,1fr));} .smart_book_AI.rar_update_design{ padding:50px 0;position:relative;} .smart_book_AI.rar_update_design .mainrar_box_sec{ display:flex;gap:7px;flex-wrap:wrap;justify-content:center;overflow-y:auto;height:284px;} .smart_book_AI.rar_update_design .mainrar_box_sec .rar_item_box{ flex:0 0 calc(20% - 7px);} .smart_book_AI.rar_update_design .mainrar_box_sec{ justify-content:start;} .smart_book_learning_method img{ width:100%;height:100%;} .smart_book_AI.rar_update_design .video_text_box .voice_text_icon.ai_send img{ width:28px !important;height:28px !important;} .smart_book_AI.rar_update_design .main_ln .loder-page-box{ min-height:210px;margin-bottom:20px;} .smart_book_AI.rar_update_design .remainingNineMethod.audioFile span.method-name{ color:#ffffff;background-color:#f67c1e;position:relative;} .smart_book_AI.rar_update_design .remainingNineMethod.audioFile span.method-name .spinner-border.spinner-border-sm{ position:absolute;right:9px;} .smart_book_AI.rar_update_design .filed_box .input_field textarea{ height:140px;} .smart_book_AI.rar_update_design .loder-page-box::after{ display:none;} .smart_book_AI.rar_update_design .loder-page-box::before{ display:none;} .smart_book_AI.rar_update_design .content_learning_method{ border:unset;padding:0;background:transparent;border-radius:0;margin-bottom:0;} .smart_book_AI.rar_update_design .main_ln .loder-page-box{ min-height:213px;margin-bottom:15px;overflow:hidden;background:#000;border-radius:20px;} .smart_book_AI.rar_update_design .content_learning_method video{ height:210px;width:100%;object-fit:cover;opacity:0.3;position:absolute;top:0;left:0;object-position:center;} .method_int_title h2{ margin-bottom:30px;background:#d6e7ff;padding:18px 18px;font-size:18px;color:#000000;border-radius:10px;font-weight:500;height:55px;} .smart_book_AI.rar_update_design .content_learning_method .animttext{ color:#fff;} .smart_book_AI.rar_update_design .without_login_challenge_page .activity-card{ width:100%;border:unset;padding:12px;text-align:start;} .all_btn_smart{ display:flex;align-items:center;gap:10px;margin-bottom:20px;margin-top:10px;} .all_btn_smart .btn_blue_grdnts{ height:50px;display:flex;align-items:center;justify-content:center;border:none;width:50%;} .all_btn_smart .submit_btn{ height:50px;display:flex;align-items:center;justify-content:center;width:50%;} .smart_book_AI.rar_update_design .q_sc .video_text_box .voice_text_icon img{ width:20px;height:20px;} .smart_book_AI.rar_update_design .all_activity{ position:sticky;top:100px;} .create_challenge_page.smart_book_AI.rar_update_design .all_activity{ position:unset;top:unset;} .create_challenge_page.smart_book_AI.rar_update_design .content_learning_method{ margin-top:20px;height:387px;} .create_challenge_page.smart_book_AI.rar_update_design .flashingBx img{ width:40px !important;} .create_challenge_page.smart_book_AI.rar_update_design .flashingBx{ width:50px;height:50px;margin-top:31px;} .create_challenge_page.smart_book_AI.rar_update_design .main_ln .text_wit{ margin:209px 0 0;} .create_challenge_page.smart_book_AI.rar_update_design .main_ln .animttext{ padding:20px;width:85%;font-size:18px;} .smart_book_AI.rar_update_design .highlighted_activity_box .learning_method_cart{ border:1.5px solid #015ce0;} .smart_book_AI.rar_update_design #btn3cShow.active{ border:2px solid #015ce0;} .smart_book_AI.rar_update_design #btnReflectionShow.active{ border:2px solid #FF7003;} .smart_book_AI.rar_update_design .learning_method_cart .learning_method_title{ padding:5px 8px 5px;} .smart_book_AI .attached-file{ position:absolute;bottom:10px;left:5px;font-size:14px;background:#ffeddd;padding:5px 15px;border-radius:6px;cursor:pointer;} .create_challenge_page .learning_method_cart .learning_method_title h3{ font-size:9px;} .create_challenge_page .middle_create_challenge_item{ background:#fff;padding:15px;border-radius:10px;border:1px solid #eee;} .create_challenge_page .middle_create_challenge_item .col-lg-8{ flex:1 0 auto;} .create_challenge_page .mainrar_box_sec{ height:265px;} .create_challenge_page .group_activity_box .mainrar_box_sec{ height:407px;} .create_challenge_page .challenge_activity_main{ margin-bottom:30px;} .create_challenge_page .challenge_activity_main{ margin-top:20px;} .create_challenge_page .my_hallenges.update_challenge_box{ margin-top:30px;} .my_hallenges .time_shw span{ flex-direction:row-reverse;} .create_challenge_page .my_hallenges.update_challenge_box .filed_box label{ font-size:20px;color:#0163f0;} .create_challenge_page .no_challenge_box h2{ background:#015add;font-size:18px;padding:30px;text-align:center;width:fit-content;margin:auto;border-radius:10px;color:#fff;margin-top:80px;} .no_challenge_box h2{ text-align:center;font-size:18px;font-weight:500;} .title_recent h2{ font-size:20px;color:#000;font-weight:600;margin-bottom:20px;} .create_challenge_page .individual_activity_box{ margin-top:0;} .create_challenge_page.smart_book_AI.rar_update_design .group_activity_box .mainrar_box_sec{ height:409px;} .create_challenge_page .challenge_default_Img img{ width:100%;margin-top:20px;height:387px;object-fit:cover;border-radius:18px;} .create_challenge_page .challenge_activity_main span.interactiveActivity img{ width:45px;margin-bottom:12px;} .create_challenge_page .challenge_activity_main .interactiveActivity>span:last-of-type{ color:#7d7d7d;} .create_challenge_page .challenge_activity_main span.interactiveActivity{ color:#fff;background-color:transparent;display:inline-block;padding:0;font-size:13px;font-weight:600;line-height:normal;text-align:center;border-radius:8px;cursor:pointer;color:#000;display:flex;flex-direction:column;gap:2px;width:100%;text-align:center;margin:auto;justify-content:center;align-items:center;} .create_challenge_page .challenge_activity_main .filed_box{ padding:0px 30px 0 70px;} .create_challenge_page .challenge_activity_main .filed_box .fx_size{ color:#000;font-size:13px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:0;display:flex;align-items:center;justify-content:start;gap:10px;flex:1 0 calc(33% - 20px);} .create_challenge_page .filed_box{ margin-bottom:0;} .create_challenge_page .interactive-activity-option{ display:flex;align-items:center;gap:12px;padding:17px 18px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all 0.3s ease;background:#fff;flex:0 0 calc(33.33% - 12px);} .create_challenge_page .fx_size{ flex:0 0 calc(33.33% - 8px);} .create_challenge_page .Instruction_creat h2{ font-size:25px;color:#ff7003;} .create_challenge_page .activity-radio{ display:none;} .create_challenge_page .custom-radio{ width:22px;height:22px;border:2px solid #9ca3af;border-radius:50%;position:relative;transition:all 0.3s ease;} .create_challenge_page .custom-radio::after{ content:"";width:10px;height:10px;background:#2563eb;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform 0.3s ease;} .create_challenge_page .activity-radio:checked+.custom-radio{ border-color:#2563eb;} .create_challenge_page .activity-radio:checked+.custom-radio::after{ transform:translate(-50%,-50%) scale(1);} .create_challenge_page .activity-radio:checked~.interactiveActivity{ color:#2563eb;} .create_challenge_page .interactive-activity-option.active{ border-color:#2563eb;box-shadow:0 6px 18px rgba(37,99,235,0.12);} .create_challenge_page .interactiveActivity{ font-size:15px;color:#374151;} .create_challenge_page .box_white_label{ font-size:18px;text-align:center;justify-content:center;padding:30px;border:2px solid #eee;border-radius:10px;margin-top:0;margin-bottom:15px !important;width:100%;} @media (max-width:480px){ .create_challenge_page .fx_size{ flex:1 0 calc(50% - 12px);} } .smart_book_AI.rar_update_design .learning_method_cart .learning_method_title h3{ font-size:9px;font-style:normal;font-weight:700;line-height:normal;color:#000;margin:0;} .smart_book_AI.rar_update_design .learning_method_cart{ background:#fff;overflow:hidden;border-radius:10px;border:1px solid #eee;height:100%;position:relative;cursor:pointer;} .smart_book_AI.rar_update_design .learning_method_cart .learning_method_icon{ background:#e3ebf7;height:50px;text-align:center;display:flex;align-items:center;justify-content:center;} .smart_book_AI.rar_update_design .learning_method_cart .learning_method_icon img{ width:25px;} .smart_book_AI.rar_update_design .best_learning_title h2{ margin-top:0;} .smart_book_AI.rar_update_design .mobile_activity_tabs{ margin-bottom:30px;margin-top:30px;} .smart_book_AI.rar_update_design .mobile_activity_tabs .nav-item .nav-link{ background:transparent;border:none;font-size:14px;border-radius:60px;padding:12px 19px;} .smart_book_AI.rar_update_design .mobile_activity_tabs .nav{ gap:10px;} .smart_book_AI.rar_update_design .mobile_activity_tabs .nav-tabs{ border-bottom:unset;justify-content:center;margin-bottom:30px !important;background:#ffffff;border-radius:60px;width:fit-content;margin:auto;} .smart_book_AI.rar_update_design .mobile_activity_tabs .nav-item .nav-link.active{ background:#0163f0;color:#fff;} .smart_book_AI.rar_update_design .align_btn0000{ padding:0;margin-bottom:20px;margin-top:20px !important;} .simd_studio_btn button{ height:50px;} .simd_studio_btn .submit_btn{ padding:15px 30px;justify-content:start;border-radius:12px;font-size:18px;font-weight:500;} @media (max-width:1700px){ .smart_book_AI.rar_update_design .learning_method_cart .learning_method_title h3{ font-size:9px;} .smart_book_AI.rar_update_design .learning_method_cart .learning_method_title{ padding:3px;} .all_btn_smart .btn_blue_grdnts{ white-space:nowrap;font-size:14px;} .all_btn_smart .submit_btn{ font-size:14px;} .simd_studio_btn .submit_btn{ font-size:14px;} .simd_studio_btn button{ font-size:14px;} } @media (max-width:1600px){ .smart_book_AI.rar_update_design .learning_method_cart .learning_method_title h3{ font-size:8px;} } @media (max-width:1400px){ .smart_book_AI.rar_update_design .mainrar_box_sec .rar_item_box{ flex:0 0 calc(33.33% - 10px);} } @media (max-width:992px){ .smart_book_AI.rar_update_design .share_btn_align .share_community{ font-size:13px;padding:6px 13px;} .smart_book_AI.rar_update_design .align_btn0000{ padding:0;} .smart_book_AI.rar_update_design .align_btn0000 .btn_blue_grdnts{ padding:6px 20px;width:150px;height:45px;font-size:14px;} .smart_book_AI .btn_commn{ font-size:14px;} .mt-below-992{ margin-top:1.5rem;} .smart_book_AI.rar_update_design .all_activity{ margin-bottom:30px;} .smart_book_AI.rar_update_design .mainrar_box_sec{ height:339px !important;} .smart_book_AI.rar_update_design .main_title h2{ font-size:18px !important;} .smart_book_AI.rar_update_design .learning_method_cart .learning_method_title h3{ font-size:12px;padding:10px } .smart_book_AI.rar_update_design{ padding:0;} .smart_book_AI.rar_update_design .learning_sec .learning_inner .learning_title h5{ margin:0;} .smart_book_AI.rar_update_design .r-main_title h4{ font-size:18px !important;margin-bottom:20px;} .best_rar_Activity_suggest h3{ font-size:15px;margin:38px 0;border-radius:15px;line-height:21px;text-align:center;} } @media (max-width:575px){ .smart_book_AI.rar_update_design .best_learning_title h5{ font-size:16px !important;} .smart_book_AI.rar_update_design .learning_style_box h6{ font-size:14px;font-weight:500;margin:0;} .smart_book_AI.rar_update_design .new_learning_sec .learning_questions ul li{ font-size:14px;} } @media (max-width:480px){ .rar_update_design .mainrar_box_sec{ gap:9px;} .smart_book_AI.rar_update_design .mainrar_box_sec .rar_item_box{ flex:0 0 calc(50% - 10px);} .learning_sec.new_learning_sec{ padding:10px;border-radius:10px;} .smart_book_AI.rar_update_design .best_learning_title h2{ font-size:18px;} .smart_book_AI.rar_update_design .learning_style{ padding:15px;border-radius:10px;} .smart_book_AI.rar_update_design .white_box_main{ padding:15px;} } .search_field_item{ display:flex;align-items:center;justify-content:space-between;gap:20px;} .search_field_item .search_bx{ display:flex;align-items:center;gap:10px;} .search_field_item .search_bx input{ padding:10px;border:1px solid #eee;border-radius:5px;} .search_field_item .search_bx .submit_btn{ border-radius:5px;} .without_login_challenge_page .otp_box span{ position:absolute;top:-12px;font-size:14px;padding:8px 12px !important;right:-2px;color:#ff7308 !important;font-weight:600;background:#ffffff !important;} .without_login_challenge_page .mobile-header{ background:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 15px rgba(0,0,0,.05);justify-content:space-between;} .without_login_challenge_page .mobile-header button{ background:none;border:none;font-size:26px;} .without_login_sidebar.sidebar{ width:100%;background:#fff;min-height:100vh;padding:20px;position:sticky;left:0;top:0;z-index:3;transition:.3s;} .without_login_sidebar .menu{ list-style:none;padding:0;} .without_login_sidebar .menu li{ padding:12px 16px;border-radius:12px;margin-bottom:6px;display:flex;align-items:center;gap:10px;cursor:pointer;} .without_login_sidebar .menu li.active,.without_login_sidebar .menu li:hover{ background:linear-gradient(270deg,#FFA057 0%,#FF7003 100%);color:#fff;} .without_login_sidebar .play-toggle .arrow{ margin-left:auto;transition:.3s;} .without_login_sidebar .play-toggle.open .arrow{ transform:rotate(180deg);} .without_login_sidebar .submenu{ list-style:none;padding-left:26px;max-height:0;overflow:hidden;transition:max-height .3s ease;} .without_login_sidebar .submenu.show{ max-height:500px;} .without_login_sidebar .submenu li{ font-size:14px;color:#555;} .without_login_sidebar .submenu li a{ display:flex;align-items:center;gap:10px;} .without_login_sidebar .submenu li a:hover{ color:#fff;} .without_login_sidebar .content{ margin-left:260px;padding:25px;} .without_login_sidebar .hero-card{ background:linear-gradient(270deg,#FFA057 0%,#FF7003 100%);color:#fff;border-radius:20px;padding:30px;} .without_login_sidebar .activity-card{ background:#fff;padding:22px;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.05);transition:.3s;} .without_login_sidebar .activity-card:hover{ transform:translateY(-6px);} .without_login_sidebar .activity-card i{ font-size:38px;} .without_login_sidebar .activity-card button{ width:100%;border-radius:30px;color:#fff;margin-top:10px;} .without_login_sidebar .quiz i,.quiz button{ background:#6b5cff;color:#fff;} .without_login_sidebar .english i,.english button{ background:#3b82f6;color:#fff;} .without_login_sidebar .letter i,.letter button{ background:#f59e0b;color:#fff;} .without_login_sidebar .match i,.match button{ background:#22c55e;color:#fff;} .without_login_sidebar .poll i,.poll button{ background:#ec4899;color:#fff;} .without_login_challenge_page .overlay{ position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;z-index:1000;} @media(max-width:992px){ .without_login_sidebar.sidebar{ position:fixed;width:270px;} .without_login_sidebar.sidebar{ z-index:1001;} .without_login_sidebar.sidebar{ left:-500px;} .without_login_sidebar.sidebar.show{ left:0;} .without_login_challenge_page .overlay.show{ display:block;} .without_login_sidebar .content{ margin-left:0;padding-top:80px;} } .without_login_challenge_page .activity-header img{ width:350px;max-width:100%;} .without_login_challenge_page .activity-header{ background-image:url("../img/bg_img_challenge_banner.svg");background-repeat:no-repeat;background-position:100%;background-size:cover;color:#fff;padding:24px 40px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;} .without_login_challenge_page .activity-header h1{ margin-bottom:4px;font-weight:600;font-size:55px;} .without_login_challenge_page .activity-header p{ opacity:0.9;margin:0;font-size:16px;} .without_login_challenge_page .activity-card img{ width:100%;height:50px;object-fit:cover;} .without_login_challenge_page .activity-card{ display:flex;align-items:center;gap:16px;padding:22px;height:100%;border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,0.06);transition:all 0.35s ease;position:relative;overflow:hidden;} .without_login_challenge_page .activity-card::before{ content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(95,112,252,0.08));opacity:0;transition:0.35s;} .without_login_challenge_page .challenge_img{ height:100%;} .without_login_challenge_page .challenge_img img{ width:100%;height:100%;border-radius:20px;object-fit:cover;} .without_login_challenge_page .activity-card:hover::before{ opacity:1;} .without_login_challenge_page .activity-card:hover{ transform:translateY(-6px);box-shadow:0 18px 45px rgba(11,52,255,0.18);} .without_login_challenge_page .icon-box{ min-width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;} .without_login_challenge_page .activity-card h3{ margin:0;font-size:18px;color:#111;} .without_login_challenge_page .activity-card p{ margin:4px 0 0;font-size:14px;color:#6c757d;} .without_login_challenge_page .challnge_img{ background:#fff;border-radius:0;padding:0;border:unset;width:100%;height:100%;padding:30px;background:#d1f0ff;} .without_login_challenge_page .challenge_btn120 .outline_blue_btn{ padding:10px 40px;width:50%;background:#0163f0;color:#fff;border-radius:0;} .without_login_challenge_page .my_hallenges .challenge_box{ min-height:330px;padding:0;overflow:hidden;} @media(max-width:1700px){ .without_login_sidebar.sidebar{ padding:10px;} .without_login_sidebar .submenu{ padding-left:10px;} .without_login_challenge_page .activity-card h3{ font-size:14px;} .without_login_challenge_page .activity-card p{ font-size:12px;} .without_login_sidebar .menu li{ padding:14px 9px;} .without_login_sidebar .submenu li a{ gap:4px;} } @media(max-width:1600px){ .without_login_challenge_page .activity-card h3{ font-size:16px;} .without_login_challenge_page .activity-header h1{ font-size:40px;} .without_login_challenge_page .activity-header img{ width:267px;} } @media(max-width:1400px){ .without_login_challenge_page .activity-card{ gap:11px;padding:12px;} .without_login_challenge_page .activity-card h3{ font-size:14px;} } @media(max-width:1200px){ .without_login_challenge_page .activity-header h1{ font-size:40px;} .without_login_challenge_page .challenge_img img{ height:fit-content;} } @media(max-width:992px){ .without_login_challenge_page .activity-header{ flex-wrap:wrap;justify-content:center;text-align:center;} } @media(max-width:768px){ .without_login_challenge_page .activity-header h1{ font-size:25px;} .without_login_challenge_page .activity-header{ justify-content:center;gap:40px;text-align:center;} } .slider_method_swiper .swiper-wrapper{ display:flex;justify-content:center;transition-timing-function:linear !important;} .slider_method_swiper.swiper-initialized .swiper-wrapper{ justify-content:flex-start;} .slider_method_swiper{ opacity:0;visibility:hidden;} .slider_method_swiper.swiper-ready{ opacity:1;visibility:visible;transition:opacity 0.4s ease;} .HOmeProfile.profile-dropdown{ position:relative;display:inline-block;} .HOmeProfile .profile-toggle{ display:flex;align-items:center;gap:6px;cursor:pointer;} .HOmeProfile .profile-menu{ position:absolute;right:0;top:120%;background:#fff;border-radius:10px;min-width:100%;box-shadow:0 10px 30px rgba(0,0,0,0.15);opacity:0;transform:translateY(-10px);visibility:hidden;transition:all 0.3s ease;overflow:hidden;z-index:999;} .HOmeProfile .profile-menu a,.HOmeProfile .profile-menu button{ display:block;width:100%;padding:12px 16px 12px 25px;background:none;border:none;text-align:left;font-size:14px;color:#333;cursor:pointer;text-decoration:none;} .HOmeProfile .profile-menu a:hover,.HOmeProfile .profile-menu button:hover{ background:#f5f5f5;} .HOmeProfile.profile-dropdown.active .profile-menu{ opacity:1;transform:translateY(0);visibility:visible;} .HOmeProfile.profile-dropdown.active .arrow{ transform:rotate(180deg);} .HOmeProfile .arrow{ transition:transform 0.3s ease;} .learning_studio_page{ background-image:url('../img/learning_studio_bg.webp');height:auto;width:100%;background-repeat:no-repeat;background-position:100%;background-size:cover;} .gap_pbt{ padding:100px 20px !important;} .Learning_Studio_banner .fade-up{ opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards;} .Learning_Studio_banner h1{ color:#000;text-align:center;font-size:66px;font-style:normal;font-weight:400;} .Learning_Studio_banner h1 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-weight:700;} .Learning_Studio_banner p{ color:#000;text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:140%;width:60%;margin:auto;} .delay-1{ animation-delay:0.3s;} .delay-2{ animation-delay:0.6s;} @keyframes fadeUp{ to{ opacity:1;transform:translateY(0);} } .tool_cart_box{ margin-top:60px;} .tool_cart_box .tool-card{ border-radius:20px;overflow:hidden;position:relative;color:#fff;min-height:480px;background-size:cover;background-position:center;transition:transform .4s ease;} .tool_cart_box .tool-card:hover{ transform:translateY(-8px);} .tool_cart_box .tool-overlay{ position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.3));padding:25px;display:flex;flex-direction:column;justify-content:flex-end;} .tool_cart_box .submit_btn{ width:fit-content;} .tool_cart_box .tool-card p{ font-size:14px;line-height:20px;color:#fff;} .tool_cart_box .tool-card h4{ font-size:20px;} @media (max-width:992px){ .Learning_Studio_banner p{ width:100%;} .Learning_Studio_banner h1{ font-size:46px;} } @media (max-width:575px){ .Learning_Studio_banner h1{ font-size:33px;} .Learning_Studio_banner p{ font-size:16px;} .tool_cart_box .tool-overlay{ padding:16px;} .tool_cart_box .tool-card{ min-height:390px;} } .Mainbanner_common{ display:flex;align-items:center;justify-content:space-between;width:100%;padding:25px 70px;border-radius:20px;} .Mainbanner_common img{ width:213px;max-width:100%;} .Mainbanner_common_title h1{ font-size:40px;font-weight:600;color:#fff;} .Mainbanner_common_title p{ color:#fff;font-weight:400;font-size:18px;} @media (max-width:575px){ .Mainbanner_common_title h1{ font-size:28px;} .Mainbanner_common{ padding:20px;flex-direction:column;text-align:center;gap:30px;} } .update_challenge_box.my_hallenges .challenge_box{ min-height:330px;padding:0;overflow:hidden;} .update_challenge_box.my_hallenges .challenge_btn120 .outline_blue_btn{ padding:10px 40px;width:50%;background:#0163f0;color:#fff;border-radius:0;} .update_challenge_box.my_hallenges .challnge_img{ background:#fff;border-radius:0;padding:0;border:unset;width:100%;height:100%;padding:30px;background:#d1f0ff;} .update_challenge_box.my_hallenges .challenge_box_inner{ gap:21px;} .toggle-container.common_switch{ display:flex;justify-content:center;margin:40px 0;} .toggle-container.common_switch .toggle-input{ display:none;} .toggle-container.common_switch .toggle-label{ position:relative;width:400px;height:50px;background:#f1f1f1;border-radius:30px;display:flex;align-items:center;cursor:pointer;font-family:sans-serif;overflow:hidden;max-width:100%;justify-content:center;} .toggle-container.common_switch .toggle-option{ width:50%;text-align:center;z-index:2;font-size:14px;font-weight:600;color:#777;transition:color 0.3s ease;} .toggle-container.common_switch .toggle-slider{ position:absolute;width:50%;height:44px;background:#ff7a00;border-radius:25px;left:3px;top:3px;transition:all 0.35s ease;z-index:1;} .toggle-container.common_switch .toggle-input:checked+.toggle-label .toggle-slider{ transform:translateX(100%);} .toggle-container.common_switch .toggle-input:checked+.toggle-label .right{ color:#fff;} .toggle-container.common_switch .toggle-input:not(:checked)+.toggle-label .left{ color:#fff;} .best_rar_Activity_suggest h3{ font-size:19px;margin:40px 0;padding:0;color:#000;border-radius:15px;line-height:28px;font-weight:600;} .best_rar_Activity_suggest h3 span{ color:#ff8325;} .profile-trigger{ cursor:pointer;} .profile-trigger img{ width:50px;height:50px;border-radius:100px;object-fit:cover;object-position:center;} .profile_sidebar .profile-trigger{ position:fixed;top:20px;right:20px;cursor:pointer;} .profile_sidebar .profile-trigger img{ width:45px;height:45px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);} .profile_sidebar .overlay{ position:fixed;inset:0;background:rgba(0,0,0,0.3);opacity:0;visibility:hidden;transition:0.3s;z-index:998;} .profile_sidebar .overlay.active{ opacity:1;visibility:visible;} .profile_sidebar .profile-panel{ position:fixed;top:0;right:-360px;width:320px;height:100%;background:#fff;transition:0.3s ease-in-out;z-index:999;overflow-y:auto;box-shadow:-2px 0 10px rgba(0,0,0,0.1);} .profile_sidebar .profile-panel.active{ right:0;} .profile_sidebar .panel-header{ display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0;color:#444;font-weight:500;} .profile_sidebar .panel-header i{ cursor:pointer;color:#888;font-size:20px;} .profile_sidebar .panel-body{ padding:20px;} .profile_sidebar .user-info{ text-align:center;margin-bottom:20px;} .profile_sidebar .avatar-container{ position:relative;width:90px;height:90px;margin:0 auto 10px;background:conic-gradient(#007bff var(--percentage,0%),#e0e0e0 0);border-radius:50%;display:flex;align-items:center;justify-content:center;} .profile_sidebar .avatar-container::after{ content:attr(data-percentage);position:absolute;bottom:-5px;background:#fff;color:#007bff;font-size:10px;font-weight:bold;padding:2px 5px;border-radius:10px;border:1px solid #007bff;} .profile_sidebar .avatar-inner{ width:80px;height:80px;background:#fff;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;} .profile_sidebar .avatar-inner img{ width:90%;height:90%;border-radius:50%;object-fit:cover;} .profile_sidebar .user-name{ font-size:18px;font-weight:600;margin:5px 0 2px;color:#333;} .profile_sidebar .user-email{ font-size:13px;color:#666;margin-bottom:10px;} .profile_sidebar .view-profile{ color:#007bff;text-decoration:none;font-size:14px;display:flex;align-items:center;justify-content:center;gap:5px;} .profile_sidebar .stats-container{ display:flex;gap:10px;margin-top:15px;} .profile_sidebar .stat-card{ flex:1;border:1px solid #f0f0f0;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;} .profile_sidebar .stat-card i.fa-chart-simple{ color:#1a7444;} .profile_sidebar .stat-card i.fa-star{ color:#7d5fff;} .profile_sidebar .alert-box{ background:#fff5eb;border-radius:12px;padding:15px;margin:20px 0;position:relative;overflow:hidden;border:1px solid #ffe8d1;} .profile_sidebar .alert-box p{ margin:0;font-size:13px;color:#444;line-height:1.4;} .profile_sidebar .alert-box strong{ font-size:15px;color:#333;} .profile_sidebar .alert-box a{ color:#007bff;text-decoration:none;font-size:13px;font-weight:600;margin-top:8px;display:inline-block;} .profile_sidebar .alert-icon-bg{ position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:60px;color:#ffdcb8;opacity:0.5;pointer-events:none;} .profile_sidebar .menu-section-label{ font-size:11px;color:#999;text-transform:uppercase;margin:15px 0 10px;font-weight:600;} .profile_sidebar .menu-list{ list-style:none;padding:0;margin:0;} .profile_sidebar .menu-item{ display:flex;align-items:center;padding:12px 0;color:#444;text-decoration:none;font-size:14px;transition:0.2s;background:transparent;border:none;} .profile_sidebar .menu-item i{ width:30px;font-size:16px;color:#666;text-align:start;} .profile_sidebar .menu-item:hover{ color:#007bff;} .current_box.instruction-box{ display:flex;gap:12px;background:#f3f8ff;border-left:4px solid #0163f0;padding:16px 18px;border-radius:10px;max-width:100%;margin-bottom:25px;} .current_box .instruction-icon{ font-size:27px;color:#bbadff;margin-top:2px;} .current_box .instruction-content h4{ font-size:20px;font-weight:600;color:#0163f0;margin-bottom:10px;} .current_box .instruction-content ul li{ font-size:15px;color:#555;margin-bottom:2px;} .current_box .instruction-content ul{ padding:0 15px;} @media (max-width:576px){ .current_box.instruction-box{ flex-direction:column;} } .attach-wrapper.main_tool{ position:relative;display:inline-block;cursor:pointer;} .attach-wrapper.main_tool .tooltip-text{ visibility:hidden;background-color:#0163f0 !important;color:#fff;text-align:center;padding:6px 10px;border-radius:4px;font-size:12px;position:absolute;top:-40px;right:-90px;transform:translateX(-50%);white-space:nowrap;opacity:0;transition:opacity 0.2s;width:fit-content !important;height:fit-content !important;} .attach-wrapper.main_tool:hover .tooltip-text{ visibility:visible;opacity:1;} .method_landing_page{ background:#000;} .method_landing_page .method_banner{ padding:50px 20px;width:80%;margin:auto;text-align:center;} .method_landing_page .method_banner h1{ font-style:normal;font-weight:400;line-height:130%;font-size:clamp(28px,5vw,58px);text-align:center;color:#fff;} .method_landing_page .method_banner h1 span{ color:#F67C1E;font-weight:700;} .method_landing_page .method_banner p{ color:#FFF;text-align:center;font-size:17px;font-style:normal;font-weight:500;line-height:136%;} .darkBg_header .header_sec .nabvar_link_box ul li a{ color:#fff;} .darkBg_header .header_sec .btn_black{ background:#0163f0;color:#ffffff;} .darkBg_header .header_sec.sticky .nabvar_link_box ul li a{ color:#000;} .darkBg_header .header_sec.sticky .nabvar_link_box ul li:hover a{ color:rgb(255,112,3);} .darkBg_header .header_sec.sticky .nabvar_link_box ul li.effects.pricing_dropdown_box span{ color:#000;} .darkBg_header .header_sec.sticky .nabvar_link_box ul li.effects.pricing_dropdown_box span img.down_er{ filter:brightness(0);} .darkBg_header .header_sec .nabvar_link_box ul li.effects.pricing_dropdown_box:hover span{ color:rgb(255,112,3);} .darkBg_header .header_sec .nabvar_link_box ul li.effects.pricing_dropdown_box:hover span img.down_er{ filter:unset;} .darkBg_header .header_sec.sticky .nabvar_link_box ul li.effects.pricing_dropdown_box:hover span img.down_er{ filter:unset;} .darkBg_header .header_sec .nabvar_link_box ul li.effects.pricing_dropdown_box span{ color:#fff;} .darkBg_header .header_sec .nabvar_link_box ul li.effects.pricing_dropdown_box span img.down_er{ filter:brightness(0) invert(1);width:16px;} @media (max-width:992px){ .darkBg_header .header_sec .nabvar_link_box ul li a{ color:#000;} .darkBg_header .header_sec .nabvar_link_box ul li.effects.pricing_dropdown_box span{ color:#000;} .darkBg_header .header_sec .nabvar_link_box ul li.effects.pricing_dropdown_box span img.down_er{ filter:brightness(0);} } .method_landing_page .pills-container{ position:relative;max-width:1100px;margin:80px auto;min-height:270px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:20px;} .method_landing_page .main_title h2{ color:#fff;} .method_landing_page .pill{ padding:12px 28px;border-radius:100px;font-weight:700;font-size:clamp(0.8rem,2vw,1rem);opacity:0;white-space:nowrap;display:inline-block;transform:translateY(0) rotate(var(--r));} .method_landing_page .p1{ background:#fff;color:#000;} .method_landing_page .p2{ background:#cbd5e1;color:#000;} .method_landing_page .p3{ background:#3b82f6;color:#fff;padding:18px 40px;} .method_landing_page .p4{ background:#d946ef;color:#fff;} .method_landing_page .p5{ background:#16a34a;color:#fff;} .method_landing_page .p6{ background:#5255ff;color:#ffffff;} .method_landing_page .p7{ background:#f0abfc;color:#000;} .method_landing_page .p8{ background:#fff;color:#000;} .method_landing_page .p9{ background:#eab308;color:#000;} .method_landing_page .p10{ background:#ca8a04;color:#000;} .method_landing_page .p1{ --r:-12deg;} .method_landing_page .p2{ --r:-35deg;} .method_landing_page .p3{ --r:0deg;} .method_landing_page .p4{ --r:-25deg;} .method_landing_page .p5{ --r:12deg;} .method_landing_page .p6{ --r:-10deg;} .method_landing_page .p7{ --r:-5deg;} .method_landing_page .p8{ --r:0deg;} .method_landing_page .p9{ --r:-10deg;} .method_landing_page .p10{ --r:10deg;} .effect_method{ background:#fff;border-radius:20px;padding:20px;margin:20px;} .method_landing_page .boot_learning_box .boot_learning_img img{ width:100%;border-radius:15px;} .method_landing_page .boot_learning_box .boot_learning_title{ padding:10px;display:flex;flex-direction:column;justify-content:space-between;} .method_landing_page .boot_learning_box .boot_learning_title h3{ color:#000;font-size:16px;font-weight:700;line-height:132%;} .method_landing_page .boot_learning_box p{ color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:132%;} .method_landing_page .Method_works_sec .main_title h2{ color:#fff;} .method_landing_page .Method_works_sec .main_title p{ color:#fff;} .method_landing_page .Method_works_text h3{ color:#fff;} .method_landing_page .Method_works_text p{ color:#fff;} .method_landing_page .boot_learning_title .submit_btn{ width:fit-content;padding:7px 21px;font-size:14px;} .method_strips{ border-radius:30px;background:linear-gradient(180deg,#00275F 0%,#003075 100%);padding:20px;display:flex;gap:20px;justify-content:space-between;align-items:center;} .method_strips .method_strips_title{ flex:0 0 60%;} .method_strips .method_strips_title h4{ color:#FFF;font-size:30px;font-style:normal;font-weight:700;line-height:122%;margin-bottom:30px;} .individual_category_page .method_strips .method_strips_title h4{ font-size:25px;} .method_strips .method_strips_img img{ max-width:100%;width:250px;} .common_outline_btn{ position:relative;display:inline-flex;align-items:center;gap:16px;padding:14px 14px 14px 24px;border-radius:60px;border:1.5px solid #fff;color:#fff;text-decoration:none;font-size:16px;font-weight:500;overflow:hidden;transition:all 0.4s ease;} .common_outline_btn::before{ content:"";position:absolute;inset:0;background:#fff;transform:translateX(-100%);transition:transform 0.45s ease;z-index:0;} .common_outline_btn span{ position:relative;z-index:1;} .common_outline_btn .icon{ width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:all 0.4s ease;} .common_outline_btn svg{ fill:#000;transition:transform 0.4s ease;} .common_outline_btn:hover::before{ transform:translateX(0);} .common_outline_btn:hover{ color:#000;} .common_outline_btn:hover svg{ transform:rotate(45deg) translateX(2px);} .common_outline_btn:hover .icon{ background:#000;} .common_outline_btn:hover svg{ fill:#fff;} .method_landing_page .swiper-wrapper{ height:fit-content;} .Fx_content{ width:60%;margin:auto;} @media (min-width:992px){ .method_landing_page .bootLearningSwiper .swiper-slide{ width:calc(20% - 20px) !important;} } @media (max-width:1400px){ .method_strips .method_strips_title{ flex:auto;} .method_strips .method_strips_title h4{ font-size:26px;} } @media (max-width:992px){ .method_strips .method_strips_title h4{ font-size:21px;} .method_strips{ flex-direction:column;gap:30px;} .method_strips .method_strips_title{ flex:auto;text-align:center;} .Fx_content{ width:100%;} .effect_method{ padding:10px;margin:0;border-radius:0;} .method_landing_page .method_banner{ padding:30px 10px;width:100%;} } @media (max-width:768px){ .method_landing_page .pills-container{ margin-top:40px;min-height:auto;gap:12px;} .method_landing_page .pill{ padding:10px 20px;} } .learning{ background:#871f78;padding:22px 30px;color:#ffffff;border-radius:12px;font-size:21px;text-transform:uppercase;} .tool-box{ padding:0;border-radius:20px;text-align:start;margin-top:0px;} .tool-box .tool-title{ color:#ffffff;font-weight:500;margin-bottom:14px;display:block;font-size:18px;text-align:start !important;padding:15px 30px;background:#0163f0;border-radius:12px;} .tool-box .sub-btn-group{ display:grid;grid-template-columns:1fr 1fr;gap:15px;} .tool-box .sub-btn{ padding:15px;border-radius:12px;border:none;color:#ffffff;font-weight:500;font-size:18px;cursor:pointer;transition:all 0.3s;height:55px;} .tool-box .analysis-btn{ background:#63b3ed;} .tool-box .reflection-btn{ background:#63b3ed;color:#fff;} .tool-box .sub-btn:hover{ opacity:0.9;transform:scale(1.05);} .audio_btn{ display:flex;align-items:center;gap:10px;flex-wrap:wrap;} @media (max-width:1400px){ .tool-box .sub-btn{ font-size:15px;} .method_int_title h2{ font-size:15px;} .tool-box .tool-title{ font-size:15px;} } @media (max-width:1200px){ .tool-box .sub-btn{ font-size:13px;} .tool-box .tool-title{ font-size:13px;padding:15px 25px;} .simd_studio_btn .submit_btn{ padding:15px 13px;font-size:13px;} .smart_book_AI.rar_update_design .main_ln .loder-page-box{ min-height:204px;} } .scroll-reveal{ opacity:0;transform:translateY(60px);transition:all 0.9s ease-out;will-change:transform,opacity;} .scroll-reveal.show{ opacity:1;transform:translateY(0);} .scroll-delay-1{ transition-delay:0.2s;} .scroll-delay-2{ transition-delay:0.4s;} .scroll-delay-3{ transition-delay:0.6s;} .banner_image{ margin-bottom:15px;height:fit-content;overflow:hidden;} .banner_image img{ width:100%;border-radius:10px;height:fit-content;object-fit:cover;} .new_update_filter{ margin-top:0;margin-bottom:0;} .Apply_btn{ background:#0666f0;padding:11px 15px;color:#fff;font-weight:500;font-size:16px;white-space:nowrap;transition:0.5s;border:unset;} .Apply_btn:hover{ color:#fff;background-color:#002c6a;} .Reset_btn{ background:linear-gradient(90deg,#FF7003 0%,#FF9748 100%);padding:11px 15px;color:#fff;font-weight:500;font-size:16px;white-space:nowrap;border:unset;transition:0.5s;} .Reset_btn:hover{ color:#fff;background:linear-gradient(90deg,#FF7003 100%,#FF9748 0%);} .new_update_filter .form-control{ padding:11px 15px;} .lve_txt{ display:block;background:#dbe8f9;padding:20px;border-radius:10px;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:20px;} .lve_txt h3{ font-size:25px;font-weight:600;color:#002d6f;margin-bottom:5px;} .lve_txt p{ font-size:14px;font-weight:600;margin:0;} .create_course_banner{ background-image:url("../img/crimg_banner.png");background-repeat:no-repeat;background-size:cover;background-position:100%;width:100%;height:200px;} .course_redesign .lve_txt .roles_btn.create-btn{ margin-bottom:0 !important;} .expertise-section{ position:relative;width:100%;display:flex;align-items:center;overflow:hidden;padding:60px 60px;border-radius:20px;background-image:url("../img/banner_img_courseExp.png");background-repeat:no-repeat;background-position:100%;width:100%;height:100%;} .expertise-section .expertise-bg{ position:absolute;top:0;left:0;} .expertise-section .expertise-container{ position:relative;z-index:2;max-width:100%;margin:0 auto;padding:0;width:100%;} .expertise-section .expertise-content{ display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:40px;} .expertise-section .text-column{ min-width:100%;color:white;} .expertise-section .main-title{ font-size:3.5rem;font-weight:400;line-height:1.2;margin-bottom:25px;} .expertise-section .sub-text{ font-size:1.2rem;font-weight:300;line-height:1.6;max-width:100%;opacity:0.9;} .expertise-section .image-column{ width:100%;} .expertise-section .image-column img{ width:100%;} .expertise-section .image-frame{ background-color:white;padding:12px;box-shadow:0 20px 40px rgba(0,0,0,0.4);transform:rotate(2deg);transition:transform 0.3s ease;} .expertise-section .image-frame:hover{ transform:rotate(0deg);} .expertise-section .image-frame img{ display:block;max-width:100%;height:auto;border:1px solid #ddd;} .course_redesign .expertise-section .roles_btn.create-btn .outline_btn{ background:#fff;} @media (max-width:992px){ .expertise-section .main-title{ font-size:2rem;} .expertise-section .expertise-content{ text-align:center;justify-content:center;} .expertise-section .image-column{ justify-content:center;} .expertise-section .sub-text{ margin:0 auto;} .expertise-section{ padding:20px;} .course_redesign .roles_btn.create-btn{ justify-content:center;margin-top:30px;} } .banner_filter{ background-image:url("../img/banner_filter.png");background-repeat:no-repeat;background-size:cover;width:100%;height:100%;padding:0;border-radius:20px;} .banner_filter .banner_filter_content{ max-width:790px;width:100%;padding:60px 0px 60px 60px;} .banner_filter .banner_filter_content p{ font-size:1.2rem;font-weight:300;line-height:1.6;max-width:100%;opacity:0.9;color:#fff;} .banner_filter .banner_filter_content h3{ font-size:3.5rem;font-weight:400;line-height:1.2;color:#fff;margin-bottom:25px;} .course_redesign .banner_filter .filter_box .filter_item{ flex:0 0 calc(50% - 15px);} .course_redesign .banner_filter .filter_box label{ color:#fff;display:block;margin-bottom:10px;} .course_redesign .banner_filter .filter_box{ flex-wrap:wrap;} .banner_filter .info-bar{ background:linear-gradient(90deg,#1e3c72 0%,#2a5298 100%);display:flex;justify-content:space-around;padding:30px 10%;color:white;gap:20px;border-radius:0px 0px 20px 20px;} .banner_filter .info-item{ display:flex;align-items:center;gap:15px;} .banner_filter .info-icon{ font-size:52px;opacity:0.9;line-height:normal;} .banner_filter .info-icon_img img{ width:40px;} .banner_filter .info-text h3{ margin:0;font-size:18px;font-weight:600;} .banner_filter .info-text p{ margin:4px 0 0 0;font-size:14px;opacity:0.8;} @media (max-width:1024px){ .filter-container{ flex-direction:column;align-items:stretch;} .input-box input,.custom-select select{ width:100%;} .info-bar{ flex-direction:column;align-items:flex-start;} } @media (max-width:1400px){ .banner_filter .banner_filter_content p{ font-size:27px;line-height:34px;} } @media (max-width:575px){ .banner_filter{ padding:0;} .banner_filter .banner_filter_content{ padding:20px;} .banner_filter .banner_filter_content p{ font-size:18px;line-height:25px;} } .main_faq .accordion-button:not(.collapsed)::after{ background-image:unset;} .main_faq .accordion-button::after{ background-image:unset;} .main_faq .accordion-button{ background-image:url("../img/plus.svg") !important;background-repeat:no-repeat;background-size:20px;background-position:calc(100% - 10px);} .main_faq .my-new-class.active{ background-image:url("../img/minus.svg") !important;} .main_common_banner{ background-image:url("../img/mycourses.webp");background-repeat:no-repeat;background-position:center;height:300px;width:100%;padding:30px 50px;border-radius:20px;background-size:cover;margin-bottom:25px;display:flex;align-items:center;} .main_common_banner h1{ font-size:clamp(24px,4vw,40px);font-weight:700;color:#002d6f;} .main_common_banner p{ font-size:clamp(14px,2vw,18px);font-weight:500;} .main_common_banner span{ color:#000;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:10px;display:inline-block;} .challenges_banner.main_common_banner span{ color:#ff7003;font-size:28px;} .challenges_banner.main_common_banner .side_img_cmn img{ max-width:100%;width:400px;margin-top:100px;} .main_common_banner span .yellowBG{ background:#EEC65A;padding:3% 10px;margin:0;} .main_common_banner .side_img_cmn{ margin:auto;text-align:center;} .main_common_banner .side_img_cmn img{ max-width:100%;width:270px;} .main_common_banner input{ padding:13px;} @media (max-width:992px){ .content_common_banner{ text-align:center;} .main_common_banner .side_img_cmn img{ display:none;} .main_common_banner{ height:100%;padding:30px 20px;} } @media (max-width:600px){ .my_courses_banner .empty{ display:none;} } .new_create_courseModal .btn-custom{ padding:14px 20px;border-radius:50px;font-weight:700;text-transform:uppercase;font-size:0.85rem;letter-spacing:0.5px;transition:all 0.3s ease;border:none;display:inline-block;} .new_create_courseModal .btn-blue{ background-color:#0066ff;color:#ffffff !important;box-shadow:0 4px 15px rgba(0,102,255,0.2);} .new_create_courseModal .btn-blue:hover{ background-color:#0052cc;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,102,255,0.3);} .new_create_courseModal .btn-orange{ background-color:#ff7300;color:#ffffff !important;box-shadow:0 4px 15px rgba(255,115,0,0.2);} .new_create_courseModal .btn-orange:hover{ background-color:#e66700;transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,115,0,0.3);} .new_create_courseModal .main_content_course_crt,.main_content_course_crt2{ transition:all 0.4s ease;} .new_create_courseModal .main_content_course_crt:hover{ background-color:#f8fbff !important;} .new_create_courseModal .main_content_course_crt2:hover{ background-color:#fff4ed !important;} @media (max-width:767px){ .new_create_courseModal .main_content_course_crt{ border-right:none;border-bottom:1px solid #f0f0f0;} } .sub-btn-group button{ position:relative;} .sub-btn-group .analysis-spinner,.sub-btn-group .reflection-spinner{ position:absolute;top:35%;right:10px;} .Activity_page{ background-image:url('../img/activiyt_bg.webp');background-repeat:no-repeat;background-position:100%;background-size:cover;width:100%;height:calc(100vh - 75px);overflow-y:auto;overflow-x:hidden;} .activity_hd{ display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;} .activity_hd h2{ font-size:25px;font-weight:600;color:#fff;margin:0;} .all_activityText{ color:#fff;font-size:25px;font-weight:600;text-decoration:underline;} .activityMain_title h1{ color:#FFF;font-size:clamp(28px,8vw,55px);font-weight:700;line-height:1.2;margin-bottom:clamp(15px,4vw,30px);} .activityMain_title p{ color:#FFF;font-size:18px;font-style:normal;font-weight:400;line-height:28px;} .Activity_page .activity_form::after{ content:"";position:absolute;bottom:0;right:20px;background-image:url("../img/bottom_img.png");background-repeat:no-repeat;background-size:cover;background-position:100%;width:187px;height:187px;} .Activity_page .field_commn_box .field_commn input{ height:auto;border-radius:10px;border:1px solid #ffffff;background-color:#ffffff;padding:10px 15px 10px 15px;color:#7c7c7c;font-size:14px;} .Activity_page .custome_blue_check span{ font-size:14px;} .Activity_page .field_commn_box .field_commn label{ color:#ffffff;font-size:14px;margin-bottom:5px;} .Activity_page .activity_form{ background-image:url("../img/activity_form_img.png");background-repeat:no-repeat;background-position:100%;background-size:cover;padding:25px;width:100%;min-height:548px;position:relative;border-radius:20px;} .Activity_page .blue_select_box .blue_select label{ color:#fff;font-size:14px;display:block;margin-bottom:5px;} .Activity_page .filed_box.Upload .input_field{ height:auto;border:unset;} .Activity_page .filed_box.Upload .icon_commn_field img{ width:30px;} .Activity_page .activitysec{ padding:34px 0;} .Activity_page .blue_select_box .blue_select .choices__inner{ border:1px solid #ffffff;background-color:#ffffff;padding:10px 20px 10px 15px;} .Activity_page .blue_select_box .blue_select select{ border:1px solid #ffffff;background-color:#ffffff;padding:10px 35px 10px 15px;color:#7c7c7c;font-size:14px;} .AnimateArrow_btn{ background:linear-gradient(90deg,#ff8c42,#f96d00);border:none;border-radius:50px;padding:14px 26px;color:white;font-weight:500;font-size:16px;display:inline-flex;align-items:center;text-decoration:none;transition:transform 0.2s ease;cursor:pointer;} .AnimateArrow_btn:active{ transform:scale(0.98);} .AnimateArrow_btn .arrow-icon{ margin-left:15px;font-size:1.5rem;transition:all 0.4s ease;display:inline-block;} .AnimateArrow_btn:hover .arrow-icon{ animation:blinkSlide 0.6s ease-in-out forwards;} @keyframes blinkSlide{ 0%{ opacity:1;transform:translateX(0);} 30%{ opacity:0;transform:translateX(5px);} 60%{ opacity:0;} 100%{ opacity:1;transform:translateX(10px);} } .Activity_page .activity-card{ background:white;border-radius:15px;padding:20px;text-align:center;color:#333;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 0.3s;height:100%;} .Activity_page .activity-card:hover{ transform:translateY(-5px);} .Activity_page .activity-card img{ width:35px;margin-bottom:15px;} .Activity_page .activity-card p{ font-weight:800;font-size:0.75rem;margin:0;} .Activity_page .swiper-button-next:after,.swiper-button-prev:after{ font-size:18px;font-weight:bold;} .Activity_page .activitycard_box a{ height:100%;display:block;} .Activity_page .activitycard_box .swiper-button-next:after{ width:45px;height:45px !important;right:-35px;top:29px;} .Activity_page .activitycard_box .swiper-button-prev:after{ width:45px;height:45px !important;left:-35px;top:29px;} .Activity_page .activitycard_box{ position:relative;} .Activity_page .choices__list--dropdown,.choices__list[aria-expanded]{ z-index:99 !important;} .Activity_page .new_custom_check_analysis label.custome_blue_check{ flex:1 0 calc(50% - 15px);border-radius:10px;padding:12px 15px;} .Activity_page .custome_blue_check input:checked~.checkmark{ border-radius:10px;} .Activity_page .custome_blue_check .checkmark{ top:12px;height:15px;width:15px;} .Activity_page .blue_field_box label{ font-size:14px;color:#fff;} .Activity_page .blue_field_box .blue_field .form_control{ border:1px solid #ffffff;background:#ffffff;height:auto;padding:10px 15px;font-size:14px;} .Activity_page .description_field textarea{ background:#fff;} .Activity_page .new_custom_check_analysis{ width:100%;} .Activity_page .new_custom_check_analysis{ color:#fff;font-size:14px;} .Activity_page .new_custom_check_analysis.new_problem label.custome_blue_check{ flex:1 0 calc(25% - 15px);} .Activity_page .description_field label{ font-size:14px;font-weight:500;color:#fff;display:block;margin-bottom:5px;} .Activity_page .filed_box label{ color:#fff;font-size:14px;font-weight:500;} .Activity_page .filed_box.Upload .input_field input{ height:auto;font-size:14px;padding:9px 15px;} .Activity_page .filed_box{ margin-bottom:0;} .Activity_page .description_field{ margin-top:0;} .autoScroll{ overflow-y:auto;height:340px;padding-bottom:20px;} @media (max-width:1500px){ .Activity_page .activity-card{ padding:10px;} } @media (max-width:992px){ .Activity_page{ height:100%;} .Activity_page .activity_form{ min-height:100%;} .Activity_page .new_custom_check_analysis.new_problem label.custome_blue_check{ flex:1 0 calc(50% - 15px);} .Activity_page .activity_form::after{ display:none;} .Activity_page .activity_form{ padding:20px;} } .feedback_modal .blue_field_box label{ font-size:15px;margin-bottom:10px;} .feedback_modal .modal_title1 h2{ font-size:24px;font-weight:600;text-align:center;margin-bottom:30px;color:#ff770f;margin-top:15px;} .community_main_sec{ padding:50px 0px;} .scroll-wrapper{ width:100%;overflow:hidden;} .scroll-wrapper .scroll-container{ display:block;width:100% !important;} .scroll-wrapper .scroll-container section{ width:100%;min-height:auto;padding:40px 0;} .scroll-wrapper .community_main_sec .container{ min-height:100vh;align-items:unset;justify-content:unset;display:unset;flex-direction:unset;padding:80px 0 0;} @media (min-width:992px){ .scroll-wrapper .scroll-container{ display:flex;flex-wrap:nowrap;width:500vw !important;} .scroll-wrapper .scroll-container section{ width:100vw;height:100vh;flex-shrink:0;display:flex;align-items:center;} } .scroll-wrapper .certificateSection{ background:#deecff;} @media (max-width:991px){ .scroll-wrapper .scroll-container section{ height:auto;padding:50px 10px;} } #reviewRatingModal .modal_title h2{ font-size:25px;text-align:center;margin:20px 0;} .my_profile_secnew .challnge_img{ width:100% !important;} .my_profile_secnew .profile_act .challnge_img{ width:fit-content !important;} .my_profile_secnew .challenge_box_inner{ display:flex;align-items:center;gap:20px;flex-direction:column;justify-content:center;width:100%;} .my_profile_secnew .challenge_title{ text-align:center;} .my_profile_secnew .challenge_btn120{ position:unset;transform:unset;} .my_profile_secnew .challenge_box{ height:100%;} #yourAmount{ margin-bottom:15px;} .feature_sec{ background:white;border-radius:20px;overflow:hidden;border:1px solid #eee;margin-bottom:40px;} .feature_sec .side-image{ width:100%;height:100%;object-fit:cover;min-height:100%;} .feature_sec .feature-box{ padding:16px;border-radius:15px;background:#ffffff;border:1px solid #eee;margin-bottom:0;transition:all 0.3s ease;height:100%;display:flex;align-items:start;} .feature_sec .feature-box:hover{ background:#f0f7ff;} .feature_sec .feature_content h4{ font-size:20px;font-weight:600;} .feature_sec .feature_content p{ font-size:14px;} .feature_sec .feature-arrow svg{ width:24px;height:24px;} .feature_sec .feature-box:hover .feature-arrow svg{ filter:invert(1);} .feature_sec .feature-box:hover{ box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:#ff7d1b;} .feature_sec .feature-box.highlight{ border-left:5px solid #ff7d1b;background:#fffafa;} .feature_sec .feature-title{ font-weight:700;color:#ff7d1b;margin-bottom:10px;font-size:1.1rem;} .feature_sec .feature-text{ font-size:0.95rem;color:#666;line-height:1.6;} .feature_sec .section-title{ font-weight:800;font-size:2.5rem;margin-bottom:15px;color:#0f172a;} .feature-arrow{ display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#f0f7ff;color:#0163f0;font-size:18px;margin-left:12px;flex-shrink:0;transition:all .24s ease;} .feature-box:hover .feature-arrow{ background:#0163f0;color:#fff;transform:translateX(6px);} .feature-box.highlight .feature-arrow{ background:rgba(255,255,255,0.2);color:#fff;} .feature-box.highlight:hover .feature-arrow{ background:#fff;color:#0163f0;transform:translateX(6px);} @media (max-width:1450px){ .feature_sec .feature-title{ margin-bottom:5px;font-size:16px;} .feature_sec .feature-text{ font-size:14px;line-height:1.4;} } .journey-wrapper{ display:flex;align-items:center;justify-content:center;gap:10px;padding:70px 20px;overflow-x:auto;} .journey-wrapper .outer-circle{ width:160px;height:160px;border:1px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;} .inner-circle span{ font-size:25px;font-weight:600;} .journey-wrapper .outer-circle::before{ content:'';position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:#333;border-radius:50%;} .journey-wrapper .inner-circle{ width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;padding:10px;} .journey-wrapper .bg-maroon{ background-color:#fd7408;} .journey-wrapper .bg-navy{ background-color:#0263ef;} .journey-wrapper .bg-sky{ background-color:#881e79;} .journey-wrapper .circle-white{ background-color:white;border:1px dashed #999;color:var(--text-blue);} .journey-wrapper .arrow{ width:80px;height:1px;background-color:#333;position:relative;flex-shrink:0;} .journey-wrapper .arrow::after{ content:'';position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);} .journey-wrapper.arrow-dashed{ background-color:transparent;border-top:1px dashed #333;} .journey-wrapper .title-text{ font-size:18px;line-height:1.2;margin-bottom:5px;} .journey-wrapper .duration-text{ font-family:sans-serif;font-size:14px;font-weight:normal;} @media (max-width:992px){ .journey-wrapper{ flex-direction:column;gap:30px;} .journey-wrapper .arrow{ transform:rotate(90deg);width:40px;} } .Review_sec{ padding:30px 0;} .HerosectionMain{ position:relative;padding-top:8rem;padding-bottom:5rem;padding-left:1.5rem;padding-right:1.5rem;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;} .HerosectionMain .hero-bg{ position:absolute;inset:0;opacity:0.3;background-image:url('https://images.unsplash.com/photo-1768327239584-e97d004f1830?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxhYnN0cmFjdCUyMEFJJTIwbmV1cmFsJTIwbmV0d29yayUyMGRhcmt8ZW58MXx8fHwxNzcwMjkwMzAyfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral');background-size:cover;background-position:center;} .hero-gradient-overlay{ position:absolute;inset:0;background:linear-gradient(to bottom,#0b0b0f,transparent,#0b0b0f);pointer-events:none;} .HerosectionMain .hero-glow-blue{ position:absolute;top:25%;left:25%;width:24rem;height:24rem;background:rgba(59,130,246,0.2);border-radius:50%;filter:blur(80px);animation:heroPulse 3s ease-in-out infinite;pointer-events:none;} .HerosectionMain .hero-glow-orange{ position:absolute;bottom:25%;right:25%;width:24rem;height:24rem;background:rgba(249,115,22,0.2);border-radius:50%;filter:blur(80px);animation:heroPulse 3s ease-in-out infinite;animation-delay:1s;pointer-events:none;} @keyframes heroPulse{ 0%,100%{ opacity:1;} 50%{ opacity:0.5;} } .HerosectionMain .hero-content{ position:relative;z-index:10;text-align:center;max-width:56rem;margin:0 auto;animation:fadeInUp 1s cubic-bezier(0.4,0,0.2,1);} @keyframes fadeInUp{ from{ opacity:0;transform:translateY(40px);} to{ opacity:1;transform:translateY(0);} } .HerosectionMain .hero-badge{ display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;background-color:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);margin-bottom:2rem;font-size:0.875rem;color:#d1d5db;animation:slideInDown 0.8s cubic-bezier(0.4,0,0.2,1) 0.2s both;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);} .HerosectionMain .hero-badge:hover{ background-color:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);transform:translateY(-2px);box-shadow:0 8px 20px rgba(96,165,250,0.2);} @keyframes slideInDown{ from{ opacity:0;transform:translateY(-20px);} to{ opacity:1;transform:translateY(0);} } .HerosectionMain .hero-badge-icon{ width:1rem;height:1rem;color:#60a5fa;} .HerosectionMain .hero-heading{ font-size:clamp(2.5rem,8vw,4.5rem);font-weight:bold;margin-bottom:1.5rem;color:#fff;line-height:1.1;animation:slideInUp 1s cubic-bezier(0.4,0,0.2,1) 0.3s both;} .HerosectionMain .hero-heading .gradient-text{ background:linear-gradient(to right,#60a5fa,#c084fc,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .HerosectionMain .hero-subtitle{ font-size:1.25rem;color:#d1d5db;margin-bottom:1rem;animation:fadeIn 1s cubic-bezier(0.4,0,0.2,1) 0.5s both;} @keyframes fadeIn{ from{ opacity:0;} to{ opacity:1;} } .HerosectionMain .hero-description{ font-size:1rem;color:#9ca3af;margin-bottom:2.5rem;max-width:42rem;margin-left:auto;margin-right:auto;line-height:1.6;animation:fadeIn 1s cubic-bezier(0.4,0,0.2,1) 0.6s both;} .HerosectionMain .hero-buttons{ display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;margin-bottom:2rem;animation:fadeInUp 1s cubic-bezier(0.4,0,0.2,1) 0.8s both;} @media (min-width:640px){ .HerosectionMain .hero-buttons{ flex-direction:row;} } .btn_new_darkTheme .btn-primary{ position:relative;padding:10px 20px;border-radius:9999px;background:linear-gradient(to right,#3b82f6,#f97316);color:white;border:none;font-weight:500;font-size:16px;cursor:pointer;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 30px rgba(59,130,246,0.5);overflow:hidden;} .btn_new_darkTheme .btn-primary::before{ content:'';position:absolute;inset:0;border-radius:9999px;background:linear-gradient(to right,#60a5fa,#fb923c);filter:blur(20px);opacity:0.5;transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1);z-index:-1;} .btn_new_darkTheme .btn-primary:hover{ background:linear-gradient(to right,#2563eb,#ea580c);box-shadow:0 0 50px rgba(249,115,22,0.8);transform:translateY(-4px) scale(1.08);} .btn_new_darkTheme .btn-primary:active{ transform:translateY(-2px) scale(0.98);} .btn_new_darkTheme .btn-primary:hover::before{ opacity:0.75;} .btn_new_darkTheme .btn-primary-text{ position:relative;z-index:10;} .btn_new_darkTheme .btn-secondary{ padding:1rem 2rem;border-radius:9999px;border:1px solid rgba(255,255,255,0.2);background-color:transparent;color:white;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px);} .btn_new_darkTheme .btn-secondary:hover{ border-color:rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.1);transform:translateY(-4px);box-shadow:0 8px 32px rgba(255,255,255,0.1);} .btn_new_darkTheme .btn-secondary:active{ transform:translateY(-2px);} .HerosectionMain .floating-particles{ position:absolute;width:100%;height:100%;pointer-events:none;z-index:5;} .HerosectionMain .particle{ position:absolute;border-radius:50%;animation:float 4s ease-in-out infinite,fadeInParticle 1s cubic-bezier(0.4,0,0.2,1) 0.5s both;} @keyframes fadeInParticle{ from{ opacity:0;} to{ opacity:0.5;} } .HerosectionMain .particle.blue{ width:0.5rem;height:0.5rem;background:#60a5fa;top:10rem;left:2.5rem;} .HerosectionMain .particle.orange{ width:0.75rem;height:0.75rem;background:#fb923c;top:15rem;right:5rem;animation-delay:0.5s;} .HerosectionMain .particle.purple{ width:0.5rem;height:0.5rem;background:#c084fc;bottom:5rem;left:33%;animation-delay:1.5s;} @keyframes float{ 0%,100%{ opacity:0.5;transform:translateY(0px);} 25%{ opacity:1;transform:translateY(-15px);} 50%{ opacity:1;transform:translateY(0px);} 75%{ opacity:0.8;transform:translateY(-10px);} } @media (max-width:768px){ .HerosectionMain{ padding-top:6rem;padding-bottom:3rem;min-height:auto;} .HerosectionMain .hero-heading{ font-size:2rem;} .HerosectionMain .hero-subtitle{ font-size:1rem;} .HerosectionMain .hero-description{ font-size:0.9rem;} .btn-primary,.btn-secondary{ padding:0.75rem 1.5rem;font-size:1rem;} .HerosectionMain .hero-glow-blue,.HerosectionMain .hero-glow-orange{ width:15rem;height:15rem;} } @media (max-width:640px){ .HerosectionMain{ padding-left:1rem;padding-right:1rem;} .HerosectionMain .hero-heading{ font-size:1.75rem;} .HerosectionMain .hero-badge{ font-size:0.75rem;padding:0.4rem 0.8rem;} .HerosectionMain .hero-buttons{ gap:0.75rem;} .particle{ display:none;} } .activityCard_sec{ padding:2rem 1.5rem;max-width:80rem;margin:0 auto;} .activityCard_sec .activity-card-group{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;} .activityCard_sec .activity-card{ position:relative;border-radius:1rem;padding:1.5rem;backdrop-filter:blur(20px);background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:all 0.5s ease;animation:fadeIn 0.6s ease-out forwards;overflow:hidden;} .activityCard_sec .activity-card::before{ content:'';position:absolute;inset:0;border-radius:1rem;opacity:0;transition:opacity 0.5s ease;pointer-events:none;z-index:1;} .activityCard_sec .activity-card:hover{ transform:translateY(-0.5rem);box-shadow:0 0 30px rgba(59,130,246,0.3);border-color:rgba(59,130,246,0.3);} .activityCard_sec .activity-card.blue:hover{ box-shadow:0 0 30px rgba(59,130,246,0.5);border-color:rgba(59,130,246,0.5);} .activityCard_sec .activity-card.blue::before{ background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(37,99,235,0.2));} .activityCard_sec .activity-card.purple:hover{ box-shadow:0 0 30px rgba(192,132,252,0.5);border-color:rgba(192,132,252,0.5);} .activityCard_sec .activity-card.purple::before{ background:linear-gradient(135deg,rgba(192,132,252,0.2),rgba(168,85,247,0.2));} .activityCard_sec .activity-card.orange:hover{ box-shadow:0 0 30px rgba(249,115,22,0.5);border-color:rgba(249,115,22,0.5);} .activityCard_sec .activity-card.orange::before{ background:linear-gradient(135deg,rgba(249,115,22,0.2),rgba(234,88,12,0.2));} .activityCard_sec .activity-card.green:hover{ box-shadow:0 0 30px rgba(74,222,128,0.5);border-color:rgba(74,222,128,0.5);} .activityCard_sec .activity-card.green::before{ background:linear-gradient(135deg,rgba(74,222,128,0.2),rgba(34,197,94,0.2));} .activityCard_sec .activity-card.pink:hover{ box-shadow:0 0 30px rgba(244,114,182,0.5);border-color:rgba(244,114,182,0.5);} .activityCard_sec .activity-card.pink::before{ background:linear-gradient(135deg,rgba(244,114,182,0.2),rgba(236,72,153,0.2));} .activityCard_sec .activity-card.yellow:hover{ box-shadow:0 0 30px rgba(250,204,21,0.5);border-color:rgba(250,204,21,0.5);} .activityCard_sec .activity-card.yellow::before{ background:linear-gradient(135deg,rgba(250,204,21,0.2),rgba(202,138,4,0.2));} .activityCard_sec .activity-card:hover::before{ opacity:1;} @keyframes fadeIn{ from{ opacity:0;transform:translateY(20px);} to{ opacity:1;transform:translateY(0);} } .activityCard_sec .activity-card-content{ position:relative;z-index:10;} .activityCard_sec .activity-icon-wrapper{ display:inline-flex;padding:0.75rem;border-radius:0.75rem;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);margin-bottom:1rem;transition:all 0.3s ease;} .activityCard_sec.activity-card:hover .activity-icon-wrapper{ background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);} .activityCard_sec.activity-icon{ width:1.5rem;height:1.5rem;stroke-width:2;fill:none;stroke:currentColor;} .activityCard_sec.activity-card.blue .activity-icon{ color:#60a5fa;} .activityCard_sec .activity-card.purple .activity-icon{ color:#c084fc;} .activityCard_sec .activity-card.orange .activity-icon{ color:#fb923c;} .activityCard_sec .activity-card.green .activity-icon{ color:#4ade80;} .activityCard_sec .activity-card.pink .activity-icon{ color:#f472b6;} .activityCard_sec .activity-card.yellow .activity-icon{ color:#facc15;} .activityCard_sec .activity-card-title{ font-size:1.25rem;font-weight:600;margin-bottom:0.75rem;color:#ffffff;transition:color 0.3s ease;} .activityCard_sec .activity-card:hover .activity-card-title{ color:rgba(255,255,255,0.9);} .activityCard_sec .activity-card-description{ font-size:0.875rem;color:#a0a0a0;margin-bottom:1.5rem;line-height:1.6;} .activityCard_sec .learn-more-btn{ display:inline-flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:600;color:rgba(255,255,255,0.7);background:none;border:none;cursor:pointer;padding:0;transition:all 0.3s ease;font-family:inherit;} .activityCard_sec .learn-more-btn:hover{ color:#ffffff;} .activityCard_sec .learn-more-btn svg{ width:1rem;height:1rem;transition:transform 0.3s ease;} .activityCard_sec .learn-more-btn:hover svg{ transform:translateX(0.25rem);} .activityCard_sec .corner-accent{ position:absolute;top:0;right:0;width:5rem;height:5rem;background:linear-gradient(135deg,rgba(255,255,255,0.1),transparent);border-radius:0 1rem 0 80px;opacity:0;transition:opacity 0.5s ease;pointer-events:none;} .activityCard_sec .activity-card:hover .corner-accent{ opacity:1;} .activityCard_sec .card-demo-header{ text-align:center;margin-bottom:3rem;} .activityCard_sec .card-demo-header h2{ font-size:2rem;font-weight:bold;margin-bottom:1rem;} .activityCard_sec .card-demo-header h2 .gradient-text{ background:linear-gradient(to right,#60a5fa,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .activityCard_sec .card-demo-header p{ color:#a0a0a0;max-width:42rem;margin:0 auto;} @media (max-width:768px){ .activityCard_sec .activityCard_sec{ padding:1.5rem 1rem;} .activityCard_sec .activity-card-group{ grid-template-columns:1fr;} .activity-card-title{ font-size:1.125rem;} .activityCard_sec .card-demo-header h2{ font-size:1.5rem;} } .white_main_title h2{ font-size:clamp(1.5rem,5vw,3rem);animation:slideInDown 0.7s ease-out;font-weight:700;color:#000;} .white_main_title h2 span{ background:linear-gradient(to right,#60a5fa,#c084fc,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .dark_main_title h2{ font-size:clamp(1.5rem,5vw,3rem);animation:slideInDown 0.7s ease-out;font-weight:700;color:#fff;} .dark_main_title h2 span{ background:linear-gradient(to right,#60a5fa,#c084fc,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .dark_main_title p{ color:#a0a0a0;font-size:16px;font-weight:500;} #reviewRatingModal .form-control{ padding:10px;} #reviewRatingModal label{ font-size:16px;font-weight:500;margin-bottom:8px;} .certificate_bx .certificate-container{ background:white;padding:30px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:1px solid #ddd;text-align:center;min-height:500px;background-image:radial-gradient(#f1f1f1 1px,transparent 1px);background-size:20px 20px;} .certificate_bx .cert-header{ font-family:'Libre Baskerville',serif;text-transform:uppercase;color:var(--wharton-blue);font-size:12px;letter-spacing:1px;} .certificate_bx .school-name{ font-family:'Cinzel',serif;font-size:28px;color:var(--wharton-blue);border-bottom:2px solid var(--wharton-red);display:inline-block;margin-bottom:10px;} .certificate_bx .user-name-display{ font-size:35px;font-family:'Libre Baskerville',serif;margin:20px 0;color:#333;} .certificate_bx .program-display{ font-size:22px;font-weight:bold;color:#444;} .certificate_bx .footer-cert{ margin-top:40px;display:flex;justify-content:space-between;align-items:flex-end;text-align:left;} .certificate_bx .sig-font{ font-size:24px;color:var(--wharton-blue);} .certificate_bx .review-section{ background:unset;padding:0;border-radius:8px;border-left:unset;box-shadow:unset;} .certificate_bx .editor-box{ background:#fff;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);} .certificate_bx .fixed_certificate{ display:flex;align-items:center;justify-content:center;height:100%;border:1px solid #555555;padding:0px 20px 10px;border-radius:0;} .certificate_sec .certificate_box{ padding:20px 0 10px;} .certificate_bx .certificate_appriciate h4{ font-size:14px;} .certificate_bx .certificate_appriciate h5{ font-size:clamp(20px,5vw,35px);} .certificate_bx .certificate_appriciate p{ font-size:13px;line-height:18px;} .certificate_bx .certificate_sec .certificate_bottom .certificate_bottom_ct span{ color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal;} .certificate_bx .sign_img img{ max-width:100%;width:120px;margin-bottom:10px;} .certificate_bx .certificate_sec .certificate_title h3{ font-size:18px;margin:0 0 8px;} .certificate_bx .certificate_sec .certificate_bottom{ margin-bottom:10px;} .certificate_bx .certificate_side_img{ width:12%;} @media print{ .certificate_bx .no-print{ display:none;} .certificate_bx .col-lg-6{ width:100%;} } @media screen and (max-width:992px){ .Method_works_img{ display:none;} .individual_category_page .method_strips .method_strips_title h4{ font-size:18px;} } .FaqDarkSection{ padding:5rem 1.5rem 0;position:relative;max-width:80rem;margin:0 auto;} .FaqDarkSection::after{ content:'';position:absolute;bottom:0;right:0;width:24rem;height:24rem;background:rgba(192,132,252,0.1);border-radius:50%;filter:blur(80px);pointer-events:none;} .FaqDarkSection .faq-header{ text-align:center;margin-bottom:4rem;position:relative;z-index:10;animation:fadeInDown 0.8s ease-out;} .FaqDarkSection .faq-header h2{ font-size:clamp(2rem,5vw,3rem);font-weight:bold;margin-bottom:1rem;animation:slideInDown 0.7s ease-out;} .FaqDarkSection .faq-header h2 .gradient-text{ background:linear-gradient(to right,#60a5fa,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .FaqDarkSection .faq-header p{ color:#9ca3af;max-width:42rem;margin:0 auto;font-size:1rem;animation:fadeIn 0.8s ease-out 0.2s both;} @keyframes fadeInDown{ from{ opacity:0;transform:translateY(-20px);} to{ opacity:1;transform:translateY(0);} } @keyframes slideInDown{ from{ opacity:0;transform:translateY(-30px);} to{ opacity:1;transform:translateY(0);} } @keyframes fadeIn{ from{ opacity:0;} to{ opacity:1;} } .FaqDarkSection .faq-items{ display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;position:relative;z-index:10;} .FaqDarkSection .faq-item{ border-radius:1rem;backdrop-filter:blur(20px);background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);overflow:hidden;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);animation:slideInUp 0.6s ease-out forwards;opacity:0;} .FaqDarkSection .faq-item:nth-child(1){ animation-delay:0.1s;} .FaqDarkSection .faq-item:nth-child(2){ animation-delay:0.2s;} .FaqDarkSection .faq-item:nth-child(3){ animation-delay:0.3s;} .FaqDarkSection .faq-item:nth-child(4){ animation-delay:0.4s;} .FaqDarkSection .faq-item:nth-child(5){ animation-delay:0.5s;} .FaqDarkSection .faq-item:nth-child(6){ animation-delay:0.6s;} .FaqDarkSection .faq-item:hover{ border-color:rgba(59,130,246,0.5);box-shadow:0 8px 32px rgba(59,130,246,0.2);transform:translateY(-2px);} @keyframes slideInUp{ from{ opacity:0;transform:translateY(20px);} to{ opacity:1;transform:translateY(0);} } .FaqDarkSection .faq-item-button{ width:100%;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;text-align:left;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);font-family:inherit;} .FaqDarkSection.faq-item-button:hover{ background-color:rgba(255,255,255,0.08);} .FaqDarkSection .faq-question-wrapper{ display:flex;align-items:center;gap:1rem;flex:1;} .FaqDarkSection .faq-icon{ flex-shrink:0;width:2.5rem;height:2.5rem;padding:0.5rem;border-radius:0.5rem;background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(249,115,22,0.2));border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;} .FaqDarkSection .faq-icon svg{ width:1.25rem;height:1.25rem;color:#60a5fa;stroke-width:2;fill:none;stroke:currentColor;} .FaqDarkSection .faq-question{ font-weight:600;color:#ffffff;font-size:1.125rem;} .FaqDarkSection .faq-chevron{ flex-shrink:0;width:1.25rem;height:1.25rem;color:#9ca3af;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);stroke:currentColor;stroke-width:2;fill:none;} .FaqDarkSection .faq-item.open .faq-chevron{ transform:rotate(180deg);color:#60a5fa;} .FaqDarkSection .faq-answer-wrapper{ max-height:0;overflow:hidden;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);padding:0 1.5rem;opacity:0;} .FaqDarkSection .faq-item.open .faq-answer-wrapper{ max-height:300px;padding:1.5rem 1.5rem;padding-left:4.5rem;opacity:1;} .FaqDarkSection .faq-answer{ color:#9ca3af;font-size:18px;line-height:1.6;} .FaqDarkSection .faq-cta{ position:relative;z-index:10;text-align:center;padding:2rem;border-radius:1rem;backdrop-filter:blur(20px);background:linear-gradient(to right,rgba(59,130,246,0.1),rgba(249,115,22,0.1));border:1px solid rgba(255,255,255,0.1);animation:fadeInUp 0.8s ease-out 0.8s forwards;opacity:0;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);} .FaqDarkSection .faq-cta:hover{ border-color:rgba(59,130,246,0.3);box-shadow:0 8px 32px rgba(59,130,246,0.15);transform:translateY(-2px);} @keyframes fadeInUp{ from{ opacity:0;transform:translateY(20px);} to{ opacity:1;transform:translateY(0);} } .FaqDarkSection .faq-cta-text{ color:#d1d5db;margin-bottom:1rem;font-size:1rem;} .FaqDarkSection .cta-btn{ padding:0.75rem 2rem;border-radius:9999px;background:linear-gradient(to right,#3b82f6,#f97316);color:white;border:none;font-weight:600;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 20px rgba(59,130,246,0.3);font-family:inherit;font-size:1rem;} .FaqDarkSection .cta-btn:hover{ background:linear-gradient(to right,#2563eb,#ea580c);box-shadow:0 0 40px rgba(249,115,22,0.6);transform:translateY(-4px) scale(1.05);} .FaqDarkSection .cta-btn:active{ transform:translateY(-2px) scale(0.98);} @media (max-width:768px){ .FaqDarkSection{ padding:3rem 1rem;} .FaqDarkSection .faq-header h2{ font-size:1.75rem;} .FaqDarkSection .faq-header p{ font-size:0.9rem;} .FaqDarkSection .faq-item-button{ padding:1.25rem;} .FaqDarkSection .faq-item.open .faq-answer-wrapper{ padding-left:3.5rem;} .FaqDarkSection.faq-question{ font-size:1rem;} .FaqDarkSection .faq-icon{ width:2rem;height:2rem;} } @media (max-width:640px){ .FaqDarkSection{ padding:2rem 1rem;} .FaqDarkSection .faq-header h2{ font-size:1.5rem;} .FaqDarkSection.faq-item-button{ padding:1rem;flex-wrap:wrap;} .FaqDarkSection .faq-question-wrapper{ gap:0.75rem;} .FaqDarkSection .faq-question{ font-size:0.95rem;} .FaqDarkSection .faq-cta{ padding:1.5rem 1rem;} .FaqDarkSection .cta-btn{ padding:0.6rem 1.5rem;font-size:0.9rem;} } #reviewRatingModal select.form-control{ border-radius:10px;border:1px solid #eee;background:#ffffff;padding:16px 15px;background-image:url('../img/arrow_icon87.svg');background-position:calc(100% - 10px);width:100%;background-repeat:no-repeat;appearance:none;height:100%;}