:root {
    /* text styles */
    /*Subtitle-S3*/

    --S3-Subtitle-font-size: 16px;
    --S3-Subtitle-line-height: 26px;
    --S3-Subtitle-font-weight: 400;
    /* title font */
    --title-font-family: 'Jost';
    /*Heading-H1*/
    --H1-title-font-size: 64px;
    --H1-title-line-height: 74px;
    --H1-title-font-weight: 700;
    /*Heading-H2*/

    --H2-title-font-size: 44px;
    --H2-title-line-height: 54px;
    --H2-title-font-weight: 700;

    /*Heading-H3*/

    --H3-title-font-size: 36px;
    --H3-title-line-height: 46px;
    --H3-title-font-weight: 700;


    /*Heading-H4*/

    --H4-title-font-size: 30px;
    --H4-title-line-height: 40px;
    --H4-title-font-weight: 600;


    /*Heading-H5*/

    --H5-title-font-size: 24px;
    --H5-title-line-height: 34px;
    --H5-title-font-weight: 600;


    /*Heading-H6*/

    --H6-title-font-size: 20px;
    --H6-title-line-height: 30px;
    --H6-title-font-weight: 600;


    /*Subtitle-S1*/

    --S1-Subtitle-font-size: 18px;
    --S1-Subtitle-line-height: 28px;
    --S1-Subtitle-font-weight: 500;

    /*Subtitle-S2*/

    --S2-Subtitle-font-size: 16px;
    --S2-Subtitle-line-height: 26px;
    --S2-Subtitle-font-weight: 500;

    /*Body Fonts*/
    --Body-font-family: 'Roboto';

    /*paragraph-P1*/

    --P1-paragraph-font-size: 16px;
    --P1-paragraph-line-height: 26px;
    --P1-paragraph-font-weight: 400;


    /*paragraph-P2*/

    --P2-paragraph-font-size: 14px;
    --P2-paragraph-line-height: 24px;
    --P2-paragraph-font-weight: 400;

    /* Color styles */

    --Themecolor1: #0067BC;
    /*--Themecolor2: #F20F10;*/
    --Themecolor2: #4D5765;
    --Titlecolor: #00112B;
    --Bodycolor: #4D5765;
    --Whitecolor: #FFFFFF;
    --SmokeColor: #F3F7FB;
    --Bordercolor: #D0DBE9;
    --lightGraycolor: #F2F2F2;
    --Graycolor: #9FAAB7;
    --LightBluecolor: #ECF1F9;
}

