/* * ---------------------------------------------------------------------------------------- Author : EcologyTheme Author Uri : www.ecologytheme Template Name: Eduwise - Education Template Version : 1.0 * ---------------------------------------------------------------------------------------- */ /*==================================== ===[ Style Map ]=== Default Css Preloader Search Style Scroll To Top Pagination Style 01 Index Style ==================== Index nav Style Popular Highlight Style Index Courses Area Style Index About Style Index Up Comming Events Index Testimonial Our Blog Our Sponsor Index Footer Index Two Header ========================== Features Possibilities Learn Step Index Two Popular Courses Register Area Our Instructiors Index Two Testimonial Index Two Blog Team Group Footer Two Index Three Header ========================== Cources Features Think About Us Online Videos Testimonial Three Our Team Membar Pricieng Style Download App Footer Three Header Inner Pages =========================== Blog Signle Style Blog Post Style widget Blog and Post Page Contact Info Wrapper Google Map About Unlimited Possibilities About Our Instructors Count Student Faq About Become A Instrauctor Teachers Profiles Courses Pages Related Courses Wrapper Event Pages ======================================*/ /* Variables */ * { margin: 0; padding: 0; } body { overflow-x: hidden; font-size: 16px; line-height: 25px; font-weight: 400; font-family: "Arial", sans-serif; color: #000000; overflow-x: hidden !important; } p { font-weight: 400; line-height: 26px; font-size: 16px; color: #000000; font-family: "Arial", sans-serif; } h1, h2, h3, h4, h5, h6 { color: #333146; font-family: "Poppins", sans-serif; margin: 0; } h2 { font-weight: 700; font-size: 36px; } a, a:hover, a:focus { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; outline: none; } ol, ul { margin: 0; padding: 0; } ol li, ul li { list-style: outside none none; list-style-type: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ''; } .dropdown-toggle::after { display: none; } .disabled { display: none; } .sub_title { /* max-width: 800px; */ margin: 0px auto 60px; text-align: center; } .sub_title h2 { font-size: 50px; margin: 0; font-family: "Poppins", sans-serif; font-weight: 700; letter-spacing: 2px; } .sub_title p { padding: 25px 10% 0; margin: 0; } .title h2 { font-family: "Roboto", sans-serif; letter-spacing: 2px; font-weight: 900; } .p-l { padding-left: 15px; } .p-r { padding-right: 15px; } .m-l { margin-left: 15px; } .m-r { margin-right: 15px; } .p-l-0 { padding-left: 0; } .p-r-0 { padding-right: 0; } .container { max-width: 1240px; } .view_more_btn { text-align: center; margin: 18px 0; } .view_more_btn .view-more-item { color: #6a7a83; font-size: 15px; font-weight: 600; padding: 18px 50px; text-decoration: none; text-transform: uppercase; } .owl-buttons .owl-prev, .owl-buttons .owl-next { padding: 0 25px !important; } .owl-buttons .owl-prev i:before, .owl-buttons .owl-next i:before { margin: 0; color: #ffffff; opacity: 0.6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 24px; } .owl-buttons .owl-prev:hover i:before, .owl-buttons .owl-next:hover i:before { opacity: 1; } /*=======[ Preloader Style ]========*/ div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #ffffff url("../images/preloader.gif") no-repeat center center; z-index: 9999999; } .rev_slider_wrapper .tp-bullet { width: 3px; height: 50px; } .rev_slider_wrapper .tp-bullet.selected, .rev_slider_wrapper .tp-bullet:hover { background: transparent; } .rev_slider_wrapper #rev_slider_2 .tp-bullet { width: 10px; height: 10px; border-radius: 50%; } .rev_slider_wrapper #rev_slider_2 .tp-bullet.selected { background: #FF802C; width: 20px; border-radius: 50px; } /*=======[LogIn & Signup Options ]========*/ .is-hidden--off-flow { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: -10; /* *1* */ visibility: hidden; /* *1* */ } .is-shown--off-flow { opacity: 1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; visibility: visible; } .l-modal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: 100%; margin: 0 auto; z-index: 9999; text-align: center; } .l-modal__shadow { width: 100%; height: 100%; position: fixed; display: block; background: #161616; opacity: 0.92; z-index: -1; cursor: url("../images/cursor.png"), auto; } .login_popup { display: inline-block; text-align: center; background: white; max-width: 550px; width: 100%; line-height: 1.48; } .login_signup_option { background: #333146; } .login_signup_option .login_option_btn .nav-tabs { border: none; padding: 20px 40px 20px; background: #F5F7FA; } .login_signup_option .login_option_btn .nav-tabs .nav-item { margin-right: 30px; } .login_signup_option .login_option_btn .nav-tabs .nav-item:last-child { margin-right: 0; } .login_signup_option .login_option_btn .nav-tabs .nav-item .nav-link { border: none; font-size: 18px; font-weight: 600; color: #333146; padding: 0; background: transparent; font-family: "Rubik", sans-serif; } .login_signup_option .login_option_btn .nav-tabs .nav-item .nav-link.active, .login_signup_option .login_option_btn .nav-tabs .nav-item .nav-link:hover { color: #FF802C; } .login_signup_option .tab-content { border: none; background: #ffffff; padding: 40px; } .login_signup_option .login_modal_body { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 550px; background: #F5F7FA; } .login_signup_option .login_modal_body form .form-group { margin-bottom: 25px; } .login_signup_option .login_modal_body form .form-group label { text-align: left; font-size: 16px; font-weight: 600; color: #333146; width: 100%; font-family: "Rubik", sans-serif; } .login_signup_option .login_modal_body form .form-group input { background: transparent; border: 1px solid rgba(47, 47, 47, 0.3); border-radius: 0px; -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0); box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0); height: 56px; padding: 10px 15px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; color: #333146; font-size: 16px; font-weight: 400; font-family: "Rubik", sans-serif; } .login_signup_option .login_modal_body form .form-group input:focus { border-color: #0759C1; outline: none; -webkit-box-shadow: none; box-shadow: none; } .login_signup_option .login_modal_body form .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333146; font-size: 16px; font-weight: 400; } .login_signup_option .login_modal_body form .form-group input::-moz-placeholder { /* Firefox 19+ */ color: #333146; font-size: 16px; font-weight: 400; } .login_signup_option .login_modal_body form .form-group input:-ms-input-placeholder { /* IE 10+ */ color: #333146; font-size: 16px; font-weight: 400; } .login_signup_option .login_modal_body form .form-group input:-moz-placeholder { /* Firefox 18- */ color: #333146; font-size: 16px; font-weight: 400; } .login_signup_option .login_modal_body form .login_option { margin-top: 15px; } .login_signup_option .login_modal_body form .login_option .forget_pass { color: #0759C1; font-size: 16px; font-weight: 500; padding: 0 !important; margin: 0; line-height: 54px; font-family: "Rubik", sans-serif; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .login_signup_option .login_modal_body form .login_option .forget_pass:hover { color: #FF802C; } .login_signup_option .login_modal_body form .login_option .login_btn { height: 48px; line-height: 48px; padding: 0 40px; border-radius: 3px; background: #0759C1; font-size: 16px; font-weight: 500; color: #ffffff; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Rubik", sans-serif; } .login_signup_option .login_modal_body form .login_option .login_btn:hover { background: #FF802C; } .login_signup_option .login_modal_body form .social_login { margin-top: 40px; } .login_signup_option .login_modal_body form .social_login .social_items { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .login_signup_option .login_modal_body form .social_login .social_items .google_login { height: 54px; width: 48%; border: none; margin-bottom: 30px; color: #ffffff; font-size: 16px; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; font-family: "Rubik", sans-serif; } .login_signup_option .login_modal_body form .social_login .social_items .google_login:last-child { margin-bottom: 0; } .login_signup_option .login_modal_body form .social_login .social_items .google { background: #d14c3e; } .login_signup_option .login_modal_body form .social_login .social_items .google:hover { background: #A73D32; } .login_signup_option .login_modal_body form .social_login .social_items .facebook { background: #3d5a95; } .login_signup_option .login_modal_body form .social_login .social_items .facebook:hover { background: #314877; } .login_signup_option .login_modal_body form .social_login .social_items .twitter { background: #57acea; } .login_signup_option .login_modal_body form .social_login .social_items .twitter:hover { background: #468ABB; } .login_signup_option .login_modal_body form .social_login .social_items .linkdin { background: #008CC9; } .login_signup_option .login_modal_body form .social_login .social_items .linkdin:hover { background: #007BB6; } .login_signup_option .login_modal_body .register { text-align: center; } .forgot_pass { padding: 130px 0; } .forgot_pass .forgot_wrapper { background: #F5F7FA; padding: 40px; } .forgot_pass .forgot_wrapper h6 { font-size: 16px; font-weight: 400; color: #333146; margin-bottom: 30px; font-family: "Rubik", sans-serif; } .forgot_pass .forgot_wrapper form .form-group { margin-bottom: 30px; } .forgot_pass .forgot_wrapper form .form-group input { background: transparent; border: 1px solid rgba(47, 47, 47, 0.3); border-radius: 0px; -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0); box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0); height: 56px; padding: 10px 15px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; color: #333146; font-size: 16px; font-weight: 400; font-family: "Rubik", sans-serif; } .forgot_pass .forgot_wrapper form .form-group input:focus { border-color: #FF802C; outline: none; -webkit-box-shadow: none; box-shadow: none; } .forgot_pass .forgot_wrapper form .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333146; font-size: 16px; font-weight: 400; } .forgot_pass .forgot_wrapper form .form-group input::-moz-placeholder { /* Firefox 19+ */ color: #333146; font-size: 16px; font-weight: 400; } .forgot_pass .forgot_wrapper form .form-group input:-ms-input-placeholder { /* IE 10+ */ color: #333146; font-size: 16px; font-weight: 400; } .forgot_pass .forgot_wrapper form .form-group input:-moz-placeholder { /* Firefox 18- */ color: #333146; font-size: 16px; font-weight: 400; } .forgot_pass .forgot_wrapper form .reset_pass_btn { height: 48px; padding: 0 40px; line-height: 48px; border: none; border-radius: 0; background: #0759C1; font-size: 16px; font-weight: 500; color: #ffffff; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .forgot_pass .forgot_wrapper form .reset_pass_btn:hover { background: #FF802C; } /*=======[ Search Style ]========*/ #search { position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.95); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #search.open { opacity: 1; z-index: 1000; width: 100%; height: 54px; } #search button.close { padding: 0; background-color: transparent; border: 0; position: absolute; z-index: 1; right: 100px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); outline: none; } #search input[type="search"] { position: absolute; height: 100%; top: 0; width: 100%; padding: 0 100px; color: #333146; background: #ffffff; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); font-size: 18px; font-weight: 400; text-align: left; font-family: "Rubik", sans-serif; border: 0px; margin: 0px auto; outline: none; } #search input[type="search"] ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333146; font-size: 40px; font-weight: 400; opacity: 1; font-family: "Rubik", sans-serif; } #search input[type="search"] ::-moz-placeholder { /* Firefox 19+ */ color: #333146; font-size: 40px; font-weight: 400; opacity: 1; font-family: "Rubik", sans-serif; } #search input[type="search"] :-ms-input-placeholder { /* IE 10+ */ color: #333146; font-size: 40px; font-weight: 400; opacity: 1; font-family: "Rubik", sans-serif; } #search input[type="search"] :-moz-placeholder { /* Firefox 18- */ color: #333146; font-size: 40px; font-weight: 400; opacity: 1; font-family: "Rubik", sans-serif; } /*=========== { Scroll to top section css} ===========*/ #scroll-top .pos-rtive { position: relative; } #scroll-top h2 { display: none; } #scroll-top .to-top { display: none; } #scroll-top .to-top a { -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.05); box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.05); background: #FF802C; border-radius: 50%; color: #ffffff; font-size: 20px; height: 53px; width: 53px; line-height: 53px; position: fixed; text-align: center; top: 89%; right: 90px; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; z-index: 999; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #scroll-top .to-top a i:before { margin: 0; font-size: 16px; } #scroll-top .to-top:hover { background: #0759C1 none repeat scroll 0 0; color: #ffffff; } /*=========== { Pagination Style} ===========*/ .pagination_blog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .pagination_blog ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .pagination_blog ul li { margin: 0 7px; height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; border: 1px solid #6a7a83; cursor: pointer; } .pagination_blog ul li a { color: #333146; font-size: 18px; font-weight: 500; } .pagination_blog ul li a i:before { color: #6a7a83; font-size: 14px; margin: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination_blog ul li.current { border: 1px solid #FF802C; } .pagination_blog ul li.current a { color: #FF802C; } .home_1_update { background: linear-gradient(-125deg, #e6793b 0%, #c9270e 100%); position: relative; } .home_1_update:before { position: absolute; background: #ffffff; content: ""; height: 16%; width: 100%; bottom: 0; left: 0; } .home_1_update .header_top { min-height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .home_1_update .header_top .social_wrapper span { padding-right: 15px; font-family: "Rubik", sans-serif; line-height: 30px; color: #ffffff; } .home_1_update .header_top .social_wrapper .social-items li:last-child { margin-right: 0; } .home_1_update .header_top .social_wrapper .social-items li a:hover i { margin-top: -8px; } .home_1_update .header_top .social_wrapper .social-items li a i { color: #ffffff; padding: 0; height: 30px; width: 30px; text-align: center; line-height: 29px; border-radius: 50%; font-size: 13px; margin: 0; background: transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home_1_update .header_top .social_wrapper .social-items li a i:hover { padding: 0; } .home_1_update .edu_nav { background: transparent; } .home_1_update .edu_nav nav .navbar-nav li a { color: #ffffff !important; } .home_1_update .edu_nav nav .navbar-nav li a.active, .home_1_update .edu_nav nav .navbar-nav li a:hover { color: #0759C1 !important; } .home_1_update .edu_nav nav .navbar-nav li ul li a { color: #333146 !important; } .home_1_update .edu_nav nav .navbar-nav li ul li a:before { color: #0759C1; } .home_1_update .edu_nav nav .search_area .navbar-nav li i:before { color: #ffffff; } .home_1_update .rev_slider_wrapper { margin: 0px 4%; width: 92% !important; } .features_4 { padding: 0; margin: 130px 0; } .features_4 .features_4_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; } .features_4 .features_4_content .title { text-align: left; } .features_4 .features_4_content .title h2 { color: #333146; font-size: 50px; font-weight: 900; margin-bottom: 40px; font-family: "Roboto", sans-serif; } .features_4 .features_4_content .title p { color: #6a7a83; margin-bottom: 55px; font-weight: 300; } .features_4 .features_4_content .title a { background: #FF802C; font-weight: 500; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 12px; text-transform: uppercase; text-decoration: none; height: 50px; line-height: 50px; padding: 0 45px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .features_4 .features_4_content .title a:hover { background: #0759C1; } .features_4 .features_wrapper_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 50px; } .features_4 .features_wrapper_box .features_wrappe_single { width: 50%; padding-right: 30px; } .features_4 .features_wrapper_box .single_item_first { border-top: 5px solid #fff; border-left: 5px solid #fff; } .features_4 .features_wrapper_box .single_item_first:before { height: 2px; width: 102%; left: -5px; background: #0759C1; bottom: 0; } .features_4 .features_wrapper_box .single_item_first span { color: #0759C1; } .features_4 .features_wrapper_box .single_item_center { border: 5px solid #fff; } .features_4 .features_wrapper_box .single_item_center:before { height: 2px; bottom: -2px; width: 103%; left: -5px; background: #FF802C; } .features_4 .features_wrapper_box .single_item_center .blog-img img { width: 100%; height: 100%; } .features_4 .features_wrapper_box .single_item_center span { color: #FF802C; } .features_4 .features_wrapper_box .single_item_last { border-top: 5px solid #fff; border-right: 5px solid #fff; } .features_4 .features_wrapper_box .single_item_last:before { height: 2px; width: 102%; right: -5px; background: #0759C1; bottom: 0; } .features_4 .features_wrapper_box .single_item_last span { color: #0759C1; } .features_4 .features_wrapper_box .single_item { -webkit-box-shadow: 0px 0px 80px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 80px 0px rgba(47, 47, 47, 0.1); text-align: center; position: relative; margin-bottom: 30px; } .features_4 .features_wrapper_box .single_item:last-child { margin-bottom: 0; } .features_4 .features_wrapper_box .single_item:before { position: absolute; content: ""; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .features_4 .features_wrapper_box .single_item:hover:before { background: #FF802C; } .features_4 .features_wrapper_box .single_item:hover .blog-img img { -webkit-transform: scale(1); transform: scale(1); } .features_4 .features_wrapper_box .single_item:hover .blog_title span { color: #FF802C; } .features_4 .features_wrapper_box .single_item .blog-img { overflow: hidden; } .features_4 .features_wrapper_box .single_item .blog-img img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .features_4 .features_wrapper_box .single_item .blog_title { padding: 30px 20px 40px; } .features_4 .features_wrapper_box .single_item .blog_title span { font-size: 20px; line-height: 24px; font-weight: 400; margin-bottom: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Rubik", sans-serif; } .features_4 .features_wrapper_box .single_item .blog_title h3 { font-weight: 700; font-size: 30px; padding: 5px 0 20px; line-height: 34px; font-weight: 700; } .features_4 .features_wrapper_box .single_item .blog_title h3 a { color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .features_4 .features_wrapper_box .single_item .blog_title p { font-size: 15px; font-weight: 300; margin: 0; color: #6a7a83; } #popular_courses_4 { background: #f6f8fa; } /*=======[ 01 Index Style ]========*/ header .header_top { background: #FF802C; position: relative; z-index: 1; overflow: hidden; } header .header_top:before { position: absolute; content: ""; background: url(../images/shapes/shape_top.png) repeat center center; height: 263px; width: 100%; left: 0; top: 0; opacity: 1; } header .header_top .info_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header_top .info_wrapper .contact_info ul { margin: 0; padding: 9px 0; } header .header_top .info_wrapper .contact_info ul li { padding-right: 15px; display: inline-block; color: #ffffff; font-weight: 300; font-size: 16px; font-family: "Rubik", sans-serif; } header .header_top .info_wrapper .contact_info ul li .top-icon { font-size: 9px; padding-right: 5px; } header .header_top .info_wrapper .contact_info ul li i:before { color: #ffffff; font-size: 14px; margin: 0; padding-right: 10px; } header .header_top .info_wrapper .login_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header_top .info_wrapper .login_info ul { margin-right: 30px; } header .header_top .info_wrapper .login_info ul li { padding-left: 20px; position: relative; } header .header_top .info_wrapper .login_info ul li:before { position: absolute; content: ""; height: 12px; width: 1px; background: #ffffff; top: 50%; left: 10px; -webkit-transform: translateY(-50%) rotate(20deg); transform: translateY(-50%) rotate(20deg); } header .header_top .info_wrapper .login_info ul li:first-child { padding-left: 0; } header .header_top .info_wrapper .login_info ul li:first-child:before { display: none; } header .header_top .info_wrapper .login_info ul li a { color: #ffffff; font-size: 14px; padding: 0; font-family: "Rubik", sans-serif; } header .header_top .info_wrapper .login_info ul li a i:before { color: #ffffff; font-size: 14px; margin: 0; padding-right: 10px; } header .header_top .info_wrapper .login_info .apply_btn { background: #0828c2; height: 54px; line-height: 54px; color: #fff; padding: 0 20px; font-weight: 600; text-transform: uppercase; } header .edu_nav { padding-right: 0; background: #ffffff; } header .edu_nav nav { padding: 0; } header .edu_nav nav .navbar-brand img { width: auto; } header .edu_nav nav .navbar-nav li { position: relative; } header .edu_nav nav .navbar-nav li:hover ul { visibility: visible; opacity: 1; top: 97px; } header .edu_nav nav .navbar-nav li a { font-weight: 500; color: #333146 !important; font-size: 15px; padding: 36px 0 !important; margin: 0 20px; text-decoration: none; text-transform: uppercase; font-family: "Rubik", sans-serif; } header .edu_nav nav .navbar-nav li a.active { background: transparent; outline: none; color: #FF802C !important; font-weight: 700; } header .edu_nav nav .navbar-nav li a:hover { color: #FF802C !important; } header .edu_nav nav .navbar-nav li ul { position: absolute; width: 240px; top: 110px; left: 0; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); padding: 30px 0px 20px 30px; z-index: 28; background: #fff; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header .edu_nav nav .navbar-nav li ul li { width: 100%; margin-bottom: 10px; width: 100%; position: relative; } header .edu_nav nav .navbar-nav li ul li .dropdown_icon:before { opacity: 1; visibility: visible; color: #333146; text-transform: none; position: absolute; font-weight: 600; font-family: "Flaticon"; content: "\f105"; right: 45px; top: 0; font-size: 8px; z-index: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header .edu_nav nav .navbar-nav li ul li a { position: relative; font-weight: 500; font-size: 16px; padding: 0px 0 !important; margin: 0; text-transform: unset; } header .edu_nav nav .navbar-nav li ul li a:hover:before { opacity: 1; visibility: visible; right: 30px; } header .edu_nav nav .navbar-nav li ul li ul { position: absolute; top: 0px !important; left: 210px; opacity: 0 !important; visibility: hidden !important; } header .edu_nav nav .navbar-nav li ul li:hover ul { opacity: 1 !important; visibility: visible !important; top: -30px !important; } header .edu_nav nav .search_area .navbar-nav li { padding-left: 20px; } header .edu_nav nav .search_area .navbar-nav li:first-child { padding-left: 10px; } header .edu_nav nav .search_area .navbar-nav li i { cursor: pointer; } header .edu_nav nav .search_area .navbar-nav li i:before { margin: 0; color: #333146; font-weight: 700; font-size: 17px; } .cources_highlight { padding: 0; margin-top: -150px; } .cources_highlight h2 { margin-bottom: 40px; } .cources_highlight .latest_blog_carousel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cources_highlight .latest_blog_carousel .single_item_first { border-top: 5px solid #fff; border-left: 5px solid #fff; } .cources_highlight .latest_blog_carousel .single_item_first:before { height: 3px; width: 102%; left: -5px; background: #0759C1; bottom: 0; } .cources_highlight .latest_blog_carousel .single_item_first span { color: #0759C1; } .cources_highlight .latest_blog_carousel .single_item_center { border: 5px solid #fff; } .cources_highlight .latest_blog_carousel .single_item_center:before { height: 5px; bottom: -5px; width: 103%; left: -5px; background: #FF802C; } .cources_highlight .latest_blog_carousel .single_item_center .blog-img { height: 350px; } .cources_highlight .latest_blog_carousel .single_item_center .blog-img img { width: 100%; height: 100%; } .cources_highlight .latest_blog_carousel .single_item_center span { color: #FF802C; } .cources_highlight .latest_blog_carousel .single_item_last { border-top: 5px solid #fff; border-right: 5px solid #fff; } .cources_highlight .latest_blog_carousel .single_item_last:before { height: 3px; width: 102%; right: -5px; background: #0759C1; bottom: 0; } .cources_highlight .latest_blog_carousel .single_item_last span { color: #0759C1; } .cources_highlight .latest_blog_carousel .single_item { -webkit-box-shadow: 0px 0px 15px 0px rgba(47, 47, 47, 0.05); box-shadow: 0px 0px 15px 0px rgba(47, 47, 47, 0.05); width: 33.33%; text-align: center; position: relative; } .cources_highlight .latest_blog_carousel .single_item:before { position: absolute; content: ""; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cources_highlight .latest_blog_carousel .single_item:hover:before { background: #FF802C; } .cources_highlight .latest_blog_carousel .single_item:hover .blog-img img { -webkit-transform: scale(1); transform: scale(1); } .cources_highlight .latest_blog_carousel .single_item:hover .blog_title span { color: #FF802C; } .cources_highlight .latest_blog_carousel .single_item .blog-img { overflow: hidden; } .cources_highlight .latest_blog_carousel .single_item .blog-img img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cources_highlight .latest_blog_carousel .single_item .blog_title { padding: 50px; } .cources_highlight .latest_blog_carousel .single_item .blog_title span { font-size: 20px; line-height: 24px; font-weight: 400; margin-bottom: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Rubik", sans-serif; } .cources_highlight .latest_blog_carousel .single_item .blog_title h3 { font-weight: 700; font-size: 28px; padding: 5px 0 30px; line-height: 34px; font-weight: 700; } .cources_highlight .latest_blog_carousel .single_item .blog_title h3 a { color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cources_highlight .latest_blog_carousel .single_item .blog_title p { font-size: 16px; font-weight: 300; margin: 0; color: #000000; } /*=======[ Index Courses Area Style ]========*/ .popular_courses { padding: 130px 0 80px; } .popular_courses .single-courses { -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 50px; } .popular_courses .single-courses:hover { -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.15); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.15); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .popular_courses .single-courses:hover .courses_banner_wrapper .courses_banner img { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } .popular_courses .single-courses:hover .courses-content h3 a { color: #FF802C; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .popular_courses .single-courses .courses_banner_wrapper { position: relative; } .popular_courses .single-courses .courses_banner_wrapper .courses_banner img { box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; width: 100%; height: auto; -webkit-transform: scale(1.06) rotate(0deg); transform: scale(1.06) rotate(0deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .popular_courses .single-courses .courses_banner_wrapper .purchase_price { position: absolute; text-align: right; bottom: 0; right: 0; width: 100%; z-index: 100; } .popular_courses .single-courses .courses_banner_wrapper .purchase_price a { background: #0759C1; font-weight: 600; border-radius: 0; color: #ffffff; font-family: "Poppins", sans-serif; display: inline-block; font-size: 18px; padding: 5px 25px; text-decoration: none; } .popular_courses .single-courses .courses_info_wrapper { display: none; padding: 30px; } .popular_courses .single-courses .courses_info_wrapper .courses_title h3 { margin: 0; line-height: 26px; } .popular_courses .single-courses .courses_info_wrapper .courses_title h3 a { color: #323232; margin: 0px; font-weight: 700; font-size: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Poppins", sans-serif; } .popular_courses .single-courses .courses_info_wrapper .courses_title h3 a:hover { color: #FF802C; } .popular_courses .single-courses .courses_info_wrapper .courses_title .teachers_name { padding: 15px 0 10px; font-family: "Rubik", sans-serif; font-size: 15px; font-weight: 400; } .popular_courses .single-courses .courses_info_wrapper .courses_title .teachers_name a { color: #0759C1; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .popular_courses .single-courses .courses_info_wrapper .courses_title .teachers_name a:hover { color: #FF802C; } .popular_courses .single-courses .courses_info_wrapper .courses_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0; } .popular_courses .single-courses .courses_info_wrapper .courses_info ul { margin-bottom: 0; } .popular_courses .single-courses .courses_info_wrapper .courses_info ul li { color: #6a7a83; font-size: 14px; margin-bottom: 6px; font-family: "Rubik", sans-serif; } .popular_courses .single-courses .courses_info_wrapper .courses_info ul li i { padding-right: 10px; } .popular_courses .single-courses .courses_info_wrapper .courses_info .cart_btn { background: #FF802C; font-weight: 500; border-radius: 0; color: #ffffff; font-family: "Rubik", sans-serif; display: inline-block; font-size: 12px; text-transform: uppercase; text-decoration: none; height: 36px; line-height: 36px; padding: 0 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .popular_courses .single-courses .courses_info_wrapper .courses_info .cart_btn:hover { background: #0759C1; } /*=======[ Index About Style ]========*/ /* .about_top_wrapper .title { position: absolute; top: 0%; left: 0; z-index: 1; width: 100%; text-align: left; padding-right: 110px; padding-top: 70px; } */ .about_top_wrapper .title h2 { color: #333146; font-size: 50px; font-weight: 900; line-height: 65px; margin-bottom: 30px; } .about_top_wrapper .title p { margin-bottom: 30px; } .about_top_wrapper .banner_learn { padding-left: 10%; } .about_top_wrapper .banner_learn img { width: 100%; position: relative; z-index: 2; min-height: 660px; } .about_top_wrapper .items_shape { /* margin-top: -230px; */ height: 175px; position: relative; z-index: 1; } .about_top_wrapper .items_shape:before { position: absolute; content: ""; background: url(../images/shapes/shape_bullet.png) repeat center center; background-size: cover; height: 100%; width: 100%; left: 0; top: 0; opacity: 1; z-index: 1; } .about_top_wrapper .items_shape:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(-125deg, #e6793b 0%, #c9270e 100%); z-index: -2; } .about_top_wrapper .story_about { margin-top: -150px; z-index: 9; position: relative; } .about_top_wrapper .story_about .story_banner { height: 550px; width: 550px; } .about_top_wrapper .story_about .story_banner img { height: 100%; width: auto; border-radius: 50%; border: 10px solid #ffffff; } .about_top_wrapper .story_about .about_story_title { padding-top: 185px; } .about_top_wrapper .story_about .about_story_title h2 { font-size: 50px; } .about_top_wrapper .story_about .about_story_title p { padding-top: 40px; padding-right: 15%; } /*=======[ Index Up Comming Events ]========*/ .events-area { background: #ffffff; padding: 100px 0; } .events-area .event_title_wrapper { /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ margin: 0px 0 60px; } .events-area .event_title_wrapper .sub_title { margin: 0px; text-align: left; } .events-area .event_title_wrapper .sub_title p { padding: 25px 10% 0 0; } .events-area .event_title_wrapper .envent_all_view a { background: #0759C1; font-weight: 500; border-radius: 0; color: #ffffff; display: inline-block; font-size: 16px; text-transform: uppercase; text-decoration: none; height: 46px; line-height: 46px; padding: 0 32px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .events-area .event_title_wrapper .envent_all_view a:hover { background: #FF802C; } .events-area .events_full_box { margin-bottom: 50px; } .events-area .events_full_box:last-child { margin-bottom: 0px; } .events-area .events_single_left .event_info { width: 60%; padding: 45px 30px 45px 90px !important; } .events-area .events_single_left .event_dete { left: 0; } .events-area .events_single { position: relative; min-height: 280px; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.05); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.05); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .events-area .events_single:hover { -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .events-area .events_single .event_banner { width: 44%; } .events-area .events_single .event_banner img { width: 100%; } .events-area .events_single .event_info { width: 60%; padding: 45px 30px 45px 70px; } .events-area .events_single .event_info h3 { line-height: 36px; } .events-area .events_single .event_info h3 a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 700; color: #333146; font-size: 25px; } .events-area .events_single .event_info h3 a:hover { color: #FF802C; } .events-area .events_single .event_info .events_time { padding: 25px 0 30px; } .events-area .events_single .event_info .events_time span { color: #333146; font-size: 15px; margin-right: 25px; } .events-area .events_single .event_info .events_time span i { padding-right: 10px; color: #0759C1; font-size: 16px; } .events-area .events_single .event_info .events_time span i:before { margin: 0; font-size: 13px; font-weight: 700; } .events-area .events_single .event_info .events_time .time { text-transform: uppercase; } .events-area .events_single .event_info p { margin: 0; font-size: 16px; color: #000000; } .events-area .events_single .event_dete { position: absolute; top: 0; right: 0; background: #FF802C; height: 60px; width: 60px; padding: 10px 0; text-align: center; } .events-area .events_single .event_dete span { display: inherit; color: #ffffff; line-height: 20px; font-size: 15px; font-family: "Rubik", sans-serif; } .events-area .events_single .event_dete .date { font-size: 20px; font-weight: 600; font-family: "Poppins", sans-serif; } /*=======[ Index Testimonial ]========*/ .testimonial { background: linear-gradient(65deg, #5958a0 0%, #111b51 100%); position: relative; padding: 0; z-index: 1; overflow: hidden; padding-top: 50px; } .testimonial .testimonial_title { position: relative; } /* .testimonial .testimonial_title:before { color: #FF802C; position: absolute; font-weight: 600; font-family: "Flaticon"; content: "\f122"; left: 70%; top: 65%; font-size: 130px; z-index: -1; -webkit-transform: translate(-50%); transform: translate(-50%); opacity: 0.2; } */ .testimonial .testimonial_title h2 { font-size: 50px; color: #ffffff; } .testimonial .carousel_images { margin: 0 140px; position: relative; } .testimonial .carousel_images .restimonial_single_img { padding: 20px; position: relative; height: 240px; } .testimonial .carousel_images .restimonial_single_img.slick-current { height: 240px; padding: 20px; } .testimonial .carousel_images .restimonial_single_img.slick-current img { height: 70px; width: 70px; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .testimonial .carousel_images .restimonial_single_img.slick-current .name_position { opacity: 1; visibility: visible; width: 260px; } .testimonial .carousel_images .restimonial_single_img img { height: 120px; width: 120px; border-radius: 50%; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .testimonial .carousel_images .restimonial_single_img .name_position { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); padding-top: 106px; margin-left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .testimonial .carousel_images .restimonial_single_img .name_position .name { font-size: 20px; font-weight: 700; color: #ffffff; } .testimonial .carousel_images .restimonial_single_img .name_position span { font-size: 16px; font-weight: 600; color: #FF802C; display: inherit; } .testimonial .carousel_images .slick-list { margin: 0; } .testimonial .testimonial_text_wrapper { padding-left: 40px; position: relative; } .testimonial .testimonial_text_wrapper h2 { font-weight: 700; font-size: 36px; color: #ffffff; margin-top: 100px; } .testimonial .testimonial_text_wrapper .carousel_text .single_box { padding-right: 20%; padding-left: 10%; } .testimonial .testimonial_text_wrapper .carousel_text .single_box p { /* margin: 30px 0 0 0; */ font-size: 18px; font-weight: 400; font-family: "Rubik", sans-serif; line-height: 32px; color: #ffffff; } .testimonial .testimonial_text_wrapper .reviewer_info { padding: 0px; position: relative; top: -160px; -webkit-transform: rotate(40deg); transform: rotate(40deg); left: -235px; } .testimonial ul.slick-dots { position: absolute; top: 70%; right: -30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .testimonial ul.slick-dots li { padding: 0 15px; cursor: pointer; } .testimonial ul.slick-dots li button { text-indent: -9999px; height: 80px; width: 2px; background: #ffffff; margin: 0px 0 10px 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none; outline: none; opacity: 0.5; } .testimonial ul.slick-dots .slick-active button { background: #FF802C; opacity: 1; } .testimonial .slick-list { margin: 0; } .blog { padding: 130px 0 0; } .blog .single_item { -webkit-box-shadow: 0px 0px 90px 0px rgba(47, 47, 47, 0.05); box-shadow: 0px 0px 90px 0px rgba(47, 47, 47, 0.05); text-align: center; position: relative; } .blog .single_item:before { position: absolute; content: ""; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog .single_item:hover:before { background: #FF802C; } .blog .single_item:hover .blog-img img { margin-top: -15px; } .blog .single_item:hover .blog_title { margin-top: -32px; background: #111b51; } .blog .single_item:hover .blog_title span { color: #ffffff; } .blog .single_item:hover .blog_title h3 a { color: #ffffff; } .blog .single_item:hover .blog_title .post_bloger span { color: #ffffff; } .blog .single_item:hover .blog_title .post_bloger .bloger_name { color: #FF802C; } .blog .single_item .blog-img { overflow: hidden; } .blog .single_item .blog-img img { width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog .single_item .blog_title { padding: 25px; background: #ffffff; margin-top: 0px; z-index: 1; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog .single_item .blog_title span { font-size: 15px; line-height: 24px; font-weight: 400; margin-bottom: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Rubik", sans-serif; } .blog .single_item .blog_title h3 { font-weight: 700; font-size: 20px; padding-top: 5px; line-height: 34px; } .blog .single_item .blog_title h3 a { color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog .single_item .blog_title h3 a:hover { color: #FF802C; } .blog .single_item .blog_title .post_bloger { padding: 15px 0 10px; } .blog .single_item .blog_title .post_bloger span { font-size: 15px; font-weight: 300; padding-top: 15px; margin: 0; color: #6a7a83; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 400; } .blog .single_item .blog_title .post_bloger .bloger_name { color: #FF802C; font-weight: 700; font-size: 14px; } .our_sponsor { padding: 150px 0 60px; background: #ffffff; } .our_sponsor .sponsored_company_logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .our_sponsor .sponsored_company_logos li { margin-bottom: 70px; } .our_sponsor .sponsored_company_logos li img { height: 50px; width: auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .our_sponsor .sponsored_company_logos li img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .our_sponsor .sponsored_company_logos_2 { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .our_sponsor .sponsored_company_logos_2 li { padding: 0 40px; } footer { background: #111b51; position: relative; z-index: 1; padding: 0 0 150px 0; overflow: hidden; } footer:before { background: #ffffff; position: absolute; content: ""; top: 0; right: 0; height: 150px; width: 50%; z-index: -1; } footer:after { background: #111b51; position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 100%; z-index: -2; opacity: 0.9; } footer .shape_wrapper { position: absolute; z-index: 5; content: ""; height: 100%; width: 300px; right: 0; top: 0; } footer .shape_wrapper:before { border-radius: 0 0 0 50%; background: #111b51; position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 100%; z-index: -1; } footer .shape_wrapper img { position: absolute; } footer .shape_wrapper .shape_t_1 { left: 0; top: 0; } footer .shape_wrapper .shape_t_2 { right: 0; bottom: 0; } footer .become_techer_wrapper .become_a_teacher { background: #FF802C; padding: 15px 10px 0px 90px; position: relative; z-index: 1; } /* footer .become_techer_wrapper .become_a_teacher:before { background: #FF802C; position: absolute; content: ""; top: 0; right: -100px; height: 100%; width: 100px; z-index: -1; } */ footer .become_techer_wrapper .become_a_teacher:after { background: rgba(7, 32, 57, 0.6); position: absolute; content: ""; top: 0; left: -100%; height: 300%; width: 100%; z-index: -1; } footer .become_a_teacher{ display: flex; justify-content: space-around; align-items: center; } footer .become_techer_wrapper .become_a_teacher .title h2 { color: #ffffff; font-size: 50px; } footer .become_techer_wrapper .become_a_teacher .title p { color: #ffffff; padding: 20px 0 35px; } footer .become_techer_wrapper .become_a_teacher .get_s_btn a { background: #0759C1; font-weight: 500; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 15px; text-transform: uppercase; text-decoration: none; height: 60px; line-height: 60px; padding: 0 40px; font-family: "Rubik", sans-serif; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } footer .become_techer_wrapper .become_a_teacher .get_s_btn a:hover { background: #ffffff; color: #333146; } footer .become_techer_wrapper .become_a_teacher .shape_t_1 { position: absolute; bottom: -65px; right: -165px; } footer .footer_top { position: relative; z-index: 1; margin-top: 100px; } footer .footer_top h3 { font-weight: 700; font-size: 20px; color: #ffffff; margin-bottom: 40px; } footer .footer_top .information { margin-left: 50px; } footer .footer_top .contact { margin-left: 80px; } footer .footer_top .footer_intro { padding-right: 25%; } footer .footer_top .footer_intro img { height: 45px; margin-bottom: 40px; } footer .footer_top .footer_single_col p { font-size: 16px; line-height: 30px; color: #ffffff; } footer .footer_top .footer_single_col ul li { display: block; padding-bottom: 11px; font-size: 15px; } footer .footer_top .footer_single_col ul li:last-childe { padding-bottom: 0px; } footer .footer_top .footer_single_col ul li a { color: #ffffff; font-family: "Rubik", sans-serif; } footer .footer_top .footer_single_col ul li a:hover { color: #FF802C; } footer .footer_top .footer_single_col ul li a:hover:before { color: #FF802C; } footer .footer_top .footer_single_col .quick_inf0 li a { position: relative; padding-left: 20px; } footer .footer_top .footer_single_col .quick_inf0 li a:before { color: #ffffff; position: absolute; font-weight: 600; font-family: "Flaticon"; content: "\f103"; left: 0; top: 0; font-size: 8px; z-index: 0; opacity: 1; line-height: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } footer .footer_top .footer_single_col .contact_info span { display: block; color: #ffffff; font-size: 16px; } footer .footer_top .footer_single_col .contact_info .email { color: #FF802C; padding-left: 15px; font-weight: 600; } footer .footer_top .footer_single_col .social_items { padding: 20px 0 0; } footer .footer_top .footer_single_col .social_items li { margin-right: 30px; } footer .footer_top .footer_single_col .social_items li:last-child { margin-right: 0; } footer .footer_top .footer_single_col .social_items li a i { font-size: 18px; margin: 0; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } footer .footer_top .footer_single_col .social_items li a i:hover { color: #FF802C; } footer .round_shape { position: absolute; bottom: 0; left: 0; z-index: 1; } footer .round_shape span { border: 1px solid #ffffff; border-radius: 50%; position: absolute; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); bottom: 0; left: 0; -webkit-animation-name: bounce_fountainG; animation-name: bounce_fountainG; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; } footer .round_shape .shape_1 { height: 50px; width: 50px; -webkit-animation-delay: 0s; animation-delay: 0s; } footer .round_shape .shape_2 { height: 120px; width: 120px; -webkit-animation-delay: 0.39s; animation-delay: 0.39s; } footer .round_shape .shape_3 { height: 190px; width: 190px; -webkit-animation-delay: 0.78s; animation-delay: 0.78s; } footer .round_shape .shape_4 { height: 260px; width: 260px; -webkit-animation-delay: 1.17s; animation-delay: 1.17s; } footer .round_shape .shape_5 { height: 330px; width: 330px; -webkit-animation-delay: 1.56s; animation-delay: 1.56s; } footer .round_shape .shape_6 { height: 400px; width: 400px; -webkit-animation-delay: 2.34s; animation-delay: 2.34s; } @-webkit-keyframes bounce_fountainG { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes bounce_fountainG { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } footer .shapes1_footer { position: absolute; bottom: 0; left: 0; width: 100%; z-index: -11; } /*=======[ Index Two Header ]========*/ .header_tow .header_top { background: #111b51; } .header_tow .header_top:before, .header_tow .header_top:after { display: none; } .header_tow .header_top .login_info .apply_btn { background: #FF802C !important; } .header_tow .edu_nav { padding-right: 0; background: transparent; position: absolute; z-index: 9; width: 100%; } .header_tow .edu_nav nav .navbar-nav li a { color: #ffffff !important; } .header_tow .edu_nav nav .navbar-nav li a.active, .header_tow .edu_nav nav .navbar-nav li a:hover { color: #FF802C !important; } .header_tow .edu_nav nav .navbar-nav li ul li a { color: #333146 !important; } .header_tow .edu_nav nav .navbar-nav li ul li a:before { color: #FF802C; } .header_tow .edu_nav nav .search_area .navbar-nav li i:before { color: #ffffff; } .unlimited_possibilities { padding: 0; margin: 130px 0; } .unlimited_possibilities .single_item_first, .unlimited_possibilities .single_item_last { border-radius: 40px 0px 40px 0px; } .unlimited_possibilities .single_item_first:before, .unlimited_possibilities .single_item_last:before { height: 2px; width: 90%; left: 0; background: #0759C1; bottom: 0; } .unlimited_possibilities .single_item_center { border-radius: 0 40px 0px 40px; } .unlimited_possibilities .single_item_center:before { height: 2px; bottom: 0px; width: 90%; right: 0px; background: #FF802C; } .unlimited_possibilities .single_item_center .icon_wrapper i:before { color: #FF802C !important; } .unlimited_possibilities .single_item { -webkit-box-shadow: 0px 0px 90px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 90px 0px rgba(47, 47, 47, 0.1); text-align: center; position: relative; padding: 50px 40px 40px; } .unlimited_possibilities .single_item:before { position: absolute; content: ""; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .unlimited_possibilities .single_item:hover:before { background: #FF802C; } .unlimited_possibilities .single_item:hover .icon_wrapper i:before { color: #FF802C; } .unlimited_possibilities .single_item .icon_wrapper { padding-bottom: 30px; } .unlimited_possibilities .single_item .icon_wrapper i:before { font-size: 60px; color: #0759C1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0; } .unlimited_possibilities .single_item .blog_title h3 { font-weight: 700; font-size: 25px; padding: 0px; line-height: 34px; } .unlimited_possibilities .single_item .blog_title h3 a { color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .unlimited_possibilities .single_item .blog_title h3 a:hover { color: #FF802C; } .unlimited_possibilities .single_item .blog_title p { font-size: 15px; font-weight: 300; padding-top: 15px; margin: 0; color: #6a7a83; } .learn_shep { padding: 0 0 120px; position: relative; z-index: 1; } .learn_shep .title { position: absolute; top: 0%; left: 0; z-index: 1; width: 100%; text-align: left; padding-right: 110px; padding-top: 160px; } .learn_shep .title h2 { color: #333146; font-size: 50px; font-weight: 900; margin-bottom: 40px; font-family: "Roboto", sans-serif; } .learn_shep .title p { color: #6a7a83; margin-bottom: 55px; font-weight: 300; } .learn_shep .title a { background: #FF802C; font-weight: 500; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 12px; text-transform: uppercase; text-decoration: none; height: 50px; line-height: 50px; padding: 0 45px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .learn_shep .title a:hover { background: #0759C1; } .learn_shep .shep_banner_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10%; } .learn_shep .shep_banner_wrapper .step_single_banner { width: 50%; } .learn_shep .shep_banner_wrapper .step_single_banner img { width: 100%; position: relative; z-index: 2; padding: 20px; } #popular_courses_2 { padding: 130px 0 80px; background: #f6f8fa; position: relative; z-index: 1; } #popular_courses_2 .single-courses { background: #ffffff; } #popular_courses_2 .shape_bg span { position: absolute; z-index: -1; } #popular_courses_2 .shape_bg .shape_1 { right: 0; top: 0; width: 0; height: 0; border-top: 700px solid #eef1f4; border-left: 700px solid transparent; } #popular_courses_2 .shape_bg .shape_2 { width: 0; height: 0; left: 0; bottom: 0; border-bottom: 700px solid #eef1f4; border-right: 700px solid transparent; } #popular_courses_2 .shape_bg .shape_3 { height: 350px; width: 5000px; left: 73%; bottom: 0; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); background: #eef1f4; } .register_area { background: transparent url("../images/banner/counter_bg.jpg") no-repeat center center/cover; min-height: 500px; position: relative; padding: 130px 0; z-index: 1; } .register_area:before { background: transparent; content: ""; height: 100%; position: absolute; top: 0; right: 0%; width: 100%; z-index: 0; } .register_area .form-content { padding: 100px 0 0 60px; } .register_area .form-content h2 { font-size: 50px !important; font-weight: 700; color: #ffffff; line-height: 70px; } .register_area .form-content p { color: #ffffff; margin: 0; padding-top: 30px; } .register_area .form-content .count_student { margin-top: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; } .register_area .form-content .count_student .single_count { margin-right: 60px; min-width: 150px; } .register_area .form-content .count_student .single_count:last-child { margin-right: 0; } .register_area .form-content .count_student .single_count span { display: block; } .register_area .form-content .count_student .single_count .counter, .register_area .form-content .count_student .single_count .count_icon { color: #FF802C; font-size: 40px; font-weight: 700; padding-bottom: 10px; } .register_area .form-content .count_student .single_count .department_name { color: #ffffff; font-size: 20px; line-height: 40px; } .register_area .form-full-box { background: #ffffff; margin: 0 10% 0px 0; padding: 40px; text-align: center; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); } .register_area .form-full-box .form_title { margin-bottom: 40px; } .register_area .form-full-box .form_title h2 { font-size: 36px; line-height: 36px; padding-bottom: 0; font-weight: 700; position: relative; } .register_area .form-full-box .form_title p { padding-top: 15px; font-size: 16px; } .register_area .form-full-box .form_title p span { color: #FF802C; } .register_area .form-full-box .register-form { padding: 0; } .register_area .form-full-box .register-form .form-group { margin-bottom: 20px; position: relative; } .register_area .form-full-box .register-form .form-group label { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .register_area .form-full-box .register-form .form-group label i:before { margin: 0; color: #d7d7d7; font-size: 20px; } .register_area .form-full-box .register-form .form-group input, .register_area .form-full-box .register-form .form-group textarea { position: relative; background: transparent; border-bottom: 1px solid #d7d7d7; border-top: none; border-left: none; border-right: none; border-radius: 0px; -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0); box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0); height: 80px; padding: 10px 15px 10px 40px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; color: #333146; font-size: 16px; font-weight: 400; font-family: "Rubik", sans-serif; } .register_area .form-full-box .register-form .form-group input:focus, .register_area .form-full-box .register-form .form-group textarea:focus { border-color: #0759C1; outline: none; -webkit-box-shadow: none; box-shadow: none; } .register_area .form-full-box .register-form .form-group input:-webkit-input-placeholder, .register_area .form-full-box .register-form .form-group textarea:-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333146; font-size: 16px; font-weight: 600; } .register_area .form-full-box .register-form .form-group input:-moz-placeholder, .register_area .form-full-box .register-form .form-group textarea:-moz-placeholder { /* Firefox 19+ */ color: #333146; font-size: 16px; font-weight: 600; } .register_area .form-full-box .register-form .form-group input-ms-input-placeholder, .register_area .form-full-box .register-form .form-group textarea-ms-input-placeholder { /* IE 10+ */ color: #333146; font-size: 16px; font-weight: 600; } .register_area .form-full-box .register-form .form-group input-moz-placeholder, .register_area .form-full-box .register-form .form-group textarea-moz-placeholder { /* Firefox 18- */ color: #333146; font-size: 16px; font-weight: 600; } .register_area .form-full-box .register-form .form-group textarea { padding-top: 30px; } .register_area .form-full-box .register-form .register-btn-box { padding-top: 20px; } .register_area .form-full-box .register-form .register-btn-box .register-btn { background: #0759C1; color: white; padding: 0 55px; color: #fff; height: 50px; line-height: 50px; font-size: 16px; text-transform: uppercase; border: none; border-radius: 5px; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .register_area .form-full-box .register-form .register-btn-box .register-btn:hover { background: #FF802C; color: #ffffff; } #instructors_page { padding: 130px 0; } .our_instructors { padding: 130px 0 80px; background: #ffffff; position: relative; z-index: 1; } .our_instructors .team-single-item { padding: 0 25px; margin-bottom: 50px; } .our_instructors .team-single-item figure { text-align: center; background: #ffffff; } .our_instructors .team-single-item figure:hover .member-img:before { opacity: 0.20; } .our_instructors .team-single-item figure:hover .member-img img { -webkit-transform: scale(1); transform: scale(1); } .our_instructors .team-single-item figure:hover figcaption .member-name h4 a { color: #FF802C; } .our_instructors .team-single-item figure .member-img { -webkit-box-shadow: 9px 16px 46px 0px rgba(47, 47, 47, 0.2); box-shadow: 9px 16px 46px 0px rgba(47, 47, 47, 0.2); margin: 0px auto; } .our_instructors .team-single-item figure .member-img .teachars_pro { overflow: hidden; } .our_instructors .team-single-item figure .member-img .teachars_pro img { width: auto; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .our_instructors .team-single-item figure figcaption { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; text-align: left; position: relative; z-index: 1; margin: -30px 0 0 36px; } .our_instructors .team-single-item figure figcaption:before { position: absolute; content: ""; background: url(../images/shapes/team_shape.png) no-repeat center center; height: 263px; width: 470px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .our_instructors .team-single-item figure figcaption .member-name { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; padding: 20px 0 46px 30px; position: relative; } .our_instructors .team-single-item figure figcaption .member-name h4 { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 25px; font-weight: 700; margin: 0; line-height: 38px; } .our_instructors .team-single-item figure figcaption .member-name h4 a { color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .our_instructors .team-single-item figure figcaption .member-name span { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 25px; font-weight: 400; color: #6a7a83; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-family: "Rubik", sans-serif; } .testimonial_2 { padding: 130px 0 0px 0; background: linear-gradient(65deg, #5958a0 0%, #111b51 100%); position: relative; z-index: 1; overflow: hidden; } .testimonial_2:before { color: #FF802C; position: absolute; font-weight: 600; font-family: "Flaticon"; content: "\f122"; left: 50%; top: 37%; font-size: 50px; z-index: 0; -webkit-transform: translate(-50%); transform: translate(-50%); opacity: 0.2; } .testimonial_2 .title { margin-bottom: 60px; max-width: 650px; margin: 0px auto; text-align: center; } .testimonial_2 .title h2 { color: #ffffff; margin-bottom: 12px; font-size: 50px; font-weight: 700; font-family: "Poppins", sans-serif; } .testimonial_2 .testimonial_single { text-align: center; position: relative; margin: 0px 90px 0; padding: 100px 40px 130px; } .testimonial_2 .testimonial_single p { font-weight: 300; font-size: 20px; line-height: 36px; margin: 25px 0 0; color: #ffffff; } .testimonial_2 .testimonial_single .reviewer_info .member-img { height: 50px; width: 50px; overflow: hidden; border-radius: 5px; margin: 40px auto 30px; } .testimonial_2 .testimonial_single .reviewer_info .member-img img { height: auto; width: 100%; } .testimonial_2 .testimonial_single .reviewer_info h4 { font-size: 18px; color: #ffffff; font-weight: 700; } .testimonial_2 .testimonial_single .reviewer_info span { font-weight: 400; font-size: 16px; color: #FF802C; line-height: 30px; } .testimonial_2 ul.slick-dots { position: absolute; top: 40%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .testimonial_2 ul.slick-dots li .pager_item { height: 10px; width: 10px; background: #ffffff; margin: 15px 0; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .testimonial_2 ul.slick-dots .slick-active .pager_item { height: 25px; width: 10px; background: #FF802C; border-radius: 10px; } .testimonial_2 .shape_wrapper img { position: absolute; z-index: -1; } .testimonial_2 .shape_wrapper .shape_1 { top: 0; left: 0; } .testimonial_2 .shape_wrapper .shape_2 { bottom: 0; right: 0; } .testimonial_2 .shape_wrapper .shape_3 { bottom: -20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.4; } .latest_news_2 { padding: 130px 0 80px; } .latest_news_2 .single_item { -webkit-box-shadow: 0px 0px 60px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 60px 0px rgba(47, 47, 47, 0.1); text-align: center; position: relative; margin-bottom: 50px; } .latest_news_2 .single_item:before { position: absolute; content: ""; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .latest_news_2 .single_item:hover:before { background: #FF802C; } .latest_news_2 .single_item:hover .twitter_post { opacity: 1; visibility: visible; } .latest_news_2 .single_item:hover .item_wrapper .blog-img img { -webkit-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); } .latest_news_2 .single_item:hover .blog_title .post_bloger li { color: #ffffff; } .latest_news_2 .single_item:hover .blog_title .post_bloger span { color: #ffffff; } .latest_news_2 .single_item:hover .blog_title .post_bloger .bloger_name { color: #FF802C; } .latest_news_2 .single_item .item_wrapper .blog-img { overflow: hidden; } .latest_news_2 .single_item .item_wrapper .blog-img img { width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.1) rotate(0deg); transform: scale(1.1) rotate(0deg); } .latest_news_2 .single_item .item_wrapper h3 { font-weight: 700; font-size: 20px; padding: 30px 25px 0; line-height: 30px; text-align: left; } .latest_news_2 .single_item .item_wrapper h3 a { color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .latest_news_2 .single_item .item_wrapper h3 a:hover { color: #FF802C; } .latest_news_2 .single_item .blog_title { position: relative; padding: 0 25px 20px; background: transparent; margin-top: 0px; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: left; } .latest_news_2 .single_item .blog_title .post_bloger { padding: 15px 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .latest_news_2 .single_item .blog_title .post_bloger li { font-size: 14px; font-weight: 300; padding-top: 15px; margin: 0; color: #6a7a83; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 400; } .latest_news_2 .single_item .blog_title .post_bloger li i { padding-right: 7px; font-size: 12px; } .latest_news_2 .twitter_post { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: 100%; background: #2eb9f8; padding: 40px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; } .latest_news_2 .twitter_post .blog_title { background: transparent; padding: 0px; min-height: 268px; } .latest_news_2 .twitter_post .blog_title .icon_wrapper i { font-size: 50px; margin: 0; color: #ffffff; } .latest_news_2 .twitter_post .blog_title p, .latest_news_2 .twitter_post .blog_title a { color: #ffffff; } .latest_news_2 .twitter_post .blog_title p { font-size: 18px; margin: 0; padding: 25px 0px 15px; line-height: 30px; } .latest_news_2 .twitter_post .blog_title a { font-size: 18px; font-weight: 700; } .latest_news_2 .twitter_post .post_bloger { padding: 15px 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .latest_news_2 .twitter_post .post_bloger li { font-size: 14px; font-weight: 300; padding-top: 15px; margin: 0; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 400; } .latest_news_2 .twitter_post .post_bloger li i { padding-right: 7px; font-size: 12px; } .teamgroup .teamgroup_info_wrapper { padding-bottom: 100px; max-width: 800px; margin: 0px auto; text-align: center; } .teamgroup .teamgroup_info_wrapper h2 { padding-bottom: 50px; font-size: 36px; line-height: 54px; } .teamgroup .teamgroup_info_wrapper .srtarte_btn { background: #FF802C; font-family: "Rubik", sans-serif; padding: 0px 45px; line-height: 60px; font-size: 14px; display: inline-block; color: #ffffff; height: 60px; text-transform: uppercase; border: none; border-radius: 5px; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .teamgroup .teamgroup_info_wrapper .srtarte_btn:hover { background: #0759C1; } .footer_2 { padding: 0; } .footer_2:before { display: none; } .footer_2 .copyright { text-align: center; padding: 80px 0 50px; } .footer_2 .copyright p { color: #ffffff; margin: 0; font-size: 16px; } .footer_2 .shapes_bg img { position: absolute; z-index: -1; } .footer_2 .shapes_bg .shape_1 { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.1; } .footer_2 .shapes_bg .shape_3 { bottom: -20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.5; } /*=======[ Index Three Header ]========*/ .header_3 .header_top { background: #ffffff; border-bottom: 1px solid #d9d9d9; } .header_3 .header_top:before, .header_3 .header_top:after { display: none; } .header_3 .header_top .info_wrapper .contact_info ul li { color: #6a7a83; } .header_3 .header_top .info_wrapper .contact_info ul li i:before { color: #6a7a83; margin: 0; } .header_3 .header_top .info_wrapper a { background: #FF802C; height: 54px; line-height: 54px; color: #fff; padding: 0 30px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header_3 .header_top .info_wrapper a:hover { background: #FF802C; color: #ffffff; } .header_3 .header_top .info_wrapper .sign_up { background: transparent; color: #6a7a83; border-left: 1px solid #d9d9d9; } .header_3 .header_top .info_wrapper .sign_up:hover { border-left: 1px solid #FF802C; } .header_3 .edu_nav nav .search_area .navbar-nav li { padding: 35px 0px 35px 20px; } .header_3 .edu_nav nav .search_area .navbar-nav li:first-child { padding-left: 10px; } .header_3 .edu_nav nav .search_area .navbar-nav li i:before { margin: 0; color: #333146; font-weight: 700; font-size: 17px; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon { position: relative; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon:hover .cart_list { top: 97px; opacity: 1; visibility: visible; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon i { position: relative; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon i:before { font-size: 22px; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon i p { position: absolute; top: -5px; right: -5px; background: #0759C1; color: #ffffff; font-size: 12px; height: 16px; width: 16px; border-radius: 50%; text-align: center; line-height: 16px; font-style: normal; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list { -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); position: absolute; right: -30px; top: 112px; z-index: 1; width: 350px; padding: 30px; background: #ffffff; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list:before { position: absolute; top: -8px; right: 30px; height: 16px; width: 16px; background: #ffffff; content: ""; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart { padding-bottom: 30px; border-bottom: 1px solid rgba(47, 47, 47, 0.1); margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .cart_banner { width: 85px; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .cart_banner a { margin: 0 !important; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .cart_banner a img { width: 100%; height: auto; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .cart_info a, .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .cart_info span { color: #6a7a83; text-transform: none; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .cart_info span { font-size: 14px; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .cart_info .price { color: #FF802C; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .cart_info a { margin: 0 !important; color: #6a7a83; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .cart_info a:hover { color: #0759C1; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .del-icon i:before { font-size: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .single_cart .del-icon i:hover:before { color: #0759C1; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .cart_calculate_wrapper .calculate_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 5px; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .cart_calculate_wrapper .calculate_price span { font-weight: 500; font-family: "Rubik", sans-serif; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .cart_calculate_wrapper .calculate_price .total_price { color: #FF802C; font-size: 17px; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .purchase_btn { border-top: 1px solid rgba(47, 47, 47, 0.1); margin-top: 25px; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .purchase_btn a { margin: 0 !important; padding: 30px 0 0 0 !important; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .purchase_btn .cart_button, .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .purchase_btn a.checkout { color: #ffffff; padding: 0; } .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .purchase_btn .cart_button:hover, .header_3 .edu_nav nav .search_area .navbar-nav .cart_icon .cart_list .purchase_btn a.checkout:hover { color: #ffffff; border-color: #0759C1; } .header_3 .intro_wrapper { background: url("../images/banner/banner_3.png") no-repeat center center; min-height: 990px; background-size: cover; position: relative; padding: 200px 0 0; } .header_3 .intro_wrapper:before { background: transparent; content: ""; height: 100%; position: absolute; width: 100%; left: 0; top: 0; } .header_3 .intro_wrapper h1 { font-size: 60px; line-height: 80px; font-weight: 900; color: #ffffff; font-family: "Roboto", sans-serif; margin: 0; letter-spacing: 2px; } .header_3 .intro_wrapper p { font-size: 20px; font-family: "Rubik", sans-serif; color: #ffffff; line-height: 36px; padding: 30px 0 40px; } .header_3 .intro_wrapper .intro_button a { font-family: "Rubik", sans-serif; background: #FF802C; height: 60px; line-height: 60px; font-size: 14px; color: #ffffff; padding: 0 45px; border-radius: 50px; font-weight: 500; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; } .header_3 .intro_wrapper .intro_button a:hover { background: #0759C1; } .header_3 .intro_wrapper .search_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 200px; } .header_3 .intro_wrapper .search_wrapper .search-option { width: 100%; background: #ffffff; border-radius: 100px; padding: 20px 30px; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); } .header_3 .intro_wrapper .search_wrapper .search-option form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header_3 .intro_wrapper .search_wrapper .search-option form .form-group { margin: 0 30px; width: 65%; position: relative; } .header_3 .intro_wrapper .search_wrapper .search-option form .form-group:before { position: absolute; font-family: "Flaticon"; font-size: 25px; content: "\f104"; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; } .header_3 .intro_wrapper .search_wrapper .search-option form .form-group input { height: 72px; min-width: 100%; padding: 0 30px 0 70px; font-size: 18px; border: 1px solid #d9d9d9; border-radius: 50px; -webkit-box-shadow: none; box-shadow: none; outline: none; } .header_3 .intro_wrapper .search_wrapper .search-option form .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #6a7a83; font-size: 18px; font-weight: 400; font-family: "Rubik", sans-serif; opacity: 1; } .header_3 .intro_wrapper .search_wrapper .search-option form .form-group input::-moz-placeholder { /* Firefox 19+ */ color: #6a7a83; font-size: 18px; font-weight: 400; font-family: "Rubik", sans-serif; opacity: 1; } .header_3 .intro_wrapper .search_wrapper .search-option form .form-group input:-ms-input-placeholder { /* IE 10+ */ color: #6a7a83; font-size: 18px; font-weight: 400; font-family: "Rubik", sans-serif; opacity: 1; } .header_3 .intro_wrapper .search_wrapper .search-option form .form-group input:-moz-placeholder { /* Firefox 18- */ color: #6a7a83; font-size: 18px; font-weight: 400; font-family: "Rubik", sans-serif; opacity: 1; } .header_3 .intro_wrapper .search_wrapper .search-option form .dropdown { height: 72px; width: 20%; background: #ffffff; font-family: "Rubik", sans-serif; color: #6a7a83; line-height: 72px; padding: 0 30px; font-size: 18px; font-weight: 400; position: relative; cursor: pointer; border: 1px solid #d9d9d9; border-radius: 50px; } .header_3 .intro_wrapper .search_wrapper .search-option form .dropdown .all-categories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header_3 .intro_wrapper .search_wrapper .search-option form .dropdown .all-categories i:before { margin: 0; font-weight: 600; } .header_3 .intro_wrapper .search_wrapper .search-option form .dropdown .dropdown-menu { width: 220px; border: none; border-radius: 0px; } .header_3 .intro_wrapper .search_wrapper .search-option form .dropdown .dropdown-menu .dropdown-item { line-height: 30px; } .header_3 .intro_wrapper .search_wrapper .search-option form .submit-btn { width: 15%; } .header_3 .intro_wrapper .search_wrapper .search-option form .submit-btn button { height: 72px; padding: 0 55px; background: #0759C1; font-size: 18px; font-family: "Rubik", sans-serif; text-transform: uppercase; font-weight: 500; color: #ffffff; border: none; border-radius: 50px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header_3 .intro_wrapper .search_wrapper .search-option form .submit-btn button:hover { background: #FF802C; } /*=======[ Cources Features ]========*/ .courses_features { background: #ffffff; text-align: center; margin: 100px 0; } .courses_features .feature_single_1:before { background: rgba(71, 131, 253, 0.65); } .courses_features .feature_single_2:before { background: rgba(234, 86, 98, 0.65); } .courses_features .feature_single_3:before { background: rgba(130, 81, 188, 0.65); } .courses_features .feature_single_4:before { background: rgba(250, 191, 61, 0.65); } .courses_features .feature_single_5:before { background: rgba(58, 220, 179, 0.65); } .courses_features .feature_single_6:before { background: rgba(253, 144, 65, 0.65); } .courses_features .single_features_wrapper { padding: 0; } .courses_features .single_features_wrapper .feature_single { position: relative; z-index: 3; overflow: hidden; margin: 0 20px 40px; } .courses_features .single_features_wrapper .feature_single:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .courses_features .single_features_wrapper .feature_single:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .courses_features .single_features_wrapper .feature_single img { width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .courses_features .single_features_wrapper .feature_single .feature_content { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; text-align: left; padding: 30px 15px 30px 30px; z-index: 2; } .courses_features .single_features_wrapper .feature_single .feature_content h3 { color: #ffffff; font-size: 30px; padding: 0; font-weight: 600; } .courses_features .single_features_wrapper .feature_single .feature_content p { color: #ffffff; margin: 0; padding: 10px 0; font-size: 20px; } /*=======[ Think About Us ]========*/ .about_us_thinking { background: #f7f8fc; position: relative; } .about_us_thinking:before { position: absolute; content: ""; background: #ffffff; height: 120px; width: 60%; right: 0; top: 0; z-index: 1; } .about_us_thinking .banner_learn { padding-right: 8%; } .about_us_thinking .banner_learn img { width: 100%; position: relative; z-index: 2; min-height: 660px; } .about_us_thinking .title { padding: 220px 30% 80px 4%; text-align: left; } .about_us_thinking .title h2 { color: #333146; font-size: 50px; font-weight: 900; line-height: 65px; margin-bottom: 50px; } .about_us_thinking .title .step_services { margin-bottom: 40px; padding-right: 20%; } .about_us_thinking .title .step_services:last-child { margin-bottom: 0; } .about_us_thinking .title .step_services h3 { color: #333146; font-weight: 700; font-size: 25px; padding-bottom: 20px; } .about_us_thinking .title .step_services h3 span { color: #FF802C; padding-right: 10px; } /*=======[ Online Videos ]========*/ .video_online { padding: 150px 0; } .video_online .sub_title { position: relative; z-index: 2; margin: 0px auto 30px; } .video_online .sub_title h2, .video_online .sub_title p { color: #ffffff; } .video_online .video_wrapper { position: relative; margin-left: 23px; margin-top: 35px; margin-bottom: 50px; z-index: 1; } .video_online .video_wrapper .video_banner img { margin-left: -10%; } .video_online .video_wrapper .video_banner .video_view_btn { position: absolute; top: 44%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video_online .video_wrapper .video_banner .video_view_btn a { position: relative; z-index: 1; } .video_online .video_wrapper .video_banner .video_view_btn a:before { position: absolute; content: ""; background: #0759C1; left: 50%; top: 36%; border-radius: 50%; animation: bounce_4b 3s infinite linear; -webkit-animation: bounce_4b 3s infinite linear; z-index: -1; height: 140px; width: 140px; } @-webkit-keyframes bounce_4b { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0; } 50% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); opacity: 0.3; } 100% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); opacity: 0; } } @keyframes bounce_4b { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0; } 50% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); opacity: 0.3; } 100% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); opacity: 0; } } .video_online .video_wrapper .video_banner .video_view_btn a i { position: relative; } .video_online .video_wrapper .video_banner .video_view_btn a i:before { font-size: 26px; color: #ffffff; line-height: 65px; margin: 0; } .video_online .video_wrapper .video_banner .video_view_btn a i:after { position: absolute; background: #0759C1; content: ""; height: 100px; width: 100px; top: 6px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; border-radius: 50%; margin: 0; } .video_online .video_wrapper .video_banner .video_view_btn a span { color: #333146; font-size: 16px; font-weight: 700; margin-left: 45px; } .video_online .video_wrapper .shape_video img { position: absolute; } .video_online .video_wrapper .shape_video .shape_1 { bottom: 88px; left: -210px; z-index: -1; } .video_online .video_wrapper .shape_video .shape_2 { bottom: -58%; left: -30%; z-index: -2; } .video_online .counter_single_wrapper { text-align: center; position: relative; min-height: 220px; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .video_online .counter_single_wrapper:before { position: absolute; background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(9, 42, 207, 0.2)), color-stop(50%, rgba(9, 42, 207, 0.5)), color-stop(80%, rgba(9, 42, 207, 0.2))); background: linear-gradient(to top, rgba(9, 42, 207, 0.2) 10%, rgba(9, 42, 207, 0.5) 50%, rgba(9, 42, 207, 0.2) 80%); border-radius: 50%; content: ""; height: 190px; right: 0; width: 3px; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .video_online .counter_single_wrapper:last-child:before { display: none; } .video_online .counter_single_wrapper .count_single { margin: 0px auto; } .video_online .counter_single_wrapper .count_single .counter, .video_online .counter_single_wrapper .count_single .count_icon { color: #333146; font-size: 60px; font-weight: 700; line-height: 70px; } .video_online .counter_single_wrapper .count_single span { color: #333146; font-size: 16px; font-weight: 500; font-family: "Rubik", sans-serif; color: #FF802C; } /*=======[ Testimonial Three ]========*/ .testimonial_3 { padding: 120px 0; z-index: 1; } .testimonial_3 .testimonial_single { position: relative; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.05); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.05); padding: 55px 20px 55px 40px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .testimonial_3 .testimonial_single:hover { -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); } .testimonial_3 .testimonial_single .reviewer_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 45px; } .testimonial_3 .testimonial_single .reviewer_info img { height: 75px; width: 75px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .testimonial_3 .testimonial_single .reviewer_info .name_position { padding-left: 30px; } .testimonial_3 .testimonial_single .reviewer_info .name_position .name { font-size: 25px; line-height: 34px; font-weight: 700; color: #333146; } .testimonial_3 .testimonial_single .reviewer_info .name_position span { font-size: 16px; font-weight: 400; color: #FF802C; display: inherit; } .testimonial_3 .testimonial_single p { font-size: 18px; line-height: 30px; margin: 0; padding-right: 20px; } /*=======[ Our Team Membar ]========*/ .meet_our_team { padding: 150px 0 100px 0; background: linear-gradient(65deg, #5958a0 0%, #111b51 100%); position: relative; z-index: 1; overflow: hidden; } .meet_our_team .meet_team_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0 60px; } .meet_our_team .meet_team_wrapper .sub_title { text-align: left; margin: 0; } .meet_our_team .meet_team_wrapper .sub_title h2, .meet_our_team .meet_team_wrapper .sub_title p { color: #ffffff; } .meet_our_team .meet_team_wrapper .sub_title p { padding: 25px 10% 0 0; } .meet_our_team .meet_team_wrapper .envent_all_view a { background: #FF802C; font-weight: 500; border-radius: 50px; color: #ffffff; display: inline-block; font-size: 16px; text-transform: uppercase; text-decoration: none; height: 50px; line-height: 50px; padding: 0 55px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .meet_our_team .meet_team_wrapper .envent_all_view a:hover { background: #ffffff; color: #0759C1; } .meet_our_team .testimonial_single { position: relative; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); padding: 15px 20px; background: #ffffff; margin-bottom: 50px; } .meet_our_team .testimonial_single:hover .reviewer_info img { -webkit-transform: scale(1.1); transform: scale(1.1); } .meet_our_team .testimonial_single .reviewer_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .meet_our_team .testimonial_single .reviewer_info .pro_pic_teacher { overflow: hidden; border-radius: 50%; } .meet_our_team .testimonial_single .reviewer_info .pro_pic_teacher img { height: 100px; width: 100px; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .meet_our_team .testimonial_single .reviewer_info .name_position { padding-left: 18px; } .meet_our_team .testimonial_single .reviewer_info .name_position .name { font-size: 20px; line-height: 34px; } .meet_our_team .testimonial_single .reviewer_info .name_position .name a { font-weight: 700 !important; color: #333146; font-family: "Poppins", sans-serif; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .meet_our_team .testimonial_single .reviewer_info .name_position .name a:hover { color: #FF802C; } .meet_our_team .testimonial_single .reviewer_info .name_position span { font-size: 20px; font-family: "Rubik", sans-serif; font-weight: 300 !important; color: #6a7a83; display: inherit; } .meet_our_team .shape_wrapper img { position: absolute; z-index: -1; } .meet_our_team .shape_wrapper .shape_1 { top: 0; left: 0; } .meet_our_team .shape_wrapper .shape_2 { bottom: 0; right: 0; } .meet_our_team .shape_wrapper .shape_3 { bottom: -20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.4; } /*---------- Pricieng Style-------*/ .priceing { padding: 120px 0 80px 0; position: relative; } .priceing .pricing_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .priceing .pricing_wrapper .single_price_table { width: 32%; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); background: #fff; padding: 50px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .priceing .pricing_wrapper .single_price_table:hover { -webkit-box-shadow: 0px 15px 81px 0px rgba(47, 47, 47, 0.15); box-shadow: 0px 15px 81px 0px rgba(47, 47, 47, 0.15); } .priceing .pricing_wrapper .single_price_table.active { width: 36%; background: linear-gradient(-125deg, #e6793b 0%, #c9270e 100%); padding: 75px 0; } .priceing .pricing_wrapper .single_price_table.active .pricing_title { padding-bottom: 45px; } .priceing .pricing_wrapper .single_price_table.active .pricing_title h2 { font-size: 40px; color: #ffffff; } .priceing .pricing_wrapper .single_price_table.active .price { margin: 30px 0 40px; } .priceing .pricing_wrapper .single_price_table.active .price p { font-size: 90px; color: #ffffff; } .priceing .pricing_wrapper .single_price_table.active .price p sub { font-size: 25px; color: #ffffff; } .priceing .pricing_wrapper .single_price_table.active .price p sub:before { background: #ffffff; height: 45px; width: 3px; } .priceing .pricing_wrapper .single_price_table.active .pricing-content ul li { color: #ffffff; } .priceing .pricing_wrapper .single_price_table.active .pricing-content .pricing_btn { margin: 12px 0; } .priceing .pricing_wrapper .single_price_table.active .pricing-content .pricing_btn a { background: #ffffff; color: #0759C1; } .priceing .pricing_wrapper .single_price_table.active .pricing-content .pricing_btn a:hover { background: #0759C1; color: #ffffff; } .priceing .pricing_wrapper .single_price_table .pricing_title { text-align: center; padding-bottom: 40px; } .priceing .pricing_wrapper .single_price_table .pricing_title h2 { font-size: 35px; font-weight: 700; } .priceing .pricing_wrapper .single_price_table .price { text-align: center; margin: 20px 0 40px; } .priceing .pricing_wrapper .single_price_table .price p { font-size: 70px; font-weight: 600; display: inline-block; position: relative; margin-bottom: 0; color: #333146; font-family: "Rubik", sans-serif; } .priceing .pricing_wrapper .single_price_table .price p span { font-size: 35px; font-weight: 700; left: -25px; margin-top: -7px; position: absolute; top: 0; } .priceing .pricing_wrapper .single_price_table .price p sub { position: relative; font-size: 20px; bottom: 0; font-weight: 600; color: #0759C1; padding-left: 20px; } .priceing .pricing_wrapper .single_price_table .price p sub:before { content: ""; position: absolute; background: #0759C1; height: 35px; width: 2.5px; bottom: 0; left: 10px; -webkit-transform: rotate(16deg); transform: rotate(16deg); } .priceing .pricing_wrapper .single_price_table .pricing-content { text-align: center; } .priceing .pricing_wrapper .single_price_table .pricing-content ul { margin-bottom: 50px; } .priceing .pricing_wrapper .single_price_table .pricing-content ul li { font-size: 16px; color: #6a7a83; line-height: 40px; font-family: "Rubik", sans-serif; } .priceing .pricing_wrapper .single_price_table .pricing-content .pricing_btn { margin: 12px 0; } .priceing .pricing_wrapper .single_price_table .pricing-content .pricing_btn a { background: #0759C1; color: #ffffff; font-weight: 600; font-size: 14px; text-transform: uppercase; height: 50px; line-height: 50px; padding: 0 40px; display: inline-block; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .priceing .pricing_wrapper .single_price_table .pricing-content .pricing_btn a:hover { background: #FF802C; color: #ffffff; } .app_download { padding: 150px 0; position: relative; z-index: 1; } .app_download .single_features { margin-bottom: 200px; } .app_download .single_features:last-child { margin-bottom: 0; } .app_download .single_features .feature_banner { min-height: 440px; position: relative; } .app_download .single_features .feature_banner img { position: absolute; top: -15%; right: -20px; } .app_download .single_features .feature_intro_wrapper { padding: 70px 0 0 60px; } .app_download .single_features .feature_intro_wrapper .feature_intro h2 { font-size: 50px; margin-bottom: 40px; } .app_download .single_features .feature_intro_wrapper .feature_intro p { font-size: 18px; margin-bottom: 80px; line-height: 30px; padding-right: 10%; } .app_download .single_features .feature_intro_wrapper .download_app_icon a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .app_download .single_features .feature_intro_wrapper .download_app_icon a:first-child { margin-right: 38px; } .app_download .single_features .feature_intro_wrapper .download_app_icon a img { height: 50px; } .app_download .single_features .feature_intro_wrapper .download_app_icon a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .footer_3 { padding: 0; z-index: 0; } .footer_3:before { display: none; } .footer_3 .footer_top { margin-top: 120px; } .footer_3 .become_instractor { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 150px 0 120px; } .footer_3 .become_instractor:before { background: #d9d9d9; content: ""; position: absolute; bottom: 0; left: 0; width: 1600px; height: 1px; opacity: 0.2; } .footer_3 .become_instractor .sub_title { text-align: left; margin: 0; padding-right: 10%; } .footer_3 .become_instractor .sub_title h2, .footer_3 .become_instractor .sub_title p { color: #ffffff; } .footer_3 .become_instractor .sub_title p { padding: 25px 10% 0 0; } .footer_3 .become_instractor .envent_all_view a { background: #FF802C; font-weight: 500; border-radius: 50px; color: #ffffff; display: inline-block; font-size: 16px; text-transform: uppercase; text-decoration: none; height: 60px; line-height: 60px; padding: 0 45px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer_3 .become_instractor .envent_all_view a:hover { background: #ffffff; color: #0759C1; } .footer_3 .copyright { text-align: center; padding: 80px 0 50px; } .footer_3 .copyright p { color: #ffffff; margin: 0; font-size: 14px; } .footer_3 .shapes_bg img { position: absolute; z-index: -1; } .footer_3 .shapes_bg .shape_3 { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.2; width: 100%; } .header_inner .intro_wrapper { background: url("../images/banner/banner_3.png") no-repeat center center; min-height: 300px; background-size: cover; position: relative; padding: 180px 0; } .header_inner .intro_wrapper:before { background: transparent; content: ""; height: 100%; position: absolute; width: 100%; left: 0; top: 0; } .header_inner .intro_wrapper h1 { font-size: 60px; line-height: 80px; font-weight: 700; color: #ffffff; margin: 0; } .header_inner .intro_wrapper .pages_links { padding-top: 30px; } .header_inner .intro_wrapper .pages_links a { font-size: 18px; font-weight: 500; line-height: 30px; color: #ffffff; position: relative; margin-right: 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header_inner .intro_wrapper .pages_links a:before, .header_inner .intro_wrapper .pages_links a:after { position: absolute; height: 18px; width: 2px; right: -21px; top: 5px; content: ""; background: #ffffff; -webkit-transform: rotate(20deg); transform: rotate(20deg); } .header_inner .intro_wrapper .pages_links a:after { right: -16px; } .header_inner .intro_wrapper .pages_links a:last-child { margin-right: 0; } .header_inner .intro_wrapper .pages_links a:last-child:before, .header_inner .intro_wrapper .pages_links a:last-child:after { display: none; } .header_inner .intro_wrapper .pages_links a:hover { color: #FF802C; } .header_inner .intro_wrapper .pages_links .active:hover { color: #ffffff; } /*=======[ Blog Signle ]========*/ .blog_page .intro_wrapper { background: url("../images/banner/inner_banner_2.jpg") no-repeat center center !important; } .blog_wrapper { padding: 50px 0; /*=======[ Blog Post Style ]========*/ /*=======[ widget Blog and Post Page ]========*/ } .blog_wrapper .single_blog { margin-bottom: 60px; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); } .blog_wrapper .single_blog:last-child { margin-bottom: 0; } .blog_wrapper .single_blog:hover { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* .blog_wrapper .single_blog:hover .blog_banner img { -webkit-transform: scale(1.05); transform: scale(1.05); } */ .blog_wrapper .single_blog:hover .post_content_wrapper h3 a { color: #FF802C; } .blog_wrapper .single_blog .blog_banner { overflow: hidden; } .blog_wrapper .single_blog .blog_banner img { /* -webkit-transform: scale(1.1); transform: scale(1.1); */ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog_wrapper .single_blog .post_content_wrapper { padding: 40px; } .blog_wrapper .single_blog .post_content_wrapper .post_date p { color: #6a7a83; font-size: 13px; font-weight: 400; font-family: "Rubik", sans-serif; margin: 0 0 15px; line-height: 15px; } .blog_wrapper .single_blog .post_content_wrapper .post_date p span { color: #333146; } .blog_wrapper .single_blog .post_content_wrapper h3 { font-size: 20px; font-weight: 700; line-height: 24px; } .blog_wrapper .single_blog .post_content_wrapper h3 a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #333146; } .blog_wrapper .single_blog .post_content_wrapper p { margin: 20px 0 25px; } .blog_wrapper .single_blog .post_content_wrapper .post_by { padding-bottom: 40px; } .blog_wrapper .single_blog .post_content_wrapper .post_by a { color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 14px; font-family: "Rubik", sans-serif; text-transform: uppercase; font-weight: 500; line-height: 30px; } .blog_wrapper .single_blog .post_content_wrapper .post_by a i { padding-left: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog_wrapper .single_blog .post_content_wrapper .post_by a i:before { margin: 0; font-size: 14px; } .blog_wrapper .single_blog .post_content_wrapper .post_by a:hover { color: #FF802C; } .blog_wrapper .single_blog .post_content_wrapper .post_by a:hover i { padding-left: 15px; } .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper span { padding-right: 15px; font-family: "Rubik", sans-serif; line-height: 30px; } .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li:last-child { margin-right: 0; } .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a i { padding: 0; height: 30px; width: 30px; text-align: center; line-height: 29px; border-radius: 50%; font-size: 15px; margin: 0; background: transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a i:hover { padding: 0; -webkit-transform: scale(1.3); transform: scale(1.3); } .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .fb_icon { color: #4867aa; } .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .tw_icon { color: #1da1f2; } .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .link_icon { color: #0077B5; } .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .in_icon { color: #262223; } .blog_wrapper .single_blog .post_content_wrapper .post_bloger { padding: 30px 0 0px; border-top: 1px solid #d7d7d7; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog_wrapper .single_blog .post_content_wrapper .post_bloger li { font-size: 14px; font-weight: 300; margin: 0; color: #6a7a83; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Rubik", sans-serif; font-weight: 400; padding-right: 50px; } .blog_wrapper .single_blog .post_content_wrapper .post_bloger li:last-child { padding-right: 0; } .blog_wrapper .single_blog .post_content_wrapper .post_bloger li i { padding-right: 7px; font-size: 15px; } .blog_wrapper .single_without_img { background: linear-gradient(-125deg, #e6793b 0%, #c9270e 100%); position: relative; z-index: 1; } .blog_wrapper .single_without_img:before { position: absolute; content: ""; background: url(../images/shapes/shape_bullet.png) repeat center center; height: 100%; width: 100%; left: 0; top: 0; opacity: 1; z-index: -1; } .blog_wrapper .single_without_img .post_content_wrapper { padding: 65px 50px 60px !important; } .blog_wrapper .single_without_img .post_content_wrapper h3 a { color: #ffffff !important; } .blog_wrapper .single_without_img .post_content_wrapper .post_date p { color: #ffffff !important; } .blog_wrapper .single_without_img .post_content_wrapper .post_date p span { color: #0759C1 !important; } .blog_wrapper .single_without_img .post_content_wrapper .post_by { padding: 40px 0 0 !important; } .blog_wrapper .single_without_img .post_content_wrapper .post_by .social_wrapper span { color: #ffffff !important; } .blog_wrapper .single_without_img .post_content_wrapper .post_by .social_wrapper .social-items li a i { color: #ffffff !important; } .blog_wrapper .single_without_img .post_content_wrapper .post_by .social_wrapper .social-items li a i:hover { color: #ffffff; } .blog_wrapper .single_without_img .post_content_wrapper .post_bloger { padding: 0 !important; border-top: 1px solid transparent !important; } .blog_wrapper .single_without_img .post_content_wrapper .post_bloger li { color: #ffffff !important; } .blog_wrapper .blog_post h3 { font-size: 40px; font-weight: 700; line-height: 46px; color: #333146; margin: 35px 0 25px; } .blog_wrapper .blog_post .post_by { margin-bottom: 30px; } .blog_wrapper .blog_post .post_by span { font-size: 12px; font-weight: 400; color: #6a7a83; font-family: "Rubik", sans-serif; padding-right: 50px; position: relative; } .blog_wrapper .blog_post .post_by span:before { position: absolute; content: ""; background: #333146; height: 15px; width: 1px; right: 25px; top: 5px; } .blog_wrapper .blog_post .post_by span:last-child:before { display: none; } .blog_wrapper .blog_post .post_by span .bloger_name { color: #6a7a83; } .blog_wrapper .blog_post .post_by span a { color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog_wrapper .blog_post .post_by span a:hover { color: #FF802C; } .blog_wrapper .blog_post .postpage_content_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper { padding-top: 40px; padding-right: 50px; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper h4 { text-transform: uppercase; font-weight: 700; color: #333146; font-size: 20px; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items { position: relative; z-index: 1; margin: 20px 0 0; text-align: center; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li { background: #ffffff; padding-bottom: 15px; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a i { height: 35px; width: 35px; text-align: center; line-height: 34px; border-radius: 50%; font-size: 14px; margin: 0; border: 1px solid rgba(47, 47, 47, 0.1); background: transparent; color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a i:hover { padding: 0; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a .fb_icon { border: 1px solid #4867aa; color: #4867aa; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a .fb_icon:hover { color: #ffffff; background: #4867aa; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a .tw_icon { border: 1px solid #1da1f2; color: #1da1f2; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a .tw_icon:hover { color: #ffffff; background: #1da1f2; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a .link_icon { border: 1px solid #0077B5; color: #0077B5; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a .link_icon:hover { color: #ffffff; background: #0077B5; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a .in_icon { border: 1px solid #262223; color: #262223; } .blog_wrapper .blog_post .postpage_content_wrapper .social_wrapper .social_items li a .in_icon:hover { color: #ffffff; background: #262223; } .blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content { padding-top: 40px; } .blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content p { margin-bottom: 25px; font-weight: 300; } .blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content p:last-child { margin-bottom: 0; } .blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content h3 { font-size: 40px; font-weight: 700; margin: 45px 0 30px; } .blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content .quite_speech { padding: 25px 0px; font-size: 20px; font-style: italic; position: relative; line-height: 30px; color: #333146; padding-left: 40px; } .blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content .quite_speech i { position: absolute; top: 50%; left: 0; font-size: 55px; opacity: 0.5; color: #FF802C; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content .banner { padding: 20px 0; text-align: center; } .blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content .banner p { color: #FF802C; font-size: 14px; padding-top: 15px; font-weight: 500px; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_post .postpage_content_wrapper .blog_post_content .banner p span { font-weight: 600 !important; color: #333146 !important; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count { padding-top: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count .tags { -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count .tags li { padding-right: 3px; font-family: "Rubik", sans-serif; font-size: 12px; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count .tags li a { color: #6a7a83; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count .tags li a:hover { color: #FF802C; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count .tags .tag_headline { font-weight: 600; color: #333146; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count .comnent_count li { padding-left: 50px; position: relative; font-size: 12px; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count .comnent_count li:before { position: absolute; content: ""; background: #333146; height: 12px; width: 1px; right: -25px; top: 7px; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count .comnent_count li:last-child:before { display: none; } .blog_wrapper .blog_post .postpage_content_wrapper .post_response_count .comnent_count li i { padding-right: 10px; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper { background: #ffffff; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .items_title .title { font-size: 40px; font-weight: 700; color: #333146; margin: 65px 0 0; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper { border-bottom: 1px solid rgba(47, 47, 47, 0.05); padding-top: 40px; padding-bottom: 40px; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper:last-child { border-bottom: 1px solid rgba(47, 47, 47, 0); padding-bottom: 0px; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper:first-child { border-top: 1px solid transparent; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .reply_comment_text { padding-left: 50px !important; padding-top: 30px !important; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #ffffff; padding: 0; border-radius: 0; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list:first-child { margin-bottom: 0; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img { width: 55px; height: 55px; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img img { border-radius: 50%; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text { width: 87%; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info { line-height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name a { font-size: 16px; font-weight: 700; color: #333146; margin-right: 25px; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name span { font-size: 14px; font-weight: 400; line-height: 24px; color: #6a7a83; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a { font-size: 14px; font-weight: 500; margin: 0 0 0 30px; color: #0759C1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover { color: #FF802C; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover i { color: #FF802C; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-right: 10px; margin: 0; font-size: 10px; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i { padding-right: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i:before { margin: 0; font-size: 14px; } .blog_wrapper .blog_post .postpage_content_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text p { font-size: 14px; font-weight: 400; line-height: 24px; margin: 19px 0 0; color: #6a7a83; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper { margin-top: 50px; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .items_title { margin-bottom: 30px; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .items_title .title { font-size: 40px; font-weight: 700; color: #333146; margin-bottom: 10px; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .items_title p { margin: 0; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group { margin-bottom: 15px; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group input, .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group textarea { background: transparent; border: 1px solid #d7d7d7; border-radius: 0px; height: 46px; padding: 0px 20px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; color: #333146; font-size: 14px; font-weight: 400; outline: none; -webkit-box-shadow: none; box-shadow: none; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group input:focus, .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group textarea:focus { border: 1px solid #333146; outline: none; color: #333146; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group input ::-webkit-input-placeholder, .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group textarea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #6a7a83; font-size: 12px; font-weight: 400; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group input ::-moz-placeholder, .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group textarea ::-moz-placeholder { /* Firefox 19+ */ color: #6a7a83; font-size: 12px; font-weight: 400; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group input :-ms-input-placeholder, .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group textarea :-ms-input-placeholder { /* IE 10+ */ color: #6a7a83; font-size: 12px; font-weight: 400; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group input :-moz-placeholder, .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group textarea :-moz-placeholder { /* Firefox 18- */ color: #6a7a83; font-size: 12px; font-weight: 400; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .form-group textarea { height: 150px; padding-top: 15px; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .submit-btn button { height: 60px; padding: 0 40px; font-size: 14px; font-weight: 500; background: #FF802C; text-transform: uppercase; border: none; border-radius: 5px; cursor: pointer; position: relative; z-index: 1; outline: none; color: #ffffff; margin-top: 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_post .postpage_content_wrapper .leave_comment_wrapper .leave_comment .submit-btn button:hover { background: #0759C1; } .blog_wrapper .blog_wrapper_right { padding-left: 50px; } .blog_wrapper .blog_wrapper_right .blog-right-items .items-title .title { font-size: 25px; font-weight: 700; margin-bottom: 30px; position: relative; padding-left: 80px; } .blog_wrapper .blog_wrapper_right .blog-right-items .items-title .title:before { position: absolute; content: ""; background: #333146; height: 3px; width: 50px; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .blog_wrapper .blog_wrapper_right .blog-right-items .widget_single { margin-bottom: 55px; } .blog_wrapper .blog_wrapper_right .blog-right-items .widget_single:last-child { margin-bottom: 0; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box { background: linear-gradient(65deg, #5958a0 0%, #111b51 100%); padding: 40px 30px; text-align: center; -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .form_title { margin-bottom: 40px; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .form_title h2 { font-size: 25px; line-height: 30px; padding-bottom: 0; font-weight: 700; position: relative; color: #ffffff; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .form_title p { padding-top: 15px; font-size: 12px; color: #ffffff; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .form_title p span { color: #FF802C; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form { padding: 0; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group { margin-bottom: 20px; position: relative; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group label { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group label i:before { margin: 0; color: #ffffff; font-size: 16px; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group input, .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group textarea { position: relative; background: transparent; border-bottom: 1px solid #d7d7d7; border-top: none; border-left: none; border-right: none; border-radius: 0px; -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0); box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0); height: 50px; padding: 10px 15px 10px 40px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; color: #ffffff; font-size: 16px; font-weight: 400; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group input:focus, .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group textarea:focus { border-color: #FF802C; outline: none; -webkit-box-shadow: none; box-shadow: none; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group input::-webkit-input-placeholder, .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff; font-size: 14px; font-weight: 400; opacity: 0.8; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group input::-moz-placeholder, .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group textarea::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; font-size: 14px; font-weight: 400; opacity: 0.8; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group input::-ms-input-placeholder, .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group textarea::-ms-input-placeholder { /* IE 10+ */ color: #ffffff; font-size: 14px; font-weight: 400; opacity: 0.8; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group input::-moz-placeholder, .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .form-group textarea::-moz-placeholder { /* Firefox 18- */ color: #ffffff; font-size: 14px; font-weight: 400; opacity: 0.8; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .register-btn-box { padding-top: 20px; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .register-btn-box .register-btn { background: #FF802C; color: white; padding: 0 50px; color: #fff; height: 50px; line-height: 50px; font-size: 16px; text-transform: uppercase; border: none; border-radius: 5px; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .blog_wrapper .blog_wrapper_right .blog-right-items .become_a_teacher .form-full-box .register-form .register-btn-box .register-btn:hover { background: #FF802C; color: #ffffff; } .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; } .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post:last-child { margin-bottom: 0; } .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .recent_img { width: 25%; } .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .recent_img img { border-radius: 5px; } .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title { width: 75%; padding-left: 15px; } .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title a { font-weight: 700; line-height: 24px; color: #333146; font-size: 18px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title a:hover { color: #FF802C; } .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title .post-date { margin-top: 8px; } .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title .post-date span { font-weight: 400; font-size: 16px; color: #6a7a83; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_wrapper_right .blog-right-items .twitter_post_wrapper .items-title { margin-bottom: 30px; } .blog_wrapper .blog_wrapper_right .blog-right-items .twitter_post_wrapper .twitter-single { border-bottom: 1px solid rgba(141, 149, 166, 0.1); margin-bottom: 30px; padding-bottom: 30px; } .blog_wrapper .blog_wrapper_right .blog-right-items .twitter_post_wrapper .twitter-single:last-child { border-bottom: none; } .blog_wrapper .blog_wrapper_right .blog-right-items .twitter_post_wrapper .twitter-single .twitter-post { display: -webkit-box; display: -ms-flexbox; display: flex; } .blog_wrapper .blog_wrapper_right .blog-right-items .twitter_post_wrapper .twitter-single .twitter-post .twitter-title { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .blog_wrapper .blog_wrapper_right .blog-right-items .twitter_post_wrapper .twitter-single .twitter-post .twitter-title i { font-size: 35px; color: #1da1f3; line-height: 24px; margin-right: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog_wrapper .blog_wrapper_right .blog-right-items .twitter_post_wrapper .twitter-single .twitter-post .twitter-title p { margin: 0; font-size: 14px; font-weight: 400; line-height: 24px; color: #6a7a83; } .blog_wrapper .blog_wrapper_right .blog-right-items .twitter_post_wrapper .twitter-single .twitter-post .twitter-title p a { color: #0759C1; text-transform: uppercase; font-weight: 500; } .blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .items-title { margin-bottom: 30px; } .blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 6px; padding-bottom: 10px; } .blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li a { padding: 10px 25px; font-size: 15px; background: #eef2f5; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #6a7a83; font-weight: 500; border-radius: 0px; text-transform: uppercase; font-family: "Rubik", sans-serif; } .blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li a:hover { background: #FF802C; color: #ffffff; } .blog_wrapper .blog_wrapper_right .blog-right-items .archives .items-title { margin-bottom: 20px; } .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items { margin-left: 50px; } .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li { padding-bottom: 12px; } .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 18px; font-weight: 500; position: relative; margin-right: 30px; color: #333146; } .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:before { position: absolute; font-family: "Flaticon"; font-size: 10px; content: "\f103"; left: -30px; bottom: -0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 700; } .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:after { position: absolute; font-family: "Flaticon"; font-size: 10px; content: "\f103"; left: -50px; bottom: -0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 700; } .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover { color: #FF802C; } .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover:before { color: #FF802C; } .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover:after { left: -30px; } .contact_page .intro_wrapper { background: url("../images/banner/inner_banner_3.jpg") no-repeat center center !important; } .contact_info_wrapper { padding: 120px 0; } .contact_info_wrapper .title { font-size: 40px; font-weight: 700; color: #333146; margin-bottom: 30px; } .contact_info_wrapper .contact_info { position: relative; z-index: 1; } .contact_info_wrapper .contact_info p { padding-right: 50px; } .contact_info_wrapper .contact_info .details_title { margin-bottom: 60px; } .contact_info_wrapper .contact_info .details_title h3 { font-size: 30px; font-weight: 700; color: #333146; } .contact_info_wrapper .contact_info .event_location_info { padding: 30px 0px; } .contact_info_wrapper .contact_info .event_location_info ul { padding-left: 90px; } .contact_info_wrapper .contact_info .event_location_info ul li { margin-bottom: 25px; } .contact_info_wrapper .contact_info .event_location_info ul li:last-child { margin-bottom: 0; } .contact_info_wrapper .contact_info .event_location_info ul li .info_title { margin: 0; font-size: 25px; font-weight: 700; color: #FF802C; margin-bottom: 5px; position: relative; } .contact_info_wrapper .contact_info .event_location_info ul li .info_title:before { position: absolute; content: ""; background: #FF802C; height: 3px; width: 50px; left: -90px; top: 12px; } .contact_info_wrapper .contact_info .event_location_info ul li ul { padding-left: 0px; } .contact_info_wrapper .contact_info .event_location_info ul li ul li { margin-bottom: 0px; line-height: 26px; color: #6a7a83; font-size: 16px; font-family: "Rubik", sans-serif; } .contact_info_wrapper .contact_info .event_location_info img.contact__info_shpae { position: absolute; bottom: -65px; right: 0; z-index: -1; opacity: 0.3; } .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group { margin-bottom: 20px; padding: 0 0 0 20px; } .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group input, .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group textarea { background: transparent; border: 1px solid #d7d7d7; border-radius: 0px; height: 46px; padding: 0px 20px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; color: #333146; font-size: 14px; font-weight: 400; outline: none; -webkit-box-shadow: none; box-shadow: none; font-family: "Rubik", sans-serif; } .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group input:focus, .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group textarea:focus { border: 1px solid #333146; outline: none; color: #333146; } .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group input ::-webkit-input-placeholder, .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group textarea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #6a7a83; font-size: 12px; font-weight: 400; font-family: "Rubik", sans-serif; } .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group input ::-moz-placeholder, .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group textarea ::-moz-placeholder { /* Firefox 19+ */ color: #6a7a83; font-size: 12px; font-weight: 400; font-family: "Rubik", sans-serif; } .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group input :-ms-input-placeholder, .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group textarea :-ms-input-placeholder { /* IE 10+ */ color: #6a7a83; font-size: 12px; font-weight: 400; font-family: "Rubik", sans-serif; } .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group input :-moz-placeholder, .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group textarea :-moz-placeholder { /* Firefox 18- */ color: #6a7a83; font-size: 12px; font-weight: 400; font-family: "Rubik", sans-serif; } .contact_info_wrapper .contact_form_wrapper .leave_comment .form-group textarea { height: 170px; padding-top: 15px; } .contact_info_wrapper .contact_form_wrapper .leave_comment .submit-btn button { height: 60px; padding: 0 40px; font-size: 14px; font-weight: 500; background: #0759C1; text-transform: uppercase; border: none; border-radius: 5px; cursor: pointer; position: relative; z-index: 1; outline: none; color: #ffffff; margin-top: 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Rubik", sans-serif; } .contact_info_wrapper .contact_form_wrapper .leave_comment .submit-btn button:hover { background: #FF802C; } .google_map #map { -webkit-box-shadow: 5px 9px 49px 0px rgba(47, 47, 47, 0.08); box-shadow: 5px 9px 49px 0px rgba(47, 47, 47, 0.08); height: 650px; width: 100%; } .about_page .intro_wrapper { background: url("../images/banner/inner_banner_1.jpg") no-repeat center center !important; } .about_us { position: relative; padding: 120px 0 0; } .about_us .about_title { text-align: left; padding: 100px 0 0; } .about_us .about_title span { position: relative; padding-left: 110px; font-size: 16px; font-family: "Rubik", sans-serif; color: #6a7a83; } .about_us .about_title span:before { position: absolute; content: ""; height: 4px; width: 70px; left: 0; top: 10px; background: #FF802C; } .about_us .about_title h2 { color: #333146; font-size: 50px; font-weight: 900; line-height: 65px; margin-bottom: 0px; padding-top: 15px; font-family: "Roboto", sans-serif; letter-spacing: 2px; } .about_us .banner_about { padding-left: 8%; } .about_us .banner_about img { width: 100%; position: relative; z-index: 2; } .about_us .about_content_wrapper { margin-top: -100px; } .about_us .about_content_wrapper .about_banner_down { padding: 0 80px; } .about_us .about_content_wrapper .about_content { padding-top: 200px; } .about_us .about_content_wrapper .about_content p { padding-bottom: 20px; margin: 0; } .about_us .about_content_wrapper .about_content a { color: #333146; position: relative; z-index: 1; font-weight: 500; font-family: "Rubik", sans-serif; } .about_us .about_content_wrapper .about_content a:before { position: absolute; content: ""; height: 5px; width: 100%; left: 0; bottom: 2px; background: #FF802C; opacity: 0.3; z-index: -1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .about_us .about_content_wrapper .about_content a i { position: absolute; top: 2px; right: -30px; visibility: visible; opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; } .about_us .about_content_wrapper .about_content a:hover:before { height: 13px; } .about_us .about_content_wrapper .about_content a:hover i { right: -40px; opacity: 0; visibility: hidden; } #about_unlimited_possibilities .single_item { margin-bottom: 50px; } #about_unlimited_possibilities .item_6 { border-radius: 0px 40px 0px 40px; } #about_unlimited_possibilities .item_6:before { right: 0; left: auto; background: #FF802C; } #about_unlimited_possibilities .item_6 .icon_wrapper i:before { color: #FF802C; } #about_our_instructors { padding: 120px 0 100px; } .out_count_student { padding: 120px 0; background: linear-gradient(-125deg, #e6793b 0%, #c9270e 100%); position: relative; z-index: 1; } .out_count_student:before { position: absolute; content: ""; background: url(../images/shapes/shape_bullet.png) repeat center center; height: 100%; width: 100%; left: 0; top: 0; opacity: 1; z-index: 1; } .out_count_student .sub_title { position: relative; z-index: 2; margin: 0px auto 30px; } .out_count_student .sub_title h2, .out_count_student .sub_title p { color: #ffffff; } .out_count_student .counter_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .out_count_student .counter_wrapper .counter_single_wrapper { position: relative; z-index: 1; width: 25%; text-align: center; } .out_count_student .counter_wrapper .counter_single_wrapper:before { position: absolute; background: #ffffff; content: ""; height: 4px; width: 80px; left: 100%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .out_count_student .counter_wrapper .counter_single_wrapper:last-child:before { display: none; } .out_count_student .counter_wrapper .counter_single_wrapper .count_single .counter, .out_count_student .counter_wrapper .counter_single_wrapper .count_single .count_icon { color: #ffffff; font-size: 50px; font-weight: 700; line-height: 70px; position: relative; } .out_count_student .counter_wrapper .counter_single_wrapper .count_single span { color: #ffffff; font-size: 16px; font-weight: 500; font-family: "Rubik", sans-serif; } .faq_about { position: relative; padding: 120px 0; } .faq_about .faq_wrapper { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .faq_about .faq_wrapper .single_faq { padding-left: 90px; padding-right: 80px; width: 50%; margin-bottom: 50px; } .faq_about .faq_wrapper .single_faq:last-child { margin-bottom: 0; } .faq_about .faq_wrapper .single_faq h3 { color: #333146; font-weight: 700; font-size: 25px; padding-bottom: 20px; position: relative; } .faq_about .faq_wrapper .single_faq h3 span { -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); position: absolute; left: -90px; top: -10px; color: #FF802C; background: #ffffff; height: 50px; width: 50px; text-align: center; line-height: 50px; border-radius: 50px; } #blog_3_grid { padding: 130px 0; } #blog_3_grid .single_item { margin-bottom: 50px; } #latest_news_style_2 { padding: 130px 0; } #latest_news_style_2 .single_item:hover .post_bloger li { color: #6a7a83 !important; } .become_a_teacher .intro_wrapper { background: url("../images/banner/inner_banner_1.jpg") no-repeat center center !important; } .become_a_instructor { padding: 130px 0; } .become_a_instructor .video_img { -webkit-box-shadow: 0px 0px 60px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 60px 0px rgba(47, 47, 47, 0.1); position: relative; z-index: 1; } .become_a_instructor .video_img .video_wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .become_a_instructor .video_img .video_wrapper .video-play-btn { text-align: center; } .become_a_instructor .video_img .video_wrapper .video-play-btn span { position: relative; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; } .become_a_instructor .video_img .video_wrapper .video-play-btn span a { border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: transparent; margin-right: 0px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; } .become_a_instructor .video_img .video_wrapper .video-play-btn span a:before { position: absolute; content: ""; background: #0759C1; left: 50%; top: 50%; border-radius: 50%; animation: bounce_4b 3s infinite linear; -webkit-animation: bounce_4b 3s infinite linear; z-index: -1; height: 120px; width: 120px; } .become_a_instructor .video_img .video_wrapper .video-play-btn span a:hover i { -webkit-transform: scale(1.15); transform: scale(1.15); background: #0759C1; color: #ffffff; } .become_a_instructor .video_img .video_wrapper .video-play-btn span a i { height: 65px; width: 65px; line-height: 65px; font-size: 12px; background: #0759C1; color: #ffffff; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 5px 9px 20px 0px rgba(253, 25, 73, 0.2); box-shadow: 5px 9px 20px 0px rgba(253, 25, 73, 0.2); } .become_a_instructor .video_img .video_wrapper .video-play-btn span a span { font-size: 16px; font-weight: 600; line-height: 56px; color: #0759C1; padding-left: 25px; } .become_a_instructor .apply_instructor { -webkit-box-shadow: 0px 0px 60px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 60px 0px rgba(47, 47, 47, 0.1); } .become_a_instructor .apply_instructor .form_title h3 { font-weight: 700; font-size: 22px; line-height: 55px; padding: 0 25px; border-bottom: 1px solid #F8F7F7; color: #333146; } .become_a_instructor .apply_instructor form { padding: 20px 25px 25px; } .become_a_instructor .apply_instructor form .form-group { margin-bottom: 15px; } .become_a_instructor .apply_instructor form .form-group label { font-size: 13px; color: #333146; font-weight: 500; margin: 0; } .become_a_instructor .apply_instructor form .form-group input, .become_a_instructor .apply_instructor form .form-group textarea { background: transparent; border: 1px solid #F8F7F7; background: #F8F7F7; border-radius: 0px; height: 48px; padding: 0px 20px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; color: #333146; font-size: 16px; font-weight: 400; } .become_a_instructor .apply_instructor form .form-group input:focus, .become_a_instructor .apply_instructor form .form-group textarea:focus { border: 1px solid #0759C1; outline: none; } .become_a_instructor .apply_instructor form .form-group input ::-webkit-input-placeholder, .become_a_instructor .apply_instructor form .form-group textarea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333146; font-size: 16px; font-weight: 400; } .become_a_instructor .apply_instructor form .form-group input ::-moz-placeholder, .become_a_instructor .apply_instructor form .form-group textarea ::-moz-placeholder { /* Firefox 19+ */ color: #333146; font-size: 16px; font-weight: 400; } .become_a_instructor .apply_instructor form .form-group input :-ms-input-placeholder, .become_a_instructor .apply_instructor form .form-group textarea :-ms-input-placeholder { /* IE 10+ */ color: #333146; font-size: 16px; font-weight: 400; } .become_a_instructor .apply_instructor form .form-group input :-moz-placeholder, .become_a_instructor .apply_instructor form .form-group textarea :-moz-placeholder { /* Firefox 18- */ color: #333146; font-size: 16px; font-weight: 400; } .become_a_instructor .apply_instructor form .form-group textarea { height: 80px; padding-top: 15px; } .become_a_instructor .apply_instructor form .submit_btn { width: 100%; height: 48px; background: #0759C1; color: #ffffff; font-size: 18px; font-weight: 600; border-radius: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .become_a_instructor .apply_instructor form .submit_btn:hover { background: #FF802C; } #become_instructorr { background: #ffffff; padding: 0 0 100px; } #become_instructorr .sub_title h2, #become_instructorr .sub_title p { color: #333146; } #become_instructorr .envent_all_view a:hover { background: #0759C1; color: #ffffff; } .teachers_profile { padding: 130px 0 50px; } .teachers_profile .teacher-detail-left .teacher_info_wrapper { -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); } .teachers_profile .teacher-detail-left .teacher_info_wrapper .social-items { padding: 30px 30px 0; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .social-items li:last-child { margin-right: 0; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .social-items li a { margin-right: 15px; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .social-items li a i { height: 35px; width: 35px; text-align: center; line-height: 35px; border-radius: 50%; font-size: 15px; margin: 0; border: 1px solid #555555; background: transition; color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .social-items li a i:hover { color: #ffffff; padding: 0; background: #0759C1; border: 1px solid #0759C1; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .teacher-skills { padding: 30px; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .teacher-skills .skill-single { margin-top: 20px; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .teacher-skills .skill-single span { display: block; font-size: 14px; font-weight: 500; color: #333146; font-family: "Rubik", sans-serif; margin: 0; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .teacher-skills .skill-single span .skills_lavel { display: inline; color: #FF802C; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .teacher-skills .skill-single span:last-child { width: 100%; height: 10px; background: #f3f3f3; margin-top: 10px; position: relative; } .teachers_profile .teacher-detail-left .teacher_info_wrapper .teacher-skills .skill-single span:last-child span { position: absolute; height: 100%; background: #6a7a83; left: 0; top: 0; margin-top: 0; } .teachers_profile .teacher-detail-right .teacher-info { -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); padding: 30px; min-height: 360px; } .teachers_profile .teacher-detail-right .teacher-info ul { margin-bottom: 0; } .teachers_profile .teacher-detail-right .teacher-info ul li { margin-bottom: 18px; padding-bottom: 18px; } .teachers_profile .teacher-detail-right .teacher-info ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 none; } .teachers_profile .teacher-detail-right .teacher-info ul li h3 { font-size: 20px; font-weight: 700; line-height: 36px; } .teachers_profile .teacher-detail-right .teacher-info ul li span { font-size: 16px; font-weight: 400; color: #6a7a83; font-family: "Rubik", sans-serif; } .teachers_profile .teacher-detail-right .teacher-contact { -webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1); min-height: 360px; } .teachers_profile .teacher-detail-right .teacher-contact h2 { margin: 0; padding: 30px 0 0; background: #ffffff; color: #333146; font-size: 22px; font-weight: 700; text-align: center; } .teachers_profile .teacher-detail-right .teacher-contact form { padding: 30px; } .teachers_profile .teacher-detail-right .teacher-contact form input, .teachers_profile .teacher-detail-right .teacher-contact form textarea { background: transparent; border: 1px solid #e5e5e5; border-radius: 0px; height: 54px; padding: 15px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; color: #333146; font-size: 16px; font-weight: 400; margin-bottom: 15px; } .teachers_profile .teacher-detail-right .teacher-contact form input:focus, .teachers_profile .teacher-detail-right .teacher-contact form textarea:focus { border: 1px solid #0759C1; outline: none; } .teachers_profile .teacher-detail-right .teacher-contact form input ::-webkit-input-placeholder, .teachers_profile .teacher-detail-right .teacher-contact form textarea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333146; font-size: 16px; font-weight: 400; } .teachers_profile .teacher-detail-right .teacher-contact form input ::-moz-placeholder, .teachers_profile .teacher-detail-right .teacher-contact form textarea ::-moz-placeholder { /* Firefox 19+ */ color: #333146; font-size: 16px; font-weight: 400; } .teachers_profile .teacher-detail-right .teacher-contact form input :-ms-input-placeholder, .teachers_profile .teacher-detail-right .teacher-contact form textarea :-ms-input-placeholder { /* IE 10+ */ color: #333146; font-size: 16px; font-weight: 400; } .teachers_profile .teacher-detail-right .teacher-contact form input :-moz-placeholder, .teachers_profile .teacher-detail-right .teacher-contact form textarea :-moz-placeholder { /* Firefox 18- */ color: #333146; font-size: 16px; font-weight: 400; } .teachers_profile .teacher-detail-right .teacher-contact form textarea { height: 70px; } .teachers_profile .teacher-detail-right .teacher-contact form button { width: 100%; border: 0 none; background: #0759C1; color: #ffffff; padding: 13px 0; font-weight: 600; margin-top: 15px; font-size: 16px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Rubik", sans-serif; } .teachers_profile .teacher-detail-right .teacher-contact form button:hover { background: #FF802C; } .teachers_profile .teacher-detail-right .courses_details_nav_tabs { margin-top: 70px; } .teachers_profile .teacher-detail-right .courses_details_nav_tabs ul { border: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .teachers_profile .teacher-detail-right .courses_details_nav_tabs ul li { margin-right: 30px; } .teachers_profile .teacher-detail-right .courses_details_nav_tabs ul li:last-child { margin-right: 0; } .teachers_profile .teacher-detail-right .courses_details_nav_tabs ul li a { border: none; font-size: 15px; color: #333146; font-family: "Rubik", sans-serif; font-weight: 500; padding: 12px 15px; } .teachers_profile .teacher-detail-right .courses_details_nav_tabs ul li a i:before { font-size: 16px; color: #0759C1; margin-right: 15px; margin-left: 0; } .teachers_profile .teacher-detail-right .courses_details_nav_tabs ul li a.active { -webkit-box-shadow: 8px 13px 60px 0px rgba(47, 47, 47, 0.2); box-shadow: 8px 13px 60px 0px rgba(47, 47, 47, 0.2); } .teachers_profile .teacher-detail-right .tab_contents { margin-top: 35px; } .teachers_profile .teacher-detail-right .tab_contents .tab-pane p { margin-bottom: 30px; } .teachers_profile .teacher-detail-right .tab_contents .tab-pane p:last-child { margin-bottom: 0px; } .teachers_profile .teacher-detail-right .tab_contents .tab-pane .popular_courses { padding: 15px 0 0; } .courses_page .intro_wrapper { background: url("../images/banner/inner_banner_4.jpg") no-repeat center center !important; } .courses_page .popular_courses { padding: 100px 0 100px; } #popular_courses_page { padding: 130px 0; } #courses_details_wrapper, .event_details_wrapper { padding: 130px 0 0; } #courses_details_wrapper .courses_details .single-curses-contert h2, .event_details_wrapper .courses_details .single-curses-contert h2 { font-size: 30px; text-align: left; } #courses_details_wrapper .courses_details .single-curses-contert h3, .event_details_wrapper .courses_details .single-curses-contert h3 { font-weight: 700; } #courses_details_wrapper .courses_details .single-curses-contert .review-option, .event_details_wrapper .courses_details .single-curses-contert .review-option { padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .border-left, .event_details_wrapper .courses_details .single-curses-contert .review-option .border-left { border-right: 1px solid #e5e5e5; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .border-left:last-child, .event_details_wrapper .courses_details .single-curses-contert .review-option .border-left:last-child { border-right: none; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .single_items_shape, .event_details_wrapper .courses_details .single-curses-contert .review-option .single_items_shape { position: relative; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .single_items_shape:before, .event_details_wrapper .courses_details .single-curses-contert .review-option .single_items_shape:before { position: absolute; content: ""; height: 55px; width: 1px; background: #d7d7d7; top: 50%; right: -22%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #courses_details_wrapper .courses_details .single-curses-contert .review-option .teacher-info, .event_details_wrapper .courses_details .single-curses-contert .review-option .teacher-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .teacher-info img, .event_details_wrapper .courses_details .single-curses-contert .review-option .teacher-info img { height: 50px; width: 50px; margin-right: 15px; border-radius: 50%; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .teacher-info .teacher-name span, .event_details_wrapper .courses_details .single-curses-contert .review-option .teacher-info .teacher-name span { font-size: 13px; display: inherit; line-height: 18px; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .teacher-info .teacher-name span:last-child, .event_details_wrapper .courses_details .single-curses-contert .review-option .teacher-info .teacher-name span:last-child { margin-top: 5px; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #333146; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .review-rank span, .event_details_wrapper .courses_details .single-curses-contert .review-option .review-rank span { font-size: 13px; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .review-rank .rank-icons, .event_details_wrapper .courses_details .single-curses-contert .review-option .review-rank .rank-icons { padding-top: 5px; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .review-rank .rank-icons ul, .event_details_wrapper .courses_details .single-curses-contert .review-option .review-rank .rank-icons ul { margin: 0; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .review-rank .rank-icons ul li, .event_details_wrapper .courses_details .single-curses-contert .review-option .review-rank .rank-icons ul li { display: inline-block; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .review-rank .rank-icons ul li .review-icon, .event_details_wrapper .courses_details .single-curses-contert .review-option .review-rank .rank-icons ul li .review-icon { color: #FF802C; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .teacher_fee, .event_details_wrapper .courses_details .single-curses-contert .review-option .teacher_fee { padding-left: 20px; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .teacher_fee span, .event_details_wrapper .courses_details .single-curses-contert .review-option .teacher_fee span { font-size: 13px; display: table; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .teacher_fee span:last-child, .event_details_wrapper .courses_details .single-curses-contert .review-option .teacher_fee span:last-child { color: #0759C1; margin-top: 5px; font-weight: 700; font-size: 18px; text-transform: uppercase; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .teacher_fee span:last-child .courses_price, .event_details_wrapper .courses_details .single-curses-contert .review-option .teacher_fee span:last-child .courses_price { color: #0759C1; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .buy_btn, .event_details_wrapper .courses_details .single-curses-contert .review-option .buy_btn { padding-left: 40px; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .buy_btn a, .event_details_wrapper .courses_details .single-curses-contert .review-option .buy_btn a { background: #FF802C; height: 46px; padding: 0 35px; display: inline-block; line-height: 46px; color: #ffffff; border-radius: 5px; font-family: "Rubik", sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #courses_details_wrapper .courses_details .single-curses-contert .review-option .buy_btn a:hover, .event_details_wrapper .courses_details .single-curses-contert .review-option .buy_btn a:hover { background: #0759C1; } #courses_details_wrapper .courses_details .courses_tab_wrapper, .event_details_wrapper .courses_details .courses_tab_wrapper { padding: 35px 0px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .courses_details_nav_tabs ul, .event_details_wrapper .courses_details .courses_tab_wrapper .courses_details_nav_tabs ul { border: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #d7d7d7; } #courses_details_wrapper .courses_details .courses_tab_wrapper .courses_details_nav_tabs ul li a, .event_details_wrapper .courses_details .courses_tab_wrapper .courses_details_nav_tabs ul li a { border: none; font-size: 16px; color: #333146; font-weight: 500; padding: 12px 30px; border-radius: 0 !important; text-transform: uppercase; font-family: "Rubik", sans-serif; font-size: 14px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .courses_details_nav_tabs ul li a.active, .event_details_wrapper .courses_details .courses_tab_wrapper .courses_details_nav_tabs ul li a.active { background: #FF802C; color: #ffffff; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents { margin-top: 35px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane h3, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane h3 { font-size: 25px; font-weight: 700; padding: 20px 0; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane h3 span, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane h3 span { font-size: "Roboto", sans-serif; color: #0759C1; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane p, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane p { margin-bottom: 20px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane p:last-child, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane p:last-child { margin-bottom: 0px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .step_point li, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .step_point li { position: relative; padding-left: 30px; padding-bottom: 10px; font-family: "Rubik", sans-serif; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .step_point li:before, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .step_point li:before { position: absolute; font-family: "Flaticon"; font-size: 10px; content: "\f103"; left: 0px; top: 0px; color: #FF802C; font-weight: 700; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper { margin-top: 80px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper span, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper span { padding-right: 15px; line-height: 30px; font-weight: 700; text-transform: uppercase; font-size: 18px; color: #333146; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li { margin-right: 12px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li:last-child, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li:last-child { margin-right: 0px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a i, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a i { padding: 0; height: 34px; width: 34px; text-align: center; line-height: 33px; border-radius: 50%; font-size: 14px; margin: 0; background: transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a i:hover, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a i:hover { padding: 0; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .fb_icon, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .fb_icon { color: #4867aa; border: 1px solid #4867aa; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .fb_icon:hover, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .fb_icon:hover { background: #4867aa; color: #ffffff; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .tw_icon, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .tw_icon { color: #1da1f2; border: 1px solid #1da1f2; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .tw_icon:hover, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .tw_icon:hover { background: #1da1f2; color: #ffffff; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .link_icon, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .link_icon { color: #0077B5; border: 1px solid #0077B5; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .link_icon:hover, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .link_icon:hover { background: #0077B5; color: #ffffff; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .in_icon, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .in_icon { color: #262223; border: 1px solid #262223; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .in_icon:hover, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .tab-pane .social_wrapper .social-items li a .in_icon:hover { background: #262223; color: #ffffff; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box h2, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box h2 { border-bottom: 3px solid #eaeaea; margin-bottom: 40px; padding: 40px 0 15px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel + .panel, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel + .panel { margin-top: 30px; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 35px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel-default, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel-default { border-color: transparent; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-heading, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-heading { background-color: #fafafa; border: 0px solid; border-color: transparent; padding: 0; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title { -webkit-box-shadow: 8px 13px 60px 0px rgba(47, 47, 47, 0.05); box-shadow: 8px 13px 60px 0px rgba(47, 47, 47, 0.05); width: 100%; height: 70px; display: table; padding: 0 30px; -webkit-transition: all .3s linear; transition: all .3s linear; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title .click, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title .click { background: #fafafa; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title span, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title span { float: right; font-size: 15px; padding-right: 30px; color: #333146; line-height: 20px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title a, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title a { display: block; color: #333146; display: table-cell; font-size: 20px; font-weight: 700; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title a.collapsed:before, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title a.collapsed:before { color: #FF802C; position: absolute; content: "\f100"; font-family: "Flaticon"; font-size: 12px; text-align: center; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: all .4s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title a:before, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-title a:before { color: #FF802C; position: absolute; content: "\f125"; font-family: "Flaticon"; font-size: 12px; text-align: center; top: 50%; right: 0; -webkit-transition: all .4s ease-in; transition: all .4s ease-in; line-height: 38px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body { background: #ffffff; padding: 35px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single { margin-bottom: 25px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single:last-child, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single:last-child { margin-bottom: 0px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single .lecture span, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single .lecture span { padding-right: 50px; font-family: "Rubik", sans-serif; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single .lecture i, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single .lecture i { color: #FF802C; font-size: 18px; padding-right: 10px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single a, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single a { text-align: center; font-size: 12px; padding: 0px 15px; text-decoration: none; font-family: "Rubik", sans-serif; color: #333146; border: 1px solid #FF802C; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single a:hover, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .curriculum-text-box .curriculum-section .panel-group .panel .panel-body .curriculum-single a:hover { background: #FF802C; color: #ffffff; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; margin-bottom: 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 9px 16px 46px 0px rgba(47, 47, 47, 0.05); box-shadow: 9px 16px 46px 0px rgba(47, 47, 47, 0.05); max-width: 350px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle:hover, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle:hover { -webkit-box-shadow: 9px 16px 46px 0px rgba(47, 47, 47, 0.1); box-shadow: 9px 16px 46px 0px rgba(47, 47, 47, 0.1); } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle:hover .tutor_pro img, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle:hover .tutor_pro img { -webkit-transform: scale(1); transform: scale(1); } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle:hover .teachers_name h5 a, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle:hover .teachers_name h5 a { color: #FF802C; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .tutor_pro, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .tutor_pro { margin-right: 30px; overflow: hidden; border-radius: 50%; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .tutor_pro img, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .tutor_pro img { height: auto; width: 80px; border-radius: 50%; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .teachers_name h5, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .teachers_name h5 { font-size: 18px; font-weight: 700; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .teachers_name h5 a, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .teachers_name h5 a { color: #333146; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .teachers_name span, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .courses_teacher .tutor_signle .teachers_name span { font-weight: 500; font-size: 14px; color: #FF802C; margin-top: 5px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content { margin-bottom: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating { height: 180px; text-align: center; width: 30%; float: left; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count { padding: 31px 0; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count .five, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count .five { font-size: 70px; color: #333146; line-height: 50px; font-weight: 700; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count ul, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count ul { margin: 0; padding: 10px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count ul li, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count ul li { color: #FF802C; display: inline-block; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count ul li i:before, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count ul li i:before { font-size: 26px; margin: 0; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count span, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .five-star-rating .rating_box_count span { font-size: 16px; font-weight: 400; color: #333146; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box { width: 65%; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating { width: auto; display: inline-block; max-width: 100%; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars { clear: both; padding: 0 30px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 14px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .key, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .key { min-width: 52px; font-weight: 400; color: #1a1a23; font-size: 16px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .bar, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .bar { width: 270px; margin: 0 7px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .full_bar, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .full_bar { background: #eee; height: 12px; position: relative; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .full_bar span, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .full_bar span { background: #333146; position: absolute; top: 0; left: 0; bottom: 0; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .value, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .review-content .rating-box .detailed-rating .stars .value { font-size: 16px; font-weight: 400; color: #333146; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper { margin-bottom: 50px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper { margin-bottom: 30px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper:last-child, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper:last-child { margin-bottom: 0; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0 25px; border-radius: 0; margin-bottom: 15px; position: relative; -webkit-box-shadow: 9px 16px 46px 0px rgba(47, 47, 47, 0.05); box-shadow: 9px 16px 46px 0px rgba(47, 47, 47, 0.05); -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list:last-child, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list:last-child { margin-bottom: 0; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img { width: 13%; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img img, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img img { border-radius: 50%; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text { padding: 0 15px 0 30px; width: 87%; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info { line-height: 14px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name { font-size: 14px; font-weight: 600; color: #333146; margin-right: 25px; font-family: "Rubik", sans-serif; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info span, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info span { font-size: 14px; font-weight: 400; line-height: 24px; color: #6a7a83; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .rating ul, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .rating ul { margin: 0; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .rating ul li, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .rating ul li { padding: 0 1px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .rating ul li i:before, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .rating ul li i:before { font-size: 14px; color: #FF802C; margin-left: 0px; } #courses_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text p, .event_details_wrapper .courses_details .courses_tab_wrapper .tab_contents .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text p { margin: 19px 0 0; } #courses_details_wrapper .blog-right-items .courses_features, .event_details_wrapper .blog-right-items .courses_features { background: linear-gradient(65deg, #5958a0 0%, #111b51 100%); padding: 50px 0px; position: relative; z-index: 1; margin: 0 0 50px; } #courses_details_wrapper .blog-right-items .courses_features .items-title, .event_details_wrapper .blog-right-items .courses_features .items-title { text-align: left; } #courses_details_wrapper .blog-right-items .courses_features .items-title h3, .event_details_wrapper .blog-right-items .courses_features .items-title h3 { color: #ffffff; } #courses_details_wrapper .blog-right-items .courses_features .items-title h3:before, .event_details_wrapper .blog-right-items .courses_features .items-title h3:before { background: #FF802C; } #courses_details_wrapper .blog-right-items .courses_features .features_items, .event_details_wrapper .blog-right-items .courses_features .features_items { padding-left: 80px; padding-right: 50px; } #courses_details_wrapper .blog-right-items .courses_features .features_items ul li, .event_details_wrapper .blog-right-items .courses_features .features_items ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 25px; } #courses_details_wrapper .blog-right-items .courses_features .features_items ul li:last-child, .event_details_wrapper .blog-right-items .courses_features .features_items ul li:last-child { padding-bottom: 0; } #courses_details_wrapper .blog-right-items .courses_features .features_items ul li a, .event_details_wrapper .blog-right-items .courses_features .features_items ul li a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; font-weight: 500; position: relative; color: rgba(255, 255, 255, 0.7); } #courses_details_wrapper .blog-right-items .courses_features .features_items ul li a i:before, .event_details_wrapper .blog-right-items .courses_features .features_items ul li a i:before { margin: 0; color: #FF802C; padding-right: 15px; font-size: 15px; font-weight: 600; opacity: 0.8; } #courses_details_wrapper .blog-right-items .courses_features .features_items ul li a:hover, .event_details_wrapper .blog-right-items .courses_features .features_items ul li a:hover { color: #FF802C; } #courses_details_wrapper .blog-right-items .courses_features .features_items ul li a:hover:before, .event_details_wrapper .blog-right-items .courses_features .features_items ul li a:hover:before { color: #FF802C; } #courses_details_wrapper .blog-right-items .courses_features .features_items ul li span, .event_details_wrapper .blog-right-items .courses_features .features_items ul li span { color: rgba(255, 255, 255, 0.7); font-family: "Rubik", sans-serif; } #courses_details_wrapper .blog-right-items .courses_features .courses_feaures_shpe, .event_details_wrapper .blog-right-items .courses_features .courses_feaures_shpe { position: absolute; bottom: 0; right: 0; height: 50%; width: 85%; z-index: -1; } #courses_details_wrapper .blog-right-items .popular_courses_post .courses_price .price span, .event_details_wrapper .blog-right-items .popular_courses_post .courses_price .price span { font-family: "Rubik", sans-serif; font-size: 12px; color: #6a7a83; font-weight: 500; padding-right: 15px; } #courses_details_wrapper .blog-right-items .popular_courses_post .courses_price .price .new_price, .event_details_wrapper .blog-right-items .popular_courses_post .courses_price .price .new_price { color: #FF802C !important; padding-right: 0px; font-weight: 600; } #courses_details_wrapper .blog-right-items .get_discount, .event_details_wrapper .blog-right-items .get_discount { background: linear-gradient(-125deg, #e6793b 0%, #c9270e 100%); padding: 50px 0px 60px; position: relative; z-index: 1; } #courses_details_wrapper .blog-right-items .get_discount .items-title, .event_details_wrapper .blog-right-items .get_discount .items-title { text-align: center; } #courses_details_wrapper .blog-right-items .get_discount .items-title p, .event_details_wrapper .blog-right-items .get_discount .items-title p { font-size: 20px; margin: 0; color: #ffffff; } #courses_details_wrapper .blog-right-items .get_discount .items-title h3, .event_details_wrapper .blog-right-items .get_discount .items-title h3 { color: #ffffff; font-size: 50px; font-weight: 700; padding: 15px 15px 25px; } #courses_details_wrapper .blog-right-items .get_discount .items-title a, .event_details_wrapper .blog-right-items .get_discount .items-title a { background: #0759C1; height: 50px; padding: 0 40px; display: inline-block; line-height: 50px; color: #ffffff; border-radius: 4px; font-family: "Rubik", sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #courses_details_wrapper .blog-right-items .get_discount .courses_feaures_shpe, .event_details_wrapper .blog-right-items .get_discount .courses_feaures_shpe { position: absolute; bottom: 0; right: 0; height: 100%; width: 100%; z-index: -1; } #related_courses_wrapper { position: relative; } #related_courses_wrapper .title { padding-bottom: 40px; } #related_courses_wrapper .title h2 { font-size: 30px; font-weight: 900; padding-left: 15px; position: relative; } #related_courses_wrapper .title h2:before { position: absolute; content: ""; height: 1px; width: 100px; background: #d7d7d7; bottom: -30px; left: 15px; } #related_courses_wrapper #related_courses { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #related_courses_wrapper #related_courses .single-courses { margin: 50px 15px; -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 47, 47, 0.05); box-shadow: 0px 0px 20px 0px rgba(47, 47, 47, 0.05); } #related_courses_wrapper .owl-buttons { position: absolute; top: -50px; right: 0; } #related_courses_wrapper .owl-buttons .owl-prev { border-radius: 0 15px 0px 15px !important; } #related_courses_wrapper .owl-buttons .owl-next { border-radius: 15px 0px 15px 0px !important; } #related_courses_wrapper .owl-buttons .owl-prev, #related_courses_wrapper .owl-buttons .owl-next { height: 40px; border: 1px solid #111b51; width: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 0 !important; } #related_courses_wrapper .owl-buttons .owl-prev i:before, #related_courses_wrapper .owl-buttons .owl-next i:before { color: #111b51; font-size: 12px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 700; } #related_courses_wrapper .owl-buttons .owl-prev:hover, #related_courses_wrapper .owl-buttons .owl-next:hover { border: 1px solid #FF802C; } #related_courses_wrapper .owl-buttons .owl-prev:hover i:before, #related_courses_wrapper .owl-buttons .owl-next:hover i:before { color: #FF802C; } .event_page .intro_wrapper { background: url("../images/banner/inner_banner_5.jpg") no-repeat center center !important; } .event_details_wrapper { padding: 130px 0 100px; } .event_details_wrapper .event_intro .post_content { padding: 30px; background: #fafafa; } .event_details_wrapper .event_intro .post_content .post_by { margin-bottom: 30px; } .event_details_wrapper .event_intro .post_content .post_by span { font-size: 20px; font-weight: 700; color: #333146; } .event_details_wrapper .event_intro .post_content .post_by .date_event { color: #FF802C; } .event_details_wrapper .event_intro .post_content .blog_post_content p { margin-bottom: 30px; color: #333146; } .event_details_wrapper .event_intro .post_content .blog_post_content p:last-child { margin-bottom: 0; } .event_details_wrapper .location_bottom_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .event_details_wrapper .location_bottom_wrapper .event_details { margin-top: 90px; width: 100%; } .event_details_wrapper .location_bottom_wrapper .event_details .details_title { margin-bottom: 30px; } .event_details_wrapper .location_bottom_wrapper .event_details .details_title h3 { font-size: 24px; font-weight: 700; color: #333146; } .event_details_wrapper .location_bottom_wrapper .event_details .event_location_info { -webkit-box-shadow: 5px 9px 49px 0px rgba(47, 47, 47, 0.08); box-shadow: 5px 9px 49px 0px rgba(47, 47, 47, 0.08); padding: 50px 60px; margin-bottom: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .event_details_wrapper .location_bottom_wrapper .event_details .event_location_info ul { width: 50%; } .event_details_wrapper .location_bottom_wrapper .event_details .event_location_info ul li { margin-bottom: 15px; } .event_details_wrapper .location_bottom_wrapper .event_details .event_location_info ul li:last-child { margin-bottom: 0; } .event_details_wrapper .location_bottom_wrapper .event_details .event_location_info ul li p { margin: 0; font-size: 18px; font-weight: 600; color: #333146; } .event_details_wrapper .location_bottom_wrapper .event_details .event_location_info ul li span { font-weight: 400; font-size: 14px; color: #333146; } .event_details_wrapper .location_bottom_wrapper .event_details .event_location_info ul li .hall_location { color: #FF802C; } .event_details_wrapper .location_bottom_wrapper .event_location_map { margin-top: 90px; padding-left: 60px; } .event_details_wrapper .location_bottom_wrapper .event_location_map .details_title { margin-bottom: 30px; } .event_details_wrapper .location_bottom_wrapper .event_location_map .details_title h3 { font-size: 24px; font-weight: 700; color: #333146; } .event_details_wrapper .location_bottom_wrapper .event_location_map .google_map #map { -webkit-box-shadow: 5px 9px 49px 0px rgba(47, 47, 47, 0.08); box-shadow: 5px 9px 49px 0px rgba(47, 47, 47, 0.08); height: 420px; width: 370px; } @media (max-width:767px){ .slider-heading{ font-size: 35px !important; } footer .become_a_teacher{ flex-direction: column !important; } .blog-sectr .col-lg-4{ margin-bottom: 25px; } } .tag-cloud{ text-align: left; padding-left:0px; } .tag-cloud li a { background: #f5f5f5; color: #414141; border: 0; border-radius: 4px; padding: 8px 15px; font-size: 12px; } .tag-cloud li a:active, .tag-cloud li a:focus, .tag-cloud li a:hover{ background:#ff5f33; } .tag-cloud li{ list-style-type: none; padding: 5px; display: inline-block; } .tags-heading{ font-size: 20px; color: #2da8d8ff; padding-left: 30px; padding-bottom: 15px; } .widget.tags{ padding: 25px 0px; } .widget.tags .title{ font-size: 25px; font-weight: 700; margin-bottom: 30px; position: relative; padding-left: 80px; } .widget.tags .title::before{ position: absolute; content: ""; background: #333146; height: 3px; width: 50px; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .fab.fa-twitter{ font-family:sans-serif; } .fab.fa-twitter::before{ content:"𝕏"; font-size:1.2em; } .sticky { position: fixed; top: 0; width: 100%; z-index: 1020; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } @media (max-width:991px){ .fased{ display: none; } } .testimonial_title p{ margin-top: 20px; font-family: 'Poppins', sans-serif; color: #fff; } .carousel-caption{ bottom: 20% !important; } .carousel-caption{padding-bottom:80px;} /* Background images are set within the HTML using inline CSS, not here */ .fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; opacity:0.6; } /** * Button */ .btn-transparent { background: transparent; color: #fff; border: 2px solid #fff; } .btn-transparent:hover { background-color: #fff; } .btn-rounded { border-radius: 70px; } .btn-large { padding: 11px 45px; font-size: 18px; } /** * Change animation duration */ .animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @keyframes fadeInTop { from { opacity: 0; transform: translate3d(0, 100px, 0); } to { opacity: 1; transform: none; } } .fadeInTop { -webkit-animation-name: fadeInTop; animation-name: fadeInTop; } .carousel-caption h1, .carousel-caption p{ color: #fff !important; padding-bottom: 30px; background: rgba(0,0,0,.25); padding: 5px; display: inline-block; } .carousel-caption a{ width: 145px; height: 45px; background: #0759C1; line-height: 45px; border-radius: 3px; color: #fff; display: inline-block; } @media (max-width:767px){ .carousel.main-slider, .carousel .carousel-inner, .carousel .carousel-item, .carousel .carousel-item img{ height: 60vh; } .sub-menu.sub-list{ height: 250px; overflow-y: scroll; } .sub-menu.sub-list::-webkit-scrollbar{ width: 0px; } .carousel .carousel-item img{ object-fit: cover; } .carousel .carousel-item h1{ font-size: 30px; } .carousel .carousel-caption{ padding-bottom: 0px !important; bottom: 15% !important; } } @media (min-width:991px){ .carousel-caption h1{ font-size: 50px; } } .carousel-control-next, .carousel-control-prev{ opacity: .8 !important; } .carousel-control-next-icon, .carousel-control-prev-icon{ border: 1px solid #fff; font-size: 25px; width: 30px !important; height: 30px !important; background: transparent !important; }