.rtl body,html[dir=rtl]{text-align:right}html[dir=rtl] .profile_info img{margin-right:0;margin-left:15px}html[dir=rtl] .theme_search_field button{padding:0 15px}html[dir=rtl] .header_area .header__wrapper .header__left .category_search .categories_menu{margin-right:0;margin-left:30px}html[dir=rtl] .header_area .header__wrapper .header__left .category_search .categories_menu i{margin-right:0;margin-left:10px}html[dir=rtl] .header_area .header__wrapper .header__left .logo_img{margin-right:0;margin-left:80px}html[dir=rtl] .category_area .couses_category .single_course_cat .icon{margin-right:0;margin-left:20px}html[dir=rtl] .active_menu .active_menu_item>ul{left:auto;right:100%}html[dir=rtl] .menu_dropdown>ul{left:auto;right:0}html[dir=rtl] .menu_dropdown>ul:after{left:auto;right:27px}html[dir=rtl] .course_area .single_course .course_content .course_less_students a i{margin-right:0;margin-left:10px}html[dir=rtl] .course_area .single_course .course_content .course_less_students a:not(:last-child){margin-right:0;margin-left:30px}html[dir=rtl] .course_area .single_course .course_content .rating_cart .rateing,html[dir=rtl] .quiz_area .single_course .course_content .rating_cart .rateing{margin-right:0;margin-left:5px}html[dir=rtl] .quiz_area .single_course .course_content .course_less_students a i{margin-right:0;margin-left:10px}html[dir=rtl] .quiz_area .single_course .course_content .course_less_students a:not(:last-child),html[dir=rtl] .testmonial_area .single_testmonial .testmonial_header .thumb{margin-right:0;margin-left:30px}html[dir=rtl] .service_cta_area .single_cta_service .thumb{margin-right:0;margin-left:40px}html[dir=rtl] .theme_mailChimp .form-control{border-radius:0 5px 5px 0}html[dir=rtl] .theme_mailChimp button{border-radius:5px 0 0 5px!important}html[dir=rtl] footer .footer_top_area .footer__cta .thumb{margin-right:0;margin-left:30px}html[dir=rtl] .theme_mailChimp .form-control{padding-right:30px}html[dir=rtl] .couse_wizged .course_content .rating_cart .rateing{margin-right:0;margin-left:5px}html[dir=rtl] .couse_wizged .course_content .course_less_students a i{margin-right:0;margin-left:10px}html[dir=rtl] .couse_wizged .course_content .course_less_students a:not(:last-child){margin-right:0;margin-left:30px}html[dir=rtl] .primary_checkbox .checkmark{margin-right:0;margin-left:12px}html[dir=rtl] .course_category_chose .course_title svg,html[dir=rtl] .mr_10,html[dir=rtl] .quiz_wizged .course_content .course_less_students a i{margin-right:0;margin-left:10px}html[dir=rtl] .quiz_wizged .course_content .course_less_students a:not(:last-child){margin-right:0;margin-left:30px}html[dir=rtl] .quiz_wizged .course_content .rating_cart .rateing{margin-right:0;margin-left:5px}html[dir=rtl] .contact_section .contact_info .address_lines .single_address_line i{margin-right:0;margin-left:20px}html[dir=rtl] .course__details .course__details_title .single__details:not(:last-child){margin-right:0;padding-right:0;padding-left:60px;margin-left:60px}html[dir=rtl] .course__details .course__details_title .single__details:not(:last-child):before{right:auto;left:0}html[dir=rtl] .course__details .course__details_title .single__details .thumb{margin-right:0;margin-left:25px}html[dir=rtl] .sidebar__widget .course_includes li i{margin-right:0;margin-left:15px}html[dir=rtl] .sidebar__widget .sidebar__title h3{margin-right:0;margin-left:23px}html[dir=rtl] .theme_according .card-body .curriculam_list .curriculam_single .curriculam_right .theme_btn_lite{margin-right:0;margin-left:30px}html[dir=rtl] .lms_tab_content .instractor_details_wrapper .instractor_details_inner .instractor_details_info .intractor_qualification .single_qualification i,html[dir=rtl] .theme_according .card-body .curriculam_list .curriculam_single .curriculam_left i{margin-right:0;margin-left:15px}html[dir=rtl] .course_review_wrapper .course_feedback .course_feedback_left{padding-right:0;padding-left:55px}html[dir=rtl] .course_review_wrapper .course_feedback .feedbark_progressbar .single_progrssbar .rating_percent .feedmak_stars{margin-right:0;margin-left:20px}html[dir=rtl] .course_review_wrapper .course_feedback .feedbark_progressbar .single_progrssbar .progress{margin-right:0;margin-left:30px}html[dir=rtl] .mega_menu_dropdown .menu_dropdown_iner .single_menu_dropdown{text-align:right}html[dir=rtl] .header_iner .notification_wrapper ul li:last-child{margin-right:30px;margin-left:30px}html[dir=rtl] .header_iner .category_search .categories_menu{margin-right:0;margin-left:30px}html[dir=rtl] .header_iner .category_search .categories_menu i{margin-right:0;margin-left:10px}html[dir=rtl] .couse_wizged .course_content{padding-right:0}html[dir=rtl] .profile_info .profile_info_iner{right:auto;left:0}html[dir=rtl] .sidebar ul li a .menu_icon{margin-right:0;margin-left:10px}html[dir=rtl] .sidebar_close_icon i{right:auto;left:30px}html[dir=rtl] .dashboard_main_wrapper .main_content_iner .dashboard_banner .banner_info .course_qualification p{margin-right:0;margin-left:30px}html[dir=rtl] .rating>label:before{content:"\F005";left:0}html[dir=rtl] .rating>label{position:relative}html[dir=rtl] .course_area .single_course .course_content .rating_cart .rateing span,html[dir=rtl] .couse_wizged .course_content .rating_cart .rateing span,html[dir=rtl] .quiz_area .single_course .course_content .rating_cart .rateing span{margin-right:0;margin-left:7px}html[dir=rtl] .work_process .list_number{left:auto;right:0}html[dir=rtl] .work_process .single_work_process{padding-left:0;padding-right:110px}html[dir=rtl] .slicknav_menu .slicknav_icon{left:0;right:auto}html[dir=rtl] .slicknav_btn{position:absolute;left:7px;right:auto;margin-top:-42px}@media (min-width:320px) and (max-width:991.98px){html[dir=rtl] .account_profile_wrapper .account_profile_thumb .thumb img{width:100%;height:100%}html[dir=rtl] .custom_input_group .input-group-prepend .input-group-text{padding-right:0}}@media (min-width:320px) and (max-width:767.98px){html[dir=rtl] .work_process .single_work_process{padding-left:0;padding-right:90px}}.owl-carousel .owl-item img{width:100%!important}.f_w_800{font-weight:800}body{font-family:var(--font_family2),sans-serif;font-style:normal;font-weight:400}.img{max-width:100%}.button,.img,a,button{transition:.3s}.button:focus,a:focus,button:focus{text-decoration:none;outline:none}.footer -menu li a:hover,.portfolio-cat a:hover,a:focus,a:hover{text-decoration:none}button:focus,input:focus{outline:none}a,button{outline:medium none}h1,h2,h3,h4,h5{font-family:var(--font_family1),sans-serif;color:var(--system_secendory_color)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}h4{font-size:20px;line-height:25px}ul{margin:0;padding:0}li{list-style:none}p{font-size:16px;line-height:26px;color:#373737;margin-bottom:0;font-family:var(--font_family2),sans-serif}label,p{font-weight:400}label{color:#7e7e7e;cursor:pointer;font-size:14px}::-moz-selection{background:#444;color:#fff;text-shadow:none}::selection{background:#444;color:#fff;text-shadow:none}::-moz-placeholder{color:#ccc;font-size:14px;opacity:1}::placeholder{color:#ccc;font-size:14px;opacity:1}.owl-carousel .owl-nav div{background:#f2fcff;height:60px;left:0;line-height:60px;position:absolute;text-align:center;top:0;right:0;transition:all .3s ease 0s;width:60px;font-size:12px;color:#c7cfd2;border-radius:50%}.owl-carousel:hover .owl-nav div{opacity:1;visibility:visible}.owl-carousel:hover .owl-nav div:hover{color:var(--system_secendory_color)}.mb-85{margin-bottom:85px}@media (max-width:575.98px){.mb-85{margin-bottom:30px}}@media (min-width:768px) and (max-width:991.98px){.mb-85{margin-bottom:30px}}@media (min-width:992px) and (max-width:1199.98px){.mb-85{margin-bottom:40px}}.mb-65{margin-bottom:65px}@media (max-width:575.98px){.mb-65{margin-bottom:20px}}.mt-80{margin-top:80px}.mb_10{margin-bottom:10px}.mb_15{margin-bottom:15px}.mb_20{margin-bottom:20px}.mb_23{margin-bottom:23px}.mb_25{margin-bottom:25px}.mb_30{margin-bottom:30px}.mb_35{margin-bottom:35px}.mb_40{margin-bottom:40px}.mb_45{margin-bottom:45px}.mb_37{margin-bottom:37px}.mb_50{margin-bottom:50px}.mb_55{margin-bottom:55px}.mb_60{margin-bottom:60px}.mb_70{margin-bottom:70px}.mb_76{margin-bottom:76px}.mb_80{margin-bottom:80px}.mt_20{margin-top:20px}.mt_10{margin-top:10px}.mt_30{margin-top:30px}.mt_40{margin-top:40px}.mt_50{margin-top:50px}.mt_60{margin-top:60px}.mt_70{margin-top:70px}.mb_27{margin-bottom:27px}.mr_15{margin-right:15px}.mr_20{margin-right:20px}.mr_30{margin-right:30px}.mr_40{margin-right:40px}.mr_50{margin-right:50px}.mr_10{margin-right:10px}.pt_70{padding-top:70px}@media (max-width:767.98px){.pt_70{padding-top:30px}}.xl_mb_60{margin-bottom:30px}@media (min-width:1200px){.xl_mb_60{margin-bottom:60px}}#back-top{position:fixed;right:20px;bottom:50px;cursor:pointer;z-index:9999999;display:none}#back-top a{display:inline-block;height:40px;width:40px;text-align:center;display:block;color:#fff;line-height:40px;background:var(--system_primery_color);font-size:15px;border-radius:30px;transition:.3s;box-shadow:0 10px 20px 0 var(--system_primery_color)}@media (min-width:1200px){.container{max-width:1440px}}.section_spacing{padding:139px 0 120px}@media (max-width:767.98px){.section_spacing{padding:65px 0 45px}}.section_spacing2{padding:120px 0}@media (max-width:767.98px){.section_spacing2{padding:45px 0}}.section_spacing3{padding:139px 0 115px}@media (max-width:767.98px){.section_spacing3{padding:65px 0 40px}}.owl-dots{display:flex;justify-content:center}.owl-dots .owl-dot{margin:0 5px}.owl-dots .owl-dot span{width:10px;height:10px;border-radius:30px;background:#d9e3e3;display:inline-block;transition:.3s}.owl-dots .owl-dot span:hover{transform:scale(1.2)}.owl-dots .owl-dot.active span{width:30px}.font_10{font-size:10px}.font_14{font-size:14px}.font_15{font-size:15px}.font_16{font-size:16px}.font_18{font-size:18px}.font_20{font-size:20px}.font_22{font-size:22px}.font_25{font-size:25px}.font_30{font-size:30px;line-height:45px}@media (max-width:767.98px){.font_30{font-size:25px;line-height:35px}}.font_40{font-size:40px;line-height:55px}@media (max-width:767.98px){.font_40{font-size:25px;line-height:35px}}.font_45{font-size:45px}.font_50{font-size:50px}.font_60{font-size:60px}.font_70{font-size:70px}.font_80{font-size:80px}.f_w_300{font-weight:300}.f_w_400{font-weight:400}.f_w_500{font-weight:500}.f_w_600{font-weight:600}.f_w_700{font-weight:700}.dot_devide{display:inline-block!important}.theme_text{color:var(--system_primery_color)!important}.theme_text2{color:#373737!important}.theme_text3{color:var(--system_secendory_color)!important}.font_1{font-family:var(--font_family1),sans-serif}.font_2{font-family:var(--font_family2),sans-serif}.theme_search_field{background:#f9f9fd;height:50px;border-radius:5px;width:400px}.theme_search_field button{font-size:18px;padding:0 0 0 15px;line-height:100%;box-shadow:none!important}.theme_search_field button,.theme_search_field button:hover{color:var(--system_primery_color)}.theme_search_field input{font-size:14px;font-weight:500;color:#687083;font-family:var(--font_family1),sans-serif;border:0;background:transparent!important;height:50px;padding:0 15px 0 10px;box-shadow:none!important;line-height:50px}.theme_search_field.large_search_field{width:500px;height:60px}.theme_search_field.large_search_field button{padding-left:30px}.theme_search_field.large_search_field input{height:60px;line-height:60px}.small_select{border:1px solid #e9e7f7!important;height:30px;min-width:95px;line-height:30px}.small_select:after{right:22px}.small_select .current{font-family:var(--font_family1),sans-serif;font-size:14px;font-weight:500;color:#9f9f9f;line-height:30px}.small_select .list{width:100%}.small_select .list .option{font-size:14px;font-weight:500}.theme_select{border:1px solid #e1e2e6!important;height:50px;line-height:50px;border-radius:0}.theme_select.select_transparent{background:transparent!important}.theme_select:after{right:33px;top:6px;color:#afafaf;font-size:12px}.theme_select .current{font-family:var(--font_family2),sans-serif;font-size:14px;font-weight:500;color:#afafaf;line-height:50px}.theme_select .list{width:100%}.theme_select .list .option{font-size:14px;font-weight:400}.nowrap{white-space:nowrap}.cs_modal .form-control:focus{box-shadow:none}.cs_modal .modal-header{background-color:#fff;padding:23px 30px;border-bottom:0 solid transparent}.cs_modal .modal-header h5{font-size:22px;font-weight:600}.cs_modal .modal-header span{font-size:14px;color:#707070;opacity:1}.cs_modal .modal-body{padding:35px 30px}.cs_modal .modal-body .nice_Select,.cs_modal .modal-body input{height:50px;line-height:50px;padding:10px 20px;border:1px solid #f1f3f5;color:#707070;font-size:14px;font-weight:500;background-color:#fff;width:100%}.cs_modal .modal-body .nice_Select{line-height:29px}.cs_modal .modal-body .nice_Select:after{right:22px;top:35%;transform:translateY(-50%)}.cs_modal .modal-body .nice_Select .list{width:100%}.cs_modal .modal-body .form-group{margin-bottom:12px}.cs_modal .modal-body textarea{height:168px;padding:15px 20px;border:1px solid #f1f3f5;color:#707070;font-size:14px;font-weight:500}.cs_modal .modal-body p{font-size:16px;font-weight:500;margin-top:25px;color:#707070;text-align:center}.cs_modal .modal-body p a{color:var(--system_secendory_color)}.cs_modal .modal-body .btn_1{width:100%;display:block;margin-top:20px}.cs_modal .modal-body .social_login_btn .btn_1{color:#fff;background-color:#3b5998;border:1px solid #3b5998;margin-top:0}.cs_modal .modal-body .social_login_btn .btn_1:hover{color:#fff!important}.cs_modal .modal-body .social_login_btn .btn_1 i{margin-right:10px}.cs_modal .modal-body .social_login_btn .form-group:last-child .btn_1{background-color:#4285f4;border:1px solid #4285f4}.cs_modal .modal-body .pass_forget_btn{color:#707070;margin-top:20px;font-size:16px;text-align:center;font-weight:500;display:inline-block}.cs_modal .modal-body .pass_forget_btn:hover{color:var(--system_secendory_color)}@media (min-width:576px){.instructor_cta .modal-dialog{max-width:625px;margin:1.75rem auto}}.modal-header .close{opacity:1;text-shadow:none;padding:0;margin:3px 0 0}.gray-bg{background:#fafafa}.theme_btn{border-radius:5px;font-family:var(--font_family1),sans-serif;font-size:16px;color:#fff;font-weight:600;padding:21px 28px;border:1px solid transparent;text-transform:capitalize;display:inline-block;line-height:1}.theme_btn.small_btn{padding:16px 25px}.theme_btn.small_btn2{padding:16px 39px}.theme_btn.small_btn3{padding:16px 32px}.theme_btn.small_btn4{padding:11px 21px}.theme_btn.mini_btn{padding:5px}@media (max-width:575.98px){.theme_btn{padding:15px 16px}}.theme_btn:hover{border-color:var(--system_primery_color);background:transparent}.theme_btn:hover,.theme_btn_lite{color:var(--system_primery_color)}.theme_btn_lite{background:var(--system_primery_color_10);border-radius:30px;font-family:var(--font_family1),sans-serif;font-size:14px;font-weight:500;padding:7px 25px;border:1px solid transparent;text-transform:capitalize;display:inline-block;line-height:1}.theme_btn_lite.round_btn{width:30px;height:30px;border-radius:30px;line-height:30px;padding:0;text-align:center}.theme_btn_lite:hover{color:#fff;border-color:var(--system_primery_color);background:var(--system_primery_color)}.theme_line_btn{background:transparent;border-radius:5px;font-family:var(--font_family1),sans-serif;font-size:16px;color:var(--system_primery_color);font-weight:600;padding:21px 28px;text-transform:capitalize;display:inline-block;line-height:1;border:1px solid transparent;border-color:var(--system_primery_color)}@media (max-width:575.98px){.theme_line_btn{padding:15px 16px}}.theme_line_btn.small_btn2{padding:16px 39px}.theme_line_btn:hover{color:#fff;border-color:var(--system_primery_color);background:var(--system_primery_color)}.social_btn{border-radius:5px;font-family:var(--font_family1),sans-serif;font-size:16px;color:#fff;font-weight:600;padding:13px 34px;text-transform:capitalize;display:inline-block}.social_btn.fb_bg{background:#395799}.social_btn.Twitter_bg{background:#03abf0}.social_btn.Pinterest_bg{background:#c92128}.social_btn.Linkedin_bg{background:#0477b5}.social_btn i{margin-right:6px}.social_btn:hover{color:#fff;background:var(--system_primery_color)}.white_btn{background:#fff;border-radius:0;font-family:var(--font_family2),sans-serif;font-size:16px;color:var(--system_secendory_color);font-weight:600;padding:21px 28px;border:1px solid transparent;text-transform:uppercase;display:inline-block;line-height:1}.white_btn:hover{color:#fff;border-color:var(--system_primery_color);background:var(--system_primery_color)}.line_link{font-size:16px;font-weight:600;font-family:var(--font_family1),sans-serif;border-bottom:1px solid #707070;padding-bottom:5px}.line_link,.line_link:hover{color:var(--system_secendory_color)}.theme_line_payment_btn{background:transparent;border-radius:5px;font-family:var(--font_family1),sans-serif;font-size:16px;color:var(--system_primery_color);font-weight:600;height:30px;width:100%;text-transform:capitalize;display:inline-block;line-height:1;border:1px solid transparent;border-color:var(--system_primery_color)}@media (max-width:575.98px){.theme_line_payment_btn{padding:15px 16px}}.theme_btn_mini{background:var(--system_primery_color_10);padding:10px;margin-right:15px;-webkit-border-radius:30px;-moz-border-radius:30px;font-family:var(--font_family1),sans-serif;font-size:14px;color:var(--system_primery_color);font-weight:500;border:1px solid transparent;text-transform:capitalize;display:inline-block;line-height:1}.theme_btn_mini.round_btn{width:30px;height:30px;border-radius:30px;line-height:30px;padding:0;text-align:center}.theme_btn_mini:hover{color:#fff;border-color:var(--system_primery_color);background:var(--system_primery_color)}@media (max-width:767.98px){.section__title.mb_80{margin-bottom:50px}}.section__title.white_text h3,.section__title.white_text p{color:#fff}.section__title>span{font-size:14px;color:#373737;font-weight:400;display:block;margin-bottom:12px;text-transform:uppercase}.section__title h3{font-size:50px;font-weight:900;line-height:64px;color:var(--system_secendory_color);margin-bottom:17px}.section__title h3.large_title{font-size:60px;line-height:76px}@media (max-width:575.98px){.section__title h3.large_title{font-size:30px;line-height:46px}}@media (min-width:576px) and (max-width:767.98px){.section__title h3.large_title{font-size:30px;line-height:46px}}@media only screen and (min-width:1200px) and (max-width:1700.98px){.section__title h3.large_title{font-size:50px;line-height:66px}}@media (min-width:992px) and (max-width:1199.98px){.section__title h3{font-size:38px;line-height:52px}}@media (min-width:768px) and (max-width:991.98px){.section__title h3{font-size:30px;line-height:44px}}@media (max-width:575.98px){.section__title h3 br{display:none}}@media (max-width:575.98px){.section__title h3{font-size:30px;line-height:44px}}@media (min-width:576px) and (max-width:767.98px){.section__title h3{font-size:30px;line-height:44px}}.section__title p{font-size:18px;font-weight:500;font-family:var(--font_family2),sans-serif;color:#373737;line-height:26px}@media (max-width:767.98px){.section__title2.mb_76{margin-bottom:50px}}.section__title2.white_text h3,.section__title2.white_text p{color:#fff}.section__title2 span{font-size:14px;color:#373737;font-family:var(--font_family2),sans-serif;font-weight:600;display:block;margin-bottom:11px;text-transform:uppercase}.section__title2 h4{font-size:24px;font-weight:700;line-height:35px;color:var(--system_secendory_color)}@media (max-width:767.98px){.section__title2 br{display:none}}.section__title3 h3{font-size:40px;font-weight:700;color:var(--system_secendory_color);margin-bottom:9px}@media (max-width:767.98px){.section__title3 h3{font-size:30px}}@media (min-width:768px) and (max-width:991.98px){.section__title3 h3{font-size:30px}}.section__title3 p{font-size:16px;font-weight:500;color:#373737}.section__title3.margin_50{margin-bottom:47px}@media (max-width:767.98px){.section__title3.margin_50{margin-bottom:30px}}.section__title3.margin-50{margin-bottom:50px}@media (max-width:767.98px){.section__title3.margin-50{margin-bottom:30px}}.section__title3.mb_42{margin-bottom:42px}@media (max-width:767.98px){.section__title3.mb_40,.section__title3.mb_42{margin-bottom:30px}}@media (max-width:1200px){[class*=hero-ani-]{display:none!important}}.amination_custom{-webkit-animation:jumping 9s ease-in-out 2s infinite alternate;animation:jumping 9s ease-in-out 2s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s;transition:all .9s ease 5s}.amination_custom,.amination_custom2{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.amination_custom2{-webkit-animation:jumping2 9s ease-in-out 2s infinite alternate;animation:jumping2 9s ease-in-out 2s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s;transition:all 1s ease 3s}.amination_custom3{-webkit-animation:jumping3 9s ease-in-out 2s infinite alternate;animation:jumping3 9s ease-in-out 2s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s;transition:all 7s ease 2s}.amination_custom3,.amination_custom4{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.amination_custom4{-webkit-animation:jumping4 9s ease-in-out 2s infinite alternate;animation:jumping4 9s ease-in-out 2s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s;transition:all 8s ease 4s}.amination_custom10{-webkit-animation:jumping10 9s ease-in-out 2s infinite alternate;animation:jumping10 9s ease-in-out 2s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.amination_custom10,.amination_custom11{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all 8s ease 4s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.amination_custom11{-webkit-animation:jumping11 9s ease-in-out 2s infinite alternate;animation:jumping11 9s ease-in-out 2s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes jumping{0%{transform:translateY(0) translateX(0) rotate(0) scale(1);opacity:.8}25%{transform:translateY(-10px) translateX(-10px) rotate(20deg) scale(.8);opacity:.9}50%{transform:translateY(-15px) translateX(-15px) rotate(10deg) scale(.9);opacity:.8}75%{transform:translateY(-20px) translateX(-20px) rotate(20deg) scale(.75);opacity:.6}85%{transform:translateY(-25px) translateX(-25px) rotate(20deg) scale(.9);opacity:.7}to{transform:translateY(-15px) translateX(-15px) rotate(0) scale(.95);opacity:.85}}@keyframes jumping{0%{transform:translateY(0) translateX(0) rotate(0) scale(1);opacity:.8}25%{transform:translateY(-10px) translateX(-10px) rotate(20deg) scale(.8);opacity:.9}50%{transform:translateY(-15px) translateX(-15px) rotate(10deg) scale(.9);opacity:.8}75%{transform:translateY(-20px) translateX(-20px) rotate(20deg) scale(.75);opacity:.6}85%{transform:translateY(-25px) translateX(-25px) rotate(20deg) scale(.9);opacity:.7}to{transform:translateY(-15px) translateX(-15px) rotate(0) scale(.95);opacity:.85}}@-webkit-keyframes jumping2{0%{transform:translateY(0) translateX(0) rotate(0) scale(1);opacity:.5}25%{transform:translateY(-30px) translateX(10px) rotate(20deg) scale(.8);opacity:.8}50%{transform:translateY(15px) translateX(-15px) rotate(10deg) scale(.7);opacity:.8}75%{transform:translateY(30px) translateX(20px) rotate(20deg) scale(.75);opacity:.7}to{transform:translateY(-15px) translateX(15px) rotate(0) scale(.75);opacity:.9}}@keyframes jumping2{0%{transform:translateY(0) translateX(0) rotate(0) scale(1);opacity:.5}25%{transform:translateY(-30px) translateX(10px) rotate(20deg) scale(.8);opacity:.8}50%{transform:translateY(15px) translateX(-15px) rotate(10deg) scale(.7);opacity:.8}75%{transform:translateY(30px) translateX(20px) rotate(20deg) scale(.75);opacity:.7}to{transform:translateY(-15px) translateX(15px) rotate(0) scale(.75);opacity:.9}}@-webkit-keyframes jumping3{0%{transform:translateY(10px) translateX(0) rotate(0) scale(1);opacity:.9}20%{transform:translateY(20px) translateX(10px) rotate(-20deg) scale(.8);opacity:.8}40%{transform:translateY(15px) translateX(-15px) rotate(10deg) scale(.75);opacity:.8}40%{transform:translateY(-15px) translateX(-25px) rotate(10deg) scale(.5);opacity:1}80%{transform:translateY(-30px) translateX(20px) rotate(-20deg) scale(.75);opacity:.6}to{transform:translateY(15px) translateX(15px) rotate(0) scale(.95);opacity:.7}}@keyframes jumping3{0%{transform:translateY(10px) translateX(0) rotate(0) scale(1);opacity:.9}20%{transform:translateY(20px) translateX(10px) rotate(-20deg) scale(.8);opacity:.8}40%{transform:translateY(15px) translateX(-15px) rotate(10deg) scale(.75);opacity:.8}40%{transform:translateY(-15px) translateX(-25px) rotate(10deg) scale(.5);opacity:1}80%{transform:translateY(-30px) translateX(20px) rotate(-20deg) scale(.75);opacity:.6}to{transform:translateY(15px) translateX(15px) rotate(0) scale(.95);opacity:.7}}@-webkit-keyframes jumping4{0%{transform:translateY(-30px) translateX(20px) rotate(0) scale(1.2);opacity:.7}25%{transform:translateY(-20px) translateX(10px) rotate(50deg) scale(.6);opacity:.8}50%{transform:translateY(15px) translateX(-15px) rotate(20deg) scale(.5);opacity:.9}75%{transform:translateY(30px) translateX(20px) rotate(50deg) scale(.75);opacity:.7}to{transform:translateY(-15px) translateX(15px) rotate(0) scale(.5);opacity:.9}}@keyframes jumping4{0%{transform:translateY(-30px) translateX(20px) rotate(0) scale(1.2);opacity:.7}25%{transform:translateY(-20px) translateX(10px) rotate(50deg) scale(.6);opacity:.8}50%{transform:translateY(15px) translateX(-15px) rotate(20deg) scale(.5);opacity:.9}75%{transform:translateY(30px) translateX(20px) rotate(50deg) scale(.75);opacity:.7}to{transform:translateY(-15px) translateX(15px) rotate(0) scale(.5);opacity:.9}}@-webkit-keyframes jumping10{0%{transform:rotate(180deg);display:block}to{transform:rotate(30deg);display:block}}@keyframes jumping10{0%{transform:rotate(180deg);display:block}to{transform:rotate(30deg);display:block}}@-webkit-keyframes jumping11{0%{transform:rotate(180deg) translate(-20px,20px);display:block}to{transform:rotate(30deg) translate(0);display:block}}@keyframes jumping11{0%{transform:rotate(180deg) translate(-20px,20px);display:block}to{transform:rotate(30deg) translate(0);display:block}}.header_area{position:relative;left:0;top:0;width:100%;z-index:999;padding:0 130px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.05)}@media (min-width:992px) and (max-width:1199.98px){.header_area{padding:0 30px}}@media only screen and (min-width:1200px) and (max-width:1600.98px){.header_area{padding:0 20px}}@media only screen and (min-width:1601px) and (max-width:1800.98px){.header_area{padding:0 50px}}.header_area.header_static{position:relative;padding:0 35px}@media (max-width:575.98px){.header_area.header_static{padding:10px 0}}@media (min-width:768px) and (max-width:991.98px){.header_area.header_static{padding:10px 0}}@media (max-width:767.98px){.header_area{padding:10px 0}}@media (min-width:768px) and (max-width:991.98px){.header_area{padding:10px 0}}.header_area .header__wrapper{display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between}.header_area .header__wrapper .header__left .logo_img{margin-right:80px}@media (max-width:991.98px){.header_area .header__wrapper .header__left .logo_img{margin-right:10px}}@media (min-width:992px) and (max-width:1199.98px){.header_area .header__wrapper .header__left .logo_img{margin-right:10px}}@media only screen and (min-width:1300px) and (max-width:1899.98px){.header_area .header__wrapper .header__left .logo_img{margin-right:10px}}@media (min-width:992px) and (max-width:1199.98px){.header_area .header__wrapper .header__left .category_search .theme_search_field{display:none}}@media only screen and (min-width:1200px) and (max-width:1299.98px){.header_area .header__wrapper .header__left .category_search .theme_search_field{display:none!important}}@media only screen and (min-width:1300px) and (max-width:1399.98px){.header_area .header__wrapper .header__left .category_search .theme_search_field{width:200px}}@media only screen and (min-width:1400px) and (max-width:1499.98px){.header_area .header__wrapper .header__left .category_search .theme_search_field{width:300px}}.header_area .header__wrapper .header__left .category_search .categories_menu{font-size:16px;color:#687083;display:flex;align-items:center;font-weight:600;margin-right:30px}

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700&display=swap');
/*!* Handle *!*/@media (min-width:1200px){.dashboard_main_wrapper .main_content_iner.main_content_padding{padding:45px 30px}}@media only screen and (min-width:992px) and (max-width:1199px){.dashboard_main_wrapper .main_content_iner.main_content_padding{padding:35px 30px}}@media only screen and (min-width:768px) and (max-width:991px){.dashboard_main_wrapper .main_content_iner.main_content_padding{padding:35px 30px}}@media only screen and (max-width:767px){.dashboard_main_wrapper .main_content_iner.main_content_padding{padding:25px 20px 50px}}@media only screen and (min-width:992px) and (max-width:1199px){.header_iner .notification_wrapper ul{padding:16px 20px}}@media only screen and (min-width:768px) and (max-width:991px){.header_iner .notification_wrapper ul{padding:16px 20px}}@media only screen and (max-width:767px){.header_iner .notification_wrapper ul{padding:13px 15px}}.header_iner{padding:0 45px 0 30px}@media only screen and (min-width:992px) and (max-width:1199px){.header_iner{padding:35px 30px}}@media only screen and (min-width:768px) and (max-width:991px){.header_iner{padding:35px 30px}}@media only screen and (min-width:768px) and (max-width:991px){.header_iner .notification_wrapper ul li:not(:last-child){margin-right:30px}}@media only screen and (max-width:767px){.header_iner .notification_wrapper ul li:not(:last-child){margin-right:20px}}@media only screen and (max-width:767px){.header_iner{padding:18px 20px}}.bg-body{background-color:#eff4f8!important}.text-green{color:#36d98b!important}.dot{--dot-width:12px;width:var(--dot-width);max-width:var(--dot-width);height:var(--dot-width);border-radius:100%;background-color:var(--system_secendory_color)}.dot-green{background-color:#36d98b}.dot-orange{background-color:#fd5a5a}.paginations{display:flex;align-items:center;--pag-width:51px;flex-wrap:wrap;row-gap:10px}@media only screen and (min-width:1200px) and (max-width:1439px){.paginations{--pag-width:46px}}@media only screen and (min-width:992px) and (max-width:1199px){.paginations{--pag-width:40px}}@media only screen and (max-width:991px){.paginations{--pag-width:36px}}.paginations-links{width:var(--pag-width);height:var(--pag-width);display:flex;align-items:center;justify-content:center;border:1px solid #8c9098;color:var(--system_secendory_color);font-size:18px;line-height:1.35;font-weight:600;border-radius:10px}@media only screen and (max-width:479px){.paginations-links{font-size:16px}}@media only screen and (max-width:991px){.paginations-links{font-size:16px}}.paginations-links.active,.paginations-links:hover{background-color:var(--system_primery_color);border-color:var(--system_primery_color);color:#fff}.paginations .next,.paginations .paginations-list:last-child a,.paginations .prev{color:var(--system_secendory_color);font-size:18px;line-height:1.35;padding:5px;height:var(--pag-width);display:flex;align-items:center;justify-content:center}@media only screen and (max-width:479px){.paginations .next,.paginations .prev{font-size:16px}}.paginations .next:hover,.paginations .prev:hover{color:var(--system_primery_color)}.paginations .prev{margin-right:10px}.paginations .paginations-list:last-child a{margin-left:10px}.paginations-list{margin-right:6px}.paginations-list:first-child{margin-right:0}.paginations-list:last-child{margin-left:-6px;margin-right:0}.sidebar-user{padding:30px 10px}@media only screen and (min-width:1581px){.sidebar-user{padding:30px 40px}}.sidebar-user h4{font-size:20px;line-height:1;margin-bottom:20px;color:var(--system_secendory_color);font-weight:500}@media only screen and (min-width:1200px) and (max-width:1439px){.sidebar-user h4{font-size:18px}}@media only screen and (min-width:992px) and (max-width:1199px){.sidebar-user h4{font-size:18px}}@media only screen and (min-width:768px) and (max-width:991px){.sidebar-user h4{font-size:18px}}@media only screen and (max-width:767px){.sidebar-user h4{font-size:18px}}.sidebar-profile{--width:110px;width:var(--width);height:var(--width);border-radius:100%;border:2px solid var(--system_primery_color);overflow:hidden;padding:5px;margin-bottom:14px}.sidebar-profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:100%}.sidebar-badge{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sidebar-badge-list{max-width:calc(20% - 10px);flex:0 0 100%}.sidebar-badge-list img{--badge:44px;width:var(--badge);height:var(--badge);-o-object-fit:contain;object-fit:contain}@media only screen and (max-width:767px){.reward .col-md-6.col-xl-4.col-xxl-3{width:50%}}@media only screen and (max-width:479px){.reward .col-md-6.col-xl-4.col-xxl-3{width:100%}}.reward-card{border-radius:10px;box-shadow:-12px 16px 40px rgba(0,0,0,.05);padding:40px;background-color:#fff;margin-bottom:40px}@media only screen and (min-width:1440px) and (max-width:1580px){.reward-card{padding:20px}}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-card{padding:24px;margin-bottom:30px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-card{padding:30px;margin-bottom:30px}}@media only screen and (max-width:991px){.reward-card{padding:24px;margin-bottom:24px}}.reward-card h1,.reward-card h2,.reward-card h3,.reward-card h4,.reward-card h5,.reward-card h6{font-weight:700}.reward-card p{color:#8c9098}.reward-card p a{color:var(--system_primery_color)}.reward-card-points{--icon:66px}@media only screen and (min-width:1440px) and (max-width:1580px){.reward-card-points{--icon:56px}}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-card-points{--icon:56px}}@media only screen and (max-width:767px){.reward-card-points{--icon:0}}@media only screen and (max-width:479px){.reward-card-points{--icon:60px}}.reward-card-points .img{max-width:var(--icon);flex:0 0 100%;height:82px}@media only screen and (max-width:767px){.reward-card-points .img{display:none}}@media only screen and (max-width:479px){.reward-card-points .img{display:block}}.reward-card-points .img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.reward-card-points .content{max-width:calc(100% - var(--icon));flex:0 0 100%;padding-left:20px}@media only screen and (max-width:767px){.reward-card-points .content{padding-left:0;text-align:center}}@media only screen and (max-width:479px){.reward-card-points .content{padding-left:16px;text-align:left}}.reward-card-points .content h4{font-size:32px;line-height:1.25;font-weight:700;margin-bottom:0;color:var(--system_primery_color)}@media only screen and (min-width:992px) and (max-width:1199px){.reward-card-points .content h4{font-size:28px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-card-points .content h4{font-size:26px}}@media only screen and (max-width:767px){.reward-card-points .content h4{font-size:24px}}.reward-card-points .content p{font-weight:500}@media only screen and (min-width:1581px){.reward-card-points .content p{font-size:20px;line-height:1.5}}.reward-card.badge-card{width:100%;padding:24px}@media only screen and (min-width:1440px) and (max-width:1580px){.reward-card.badge-card{padding:20px}}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-card.badge-card{display:flex;flex-direction:column;justify-content:center}}.reward-card.leader{padding:28px}@media only screen and (min-width:1440px) and (max-width:1580px){.reward-card.leader{padding:20px}}@media only screen and (max-width:767px){.reward-card.leader{padding:20px}}.reward-blance{--img-width:199px}@media only screen and (max-width:767px){.reward-blance{--img-width:170px}}.reward-blance-img{max-width:var(--img-width);height:176px;flex:0 0 100%}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-blance-img{margin:auto auto 20px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-blance-img{margin:auto auto 20px}}@media only screen and (max-width:767px){.reward-blance-img{margin:auto auto 20px}}.reward-blance-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.reward-blance-content{max-width:calc(100% - var(--img-width));flex:0 0 100%;padding-left:64px}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-blance-content{padding-left:0;max-width:100%!important;text-align:center}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-blance-content{padding-left:0;max-width:100%!important;text-align:center}}@media only screen and (min-width:768px) and (max-width:991px){.reward-blance-content{padding-left:30px}}@media only screen and (max-width:767px){.reward-blance-content{padding-left:0;max-width:100%!important;text-align:center}}.reward-blance-content h3{font-size:36px;line-height:1.52778;color:var(--system_secendory_color);margin-bottom:1rem}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-blance-content h3{font-size:32px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-blance-content h3{font-size:30px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-blance-content h3{font-size:28px}}@media only screen and (max-width:767px){.reward-blance-content h3{font-size:24px}}@media only screen and (min-width:1440px) and (max-width:1580px){.reward-blance-content h3{line-height:1.3;margin-bottom:10px}}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-blance-content h3{line-height:1.3;margin-bottom:10px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-blance-content h3{line-height:1.3;margin-bottom:10px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-blance-content h3{line-height:1.2;margin-bottom:10px}}@media only screen and (max-width:767px){.reward-blance-content h3{font-size:31px;line-height:1.3}}@media only screen and (max-width:479px){.reward-blance-content h3{font-size:26px}}.reward-blance-content h3 span{color:#36d98b}.reward-blance-content>p{margin-bottom:38px}@media only screen and (min-width:1440px) and (max-width:1580px){.reward-blance-content>p{margin-bottom:16px}}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-blance-content>p{margin-bottom:18px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-blance-content>p{margin-bottom:20px}}@media only screen and (max-width:991px){.reward-blance-content>p{margin-bottom:20px}}@media only screen and (max-width:767px){.reward-blance-content .d-flex{flex-wrap:wrap}}@media only screen and (max-width:767px){.reward-blance-content .d-flex>div{text-align:center!important}}@media only screen and (min-width:768px) and (max-width:991px){.reward-blance-content .d-flex>div:first-child{max-width:41.66667%;flex:0 0 100%}}@media only screen and (max-width:767px){.reward-blance-content .d-flex>div:first-child{max-width:100%;flex:0 0 100%;margin-bottom:14px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-blance-content .d-flex>div:last-child{max-width:58.33333%;flex:0 0 100%}}@media only screen and (max-width:767px){.reward-blance-content .d-flex>div:last-child{max-width:100%;flex:0 0 100%}}.reward-blance-content .d-flex p{font-size:14px}.reward-blance-content .d-flex .ps-4{margin-left:26px}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-blance-content .d-flex .ps-4{margin-left:0!important;padding-left:12px!important}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-blance-content .d-flex .ps-4{margin-left:0!important;padding-left:12px!important}}@media only screen and (max-width:991px){.reward-blance-content .d-flex .ps-4{padding-left:0!important;margin-left:0!important}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-blance-content .d-flex .ps-4 .me-4{margin-right:0!important}}@media only screen and (max-width:991px){.reward-blance-content .d-flex .ps-4 .me-4{margin-right:0!important}}.reward-blance-content .d-flex>div{text-align:left}.reward-blance-content h4{font-size:64px;color:var(--system_primery_color);line-height:1}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-blance-content h4{font-size:54px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-blance-content h4{font-size:44px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-blance-content h4{font-size:38px}}@media only screen and (max-width:767px){.reward-blance-content h4{font-size:34px}}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-blance-content h4{font-size:44px}}.reward-blance-content .theme_btn{padding-top:12px;padding-bottom:12px;font-size:18px;line-height:1.66667;font-weight:600;min-width:194px;text-align:center}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-blance-content .theme_btn{padding:10px 18px;font-size:16px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-blance-content .theme_btn{font-size:16px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}}@media only screen and (min-width:768px) and (max-width:991px){.reward-blance-content .theme_btn{padding:10px 13px;font-size:14px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}}@media only screen and (max-width:767px){.reward-blance-content .theme_btn{padding:10px 20px;font-size:14px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}}.reward-blance-content .theme_btn:first-child{background-color:var(--system_primery_color)}@media only screen and (min-width:1440px) and (max-width:1580px){.reward-blance-content .theme_btn:first-child{margin-bottom:10px}}.reward-blance-content .theme_btn:first-child:hover{color:var(--system_primery_color);border-color:var(--system_primery_color);background-color:transparent}.reward-blance-content .theme_btn:last-child{background-color:#36d98b}.reward-blance-content .theme_btn:last-child:hover{color:#36d98b;border-color:#36d98b;background-color:transparent}.reward-badge .img{margin:auto auto 15px;width:139px;height:122px}.reward-badge .img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.reward-badge h4{font-size:24px;line-height:1.41667;font-weight:600;color:var(--system_primery_color)}@media only screen and (min-width:992px) and (max-width:1199px){.reward-badge h4{font-size:22px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-badge h4{font-size:20px}}@media only screen and (max-width:767px){.reward-badge h4{font-size:18px}}.reward-table{overflow:auto}@media only screen and (max-width:767px){.reward-table table{width:600px!important}}.reward-table table tr{border-bottom:1px solid #dee7ff;background-color:transparent;transition:all .3s ease-in-out}.reward-table table tr td,.reward-table table tr th{padding:46px 45px;font-size:18px;font-weight:600;line-height:1.3;color:var(--system_secendory_color);transition:all .3s ease-in-out}@media only screen and (min-width:1440px) and (max-width:1580px){.reward-table table tr td,.reward-table table tr th{padding:44px 35px}}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-table table tr td,.reward-table table tr th{padding:35px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-table table tr td,.reward-table table tr th{padding:24px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-table table tr td,.reward-table table tr th{font-size:16px;padding:20px 25px}}@media only screen and (max-width:767px){.reward-table table tr td,.reward-table table tr th{font-size:14px;padding:16px 22px;font-weight:500}}.reward-table table tr td p,.reward-table table tr th p{font-size:18px;line-height:1.3;font-weight:600;transition:all .3s ease-in-out}@media only screen and (max-width:767px){.reward-table table tr td p,.reward-table table tr th p{font-size:16px;font-weight:500}}.reward-table table tbody tr:last-child{border-bottom:0}.reward-table table tbody tr:hover{background-color:var(--system_primery_color)}.reward-table table tbody tr:hover td,.reward-table table tbody tr:hover td p,.reward-table table tbody tr:hover th,.reward-table table tbody tr:hover th p{color:#fff!important}.reward-leader h4{font-size:20px;line-height:1.5;margin-bottom:30px}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-leader h4{font-size:18px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-leader h4{font-size:18px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-leader h4{font-size:18px}}@media only screen and (max-width:767px){.reward-leader h4{font-size:18px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-leader h4{margin-bottom:20px}}@media only screen and (max-width:991px){.reward-leader h4{margin-bottom:20px}}.reward-leader ul li{display:block}.reward-leader-content ul li:not(:last-child){margin-bottom:14px}.reward-leader-content a{color:var(--system_primery_color)}.reward-leader-item{border:1px solid #d0dce5;border-radius:6px;padding:10px;background-color:transparent;transition:all .3s ease-in-out;cursor:pointer;flex:0 0 100%;max-width:calc(100% - var(--position-width) - 8px)}.reward-leader-position{max-width:var(--position-width);flex:0 0 100%;display:flex;align-items:center;justify-content:center;background-color:#5c6574;font-size:18px;line-height:1.35;color:#fff;font-weight:700;border-radius:6px}@media only screen and (max-width:479px){.reward-leader-position{font-size:16px}}.reward-leader-position.one{background:linear-gradient(149.01deg,#65ffb5 7.24%,#18ad77 84.86%)}.reward-leader-position.two{background:linear-gradient(180deg,#ff930f,#ffde2e)}.reward-leader-position.three{background:linear-gradient(135deg,#bb86ff,#561bff)}.reward-leader-item:hover{background-color:var(--system_primery_color);border-color:var(--system_primery_color)}.reward-leader-item:hover h4,.reward-leader-item:hover p{color:#fff!important}.reward-leader-item:hover .img{border-color:#fff}.reward-leader-profile{display:flex;align-items:center;flex-wrap:wrap;--img:36px}.reward-leader-profile .img{max-width:var(--img);flex:0 0 var(--img);height:var(--img);border-radius:100%;overflow:hidden;border:1px solid var(--system_primery_color)}.reward-leader-profile .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reward-leader-profile .content{max-width:calc(100% - var(--img));flex:0 0 100%;padding-left:14px}.reward-leader-profile .content p{font-size:15px;color:var(--system_secendory_color);transition:all .3s ease-in-out}.reward-leader-content{text-align:right}.reward-leader-content h4{font-size:18px;line-height:1;font-weight:500;color:var(--system_primery_color);margin-bottom:0!important;transition:all .3s ease-in-out}@media only screen and (max-width:479px){.reward-leader-content h4{font-size:16px}}.reward-leader-content p{font-size:14px;transition:all .3s ease-in-out}.reward-paginations p{font-size:16px;line-height:1.35}@media only screen and (min-width:992px) and (max-width:1199px){.reward-paginations p{font-size:16px}}.reward-paginations p strong{font-weight:500;color:var(--system_secendory_color)}.header_iner .notification_wrapper ul li .notification_area .notification_body::-webkit-scrollbar{width:6px;height:6px}.header_iner .notification_wrapper ul li .notification_area .notification_body::-webkit-scrollbar-track{background:rgba(0,0,0,.15);border-radius:100px}.header_iner .notification_wrapper ul li .notification_area .notification_body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:100px}.header_iner .notification_wrapper ul li .notification_area .notification_body::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}.profile_info_icon{background-color:#fff;color:var(--system_primery_color);padding:27px 29px;border-radius:12px;cursor:pointer;margin-right:15px;transition:all .3s ease-in-out}@media only screen and (min-width:992px) and (max-width:1199px){.profile_info_icon{padding:17px 19px}}@media only screen and (min-width:768px) and (max-width:991px){.profile_info_icon{padding:17px 19px}}@media only screen and (max-width:767px){.profile_info_icon{padding:14px 16px}}.profile_info .profile_info_iner a{display:block;padding:16px;color:var(--system_secendory_color);border-radius:6px;transition:all .3s ease-in-out}@media (max-width:575.98px){.profile_info .profile_info_iner a{padding:12px}}.profile_info .profile_info_iner a:hover{background-color:#f3f5fa;color:var(--system_primery_color)}.profile_info.active .profile_info_icon{background-color:#2b2e34}.modal-backdrop.show{opacity:.3;filter:blur(5px)}.reward-modal .modal-dialog{max-width:1000px;width:100%}@media only screen and (min-width:992px) and (max-width:1199px){.reward-modal .modal-dialog{max-width:calc(100% - 100px)}}@media only screen and (min-width:768px) and (max-width:991px){.reward-modal .modal-dialog{max-width:calc(100% - 60px)}}@media only screen and (max-width:767px){.reward-modal .modal-dialog{max-width:calc(100% - 30px)}}.reward-modal .modal-content{border:none;border-radius:40px}.reward-modal .modal-body{padding:50px 80px 100px}.reward-modal .modal-body img{margin-bottom:50px;width:100%}.reward-modal .modal-body h4{font-size:40px;line-height:1.175;color:var(--system_secendory_color);margin-bottom:30px}@media only screen and (min-width:1200px) and (max-width:1439px){.reward-modal .modal-body h4{font-size:36px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-modal .modal-body h4{font-size:32px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-modal .modal-body h4{font-size:30px;line-height:1.3125}}@media only screen and (max-width:767px){.reward-modal .modal-body h4{font-size:24px}}@media only screen and (max-width:479px){.reward-modal .modal-body h4{font-size:22px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-modal .modal-body h4{margin-bottom:20px}}.reward-modal .modal-body h4 span{color:var(--system_primery_color)}.reward-modal .modal-body p{font-size:32px;line-height:1.25;color:var(--system_secendory_color);margin-bottom:40px}@media only screen and (min-width:992px) and (max-width:1199px){.reward-modal .modal-body p{font-size:28px}}@media only screen and (min-width:768px) and (max-width:991px){.reward-modal .modal-body p{font-size:26px}}@media only screen and (max-width:767px){.reward-modal .modal-body p{font-size:24px}}@media only screen and (min-width:992px) and (max-width:1199px){.reward-modal .modal-body p{margin-bottom:30px}}.reward-modal .modal-body .theme_btn{padding-top:12px;padding-bottom:12px;font-size:18px;line-height:1.66667;font-weight:600;min-width:194px;text-align:center}.reward-modal .modal-body .theme_btn:first-child{background-color:var(--system_primery_color)}.reward-modal .modal-body .theme_btn:first-child:hover{background-color:transparent;border-color:var(--system_primery_color);color:var(--system_primery_color)}.reward-modal .modal-body .theme_btn:last-child{background-color:#fd5a5a}.reward-modal .modal-body .theme_btn:last-child:hover{background-color:transparent;border-color:#fd5a5a;color:#fd5a5a}.sidebar_iner{box-shadow:5px 30px 30px 0 rgba(0,0,0,.1);height:calc(100% - 50px)}@media only screen and (max-width:991px){.sidebar_iner{box-shadow:0 0 0}}.header_iner .category_search .theme_search_field{background-color:rgba(0,0,0,.15)}.header_iner .category_search .theme_search_field input{color:#fff!important}.header_iner .category_search .theme_search_field input::-moz-placeholder{color:hsla(0,0%,100%,.7)}.header_iner .category_search .theme_search_field input::placeholder{color:hsla(0,0%,100%,.7)}.header_iner .category_search .theme_search_field .btn{color:#fff!important}.header_iner .notification_wrapper ul li:not(:last-child){margin:6px}@media only screen and (min-width:768px) and (max-width:991px){.header_iner .notification_wrapper ul li:not(:last-child){margin:6px}}@media only screen and (max-width:767px){.header_iner .notification_wrapper ul li:not(:last-child){margin:6px}}.sidebar .logo>a{display:block;width:auto;height:70px;margin:auto}.sidebar .logo>a img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media (min-width:1400px){.col-xxl-9{max-width:75%;flex:0 0 75%}.col-xxl-3{max-width:25%;flex:0 0 25%}}.dashboard_notification_list a:hover .unread{color:#fff!important}.deposit_save_info input{border-top-right-radius:0;border-bottom-right-radius:0}.deposit_save_info button{border-top-left-radius:0;border-bottom-left-radius:0}.theme_btn.point_btn{background-color:var(--system_primery_color)!important;color:#fff!important;font-size:20px;padding:14px;gap:4px;font-weight:600}.dashboard_main_wrapper .sidebar_icon,.sidebar_close_icon{color:#fff}.profile_info_icon{margin-right:0}@media only screen and (min-width:992px) and (max-width:1199px){.header_iner .notification_wrapper ul{padding:12px 20px}.profile_info_icon{padding:23px 25px}}@media only screen and (min-width:768px) and (max-width:991px){.header_iner{padding:12px 30px;height:auto}}@media only screen and (max-width:767px){.theme_btn.point_btn{padding:8px}.header_iner .notification_wrapper ul li a .notify_icon img{max-width:26px;width:26px}}@media only screen and (max-width:479px){.profile_info_icon{padding:13px 15px}.theme_btn.point_btn{font-size:14px}.theme_btn.point_btn svg{width:16px;height:16px}.header_iner .notification_wrapper ul li a .notify_icon img{width:20px;max-width:20px}.header_iner .notification_wrapper ul{padding:10px 12px}.header_iner .notification_wrapper ul li:not(:last-child){margin-right:15px}}.reward-leader .nav{margin-bottom:14px;overflow:auto;border-bottom-width:1px}.reward-leader-content{--position-width:58px}.reward-leader .nav::-webkit-scrollbar{width:5px;height:5px}.reward-leader .nav::-webkit-scrollbar-track{background-color:var(--system_primery_color_30);border-radius:100px}.reward-leader .nav::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--system_primery_color_50)}.reward-leader .nav-link{margin-bottom:0;border:none;font-size:16px;line-height:1.5;font-weight:500;padding:8px 14px;color:#8c9098;margin-right:0;border-radius:6px}.reward-leader .nav-link.active{background-color:var(--system_primery_color);color:#fff}.reward-leader-content ul li{display:block}#myLeaderBoard .modal-xl{max-width:560px!important}#myLeaderBoard .reward-leader .nav{margin-bottom:0}#myLeaderBoard .reward-leader-content ul{max-height:400px;overflow:auto;padding:20px 20px 20px 0}#myLeaderBoard .reward-leader-content ul::-webkit-scrollbar{width:5px;height:5px}#myLeaderBoard .reward-leader-content ul::-webkit-scrollbar-track{background-color:var(--system_primery_color_10);border-radius:100px}#myLeaderBoard .reward-leader-content ul::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--system_primery_color_50)}#myLeaderBoard .reward-leader .badge-img{width:70px;height:100%;-o-object-fit:contain;object-fit:contain}#topLeaderboardBody .reward-leader-content ul{padding:10px 11px 0 0}#myLeaderBoard .modal-content{border-radius:16px;border:none}#leaderboardBody .point-table>ul li{padding-bottom:10px}#leaderboardBody .point-table>ul{padding:15px 0}#myHomepageCourse .owl-nav div{background:rgba(0,0,0,.7098039215686275);color:#fff}.reward-leader .nav-link{border:1px solid #d0dce5}.reward-leader .nav{gap:10px;padding-bottom:14px}.reward-leader .nav-link{font-size:14px}.d-flex.justify-content-center.actions{margin-top:16px}#leaderboardBody .point-table>ul li{display:flex}#leaderboardBody .point-table>ul li:before{content:"";width:8px;height:8px;border-radius:100%;background:var(--system_primery_color);margin-top:8px;margin-right:10px}.reward-blance-content .theme_btn:last-child{margin:10px}#myLeaderBoard .modal-title{line-height:1}#myLeaderBoard .modal-body,#myLeaderBoard .modal-header{padding:24px}.notification_open{margin:6px}.header_iner .notification_wrapper ul{padding:7px 10px;border-radius:6px}.point_btn svg{width:18px;height:17px}.theme_btn.point_btn{font-weight:400;padding:10px}.profile_info_icon svg{width:17px;height:18px}.profile_info_icon{padding:16px 19px;border-radius:6px}.header_iner{height:80px}.dashboard_part .theme_search_field{height:56px}.sidebar .logo>a{height:50px}.header_iner .notification_wrapper ul li a .notify_icon img{max-height:18px}.header_iner .notification_wrapper ul li a .notify_count{width:5px;height:5px;top:2px;right:6px}#myHomepageCourse .owl-nav>div{--width:36px;height:var(--width);width:var(--width);display:flex;align-items:center;justify-content:center;font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-160%);color:var(--system_secendory_color)}#myHomepageCourse .owl-nav>div:last-child{left:auto;right:10px}#myHomepageCourse .owl-nav>div:hover{background-color:var(--system_primery_color);color:#fff}#myLeaderBoard .reward-leader .nav{border-bottom:none}#myLeaderBoard .reward-leader-content{--position-width:64px}.gap-2{gap:8px}#myHomepageCourse .owl-nav>div{color:#fff}.theme-btn{display:inline-block;border-radius:4px;font-size:14px;line-height:1.5;font-weight:500;color:#fff;background-color:var(--system_primery_color);border:1px solid var(--system_primery_color)}.theme-btn:hover{background-color:transparent;color:var(--system_primery_color);border-color:var(--system_primery_color)}.theme-btn.btn_sm{padding:8px 12px;font-size:12px}.noticeboard{padding:70px 88px}@media only screen and (min-width:1200px) and (max-width:1439px){.noticeboard{padding:50px 58px}}@media only screen and (min-width:992px) and (max-width:1199px){.noticeboard{padding:40px 48px}}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard{padding:40px 48px}}@media only screen and (max-width:767px){.noticeboard{padding:24px}}.noticeboard-card{border:1px solid #eaedf5;padding:15px 30px;border-radius:5px;overflow:hidden;position:relative;display:flex;flex-wrap:wrap;align-items:center}@media only screen and (min-width:992px) and (max-width:1199px){.noticeboard-card{padding:12px 24px}}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard-card{padding:10px 24px 10px 30px}}@media only screen and (max-width:767px){.noticeboard-card{padding:8px 14px 8px 20px}}.noticeboard-card>*{flex:0 0 auto}.noticeboard-card:not(:last-child){margin-bottom:15px}@media only screen and (max-width:767px){.noticeboard-card:not(:last-child){margin-bottom:12px}}.noticeboard-card:before{content:"";width:12px;height:100%;background-color:var(--noticeboard_bg);position:absolute;top:0;left:0}@media only screen and (max-width:767px){.noticeboard-card:before{width:8px}}.noticeboard-card-left{width:75%}@media only screen and (max-width:767px){.noticeboard-card-left{width:66.66667%}}.noticeboard-card-left span{font-size:14px;line-height:1.45;color:var(--system_primery_color)}.noticeboard-card-left a{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:20px;line-height:1.5;color:#5c6574}@media only screen and (min-width:1200px) and (max-width:1439px){.noticeboard-card-left a{font-size:18px}}@media only screen and (min-width:992px) and (max-width:1199px){.noticeboard-card-left a{font-size:18px}}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard-card-left a{font-size:18px}}@media only screen and (max-width:767px){.noticeboard-card-left a{font-size:18px}}.noticeboard-card-left a:hover{text-decoration:underline}.noticeboard-card-right{width:25%;text-align:end}@media only screen and (max-width:767px){.noticeboard-card-right{width:33.33333%}}@media only screen and (max-width:767px){.noticeboard-card-right .theme-btn{padding:8px 10px;font-size:10px}}@media only screen and (min-width:992px) and (max-width:1199px){.noticeboard .section__title3{margin-bottom:40px}}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard .section__title3{margin-bottom:40px}}@media only screen and (max-width:767px){.noticeboard .section__title3{margin-bottom:30px}}.dashboard_card .noticeboard-card{padding:10px 10px 10px 20px}.dashboard_card .noticeboard-card:not(:last-child){margin-bottom:15px}.dashboard_card .noticeboard-card:before{width:6px}.dashboard_card .noticeboard-card-left span{font-size:12px}.dashboard_card .noticeboard-card-left a{font-size:14px;line-height:1.5}@media only screen and (min-width:1200px) and (max-width:1439px){.dashboard_card .noticeboard-card-right .theme-btn{padding:8px}}.noticeboard-modal img{max-width:100%}.noticeboard-modal .modal-dialog{max-width:1200px;width:calc(100% - 100px)}@media only screen and (max-width:767px){.noticeboard-modal .modal-dialog{width:calc(100% - 20px)}}.noticeboard-modal .modal-content{border:none;background-color:#fff;border-radius:22px;position:relative}.noticeboard-modal .modal-body{padding:70px 80px}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard-modal .modal-body{padding:50px 60px}}@media only screen and (max-width:767px){.noticeboard-modal .modal-body{padding:30px}}@media only screen and (max-width:479px){.noticeboard-modal .modal-body{padding:20px}}.noticeboard-modal .modal-body h3{font-size:64px;line-height:1.25;margin-bottom:30px;color:#5c6574;font-weight:700;display:flex;align-items:center}@media only screen and (min-width:1200px) and (max-width:1439px){.noticeboard-modal .modal-body h3{font-size:54px}}@media only screen and (min-width:992px) and (max-width:1199px){.noticeboard-modal .modal-body h3{font-size:44px}}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard-modal .modal-body h3{font-size:38px}}@media only screen and (max-width:767px){.noticeboard-modal .modal-body h3{font-size:34px;margin-bottom:20px}}.noticeboard-modal .modal-body h3 svg{margin-left:10px}@media only screen and (max-width:767px){.noticeboard-modal .modal-body h3 svg{width:27px;height:28px}}.noticeboard-modal .modal-body h3 span{font-weight:500;font-size:24px;line-height:1.41667;color:#fff;display:inline-block;background-color:#36d98b;margin-left:40px;border-radius:8px;padding:10px 33px}@media only screen and (min-width:992px) and (max-width:1199px){.noticeboard-modal .modal-body h3 span{font-size:22px}}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard-modal .modal-body h3 span{font-size:20px}}@media only screen and (max-width:767px){.noticeboard-modal .modal-body h3 span{font-size:18px;padding:8px 20px;margin-left:20px}}.noticeboard-modal .modal-body ul{margin-bottom:56px}@media only screen and (min-width:992px) and (max-width:1199px){.noticeboard-modal .modal-body ul{margin-bottom:46px}}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard-modal .modal-body ul{margin-bottom:36px}}@media only screen and (max-width:767px){.noticeboard-modal .modal-body ul{margin-bottom:30px}}.noticeboard-modal .modal-body ul li{font-size:32px;line-height:1.25;font-weight:500}@media only screen and (min-width:992px) and (max-width:1199px){.noticeboard-modal .modal-body ul li{font-size:28px}}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard-modal .modal-body ul li{font-size:26px}}@media only screen and (max-width:767px){.noticeboard-modal .modal-body ul li{font-size:24px;font-size:18px}}.noticeboard-modal .modal-body ul li:not(:last-child){margin-bottom:30px}@media only screen and (max-width:991px){.noticeboard-modal .modal-body ul li:not(:last-child){margin-bottom:20px}}.noticeboard-modal .modal-body-wrapper{padding:40px;background-color:rgba(42,50,53,.05);border-radius:22px;color:#5c6574}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard-modal .modal-body-wrapper{padding:30px}}@media only screen and (max-width:767px){.noticeboard-modal .modal-body-wrapper{padding:24px}}@media only screen and (max-width:479px){.noticeboard-modal .modal-body-wrapper{padding:18px}}.noticeboard-modal .modal-body-wrapper p{font-size:24px;line-height:1.41667;line-height:2.33333;color:currentColor}@media only screen and (min-width:992px) and (max-width:1199px){.noticeboard-modal .modal-body-wrapper p{font-size:22px}}@media only screen and (min-width:768px) and (max-width:991px){.noticeboard-modal .modal-body-wrapper p{font-size:20px}}@media only screen and (max-width:767px){.noticeboard-modal .modal-body-wrapper p{font-size:18px;line-height:2}}.noticeboard-modal .modal-body-wrapper p:not(:last-child){margin-bottom:30px}@media only screen and (max-width:991px){.noticeboard-modal .modal-body-wrapper p:not(:last-child){margin-bottom:20px}}.noticeboard-modal-close{position:absolute;top:20px;right:20px;font-size:20px;cursor:pointer;z-index:3}.noticeboard-modal-close,.theme-text{color:var(--system_primery_color)}.mega_menu_list{position:unset!important;opacity:1!important;visibility:visible!important;left:0!important}.mega_menu li h4{font-size:20px;font-weight:600;margin-bottom:20px}.mega_menu_list li a{background-color:transparent!important;padding:12px 0!important;font-size:15px!important}.mega_menu{padding:20px 0;box-shadow:0 5px 15px rgba(0,0,0,.2)!important}.mega_menu_list li a:hover{padding-left:3px!important}.mega_menu{pointer-events:none}.header_area .main_menu ul li:hover .mega_menu{pointer-events:auto}login_wrapper{grid-template-columns:repeat(12,minmax(0,1fr))}.login_wrapper .login_wrapper_left{grid-column:span 4/span 4}.login_wrapper .login_wrapper_right{grid-column:span 8/span 8}@media only screen and (min-width:1200px) and (max-width:1439px){.login_wrapper .login_wrapper_left{grid-column:span 5/span 5}.login_wrapper .login_wrapper_right{grid-column:span 7/span 7}}@media only screen and (min-width:992px) and (max-width:1199px){.login_wrapper .login_wrapper_left,.login_wrapper .login_wrapper_right{grid-column:span 6/span 6}}@media only screen and (max-width:991px){.login_wrapper .login_wrapper_left,.login_wrapper .login_wrapper_right{grid-column:span 12/span 12}}.login_wrapper .login_wrapper_right h4{padding:0 10%}.login_wrapper{grid-template-columns:repeat(12,minmax(0,1fr))!important}#content-area{overflow:hidden}@media (max-width:1279px){#content-area{overflow:hidden}}@media (min-width:992px) and (max-width:1279px){.banner_area{padding-top:150px;padding-bottom:250px}}@media (min-width:768px) and (max-width:991px){.header_area{overflow:hidden}.banner_area{padding-top:150px;padding-bottom:200px}}@media (max-width:767px){.banner_area{padding-bottom:100px}}@media (max-width:479px){.banner_area{padding:70px 0}.header_area .header__wrapper .header__left .logo_img{margin:0!important}.translator-switch{margin-right:5px!important}.slicknav_menu .slicknav_icon{right:-10px!important}}@media (max-width:414px){.category_search{display:none!important}}.contact_section{min-height:30vh}.section_padding2{padding:116px 0 90px}@media (min-width:768px) and (max-width:991.98px){.section_padding2{padding:80px 0 50px}}@media only screen and (min-width:768px) and (max-width:991.98px){.section_padding2{padding:70px 0 40px}}@media (max-width:575.98px){.section_padding2{padding:70px 0 40px}}@media (min-width:576px) and (max-width:767.98px){.section_padding2{padding:70px 0 40px}}.section__title4 .subheading_text{display:block;font-size:16px;font-weight:600;margin-bottom:15px}.section__title4 h3{font-size:36px;font-weight:800;color:#202e3b;margin-bottom:9px;line-height:1.38}.section__title4 h3 span{text-transform:uppercase}@media (max-width:767.98px){.section__title4 h3{font-size:30px}}@media (min-width:768px) and (max-width:991.98px){.section__title4 h3{font-size:30px}}.section__title4.margin_52{margin-bottom:52px}@media (max-width:767.98px){.section__title4.margin_52{margin-bottom:30px}}.owl-carousel .owl-item img{width:100%!important}.profile{margin-bottom:120px}@media (min-width:1400px){.profile .container{max-width:1296px}}.profile-cover{padding-bottom:calc(27% - 13px);position:relative;z-index:1;overflow:hidden;z-index:-1}.profile-cover img{position:absolute;top:0;left:0;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width:767.98px) and (max-width:990.98px){.profile-cover{padding-bottom:30%}}@media only screen and (max-width:766.98px){.profile-cover{padding-bottom:40%}}.profile-wrapper{--border-radius:15px;background-color:#313539;border-radius:var(--border-radius);transform:translateY(-50%);margin-bottom:-110px;position:relative;z-index:1}@media only screen and (min-width:767.98px) and (max-width:990.98px){.profile-wrapper{transform:translateY(-15%);margin-bottom:-50px}}@media only screen and (max-width:766.98px){.profile-wrapper{margin-top:-100px;transform:translateY(0);margin-bottom:50px}}.profile-left{flex:0 0 auto;width:75%;--img-width:226px;padding:26px 80px 16px 26px;background-color:#fff;border-radius:calc(var(--border-radius) - 2px);height:100%;border:1px solid #c5c5c5}@media only screen and (min-width:991.98px) and (max-width:1199.98px){.profile-left{padding:20px 40px 16px 20px;--img-width:190px;width:70.83333%}}@media only screen and (max-width:990.98px){.profile-left{width:100%;padding:20px;--img-width:200px}}@media only screen and (max-width:766.98px){.profile-left{justify-content:center;--img-width:160px}}.profile-right{flex:0 0 auto;width:25%;padding:0 50px}@media only screen and (min-width:1199.98px) and (max-width:1439.98px){.profile-right{padding:0 40px}}@media only screen and (min-width:991.98px) and (max-width:1199.98px){.profile-right{padding:0 30px;width:29.16667%}}@media only screen and (max-width:990.98px){.profile-right{width:100%;padding:30px}}.profile-right ul li{color:#fff;font-weight:500;font-size:20px;line-height:1.4}@media only screen and (min-width:767.98px) and (max-width:990.98px){.profile-right ul li{font-size:18px}}@media only screen and (max-width:766.98px){.profile-right ul li{font-size:18px}}@media only screen and (min-width:991.98px) and (max-width:1199.98px){.profile-right ul li{font-size:18px}}.profile-right ul li:not(:last-child){margin-bottom:36px}@media only screen and (min-width:1199.98px) and (max-width:1439.98px){.profile-right ul li:not(:last-child){margin-bottom:30px}}@media only screen and (min-width:991.98px) and (max-width:1199.98px){.profile-right ul li:not(:last-child){margin-bottom:26px}}.profile-right ul li svg{margin-right:20px}@media only screen and (min-width:1199.98px) and (max-width:1439.98px){.profile-right ul li svg{margin-right:10px}}@media only screen and (min-width:991.98px) and (max-width:1199.98px){.profile-right ul li svg{margin-right:10px}}.profile-img{width:var(--img-width);flex:0 0 auto}@media only screen and (max-width:766.98px){.profile-img{width:100%}}.profile-img .img{width:100%;padding-bottom:97%;border-radius:20px;position:relative;z-index:1;overflow:hidden}.profile-img .img img{position:absolute;top:0;left:0;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width:766.98px){.profile-img .img{width:var(--img-width);height:var(--img-width);padding-bottom:0;margin:auto}}.profile-img .theme_btn{font-size:18px;line-height:1.35;background-color:#25d978;border:none;min-width:140px;padding:10px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);transform:translateY(-50%);margin-bottom:-50%;position:relative;z-index:1}@media only screen and (max-width:478.98px){.profile-img .theme_btn{font-size:16px}}.profile-img .theme_btn:hover{background-color:var(--system_primery_color);color:#fff}@media only screen and (max-width:766.98px){.profile-img .theme_btn{min-width:100px;padding:6px}}.profile-img p{font-size:15px;line-height:1.71429;color:#45395e}.profile-info{width:calc(100% - var(--img-width));flex:0 0 auto;padding-left:30px}@media only screen and (max-width:766.98px){.profile-info{padding-left:0;margin-top:20px;width:100%}}.profile-info h4{font-size:32px;line-height:1.25;color:#45395d}@media only screen and (min-width:991.98px) and (max-width:1199.98px){.profile-info h4{font-size:28px}}@media only screen and (min-width:767.98px) and (max-width:990.98px){.profile-info h4{font-size:26px}}@media only screen and (max-width:766.98px){.profile-info h4{font-size:24px}}.profile-info blockquote{font-size:15px;font-weight:500;color:#615c6b;margin-bottom:10px}.profile-info blockquote span{font-weight:700;color:#f29f22}.profile-info p{font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#797387;margin-bottom:14px}.profile-info ul{padding:15px;background-color:#cee8ff;border-radius:16px;height:-webkit-max-content;height:-moz-max-content;height:max-content;gap:14px;--width:44px}@media only screen and (min-width:1199.98px) and (max-width:1439.98px){.profile-info ul{gap:10px;padding:10px;--width:38px}}@media only screen and (min-width:991.98px) and (max-width:1199.98px){.profile-info ul{gap:10px;padding:10px;--width:38px}}@media only screen and (max-width:990.98px){.profile-info ul{gap:10px;padding:10px}}@media only screen and (max-width:478.98px){.profile-info ul{--width:34px}}.profile-info ul:not(:last-child){margin-right:16px}.profile-info ul li img{width:var(--width);height:var(--width)}.profile-info ul li img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.profile-info ul li a{width:var(--width);height:var(--width);border-radius:100%;background-color:#fff;color:#55535b;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px 0 rgba(0,0,0,.15);font-size:18px}.profile-info ul li a i.fa-facebook-f,.profile-info ul li a i.fa-instagram{color:#4b64ec}.profile-info ul li a i.fa-twitter{color:#17c7ff}.profile-info ul li a i.fa-youtube{color:#f81717}.profile-info ul li a:hover{color:#fff;background-color:var(--system_primery_color)}.profile-info ul li a:hover i{color:currentColor}.profile-info .badges{width:-webkit-max-content;width:-moz-max-content;width:max-content;flex:0 0 auto;display:grid;grid-template-columns:repeat(5,minmax(var(--width),1fr))}@media only screen and (min-width:991.98px) and (max-width:1199.98px){.profile-info .badges{grid-template-columns:repeat(3,minmax(var(--width),1fr))}}@media only screen and (max-width:990.98px){.profile-info .badges{grid-template-columns:repeat(3,minmax(var(--width),1fr))}}.profile-info .social_media{width:-webkit-max-content;width:-moz-max-content;width:max-content;flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(var(--width),1fr))}@media only screen and (max-width:990.98px){.profile-info .social_media{grid-template-columns:repeat(3,minmax(var(--width),1fr))}}.profile-info .social_media .dropdown-menu{border:none;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.profile-info .social_media .dropdown-menu li:not(:last-child){margin-bottom:10px}.profile .nav{margin-bottom:52px;border-radius:100px;background-color:var(--system_primery_color);padding:3px;flex-wrap:nowrap;overflow-x:auto}.profile .nav::-webkit-scrollbar{height:0}.profile .nav:hover::-webkit-scrollbar{height:5px}.profile .nav::-webkit-scrollbar-track{background-color:#d9d9d9;border-radius:100px}.profile .nav::-webkit-scrollbar-thumb{background-color:#979797;border-radius:100px}@media only screen and (min-width:767.98px) and (max-width:990.98px){.profile .nav{margin-bottom:30px}}@media only screen and (max-width:990.98px){.profile .nav{flex-wrap:nowrap;overflow-x:auto}}@media only screen and (max-width:766.98px){.profile .nav{margin-bottom:24px}}.profile .nav-link{font-size:18px;line-height:20px;font-weight:600;color:#fff!important;border-radius:100px;padding:13px 18px;min-width:118px;text-align:center;background:transparent;text-transform:capitalize;white-space:nowrap}.profile .nav-link.active{background-color:var(--system_secendory_color)}.profile .tab-pane{padding:40px;border-radius:8px;background-color:#fff;border:1px solid rgba(0,0,0,.15)}@media only screen and (max-width:990.98px){.profile .tab-pane{padding:24px}}.profile .tab-pane .row{margin-bottom:-30px}.profile .tab-pane .about h1,.profile .tab-pane .about h2,.profile .tab-pane .about h3,.profile .tab-pane .about h4,.profile .tab-pane .about h5,.profile .tab-pane .about h6{font-weight:700!important;margin-bottom:1rem}.profile .tab-pane .about .profile-info{margin-top:20px}.profile .tab-pane .about .profile-info ul{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.profile .tab-pane .about .skiils{display:flex;align-items:center;gap:10px;margin-top:20px}.profile .tab-pane .about .skiils li{display:inline-block;border-radius:100px;font-size:14px;line-height:21px;padding:4px 14px;color:var(--system_primery_color);background-color:var(--system_primery_color_10);font-weight:500}.currentColor{color:currentColor!important}.bootstrap-tagsinput>.tag,.skills_list>*{display:inline-block;border-radius:100px;border:none;background-color:var(--system_primery_color_10);color:var(--system_primery_color);font-weight:400;font-size:14px;padding:5px 15px}@media (max-width:413px){.header__wrapper .nice-select{display:none}}@media (max-width:414px){.profile .nav-link{padding-top:10px;padding-bottom:10px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}}



*{
    font-family: 'Jost';
}
.img{
  height: 600px;
  object-fit: cover;
}
.splide__arrows{
    display: none
}
.coRadu{
    border-top-right-radius: 50px;
}
.headbg,.headsidebg{
    background-color: var(--Themecolor1);
}
.SectionTwo{
    background-image:  url("https://asfmsedu.com/new/public/frontend/infixlmstheme/image/secTow.png");
    background-size: cover;
    height: 750px;
    /*overflow: hidden;*/
}
.f-text{
    color: #0064b0;
}
.m1{margin-left: 5%;}

.SectionTwo .p1{
    color: var(--Titlecolor);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 162.5% */
    text-transform: uppercase;
    margin-left:88px ;
    margin-top: -22px;

}
.SectionTwo .span{
    color: var(--Themecolor1, #0067BC);
    leading-trim: both;
    text-edge: cap;

    /* Title font/Heading - H3 */
    font-family: Jost;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
}
.SectionTwo .span2{
    /*color: var(--Themecolor2, #F20F10);*/
    color: ##0F88F2;
    leading-trim: both;
    text-edge: cap;

    /* Title font/Heading - H3 */
    font-family: Jost;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
}
.SectionTwo .number1{
    color: var(--Titlecolor, #00112B);
    font-family: var(--title-font-family);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
}
.SectionTwo .number2{
    color: var(--Bodycolor, #4D5765);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.SectionTwo .p2{
    color: var(--Themecolor1);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);;
    font-size: var(--H1-title-font-size);
    font-style: normal;
    font-weight: 600;
    line-height: 70px; /* 94.595% */
}
.SectionTwo .p3{
    color: var(--Titlecolor);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);;
    font-size: 46px;
    font-style: normal;
    font-weight: 500;
    line-height: 70px;
}
.SectionTwo .p4{
    color: var(--Titlecolor);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Subtitle - S1 */
    font-family: var(--title-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
}

.styled-button1{
    color: var(--Whitecolor);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Subtitle - S1 */
    font-family:  var(--title-font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
    border-radius: 5px;
    background: var( --Themecolor1);
    /* Btn-Shadow */
    box-shadow: 0px 4px 10px 0px rgba(7, 79, 214, 0.28);
    display: flex;
    width: 180px;
    padding: 18px ;
    justify-content: center;
    align-items: center;
    border: none;
    text-transform: uppercase;
}
.styled-button1:hover{
    background-color: #004C8B;
}
.styled-button2{
    color: var(--Whitecolor);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Subtitle - S1 */
    font-family:  var(--title-font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
    border-radius: 5px;
    background: var( --Titlecolor);
    /* Btn-Shadow */
    box-shadow: 0px 4px 10px 0px rgba(7, 79, 214, 0.28);
    display: flex;
    width: 180px;
    padding: 18px ;
    justify-content: center;
    align-items: center;
    border: none;

}
.styled-button2:hover{
    background-color: var(--Bodycolor, #4D5765);;
}
.SectionTwo .SectionTwop1style{
    padding-left: 150px;
    margin-top: 7%;
}
.SectionTwo .SquareStyle1{
    width: 235px;
    height: 80px;
    border-radius: 100px;
    background: var(--Whitecolor);
    box-shadow: 0px 4px 32px 0px rgba(170, 179, 198, 0.15);
    margin-top: 48%;
    margin-right: 0;
    right: 64%;
}
.SectionTwo .SquareStyle2{
    width: 236px;
    height: 80px;
    border-radius: 100px;
    background: var(--Whitecolor);
    box-shadow: 0px 4px 32px 0px rgba(170, 179, 198, 0.15);
    margin-top: 40%;
    margin-right: 0;
    left:68%;
}
.headHigh{
    height: 134px ;
}

.headbg,.headsidebg{

    background-color: var(--Themecolor1);
}




.sectionThree{
    background-color: var(--SmokeColor, #F3F7FB);
}
.sectionFour{

}
/*section six at course details page*/
.section-six .p1,
    /*section six at course details page*/
    /*section four at instructors page*/
.section-four .p4,
    /*section six at instructors page*/

    /*section four at contact us page*/
.contact-us .p3,
    /*section six at contact us page*/
.SectionEleven .p1,
.SectionNine .pw,
.sectionTen .p1,
.Sectionsix  .p1,
.sectionEight .p1,
.sectionSeven .p1,
.sectionFour .p1{
    color: var(--Themecolor1, #0067BC);
    font-family: var(--title-font-family);
    font-size: var(--S2-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S2-Subtitle-font-weight);
    line-height: var(--S2-Subtitle-line-height); /* 162.5% */
    text-transform: uppercase;
}

/*section six at course details page*/
.SectionEleven .p2,
.section-six .p2,
    /*section six at course details page*/
.course-info .p1,
.SectionNine .p2,
.sectionTen .p2,
.Sectionsix  .p2,
.sectionEight .p2,
.sectionSeven .p2,
.sectionFour .p2{
    color: var(--Titlecolor, #0F2239);
    font-family: var(--title-font-family);
    font-size:var(--H2-title-font-size) ;
    text-transform: capitalize;
    text-align: center;
}
.right-rotated-rectangle,
.left-rotated-rectangle {
    width: 200px;
    height: 200px;
    background-color: var(--Graycolor);
    position: relative;
    border-radius: 20px;
    /*background-image: url(https://asfmsedu.com/new/public/frontend/infixlmstheme/image/step1.svg);*/
    /*overflow: hidden;*/

}
.left-rotated-rectangle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://asfmsedu.com/new/public/frontend/infixlmstheme/image/step2.png);
    /*background-size: cover;*/
    transform: rotate(14.769deg); /* Counter-rotate the background image */
}
.left-rectangle-container{
    transform: rotate(-14.769deg);
}
.right-rectangle-container{
    transform: rotate(14.769deg);
}
.purchase_icon{
    z-index: 99;
    margin-left: 30%;
    bottom: 160px;
}
.sectionFour .p3{
    color: var(--Titlecolor, #0F2239);
    font-family: var(--title-font-family);
    font-size: var(--H5-title-font-size);
    line-height:var(--H5-title-line-height) ;
    font-weight: var(--H5-title-font-weight);
    font-style: normal;
    text-align: center;

}
.sectionFour .p4{
    color: var(--Bodycolor, #4D5765);
    text-align: center;
    font-family: var(--Body-font-family);
    font-size: var(--S2-Subtitle-font-size);
    font-weight: var(--P1-paragraph-font-weight);
    line-height: var(--P1-paragraph-line-height);
}

.sectionFive{
    /*height: 220px;*/
    background-image:  url('https://asfmsedu.com/new/public/frontend/infixlmstheme/image/section5_bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.sectionFive .p1{
    color: var(--Whitecolor, #FFF);
    text-align: center;
    font-family:var(--title-font-family);
    font-size: var(--H2-title-font-size);
    font-style: normal;
    font-weight: var(--H3-title-font-weight);
    line-height: var(--H2-title-line-height);
}
.sectionFive .p3 ,
.sectionFive .p2{
    color: var(--Whitecolor, #FFF);
    text-align: center;
    font-family:var(--title-font-family);
    font-size: var(--H6-title-font-size);
    font-style: normal;
    font-weight: var(--H3-title-font-weight);
    line-height: var(--H6-title-line-height); /* 150% */
}
.sectionFive .p3{
    font-weight: 400;
}
.bo{border-radius: 50%
}
/*Section six*/
.Sectionsix{
    background-color: #F2F4F6;
    padding-left: 2%;
}
.Sectionsix .SquareStyle{
    width: auto;
    height: 120px;
    border-radius: 10px;
    background: var(--Whitecolor);
    border: none ;

}
.Sectionsix .SquareStyle:hover{
    background-color: #004C8B;

}
.Sectionsix .SquareStyle.selected {
    background-color: #0067BC;

}



.Sectionsix .SquareStyle22{
    width: 95%;
    height: 120px;
    border-radius: 10px;
    background: var(--Whitecolor);
    border: none ;

}
.Sectionsix .SquareStyle22:hover{
    background-color: #004C8B;

}
.Sectionsix .SquareStyle22.selected {
    background-color: #0067BC;

}

.Sectionsix .p3{
    color: var(--Titlecolor);
    leading-trim: both;
    text-edge: cap;
    font-family: var( --title-font-family);
    font-size: 24px;
    font-style: normal;
    font-weight: var(--S1-Subtitle-font-weight);
    line-height: 30px;
    text-align:left ;

}

.Sectionsix .p4{
    text-align:left ;
}
.Sectionsix .SquareStyle:hover .p3{
    color: var(--Whitecolor);
}
.Sectionsix .SquareStyle.selected .p3 {
    color: var(--Whitecolor);
}
.Sectionsix .SquareStyle:hover .p4{
    color: var(--Whitecolor);
}
.Sectionsix .SquareStyle.selected .p4 {
    color: var(--Whitecolor);
}

.Sectionsix .SquareStyle22:hover .p3{
    color: var(--Whitecolor);
}
.Sectionsix .SquareStyle22.selected .p3 {
    color: var(--Whitecolor);
}
.Sectionsix .SquareStyle22:hover .p4{
    color: var(--Whitecolor);
}
.Sectionsix .SquareStyle22.selected .p4 {
    color: var(--Whitecolor);
}


.Sectionsix .dashed-line {

    /* border-top: 2px dashed #000; */
    border: 1px dashed var(--Bordercolor);
    width: auto;
    height: 1px;
}
/*section six at course details page*/
.section-six .rectangularstyle,
    /*section six at course details page*/
.Sectionsix .rectangularstyle{
    width: 130px;
    height: 30px;
    border-radius: 20px;
    background: var( --Themecolor2);
    position: absolute;
    top: 4%;
    left: 5%;
}
/*section six at course details page*/
.section-six .pp1,
    /*section six at course details page*/
.course-info .pp1,
.Sectionsix .pp1{
    color: var(--Whitecolor);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--Body-font-family);
    font-size: var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--H2-title-font-weight);
    line-height: var( --P2-paragraph-line-height);
}
/*section six at course details page*/
.section-six .t,
    /*section six at course details page*/
.course-info .t,
.Sectionsix .t{
    color: var( --Bodycolor);
    leading-trim: both;
    text-edge: cap;
    font-family:var(--Body-font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: var(  --P2-paragraph-font-weight);
    line-height:var( --P2-paragraph-line-height);
}
.Sectionsix .d{
    color: var( --Titlecolor);
    leading-trim: both;
    text-edge: cap;
    font-family: var( --title-font-family);
    font-size: var( --S1-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S1-Subtitle-font-weight);
    line-height: var(--S1-Subtitle-line-height);
}
.Sectionsix .lE{
    color: var(--Themecolor2);
    leading-trim: both;
    text-edge: cap;
    font-family: var( --Body-font-family);
    font-size: var(   --P2-paragraph-font-size);
    font-style: normal;
    font-weight: var( --P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height);
    text-transform: uppercase;

}
.Sectionsix .styled-button1:hover{
    background-color: #004C8B;
}
.Sectionsix .styled-button1{
    text-transform: capitalize;
}
/*section six at course details page*/
.section-six .card,
    /*section six at course details page*/
.Sectionsix .card {
    transition: border-color 0.5s;
    border-color: white;
    border-radius: 10px;
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 7px 36px 0px #EAEDF2;
}
/*section six at course details page*/
.section-six .card:hover,
    /*section six at course details page*/
.Sectionsix .card:hover {
    border-color: #0773cc;
    border-width: 2px;
}
/*Section seven*/
.selected-outer-circle,
.normal-outer-circle{
    width: 300px;
    height: 300px;
    /*border-color: var(--Themecolor1, #0067BC);*/
    background-color: transparent;
    border-radius: 50%;
    transform: rotate(45deg);
}
.normal-outer-circle{
    border-left: 2px solid var(--Themecolor1, #0067BC);
    border-right: 2px solid var(--Themecolor1, #0067BC);
    border-bottom: 2px solid #D0DBE9;
    border-top: 2px solid #D0DBE9;
}
.selected-outer-circle{
    border-left: 2px solid #D0DBE9;
    border-right: 2px solid #D0DBE9;
    border-bottom: 2px solid var(--Themecolor2, #0067BC);
    border-top: 2px solid var(--Themecolor2, #0067BC);
}

.down-small-circle,
.top-small-circle{
    width: 15px;
    height: 15px;
    background-color:var(--Themecolor1, #0067BC);
    border-radius: 50%;
}
.top-small-circle{
    left: 35px;
    bottom: 246px;
}
.down-small-circle{
    left: 244px;
    bottom: 34px;
}
.selected-left-small-circle,
.selected-right-small-circle{
    width: 15px;
    height: 15px;
    background-color:var(--Themecolor2, #F20F10);
    border-radius: 50%;
}
.selected-right-small-circle{
    left: 245px;
    bottom: 246px;
}
.selected-left-small-circle{
    left: 38px;
    bottom: 33px;
}
.co-max{
    max-width: 1550px !important;
}
.selected-outer-circle, .mb-3, .position-relative {
    transition: all 1s;
}

.d-none, .d-block, .selected-p4, .selected-right-small-circle, .selected-left-small-circle {
    transition: all 1s;
}

.sectionSeven .social-btn,
.sectionSeven .plus-btn{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 999;
    border: none;
}
.sectionSeven .plus-btn{
    background-color: var(--Themecolor1, #0067BC);
    bottom: 62px;
    left: 182px;
    color: #FFFFFF;
    transform: rotate(-45deg);
    z-index: 99999;
}
.sectionSeven .plus-btn:hover{
    background-color: #004C8B;
}
.instructor-social-media{
    transform: rotate(-45deg);
    z-index: 999;
    bottom: 62px;
    left: 120px;
}
.sectionSeven .social-btn{
    background-color: #FFFFFF;
    color: var(--Titlecolor);
    font-size: 20px;
}
.sectionSeven .social-btn:hover{
    background-color: var(--Themecolor2 , #F20F10);
    color: #FFFFFF;
}
.inner-circle{
    top: 1px;
    left: 1px;
    width: 275px;
    height: 275px;
    background-color: #0a58ca;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(-45deg);
}

.sectionEight .p3,
.sectionSeven .p3{
    color: var(--Titlecolor, #00112B);
    text-align: center;
    font-family:var(--title-font-family);
    font-size: var(--H5-title-font-size);
    font-style: normal !important;
    font-weight: var(--H5-title-font-weight);
    line-height: var(--H5-title-line-height);

}
.instructor-card .p2,
.sectionTen .p5,
.sectionSeven .selected-p4,
.sectionSeven .p4{
    text-align: center;
    font-family:var(--Body-font-family);
    font-size: var(--P1-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P1-paragraph-font-weight);
    line-height: var(--P1-paragraph-line-height);
}
.sectionTen .p5,
.sectionSeven .p4{
    color: var(--Themecolor1, #00112B);
}
.sectionSeven .selected-p4 {
    color: var(--Themecolor2,  #F20F10);
}

/*Section Eight*/
.sectionEight{
    background-image:  url('https://asfmsedu.com/new/public/frontend/infixlmstheme/image/section8_bg.svg');
    background-size: cover;
    background-repeat: no-repeat;
}
.course3-image-container,
.course2-image-container ,
.course1-image-container{
    /*width: 561px !important;*/
    height: 240px;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}
.course1-image-container{
    background-image: url('https://asfmsedu.com/new/public/frontend/infixlmstheme/image/course1.svg');
}
.course2-image-container{
    background-image: url('https://asfmsedu.com/new/public/frontend/infixlmstheme/image/course2.png');
}
.course3-image-container{
    background-image: url('https://asfmsedu.com/new/public/frontend/infixlmstheme/image/course3.png');
}

.slant-right-rectangle,
.slant-left-rectangle {
    /*width: 912px !important;*/
    width: 170% !important;
    height: 80%;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    z-index: 99;
}
.slant-right-rectangle::before ,
.slant-left-rectangle::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100px; /* Adjust the width to control the slant length */
    height: 100%;
    background-color: inherit; /* Match the parent's background color */
    border-radius: 8px;
}
.slant-right-rectangle {
    transform: skewX(20deg);
    right: 70% !important;
    /*transform: skew-(-20deg); !* Skew the element to the left *!*/
}
.slant-left-rectangle {
    transform: skewX(-20deg);
    left: 70%;
    /*transform: skew-(-20deg); !* Skew the element to the left *!*/
}
.slant-right-rectangle::before {
    right: 93%;
    transform: skew(-20deg); /* Skew the pseudo-element to the right */
}
.slant-left-rectangle::before {
    left: 93%;
    transform: skew(20deg); /* Skew the pseudo-element to the right */
}
.slant-left-inner-content {
    transform: skewX(20deg); /* Counteract the outer skew */
    position: relative;
}
.slant-right-inner-content {
    transform: skewX(-20deg); /* Counteract the outer skew */
    position: relative;
}
.course-icon{
    color: var(--Themecolor1);
}
.sectionEight .p4{
    color: var(--Bodycolor, #4D5765);
    font-family: var(--Body-font-family);
    font-size: var(--P2-paragraph-font-size);
    font-weight: var(--P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height);
}

/*Start Section 9 css */
.SectionNine .p1{
    color: var(--Bodycolor);
    leading-trim: both;
    text-edge: cap;
    /* Body font/Paragraph - P2 */
    font-family: var(--Body-font-family);
    font-size: var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height);
}
.SectionNine .card-title{
    color: var(--Titlecolor);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Heading - H5 */
    font-family: var(--title-font-family);

    font-size: var(--H5-title-font-size);
    font-style: normal;
    font-weight: var(--H5-title-font-weight);
    line-height: var(--H5-title-line-height);
}

.SectionThreeDetailsBlogPage .card,
.SectionNine .card {
    transition: border-color 0.5s;
    border-color: white;
    border-radius: 10px;
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 7px 36px 0px #EAEDF2;
}

.SectionNine .card:hover {
    border-color: #0773cc;
    border-width: 2px;
}
.SectionNine .link{
    color: var(--Themecolor1);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size:var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--S2-Subtitle-font-weight);
    line-height: normal;
    text-transform: uppercase;
}

/*End Section 9 css */


/* Section Ten */
.sectionTen{
    height: 692px;
    background-color: var(--Whitecolor , #FFFFFF);
}
.client-card{
    /*height: auto;*/
    height: 315px;
    /*max-height: 350px;*/
    /*overflow: auto;*/
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--Whitecolor , #FFFFFF);
    border-radius: 10px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}
.sectionTen .rate{
    color: var(--Bodycolor, #4D5765);
    font-family: var(--Body-font-family);
    font-size: var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P2-paragraph-font-weight);
    line-height: normal;
    /*margin-left: 20%;*/
    text-align: left;

}
.sectionTen .p3{
    color: var(--Bodycolor, #4D5765);
    font-family: var(--title-font-family);
    font-size: var(--S2-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S2-Subtitle-font-weight);
    line-height: var(--S2-Subtitle-line-height);
    text-align: left;
}
.sectionTen .p4{
    color: var(--Titlecolor, #0F2239);
    font-family: var(--title-font-family);
    font-size: var(--H5-title-font-size);
    font-style: normal;
    font-weight: var(--H5-title-font-weight);
    line-height: var(--H5-title-line-height);
    text-transform: uppercase;
}
.client-img{
    width: 60px;
    height: 60px;
    border: 4px solid #FFFFFF;
    border-radius: 10px;
    background-color: #D9D9D9;
    z-index: 999;
}

.carousel {
    margin: 30px auto 60px;
    padding: 0 80px;
}
.carousel .carousel-item {
    text-align: center;
    overflow: hidden;
}
.carousel-inner {
    transition-duration: 1s !important; /* Adjust the duration as needed (e.g., 2s for 2 seconds) */
}

.carousel-item {
    transition: transform 1s ease-in-out !important; /* Adjust the duration as needed */
}
.custom-carousel-control-prev, .custom-carousel-control-next {
    display: flex;
    width: 55px !important;
    height: 55px !important;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
    border: none;
    background-color: var(--Whitecolor, #FFFFFF) !important;
    box-shadow: 0px 0px 20px 0px #DDE8FB;
    z-index: 99999;
    position: inherit !important;
}
.carousel-control-next,
.carousel-control-prev{
    display: none !important;
}

.carousel-indicators li, .carousel-indicators li.active {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 4px;
    border: none;
}
.carousel-indicators li {
    background: #ababab;
}
.carousel-indicators li.active {
    background: #555;
}
/*Start Section Elevencss*/
.SectionEleven .styled-button1{
    color: var(--Whitecolor);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Subtitle - S1 */
    font-family:  var(--title-font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
    border-radius: 5px;
    background: var( --Themecolor1);
    /* Btn-Shadow */
    box-shadow: 0px 4px 10px 0px rgba(7, 79, 214, 0.28);
    display: flex;
    width: 230px;
    padding: 18px ;
    justify-content: center;
    align-items: center;
    border: none;
    text-transform: uppercase;
}
.SectionEleven .box1:hover .line{
    background: var(--Themecolor2, #F20F10);
}
.SectionEleven .box1:hover .styled-button1{
    border-radius: 5px;
    background: var(--Themecolor2, #F20F10);
    /* Btn-Shadow */
    box-shadow: 0px 4px 10px 0px rgba(7, 79, 214, 0.28);

}
.SectionEleven{
    background: var(--SmokeColor, #F3F7FB);
}
.SectionEleven .box1{
    box-shadow: 0px 7px 36px 0px #EAEDF2;
    display: flex;
    padding: 0px 40px 40px 40px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 10px;
    border: 1px solid var(--LightBluecolor, #ECF1F9);
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 10px 20px 0px rgba(223, 234, 244, 0.50);
}
.SectionEleven .container{
    margin-top: 4%;
    margin-bottom: 4%;
}
.SectionEleven .line{
    width: 100%;
    height: 4px;
    background: var(--Themecolor1, #0067BC);
    box-shadow: 0px 6px 50px 0px rgba(0, 0, 0, 0.05);
}
.SectionEleven .pp1{
    color: var(--Titlecolor, #00112B);
    font-family: var(--title-font-family);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}
.SectionEleven .box2{
    display: flex;
    width: 100%;
    height: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #F3F7FB;
}
.SectionEleven .p3{
    color: var(--Themecolor1, #0067BC);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
}
.SectionEleven .p4{
    color: #9FAAB7;
    text-align: center;
    font-family: var(--title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.SectionEleven .p5{
    color: var(--Bodycolor, #4D5765);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--Body-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

/*End Section Elevencss*/


/*Start Footer css*/
.footer-bg {
    background-color:  #00112B;
}
.z-index0{
    position: absolute;
    z-index: 1;
    text-align: center;
}
.z-index1{
    position: absolute;
    left: auto;
    top: auto;
    z-index: 0;
}



/*Section two in COURSE Page */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    display: flex; /* Use flexbox to center the modal */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

.modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

/* Add more styles for your filter options here */

/* Button styles */
.button-container {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.close-button,
.apply-button {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.close-button:hover,
.apply-button:hover {
    background-color: #0056b3;
}
.SectionTwoCoursesPage{
    height: 510px;
    background-image:  url('https://asfmsedu.com/new/public/frontend/infixlmstheme/image/bgimage.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.SectionTwoCoursesPage .p1{
    color: var(--Whitecolor, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    /* Title font/Heading - H2 */
    font-family: var( --title-font-family);
    font-size: var(--H2-title-font-size);
    font-style: normal;
    font-weight: var(--H2-title-font-weight);
    line-height: var(--H2-title-line-height);

}

.SectionTwoCoursesPage .a1{
    color: var(--Whitecolor, #FFF) !important;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: var( --title-font-family);
    font-size: var(--S2-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S2-Subtitle-font-weight);
    line-height: var(--S2-Subtitle-line-height);
    text-decoration: none !important;
}
/*Section 3 in COURSE Page */
.SectionThreeCoursesPage .p1{
    color: var(--Titlecolor, #00112B);
    font-family:  var( --title-font-family);
    font-size:var(--S1-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S1-Subtitle-font-weight);
    line-height: var(--S1-Subtitle-line-height);
    text-transform: capitalize;

}
.SectionThreeCoursesPage .navbarstyle{
    display: flex;
    height: 81px;
    width: 100%;

    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    background:var(--SmokeColor, #F3F7FB);;
    /* var(--SmokeColor, #F3F7FB);*/
}
.SectionThreeCoursesPage  .span{
    color: var(--Themecolor1, #0067BC);
    font-family:var( --title-font-family);
    font-size: var(--S1-Subtitle-font-size);
    font-weight:  var(--S1-Subtitle-font-weight);
    line-height: var(--S1-Subtitle-line-height);
    text-transform: capitalize;
}

.SectionThreeCoursesPage .x{
    border: none;
}
.SectionThreeCoursesPage .x2{
    color: var(--Themecolor1, #0067BC);
    text-align: center;
    font-family:var( --title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--H4-title-font-weight);
    line-height: normal;
}
.SectionThreeCoursesPage .x3{
    width: 1px;
    height: 20px;
    background: #D9D9D9;
}
.SectionThreeCoursesPage .x4{
    color: var(--Titlecolor, #0F2239);
    font-family:var( --title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--H4-title-font-weight);
    line-height: normal;
}

.SectionThreeBlogPage .card,
.SectionThreeCoursesPage .card {

    transition: border-color 0.5s;
    border-color: white;
    border-radius: 10px;
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 7px 36px 0px #EAEDF2;
}

.SectionThreeBlogPage .card:hover,
.SectionThreeCoursesPage .card:hover {
    border-color: #0773cc;
    border-width: 2px;
}
.SectionThreeCoursesPage .rectangularstyle{
    width: 115px;
    height: 30px;
    border-radius: 20px;
    background: var( --Themecolor2);
    position: absolute;
    top: 4%;
    left: 5%;

}
.SectionThreeCoursesPage .pp1{
    color: var(--Whitecolor);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--Body-font-family);
    font-size: var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--H2-title-font-weight);
    line-height: var( --P2-paragraph-line-height);
}
.SectionThreeCoursesPage .t{
    color: var( --Bodycolor);
    leading-trim: both;
    text-edge: cap;
    font-family:var(--Body-font-family);
    font-size: 11px;
    font-style: normal;
    font-weight: var(  --P2-paragraph-font-weight);
    line-height:var( --P2-paragraph-line-height);
}
.SectionThreeCoursesPage .dashed-line {

    border: 1px dashed var(--Bordercolor);
    width: 100%;
    height: 1px;
}
.SectionThreeCoursesPage .d{
    color: var( --Titlecolor);
    leading-trim: both;
    text-edge: cap;
    font-family: var( --title-font-family);
    font-size: var( --S1-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S1-Subtitle-font-weight);
    line-height: var(--S1-Subtitle-line-height);
}
.SectionThreeCoursesPage .lE{
    color: var(--Themecolor2);
    leading-trim: both;
    text-edge: cap;
    font-family: var( --Body-font-family);
    font-size: var(   --P2-paragraph-font-size);
    font-style: normal;
    font-weight: var( --P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height);
    text-transform: uppercase;
    margin-left: 20%;

}
.SectionThreeDetailsBlogPage .searchbox,
.SectionThreeBlogPage .searchbox,
.SectionThreeCoursesPage .searchbox{

    transition: border-color 0.5s;
    border-color: white;
    border-radius: 10px;
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 7px 36px 0px #EAEDF2;
    height: 81px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--Bordercolor, #D0DBE9);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
}
.SectionThreeDetailsBlogPage .search,
.SectionThreeBlogPage .search,
.SectionThreeCoursesPage .search {
    padding: 10px;
    padding-left: 55px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    width: 90%;
    height: 42px;
    border-radius: 10px;
    border: none;
    border-radius: 10px;
    background: var(--SmokeColor, #F3F7FB);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
    transition: border-color 0.3s ease-in-out;
    outline: none;
}

.SectionThreeCoursesPage .Categorybox{


    height: auto;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--Bordercolor, #D0DBE9);
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
}

.SectionThreeCoursesPage .Category{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: var( --H5-title-font-size);
    font-style: normal;
    font-weight: var(--H5-title-font-weight);
    line-height: var( --H5-title-line-height);
    padding: 10px 0px;
    font-weight: bold;

}
.SectionThreeCoursesPage .line{
    height: 1px;
    align-self: stretch;
    border: 1px dashed var(--Bordercolor, #D0DBE9);
}
.SectionThreeCoursesPage .PriceLevelbox{

    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--Bordercolor, #D0DBE9);
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 9px 14px 0px #FBFBFB;

}
.SectionThreeCoursesPage .TimeDurationbox{
    height: 219px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--Bordercolor, #D0DBE9);
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
}
.SectionThreeCoursesPage .OurInstructorbox{

    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--Bordercolor, #D0DBE9);
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
}
.SectionThreeCoursesPage .form-check-input + .form-check-label {
    color: var(--Bodycolor, #4D5765);
    font-family: var(--title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.SectionThreeCoursesPage .form-check-input:checked + .form-check-label {
    color: var(--Themecolor1, #0067BC);
    font-family: var(--title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.SectionThreeCoursesPage  .subcategory-checkboxes {
    margin-left: 20px; /* Indent subcategories */
    display: none; /* Initially hide subcategories */
}
.SectionThreeCoursesPage .dashed-line2{
    border: 1px dashed var(--Bordercolor);
    width: 88%;
    height: 1px;
}
.SectionThreeCoursesPage .lE2{
    color: var(--Themecolor2);
    leading-trim: both;
    text-edge: cap;
    font-family: var( --Body-font-family);
    font-size: var(   --P2-paragraph-font-size);
    font-style: normal;
    font-weight: var( --P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height);
    text-transform: uppercase;

}
.SectionThreeCoursesPage .a{
    text-decoration: none;

}
.SectionThreeCoursesPage .Grid {
    display: block; /* Initially display List */
}
.SectionThreeCoursesPage .List {
    display: none; /* Initially hide Grid */
}
.SectionThreeCoursesPage .rectangularstyle2{width: 130px;
    height: 30px;
    border-radius: 20px;
    background: var( --Themecolor2);
    position: absolute;
    top: 12%;
    left: 4%;}

/*Section 3 in BLOG POST Page */
.SectionThreeDetailsBlogPage .card-title,
.SectionThreeBlogPage .card-title{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: 36px;
    font-style: normal;
    font-weight: var(--H4-title-font-weight);
    line-height: var( --H4-title-line-height);
}
.SectionThreeDetailsBlogPage .p1,
.SectionThreeBlogPage .p1{
    color: var(--Bodycolor, #4D5765);
    leading-trim: both;
    text-edge: cap;
    /* Body font/Paragraph - P2 */
    font-family: var(--Body-font-family);
    font-size: var( --P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height);
}
.SectionThreeDetailsBlogPage .card-text,
.SectionThreeBlogPage .card-text{
    color: var(--Bodycolor, #4D5765);
    leading-trim: both;
    text-edge: cap;
    /* Body font/Paragraph - P1 */
    font-family: Roboto;
    font-size:var( --P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height);}

.SectionNine .link,
.SectionThreeDetailsBlogPage .link,
.SectionThreeBlogPage .link{
    color: var(--Themecolor1);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size:var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--S2-Subtitle-font-weight);
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.SectionThreeBlogPage .play{
    width: 130px;
    height: 30px;
    border-radius: 20px;
    position: absolute;
    top: 35%;
    left: 40%;
}
.SectionThreeRegisterPage .line,
.SectionThreeDetailsBlogPage .line,
.SectionThreeBlogPage .line{
    width: 100%;
    height: 3px;
    background: var( --LightBluecolor, #ECF1F9);
}
.SectionThreeRegisterPage .line2,
.SectionThreeDetailsBlogPage .line2,
.SectionThreeBlogPage .line2{
    width: 25%;
    height: 3px;
    background: var( --Themecolor1, #0067BC);
}
.SectionThreeDetailsBlogPage .Categorybox,
.SectionThreeBlogPage .Categorybox{

    height: auto;

    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--Bordercolor, #D0DBE9);
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
}
.SectionThreeDetailsBlogPage .Category,
.SectionThreeBlogPage .Category {
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: var( --H5-title-font-size);
    font-style: normal;
    font-weight: var(--H5-title-font-weight);
    line-height: var( --H5-title-line-height);
    padding: 10px 0px;
    font-weight: bold;

}
.SectionThreeDetailsBlogPage .p2,
.SectionThreeBlogPage .p2{
    color: var(--Bodycolor, #4D5765);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: var(--P1-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P1-paragraph-font-weight);
    line-height: normal;
}
.SectionThreeDetailsBlogPage .p3,
.SectionThreeBlogPage .p3{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Heading - H6 */
    font-family:  var(--title-font-family);
    font-size: 17px;
    font-style: normal;
    font-weight: var(--P1-paragraph-font-weight);;
    line-height: 20px;
}
.SectionThreeDetailsBlogPage .Button,
.SectionThreeBlogPage .Button{
    width: auto;
    height: 35px;
    flex-shrink: 0;
    border-radius: 5px;
    border: none;
    background: var(--SmokeColor, #F3F7FB);
}
.SectionThreeDetailsBlogPage .p4,
.SectionThreeBlogPage .p4{
    color: var(--Bodycolor, #4D5765);
    text-align: center;
    font-family: var(--title-font-family);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}
.SectionThreeDetailsBlogPage .p5,
.SectionThreeBlogPage .p5{
    color: var(--Bodycolor, #4D5765);
    text-align: center;
    font-family: var(--title-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 2px;

}



/* Course Details Page*/
/*Section Three Course Details*/
.course-img-container{
    height: 525px;
    background-image: url('https://asfmsedu.com/new/public/frontend/infixlmstheme/image/image2.png');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.instructor-info,
.course-info{
    border-radius: 10px;
    border: 1px solid #D0DBE9;
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 7px 36px 0px rgba(234, 237, 242, 0.50);
}
.course-info .rectangularstyle{
    left: 3%;
}
.course-info .rectangularstyle,
.course-info .seller
{
    width: 135px !important;
    height: 30px;
    border-radius: 20px;
    background: var( --Themecolor2);
}
.section-six .p3,
.course-info .p3 {
    color: var(--Titlecolor, #00112B);

    /* Title font/Subtitle - S2 */
    font-family: var(--title-font-family);
    font-size: var(--S2-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S2-Subtitle-font-weight);
    line-height:var(--S2-Subtitle-line-height); /* 162.5% */
}
.course-info .instuctor-img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    background:url('https://asfmsedu.com/new/public/frontend/infixlmstheme/image/instruct-img.png');

}
.instructor-card .p3,
.course-info .p2{
    color: var( --Bodycolor);
    leading-trim: both;
    text-edge: cap;
    font-family:var(--Body-font-family);
    font-size: var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight: var( --P2-paragraph-font-weight);
    line-height:var(--P2-paragraph-line-height);
}
.course-info .right-border{
    border-right: 1px solid #D0DBE9;
}
/*start Section 4 in Course Details Page*/
.review-top-btn.active,
.mid-top-btn.active,
.overview-top-btn.active,
.course-info .review-top-btn,
.course-info .mid-top-btn,
.course-info .overview-top-btn{
    display: flex;
    height: 60px;
    width: 25%;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background:#ECF1F9;
    border: none;
    color: var(--Bodycolor, #4D5765);
    text-align: center;
    font-family: var(--title-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
.overview-top-btn.active,
.course-info .overview-top-btn{
    border-radius: 10px 0px 0px 0px;
}
.review-top-btn.active,
.course-info .review-top-btn{
    border-radius: 0px 10px 0px 0px;
}

.review-top-btn.active,
.mid-top-btn.active,
.overview-top-btn.active {
    border-top: 5px solid var(--Themecolor1, #0067BC);
    background: #FFF;
    transition: background-color 0.3s, border 0.2s;
}

.course-info .review-top-btn:hover,
.course-info .mid-top-btn:hover,
.course-info .overview-top-btn:hover {
    border-top: 5px solid var(--Themecolor1, #0067BC);
    background: #FFF;
    transition: background-color 0.3s, border 0.2s;
}

.instructor-info .p8,
.course-info  .p8{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;

    /* Title font/Subtitle - S1 */
    font-family: var(--title-font-family);
    font-size: var(--S1-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S1-Subtitle-font-weight);
    line-height: var(--S1-Subtitle-line-height); /* 155.556% */
}
.curriculam .curriculam-rectangle{
    display: flex;
    height: 60px;
    border-radius: 10px 10px 0px 0px;
    background: #ECF1F9;
}
.instructor-info .instructor .p10,
.course-info .instructor .p10{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Heading - H3 */
    font-family: var(--title-font-family);
    font-size: var(--H3-title-font-size);
    font-style: normal;
    font-weight: var(--H3-title-font-weight);
    line-height: var(--H3-title-line-height); /* 127.778% */
    text-transform: capitalize;
}

/*from contact us page*/
.contact-us .p5,
    /*from contact us page*/
.course-info .p9{
    color: var(--Bodycolor, #4D5765);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.instructor-info .instructor .instructor-img-container,
.course-info .instructor .instructor-img-container{
    height: 404px;
    flex-shrink: 0;
    border-radius: 10px;
    background:  url(https://asfmsedu.com/new/public/frontend/infixlmstheme/image/instructor-img.png), lightgray 50% ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center ;
}
.instructor-info .instructor .contact-circle,
.course-info .instructor .contact-circle{
    display: flex;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--Themecolor1, #0067BC);
}
.instructor-info .instructor .social-circle-btn,
.course-info .instructor .social-circle-btn{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--Whitecolor, #FFF);
    filter: drop-shadow(0px 2.7200002670288086px 12.240001678466797px rgba(13, 94, 244, 0.24));
    color: #00112B;
    font-size: 12.24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.instructor-info .instructor .social-circle-btn:hover,
.course-info .instructor .social-circle-btn:hover{
    background-color: var(--Themecolor2, #F20F10);
    color: #FFFFFF;
}

.instructor-info .p11,
.course-info .p11{
    color: var(--Themecolor1, #0067BC);

    /* Title font/Subtitle - S3 */
    font-family: var(--title-font-family);
    font-size: var(--S3-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S3-Subtitle-font-weight);
    line-height: var(--S3-Subtitle-line-height);
}
.instructor-card .p1,
.course-info .p6{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Heading - H5 */
    font-family: var(--title-font-family);
    font-size: var(--H5-title-font-size);
    font-style: normal;
    font-weight: var(--H5-title-font-weight);
    line-height: var(--H5-title-line-height); /* 141.667% */
    text-transform: capitalize;
    text-align: left
}
.instructor-info .p7,
.course-info .p7{
    color: var(--Bodycolor, #4D5765);
    /* Body font/Paragraph - P1 */
    font-family:var(--Body-font-family);
    font-size: var(--P1-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P1-paragraph-font-weight);
    line-height: var(--P1-paragraph-line-height);
}
.course-info .review .rating-inner-container{
    display: flex;
    /*width: 166px;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: var(--Themecolor1, #0067BC);
}
.course-info .review .rating-outer-container{
    border-radius: 10px;
    border: 1px solid  #ECF1F9;
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
}
.course-info .review .rate-img{
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background: url(https://asfmsedu.com/new/public/frontend/infixlmstheme/image/instructor1-4.png), lightgray 50% ;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9999;
}
.course-info .review .p12{
    color: var(--Whitecolor, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;

    /* Title font/Heading - H1 */
    font-family: var(--title-font-family);
    font-size: var(--H1-title-font-size);
    font-style: normal;
    font-weight: var(--H1-title-font-weight);
    line-height: var(--H1-title-line-height); /* 115.625% */
}
/*end Section 4 in Course Details Page*/


/*start Section 5 in Course Details Page*/
.course-info .course-video{
    height: 220px;
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),  url(https://asfmsedu.com/new/public/frontend/infixlmstheme/image/image2.png), lightgray 50% ;
    background-size: cover;
    background-repeat: no-repeat;
    /*position: relative;*/
}
.course-img-container .video-button,
.course-video .video-button{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: var(--Whitecolor , #FFFFFF);
    border: transparent;
    position: absolute;
    /*top: 80px;*/
    /*left: 38%;*/
    font-size: 16px;
    font-weight: 900;
}
.course-info .p4{
    color: var(--Titlecolor, #0F2239);
    /* Title font/Heading - H4 */
    font-family: var(--title-font-family);
    font-size: var(--H4-title-font-size);
    font-style: normal;
    font-weight: var(--H4-title-font-weight);
    line-height: var(--H4-title-line-height); /* 133.333% */
}
.course-info .discount-rectangle{
    display: flex;
    width: 70px;
    height: 22px;
    justify-content: center;
    align-items: center;
    border-radius: 72px;
    background-color: var(--Themecolor2);
}
.course-info .p5{
    color: #FFF;
    font-family: var(--title-font-family);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/*from instructor page*/
.section-four .get-started,
    /*from instructor page*/

.course-info .buy-now,
.course-info .add-to-cart{
    border-radius: 5px;
    border: none;
    background: var(--Themecolor1, #0067BC);
    /* Btn-Shadow */
    box-shadow: 0px 4px 10px 0px rgba(7, 79, 214, 0.28);
    color: var(--Whitecolor, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.course-info .buy-now{
    border: 1px solid #0067BC;
    color:#0067BC;
    background-color: #FFFFFF
}
/*from instructor page*/
.section-four .get-started:hover,
    /*from instructor page*/
    /*from contact page*/
.contact-us .submit-message:hover,
    /*from contact page*/
.course-info .buy-now:hover,
.course-info .add-to-cart:hover{
    background: #004C8B;
    transition: background-color 0.5s ;
    color: #FFFFFF;
}


.course-info .share-btn{
    height: 50px;
    border-radius: 5px;
    background: var(--SmokeColor, #F3F7FB);
    color: var(--Themecolor1, #0067BC);
    text-align: center;
    font-family:var(--title-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    gap: 8px;
    border: none;

}
.course-info .share-btn:hover{
    background: var(--Graycolor, #F3F7FB);
    transition: background-color 0.5s ;
}
/*end Section 5 in Course Details Page*/


/*start Section 6 in Course Details Page*/
.section-six .price{
    color: var(--Themecolor2, #F20F10);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--Body-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    text-transform: uppercase;
}
/*end Section 6 in Course Details Page*/


/*start Section 3 in Instructors Page */
.instructor-card{
    transition: border-color 0.5s;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 10px 20px 0px rgba(223, 234, 244, 0.50);
}
.instructor-card:hover{
    /*border: 2px solid var(--Themecolor1, #0067BC);*/
    border-color: #0067BC;
    transition: border 0.5s ease-in-out;
}

.instructor-card .instructor-img{
    height: 250px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px 10px 0 0 ;
    transition: transform 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.in-img{
    transition: transform 0.5s; /* Add a smooth transition */
}
.instructor-card:hover .in-img{
    transform: scale(0.84 , 0.83);
}
.instructor-card .card-footer{
    border-top: 1px solid #ECF1F9;
}

/*end Section 3 in Instructors Page */

/*start Section 4 in Instructors Page */
.section-four .p5{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Heading - H2 */
    font-family: var(--title-font-family);
    font-size: var(--H2-title-font-size);
    font-style: normal;
    font-weight: var(--H2-title-font-weight);
    line-height: var(--H2-title-line-height); /* 122.727% */
}
.section-four .rectangle{
    display: flex;
    /*width: 50%;*/
    height: 80px;
    padding: 0px 20px;
    gap: 12px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.07);
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Heading - H5 */
    font-family: var(--title-font-family);
    font-size: var(--H5-title-font-size);
    font-style: normal;
    font-weight: var(--H5-title-font-weight);
    line-height: var(--H5-title-line-height); /* 141.667% */
}
/*end Section 4 in Instructors Page */




/* CONTACT US PAGE */
/* Start Section 3 CONTACT US PAGE*/
.contact-us .get-in-touch{
    height: auto;
    flex-shrink: 0;
    border-radius: 10px;
    background: #F3F7FB;
    background-image: url("https://asfmsedu.com/new/public/frontend/infixlmstheme/image/get-in-touch-bg-image.png") ;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    overflow: hidden;
    left: 35%;
    top: 85%;
}
.contact-us .p4{
    color: var(--Titlecolor, #0F2239);
    font-family: var(--title-font-family);
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px; /* 120.833% */
}
.contact-us .p4::after {
    content: "";
    display: block;
    width: 12%;
    height: 3px;
    background: var(--Themecolor1, #0067BC);
    margin-top: 5px;
}
.contact-us .p5{
    font-family: var(--Body-font-family);
}
.SectionThreeRegisterPage .input-field,
.contact-us .input-field{
    width: 100%;
    height: 55px;
    padding: 0px 24px;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--Whitecolor, #FFF);
    border: none;
    outline: none;
}
select option[selected],
.contact-us .input-field::placeholder{
    color: var(--Bodycolor, #4D5765);
    leading-trim: both;
    text-edge: cap;

    /* Body font/Paragraph - P2 */
    font-family: var(--Body-font-family);
    font-size: var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight:var(--P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height); /* 171.429% */
}

.contact-us .submit-message{
    display: flex;
    /*padding: 21.5px 30px;*/
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Themecolor1, #0067BC);
    /* Btn-Shadow */
    box-shadow: 0px 4px 10px 0px rgba(7, 79, 214, 0.28);
    color: var(--Whitecolor, #FFF);
    leading-trim: both;
    text-edge: cap;
    /* Title font/Subtitle - S1 */
    font-family: var(--title-font-family);
    font-size: var(--S1-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S1-Subtitle-font-weight);
    line-height: var(--S1-Subtitle-line-height); /* 155.556% */
    border: none;
}
/* End Section 3 CONTACT US PAGE*/

/* Start Section 4 CONTACT US PAGE*/
.contact-us .contact-data-container{
    flex-shrink: 0;
    border-radius: 10px;
    border: 1px solid #ECF1F9;
    background: var(--Whitecolor, #FFF);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
}
.contact-us .p6{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;

    /* Title font/Heading - H6 */
    font-family: var(--title-font-family);
    font-size: var(--H6-title-font-size);
    font-style: normal;
    font-weight: var(--H6-title-font-weight);
    line-height: var(--H6-title-line-height); /* 150% */
}
.contact-us .p7{
    color: var(--Bodycolor, #4D5765);
    font-family: var(--title-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* End Section4 CONTACT US PAGE*/

/*start Section  in BLOG  Details Page*/
/*start Section  in BLOG  Details Page*/
.SectionThreeDetailsBlogPage .line3{
    width: 100%;
    height: 1px;
    border: 1px solid var(--Graycolor, #9FAAB7);

}
.SectionThreeDetailsBlogPage .p7{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: var(--H6-title-font-size);
    font-style: normal;
    font-weight: var( --H6-title-font-weight);
    line-height:var(--H6-title-line-height);
}
.SectionThreeDetailsBlogPage .Button2{
    display: flex;
    width: 87px;
    height: 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    background: var(--SmokeColor, #F3F7FB);
    border: none;
}
.SectionThreeDetailsBlogPage .box{
    display: flex;
    width: 149px;
    height: 34px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
    background: var(--SmokeColor, #F3F7FB);
}
.SectionThreeDetailsBlogPage .p8 {
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: var( --H3-title-font-size);
    font-style: normal;
    font-weight: var(--H3-title-font-weight);
    line-height: var(--H3-title-line-height);
}
.SectionThreeDetailsBlogPage .span{
    color: var(--Themecolor1, #0067BC);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: var( --H3-title-font-size);
    font-style: normal;
    font-weight: var(--H3-title-font-weight);
    line-height: var(--H3-title-line-height);
}
.SectionThreeDetailsBlogPage .Commentsbox{
    display: flex;
    height: auto;
    padding: 30px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    background: var(--SmokeColor, #F3F7FB);
}
.SectionThreeDetailsBlogPage .p9{
    color: var(--Bodycolor, #4D5765);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--Body-font-family);
    font-size: var(--P1-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P1-paragraph-font-weight);
    line-height: var(--P1-paragraph-line-height);
}
.SectionThreeDetailsBlogPage .p10{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: var(--H6-title-font-size);
    font-style: normal;
    font-weight: var(--H6-title-font-weight);
    line-height:var(--H6-title-line-height);
}
.SectionThreeDetailsBlogPage .p11{
    color: var(--Themecolor1, #0067BC);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size:var(--S2-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S2-Subtitle-font-weight);
    line-height: var(--S2-Subtitle-line-height);
}
.SectionThreeRegisterPage .Remember{
    color: var(--Bodycolor, #4D5765);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--Body-font-family);
    font-size: var(--P1-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P1-paragraph-font-weight);

}

.SectionThreeDetailsBlogPage .box2{
    display: flex;
    width: 404px;
    height: 55px;
    padding: 0px 24px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--SmokeColor, #F3F7FB);
}
.SectionThreeDetailsBlogPage .p13{
    color: var(--Bodycolor, #4D5765);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--Body-font-family);
    font-size: var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height);
}
.SectionThreeDetailsBlogPage .span2{
    color: var(--Themecolor1, #0067BC);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--Body-font-family);
    font-size: var(--P2-paragraph-font-size);
    font-style: normal;
    font-weight: var(--P2-paragraph-font-weight);
    line-height: var(--P2-paragraph-line-height);
}
.SectionThreeDetailsBlogPage .box3{
    display: flex;
    width: 832px;
    height: 196px;
    padding: 0px 24px;
    justify-content: space-between;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--SmokeColor, #F3F7FB);
}
.SectionThreeDetailsBlogPage .input-field{
    width: 100%;
    height: 55px;
    padding: 0px 24px;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--SmokeColor, #F3F7FB);
    border: none;
    outline: none;
}
.SectionThreeDetailsBlogPage .styled-button1{
    color: var(--Whitecolor);
    /* Title font/Subtitle - S1 */
    font-family:  var(--title-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 200;
    line-height: 15px;
    border-radius: 5px;
    background: var( --Themecolor1);
    /* Btn-Shadow */
    box-shadow: 0px 4px 10px 0px rgba(7, 79, 214, 0.28);
    display: flex;
    border: none;
    text-transform: uppercase;
}

/*End Section  in BLOG  Details Page*/



/*start Section  in login & Register   Page*/
.SectionThreeRegisterPage .box{
    display: flex;
    width: auto;
    padding: 120px 40px;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 10px;
    background: var(--SmokeColor, #F3F7FB);

}
.SectionThreeRegisterPage  .loginbox{
    display: flex;
    width: 521px;
    height:444px;
    padding: 120px 40px;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 10px;
    background: var(--SmokeColor, #F3F7FB);
    /*background:white;*/
}
.SectionThreeRegisterPage  .Registerbox{
    display: flex;
    width: 602px;
    height:604px;
    padding: 120px 40px;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 10px;
    background: white;
}
.SectionThreeRegisterPage .Logintitile{
    color: var(--Titlecolor, #0F2239);
    leading-trim: both;
    text-edge: cap;
    font-family: Jost;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px; /* 122.727% */
}
.SectionThreeRegisterPage .ppp{
    color: var(--Bodycolor, #4D5765);
    text-edge: cap;
    /* Body font/Paragraph - P1 */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.SectionThreeRegisterPage .box2{
    display: flex;
    width: 404px;
    height: 55px;
    padding: 0px 24px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background:white;
    /*var(--SmokeColor, #F3F7FB);*/
}
.SectionThreeRegisterPage .submit-message{
    width: 210px;
    height:56px;
    display: flex;
    padding: 21.5px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Themecolor1, #0067BC);
    box-shadow: 0px 4px 10px 0px rgba(7, 79, 214, 0.28);
    color: var(--Whitecolor, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: var(--S1-Subtitle-font-size);
    font-style: normal;
    font-weight: var(--S1-Subtitle-font-weight);
    line-height: var(--S1-Subtitle-line-height); /* 155.556% */
    border: none;
}
.SectionThreeRegisterPage .line3{
    width: 1px;
    height: 569px;
    background:  #959494;
    position: relative;
}
.SectionThreeRegisterPage .circle{
    width: 50px;
    height:50px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top:45%;
    right: -26px


}
.SectionThreeRegisterPage .OR{
    color: #000;
    leading-trim: both;
    text-edge: cap;

    /* Title font/Subtitle - S1 */
    font-family: Jost;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
}
.SectionThreeRegisterPage .forgot{
    color: var(--Themecolor1, #0067BC);
    text-align: right;
    font-family: var(--title-font-family);
    font-size: var( --P1-paragraph-font-size);
    font-weight: var(    --P1-paragraph-font-weight);
    text-decoration: none;
}



/*End Section  in login & Register Page*/
/*start  Not Found  Page*/
.PageNotFound .home{
    color: #FFF;
    font-family: var(--title-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.PageNotFound .p1{
    color: var(--Titlecolor, #00112B);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    display: flex;
    text-transform: capitalize;

}
.PageNotFound .p2{
    color: var(--Bodycolor, #4D5765);
    text-align: center;
    font-family: var(--title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.PageNotFound .span{
    color: var(--Themecolor1, #0067BC);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--title-font-family);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
}
/*End  Not Found  Page*/
.selectedx{
    color: var(--Themecolor1, #0067BC);
    font-family: var(--title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.selectednot{
    color: var(--Bodycolor, #4D5765);
    font-family: var(--title-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/****--------------media-handler--------------**/
@media only screen and (max-width: 1300px) {
    .SectionTwo .second-sec {
        display: none !important;
    }
}

@media only screen and (max-width: 900px) {
    body {
        margin: auto;
        font-size: 14px !important;

    }

    /* Additional styles for small screens go here */
    .SectionTwo .second-sec{
        display: none !important;
    }
    .left-div{
        margin: auto;
        display: none;
    }
    .lg-carousel{
        display: none !important;
    }
    /*start Section 4 in Instructors Page */
    .section-four .p5{
        font-size: 30px;
        font-weight: 600;
        line-height: normal; /* 122.727% */
    }
    .contact-us .submit-message{
        font-size: var(--S3-Subtitle-font-size);
        font-weight: var(--S3-Subtitle-font-weight);
        line-height: var(--S3-Subtitle-line-height); /* 155.556% */
    }
    .PageNotFound .p1,
    .PageNotFound .span{
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

@media only screen and (max-width: 1500px) /*and (min-width:990px)*/ {
    .normal-outer-circle{
        width: 200px;
        height: 200px;
    }
    .inner-circle{
        width: 180px;
        height: 180px;
    }
    .top-small-circle{
        left: 23px;
        bottom: 163px;
    }
    .down-small-circle{
        left: 163px;
        bottom: 23px;
    }

    .sectionSeven .social-btn,
    .sectionSeven .plus-btn{
        width: 40px;
        height: 40px;
        font-size: 18px ;
    }
    .sectionSeven .plus-btn{
        bottom: 49px;
        left: 110px;
    }
    .instructor-social-media{
        bottom: 50px;
        left: 55px;
    }
    .section-four .rectangle,
    .instructor-card .p1 {
        font-size: var(--H6-title-font-size);
        font-weight: var(--H6-title-font-weight);
        line-height: var(--H6-title-line-height); /* 141.667% */
    }

    .slant-right-rectangle::before {
        right: calc(100% - 65px);
        transform: skew(-20deg); /* Skew the pseudo-element to the right */
    }
    .slant-left-rectangle::before {
        left: calc(100% - 65px);
        transform: skew(20deg); /* Skew the pseudo-element to the right */
    }
    .sectionEight .p3{
        font-size: var(--H6-title-font-size);
        font-weight: var(--H6-title-font-weight);
        line-height: var(--H6-title-line-height);
    }
    .slant-right-inner-content,
    .slant-left-inner-content{
        flex-direction: column;
    }
    .sectionEight .styled-button1{
        /* Title font/Subtitle - S1 */
        font-size: 16px;
        font-weight: 400;
        line-height: 26px; /* 155.556% */
        margin-top: 2%;
        padding: 2%;
    }

    .sectionEight .styled-button1{
        /* Title font/Subtitle - S1 */
        font-size: 16px;
        font-weight: 400;
        line-height: 26px; /* 155.556% */
        margin-top: 2%;
        padding: 2%;
    }
    .sectionTen .p4{
        font-size: var(--H6-title-font-size);
        font-weight: var(--H6-title-font-weight);
        line-height: var(--H6-title-line-height);
        text-transform: capitalize;
    }

}
@media only screen and (max-width: 768px) and (min-width:576px) {
    .slant-right-rectangle::before {
        right: calc(100% - 70px) !important;
        transform: skew(-20deg); /* Skew the pseudo-element to the right */
    }
    .slant-left-rectangle::before {
        left: calc(100% - 70px) !important;
        transform: skew(20deg); /* Skew the pseudo-element to the right */
    }

}

/*start   Section8 @media in home page */
@media only screen and (max-width: 1500px) and (min-width:766px)
{

    .SectionNine .card-title{
        color: var(--Titlecolor);

        font-family: var(--title-font-family);
        font-size: 12px ;
        font-style: normal;
        font-weight: 12px;
        line-height: 12px;
    }
    .SectionNine .p1{
        font-size: 12px ;
        font-style: normal;
        font-weight: 12px;
        line-height: 12px;
    }
    .SectionNine .link{
        font-size: 12px ;
    }
    .SectionNine .iconarrow{
        size: 2px;
    }


}
@media only screen and (max-width: 503px) {
    .SectionNine .card-title{
        color: var(--Titlecolor);

        font-family: var(--title-font-family);
        font-size: 15px ;
        font-style: normal;
        font-weight: 12px;
        line-height: 12px;
    }
    .SectionNine .p1{
        font-size: 12px ;
        font-style: normal;
        font-weight: 12px;
        line-height: 12px;
    }

    .SectionEleven .p2,
    .section-six .p2,
        /*section six at course details page*/
    .course-info .p1,
    .SectionNine .p2,
    .sectionTen .p2,
    .Sectionsix  .p2,
    .sectionEight .p2,
    .sectionSeven .p2,
    .sectionFour .p2{

        font-size: 26px ;
    }
}

/*start   Section5 @media in home page */
@media  only screen and (max-width: 1500px) and (min-width:992px){
    .Sectionsix .p3{
        color: var(--Titlecolor);
        font-family: var( --title-font-family);
        font-size:15px;
        line-height: 14px;

    }
    .Sectionsix .p4{

        font-size:12px;
    }

    .course-info .p7,
    .course-info .p8,
    .course-info .p11{
        font-size: 14px;
        font-weight: 200;
        line-height: 20px;
    }
}

/*End Section5 @media in home page */

@media   only screen and (max-width: 1320px) and (min-width: 992px){
    .instructor-info .instructor .p10,
    .course-info .instructor .p10{
        font-size: var(--H5-title-font-size);
        font-weight: var(--H5-title-font-weight);
        line-height: var(--H5-title-line-height); /* 127.778% */
    }
    .instructor-info .p7,
    .course-info .p7,
    .instructor-info .p8,
    .course-info .p8,
    .instructor-info .p11,
    .course-info .p11{
        font-size: 14px;
        font-weight: 200;
        line-height: 20px;
    }
    .instructor-info .instructor .contact-circle,
    .course-info .instructor .contact-circle{
        width: 32px;
        height: 32px;
        font-size: 12px;
        margin-right: 2% !important;
    }
    .progress{
        width: 73% !important;
    }

}

@media   only screen and (max-width: 1200px) and (min-width: 1058px){
    .SectionThreeDetailsBlogPage .p3,
    .SectionThreeBlogPage .p3{
        font-size: 12px;
        line-height:15PX;
    }
    .SectionThreeBlogPage .RecentPostsimage,
    .SectionThreeDetailsBlogPage .RecentPostsimage{
        width: 50px;
        height: 50px;
    }
    .SectionThreeDetailsBlogPage .p1,
    .SectionThreeBlogPage .p1{
        font-size: 10PX;
    }
    .SectionThreeDetailsBlogPage .p2,
    .SectionThreeBlogPage .p2{

        font-size: 14PX;

    }
}
@media   only screen and (max-width: 1058px) and (min-width: 992px){
    .SectionThreeDetailsBlogPage .p3,
    .SectionThreeBlogPage .p3{
        font-size: 10px;
        line-height:15PX;

    }
    .SectionThreeDetailsBlogPage .p1,
    .SectionThreeBlogPage .p1{

        font-size: 8PX;

    }
    .SectionThreeBlogPage .RecentPostsimage,
    .SectionThreeDetailsBlogPage .RecentPostsimage{
        width: 50px;
        height: 50px;
    }
    .SectionThreeDetailsBlogPage .p2,
    .SectionThreeBlogPage .p2{

        font-size: 12PX;

    }
}
@media   only screen and (max-width: 458px){
    .SectionThreeDetailsBlogPage .p10,
    .SectionThreeDetailsBlogPage .p11,
    .SectionThreeDetailsBlogPage .p9,
    .SectionThreeDetailsBlogPage .p17{
        font-size: 10px;
    }
    .SectionThreeDetailsBlogPage .RecentPostsimage{
        width: 50px;
        height: 50px;
    }
    .review-top-btn.active,
    .mid-top-btn.active,
    .overview-top-btn.active,
    .course-info .review-top-btn,
    .course-info .mid-top-btn,
    .course-info .overview-top-btn{
        height: 40px;
        font-size: 12px;
        font-weight: 400;
        text-transform: capitalize;
    }
    .PageNotFound .p1,
    .PageNotFound .span{
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .contact-us .p3{
        color: var(--Titlecolor, #0F2239);
    }
}


/*body {*/
/*    margin: 0;*/
/*    font-family: "Nunito", sans-serif;*/
/*    font-size: 0.9rem;*/
/*    font-weight: 400;*/
/*    line-height: 1.6;*/
/*    color: #212529;*/
/*    text-align: left;*/
/*    background-color: red !important;*/
/*}*/

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: transparent !important;
}