/*
* ----------------------------------------------------------------------------------------
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: 15px;
  line-height: 25px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #6a7a83;
  overflow-x: hidden !important;
}

p {
  font-weight: 400;
  line-height: 26px;
  font-size: 15px;
  color: #6a7a83;
  font-family: "Rubik", 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("") 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: #ff5a2c;
}

.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: #ff5a2c;
  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(""), 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: #ff5a2c;
}

.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: #092ace;
  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: #092ace;
  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: #ff5a2c;
}

.login_signup_option .login_modal_body form .login_option .login_btn {
  height: 48px;
  line-height: 48px;
  padding: 0 40px;
  border-radius: 3px;
  background: #092ace;
  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: #ff5a2c;
}

.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: #ff5a2c;
  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: #092ace;
  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: #ff5a2c;
}

/*=======[ 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;
  -webkit-appearance: none;
  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: #ff5a2c;
  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: #092ace 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 #ff5a2c;
}

.pagination_blog ul li.current a {
  color: #ff5a2c;
}

.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;
}
.drop-left {
  left: -315px;
      
}


.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: #092ace !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: #092ace;
}

.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: #ff5a2c;
  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: #092ace;
}

.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: #092ace;
  bottom: 0;
}

.features_4 .features_wrapper_box .single_item_first span {
  color: #092ace;
}

.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: #ff5a2c;
}

.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: #ff5a2c;
}

.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: #092ace;
  bottom: 0;
}

.features_4 .features_wrapper_box .single_item_last span {
  color: #092ace;
}

.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: #ff5a2c;
}

.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: #ff5a2c;
}

.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 {
  /*=======[ Index nav Style ]========*/
}

header .header_top {
  background: #ff5a2c;
  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: 14px;
  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: 117%;
  height: 91px;
}

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: 16px;
  padding: 10px 0 !important;
  margin: 0 15px;
  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: #ff5a2c !important;
  font-weight: 700;
}

header .edu_nav nav .navbar-nav li a:hover {
  color: #ff5a2c !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: 400;
  font-size: 14px;
  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: #092ace;
  bottom: 0;
}

.cources_highlight .latest_blog_carousel .single_item_first span {
  color: #092ace;
}

.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: #ff5a2c;
}

.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: #ff5a2c;
}

.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: #092ace;
  bottom: 0;
}

.cources_highlight .latest_blog_carousel .single_item_last span {
  color: #092ace;
}

.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: #ff5a2c;
}

.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: #ff5a2c;
}

.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: 30px;
  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: 15px;
  font-weight: 300;
  margin: 0;
  color: #6a7a83;
}

/*=======[ 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: #ff5a2c;
  -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 {
  overflow: hidden;
}

.popular_courses .single-courses .courses_banner_wrapper .courses_banner img {
  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: #092ace;
  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 {
  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: #ff5a2c;
}

.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: #092ace;
  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: #ff5a2c;
}

.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: #ff5a2c;
  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: #092ace;
}

/*=======[ 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: 50px;
}

.about_top_wrapper .title h2 {
  color: #333146;
  font-size: 45px;
  font-weight: 900;
  line-height: 53px;
  margin-bottom: 20px;
}

.about_top_wrapper .title p {
  margin-bottom: 30px;
  padding-right: 15%;
}

.about_top_wrapper .banner_learn {
  padding-left: 10%;
  width: 100%;
  height: 626px;
}

.about_top_wrapper .banner_learn img {
  width: 100%;
  position: relative;
  z-index: 2;
  height: 83%;
}

.about_top_wrapper .items_shape {
  margin-top: -230px;
  height: 362px;
  position: relative;
  z-index: 1;
}

.about_top_wrapper .items_shape:before {
  position: absolute;
  content: "";
  background: url(../images/cg-academy-image/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: 500px;
  width: 500px;
}

.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: 172px;
}

.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: #092ace;
  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: #ff5a2c;
}

.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: #ff5a2c;
}

.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: #092ace;
  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: 15px;
  color: #6a7a83;
}

.events-area .events_single .event_dete {
  position: absolute;
  top: 0;
  right: 0;
  background: #ff5a2c;
  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: 120px 0 0;
}

.testimonial .testimonial_title {
  position: relative;
}

.testimonial .testimonial_title:before {
  color: #ff5a2c;
  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: 300px;
}

.testimonial .carousel_images .restimonial_single_img.slick-current {
  height: 300px;
  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: #ff5a2c;
  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%;
  min-height: 300px;
}

.testimonial .testimonial_text_wrapper .carousel_text .single_box p {
  margin: 30px 0 0 0;
  font-size: 25px;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  line-height: 40px;
  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: #ff5a2c;
  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: #ff5a2c;
}

.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: #ff5a2c;
}

.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: #ff5a2c;
}

.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: #ff5a2c;
  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: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: #ff5a2c;
  padding: 70px 50px 80px 120px;
  position: relative;
  z-index: 1;
}

footer .become_techer_wrapper .become_a_teacher:before {
  background: #ff5a2c;
  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_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: #092ace;
  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: 92px;
  margin-bottom: 13px;
  width: 76%;
}


footer .footer_top .footer_single_col p {
  font-size: 15px;
  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: #ff5a2c;
}

footer .footer_top .footer_single_col ul li a:hover:before {
  color: #ff5a2c;
}

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 {
  color: #ffffff;
  font-size: 14px;
}

footer .footer_top .footer_single_col .contact_info .email {
  color: #ff5a2c;
  padding-left: 15px;
  font-weight: 600;
}

footer .footer_top .footer_single_col .social_items {
  padding: 5px;
}

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: #ff5a2c;
}

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: #ff5a2c !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: #ff5a2c !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: #ff5a2c;
}

.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: #092ace;
  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: #ff5a2c;
}

.unlimited_possibilities .single_item_center .icon_wrapper i:before {
  color: #ff5a2c !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: #ff5a2c;
}

.unlimited_possibilities .single_item:hover .icon_wrapper i:before {
  color: #ff5a2c;
}

.unlimited_possibilities .single_item .icon_wrapper {
  padding-bottom: 30px;
}

.unlimited_possibilities .single_item .icon_wrapper i:before {
  font-size: 60px;
  color: #092ace;
  -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: #ff5a2c;
}

.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: #ff5a2c;
  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: #092ace;
}

.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("") 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: #ff5a2c;
  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: #ff5a2c;
}

.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: #092ace;
  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: #092ace;
  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: #ff5a2c;
  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: #ff5a2c;
}

.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() 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: #ff5a2c;
  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: #ff5a2c;
  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: #ff5a2c;
  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: #ff5a2c;
}

.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: #ff5a2c;
}

.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: #ff5a2c;
}

.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: #ff5a2c;
  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: #092ace;
}

.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: 14px;
}

.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: #ff5a2c;
  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: #ff5a2c;
  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 #ff5a2c;
}

.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: #092ace;
  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: #ff5a2c;
}

.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: #092ace;
}

.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: #092ace;
}

.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: #ff5a2c;
  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: #092ace;
}

.header_3 .intro_wrapper {
  background: url("") 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: #ff5a2c;
  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: #092ace;
}

.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: #092ace;
  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: #ff5a2c;
}

/*=======[ 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: #ff5a2c;
  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: #092ace;
  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: #092ace;
  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: #ff5a2c;
}

/*=======[ 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: #ff5a2c;
  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: #ff5a2c;
  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: #092ace;
}

.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: #ff5a2c;
}

.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: #092ace;
}

.priceing .pricing_wrapper .single_price_table.active .pricing-content .pricing_btn a:hover {
  background: #092ace;
  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: #092ace;
  padding-left: 20px;
}

.priceing .pricing_wrapper .single_price_table .price p sub:before {
  content: "";
  position: absolute;
  background: #092ace;
  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: #092ace;
  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: #ff5a2c;
  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: #ff5a2c;
  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: #092ace;
}

.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/cg-academy-image/iner-baner.png) no-repeat center center;
  min-height: 215px;
  background-size: cover;
  position: relative;
  padding: 98px 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: 36px;
    /* line-height: 80px; */
    font-weight: 700;
    color: #ffffff;
    margin: 0;
}

.header_inner .intro_wrapper .pages_links {
  padding-top: 4px;
}

.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: #ff5a2c;
}

.header_inner .intro_wrapper .pages_links .active:hover {
  color: #ffffff;
}

/*=======[ Blog Signle ]========*/
.blog_page .intro_wrapper {
  background: url("") no-repeat center center !important;
}

.blog_wrapper {
  padding: 130px 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: #ff5a2c;
}

.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: #ff5a2c;
}

.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() 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: #092ace !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: #ff5a2c;
}

.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: #ff5a2c;
  -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: #ff5a2c;
  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: #ff5a2c;
}

.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: #092ace;
  -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: #ff5a2c;
}

.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: #ff5a2c;
  -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: #ff5a2c;
  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: #092ace;
}

.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: #ff5a2c;
}

.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: #ff5a2c;
  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: #ff5a2c;
  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: #ff5a2c;
  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: 40px;
}

.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: #ff5a2c;
}

.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: 12px;
  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: #092ace;
  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: #ff5a2c;
  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: #ff5a2c;
}

.blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover:before {
  color: #ff5a2c;
}

.blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover:after {
  left: -30px;
}

.contact_page .intro_wrapper {
  background:
    linear-gradient(to right, rgba(255, 0, 0, 0.5), rgba(0, 0, 255, 0.5)),
    url("../images/cg-academy-image/iner-baner.png") no-repeat center center !important;
  height: 300px !important;
}

.contact_info_wrapper {
  padding: 120px 0;
}

.contact_info_wrapper .title {
  font-size: 40px;
  font-weight: 700;
  color: #333146;
}

.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: 17px 0px;
}

.contact_info_wrapper .contact_info .event_location_info ul {}

.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: #ff5a2c;
  margin-bottom: 5px;
  position: relative;
}

/* .contact_info_wrapper .contact_info .event_location_info ul li .info_title:before {
              position: absolute;
              content: "";
              background: #ff5a2c;
              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: 14px;
  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: #092ace;
  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: #ff5a2c;
}

.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:
    linear-gradient(to right, rgba(255, 0, 0, 0.5), rgba(0, 0, 255, 0.5)),
    url("../images/cg-academy-image/iner-baner.png") no-repeat center center !important;
  height: 300px !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: #ff5a2c;
}

.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: #ff5a2c;
  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: #ff5a2c;
}

#about_unlimited_possibilities .item_6 .icon_wrapper i:before {
  color: #ff5a2c;
}

#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() 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: #ff5a2c;
  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("") 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: #092ace;
  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: #092ace;
  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: #092ace;
  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: #092ace;
  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 #092ace;
  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: #092ace;
  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: #ff5a2c;
}

#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: #092ace;
  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: #092ace;
  border: 1px solid #092ace;
}

.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: #ff5a2c;
}

.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 #092ace;
  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: #092ace;
  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: #ff5a2c;
}

.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: #092ace;
  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:
    linear-gradient(to right, rgba(255, 0, 0, 0.5), rgba(0, 0, 255, 0.5)),
    url("../images/cg-academy-image/iner-baner.png") no-repeat center center !important;
  height: 300px !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: #ff5a2c;
}

#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: #092ace;
  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: #092ace;
}

#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: #ff5a2c;
  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: #092ace;
}

#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: #ff5a2c;
  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: #092ace;
}

#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: #ff5a2c;
  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;
  vertical-align: middle;
  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: #ff5a2c;
  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: #ff5a2c;
  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: #ff5a2c;
  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 #ff5a2c;
  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: #ff5a2c;
  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: #ff5a2c;
}

#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: #ff5a2c;
  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: #ff5a2c;
  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: #ff5a2c;
  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: #ff5a2c;
}

#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: #ff5a2c;
  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: #ff5a2c;
}

#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: #ff5a2c;
}

#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: #ff5a2c !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: #092ace;
  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 #ff5a2c;
}

#related_courses_wrapper .owl-buttons .owl-prev:hover i:before,
#related_courses_wrapper .owl-buttons .owl-next:hover i:before {
  color: #ff5a2c;
}

.event_page .intro_wrapper {
  background: url("") 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: #ff5a2c;
}

.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: #ff5a2c;
}

.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;
}


/* my css start */
.gallery-thumb {
  cursor: pointer;
  transition: transform 0.2s;
}

.gallery-thumb:hover {
  transform: scale(1.05);
}

.modal-image {
  max-height: 70vh;
  object-fit: contain;
}

.carousel-control-prev,
.carousel-control-next {
  background-color: rgba(0, 0, 0, 0.3);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.carousel-control-prev {
  left: 20px;
}

.carousel-control-next {
  right: 20px;
}

.info_title i {
  font-size: 21px;
  padding-right: 10px;
}


.corse-div {
  width: 100%;
  height: 100px;
  border: solid #ff5a2c 2px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 10px;
  transition: all 0.5s ease;
  /* background-color: black; */

  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.corse-div:hover {
  scale: 1.1;

}

.corse-div h3 {
  font-size: 20px;
  /* color: white; */
}

.bg-sec {
  background-color: whitesmoke;
}


.key-image {
  width: 100%;
  height: 400px;
}

.key-image img {
  width: 100%;
  height: 100%;
}

.org-sec {
  background-color: #ff5a2c;
}

.key li {
  list-style: none;
  margin-left: 50px;
}

.key li i {
  font-size: 25px;
  color: #ff5a2c;
  padding-right: 18px;
  margin-top: 17px;
}

.offer-div {
  width: 100%;
  height: 450px;
}

.offer-div img {
  width: 100%;
  height: 100%;
}

.gidance-div {
  width: 100%;
  height: 150px;
  border: solid red 2px;
  position: relative;
  padding: 6px;
}

.gidance-div h5 {
  text-align: center;
  font-size: 18px;
  margin-top: 50px;
}

.icn-div {
  position: absolute;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #ff5a2c;
  left: 50%;
  transform: translateX(-50%);
  top: -29px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.icn-div i {
  font-size: 30px;
  color: white;


}

.why-image {
  width: 100%;
  height: 447px;
  border: solid;
}

.why-image img {
  width: 100%;
  height: 100%;
}

.about-image {
  width: 100%;
  height: 447px;
  border: solid;
  margin-top: 110px;
}

.about-image img {
  width: 100%;
  height: 100%;
}

.mv-div {
  width: 100%;
  height: 370px;
  border: solid #ff5a2c 8px;
  padding: 30px;
  border-radius: 20px;
}

.mv-div p {
  text-align: justify;
}

.mv-div i {
  font-size: 45px;
  color: #ff5a2c;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 15px 0px;
}

.why-content p i {
  color: red;
  padding-right: 10px;

}

.why-content p b {
  color: #ff5a2c;


}


.hero-section {
  background: linear-gradient(rgba(13, 74, 138, 0.8), rgba(13, 74, 138, 0.9)),
    url('https://images.unsplash.com/photo-1540962351504-03099e0a754b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
  background-size: cover;
  background-position: center;
  color: white;
  padding: 100px 0;
  position: relative;
}

.section-title {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  color: var(--primary-color);
}

.section-title:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 3px;
  background: var(--secondary-color);
  bottom: -10px;
  left: 0;
}

.facility-card {
  border: none;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  background: white;
}

.facility-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.facility-icon {
  font-size: 2.5rem;
  color: #ff5a2c;
  margin-bottom: 20px;
}

.card-body {
  padding: 30px;
  text-align: center;
}

.highlight-badge {
  background-color: var(--secondary-color);
  color: white;
  padding: 5px 15px;
  border-radius: 30px;
  font-size: 0.8rem;
  font-weight: bold;
  position: absolute;
  top: -10px;
  right: -10px;
}

.facility-img {
  height: 200px;
  object-fit: cover;
}

.testimonial-section {
  background-color: var(--primary-color);
  color: white;
  padding: 80px 0;
}

.testimonial-card {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 30px;
  margin: 15px;
  transition: all 0.3s ease;
}

.testimonial-card:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.quote-icon {
  font-size: 2rem;
  color: var(--accent-color);
  opacity: 0.7;
  margin-bottom: 20px;
}

footer {
  background-color: var(--dark-color);
  color: white;
  /* padding: 50px 0 20px; */
  height: 550px;
}

.footer-links a {
  color: #adb5bd;
  text-decoration: none;
  transition: color 0.3s;
}

.footer-links a:hover {
  color: white;
}

.social-icons a {
  color: white;
  font-size: 1.2rem;
  margin-right: 15px;
  transition: color 0.3s;
}

.social-icon-all {
  color: #ffffff;
    padding-right: 30px;
    font-size: 20px;
}




:root {
  --primary-color: #0d4a8a;
  --secondary-color: #e9b949;
  --light-color: #f8f9fa;
  --dark-color: #212529;
}

.awards-section {
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ed 100%);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.section-title {
  color: var(--primary-color);
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  display: inline-block;
}

.section-title:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 4px;
  background: var(--secondary-color);
  bottom: -10px;
  left: 25%;
  border-radius: 2px;
}

.awards-container,
.certifications-container {
  background: white;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-bottom: 30px;
  transition: transform 0.3s ease;
  border-top: 5px solid var(--primary-color);
}

.awards-container:hover,
.certifications-container:hover {
  transform: translateY(-10px);
}

.award-card,
.certification-card {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 8px;
  background: rgba(13, 74, 138, 0.05);
  transition: all 0.3s ease;
}

.award-card:hover,
.certification-card:hover {
  background: rgba(13, 74, 138, 0.1);
  transform: scale(1.02);
}

.award-icon,
.certification-icon {
  font-size: 2.5rem;
  color: #ff5a2c;
  margin-right: 20px;
  min-width: 50px;
  text-align: center;
}

.award-content h3,
.certification-content h3 {
  color: var(--primary-color);
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 1.2rem;
}

.award-content p,
.certification-content p {
  color: var(--dark-color);
  margin-bottom: 0;
  opacity: 0.9;
}

.divider {
  height: 2px;
  background: linear-gradient(to right, transparent, var(--secondary-color), transparent);
  margin: 40px 0;
  border: none;
}

.floating-trophy {
  position: absolute;
  font-size: 120px;
  opacity: 0.1;
  color: var(--secondary-color);
  z-index: 0;
}

.trophy-1 {
  top: 50px;
  right: 50px;
}

.trophy-2 {
  bottom: 50px;
  left: 50px;
}

@media (max-width: 768px) {
  .awards-section {
    padding: 50px 0;
  }

  .about_top_wrapper .story_about .about_story_title {
    padding-top: 100px !important;
  }

  .floating-trophy {
    font-size: 80px;
  }

  .award-icon,
  .certification-icon {
    font-size: 2rem;
    margin-right: 15px;
  }
  footer {
    height: unset;
}
.key-pages {
margin-top: -68px !important;
background: #292929 !important;
    width: 350px;
}
}



.program-div {
  width: 100%;
  height: 100px;

  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.program-div h4 {
  font-size: 17px !important;
}

.diractor-image {
  width: 100%;
  height: 300px;
  border: #ff5a2c 3px solid;

}

.diractor-image img {
  width: 100%;
  height: 100%;
  /* object-fit: contain; */
}


.academy-container {
  width: 100%;
  margin: 0 auto;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.academy-header {
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
  color: white;
  padding: 25px;
  text-align: center;
  position: relative;
}

.academy-header h1 {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
}

.academy-header .slogan {
  font-style: italic;
  margin-top: 10px;
  font-size: 18px;
  color: #ffcc00;
}

.academy-table {
  width: 100%;
  border-collapse: collapse;
}

.academy-table tr:nth-child(even) {
  background-color: #f8f9fa;
}

.academy-table tr:nth-child(odd) {
  background-color: #ffffff;
}

.academy-table th {
  background-color: #2a5298;
  color: white;
  padding: 15px;
  text-align: left;
  width: 30%;
  font-weight: 600;
  border-right: 1px solid #1e3c72;
  border: solid white 1px;
}

.academy-table td {
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
  color: #555;
}

.highlight {
  color: #1e3c72;
  font-weight: 600;
}

.contact-info {
  background-color: #1e3c72;
  color: white;
  padding: 15px;
  text-align: center;
  font-size: 18px;
}

.badge {

  display: inline-block;
  background-color: #ffcc00;
  color: #090b0e;
  padding: 9px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 5px;
}

.courses-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.awards-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.awards-list li {
  padding: 5px 0;
  position: relative;
  padding-left: 20px;
}

.awards-list li:before {
  content: "★";
  color: #ffcc00;
  position: absolute;
  left: 0;
}

.course-card {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: white;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.course-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.course-img {
  height: 200px;
  overflow: hidden;
}

.course-img img {
  width: 94%;
  height: 100%;
  object-fit: fill;
  transition: transform 0.5s ease;
}

.course-card:hover .course-img img {
  transform: scale(1.1);
}

.course-content {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.course-content h3 {
  font-size: 1.25rem;
  margin-bottom: 10px;
  color: #2c3e50;
}

.course-content p {
  color: #7f8c8d;
  margin-bottom: 15px;
  flex-grow: 1;
}

.btn-primary {
  background-color: #e74c3c;
  border: none;
  align-self: flex-start;
}

.btn-primary:hover {
  background-color: #c0392b;
}

.g-mdl {
  width: 100%;
  height: 250px !important;
}

.g-mdl2 {
  width: 100%;
  height: 400px !important;
}



@media (max-width: 768px) {
  h2 {
    font-size: 24px !important;
  }

  .banner_learn img {
    max-width: 100%;
    height: 206px;
    left: -21px;
  }

  .about_top_wrapper .story_about .story_banner {
    height: 290px;
    width: 290px;
    margin-top: -184px !important;
    margin-bottom: 56px !important;
  }

  .about_top_wrapper .story_about .about_story_title {
    padding-top: 10px !important;
  }

  /* 
.about_top_wrapper .story_about .about_story_title {
  padding-top: 169px !important;
} */

  .corse-div h3 {
    font-size: 11px !important;

  }

  footer .footer_top {
    position: relative;
    z-index: 1;
    margin-top: -17px !important;
  }

  .hero-section h1 {
    font-size: 26px !important;
  }

  .hero-section {

    padding: 32px 0 !important;

  }

  .facility-icon {
    font-size: 26px !important;
  }

  .card-body {
    padding: 30px 3px !important;
    text-align: center;
  }

  .card-body h4 {
    font-size: 14px !important;
  }

  .card-body p {
    font-size: 12px !important;
  }

  .card-body {
    padding: 30px 3px !important;
    text-align: center;
    height: 219px !important;
  }

  .key-image {
    width: 100%;
    height: 279px !important;
    margin-top: 30px !important;
  }

  .header_inner .intro_wrapper {
    background: url(../images/cg-academy-image/iner-baner.png) no-repeat center center;
    min-height: 215px;
    background-size: contain;
    position: relative;
    padding: 98px 0;
  }

  .offer-div {
    width: 100%;
    height: 386px !important;
  }

  .award-icon,
  .certification-icon {
    font-size: 24px !important;
    margin-right: 15px;
  }

  .award-content h3,
  .certification-content h3 {

    margin-bottom: 5px;
    font-size: 15px !important;
  }

  .program-div h4 {
    font-size: 15px !important;
  }

  .program-div {
    width: 100%;
    height: 86px !important;
    margin-top: 20px;
  }

  .gidance-div {
    width: 100%;
    height: 150px;
    border: solid red 2px;
    position: relative;
    padding: 6px;
    margin-bottom: 36px !important;
  }

  .why-image {
    width: 100%;
    height: 406px !important;
    border: solid;
  }

  .header_inner .intro_wrapper {
    padding: 46px 0 !important;
  }

  .about-image {

    margin-top: 0px !important;
  }

  .about-image {
    width: 100%;
    height: 250px !important;
  }

  .mv-div {
    width: 100%;
    height: 370px;
    border: solid #ff5a2c 8px;
    padding: 16px !important;
    margin-bottom: 20px !important;
  }

  .mv-div i {
    font-size: 36px !important;

    padding: 8px 0px !important;
  }

  .g-mdl {
    width: 100%;
    height: 184px !important;
  }

  .course-content {
    padding: 13px;
  }

  .course-img {
    height: 149px !important;
    overflow: hidden;
  }

  .course-content h3 {
    font-size: 14px !important;
    margin-bottom: 10px;
    color: #2c3e50;
  }

  .course-content p {
    font-size: 12px !important;
    text-align: center !important;
  }

  .rev_slider_wrapper {
    margin-top: 0px;
    margin-bottom: 0px;
    position: absolute;
    max-height: none;
    overflow: visible;
    height: 479px !important;
    width: 390px;
    left: 0px;
  }

  .about_top_wrapper .banner_learn img {
    width: 100%;
    position: relative;
    z-index: 2;
    height: 48% !important;
  }

  .tp-fullwidth-forcer {
    width: 100%;
    height: 471px !important;
  }

}

.e-btn {
  width: 150px;
  height: 50px;
  background-color: #121c4d;
  color: white;
  border: none;
}

.tab-content {
  padding: 20px;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-radius: 0 0 5px 5px;
}

.media-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.media-item {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.media-item:hover {
  transform: translateY(-5px);
}

.media-item img,
.media-item video {
  width: 100%;
  height: auto;
  display: block;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




.main .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.main .card {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
  color: #333;
  border-radius: 2px;

}

.main .card-image {
  background: #fff;
  display: block;
  padding-top: 70%;
  position: relative;
  width: 100%;
}

.main .card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 600px) {
  .main .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}

/* -----Fancy-Box---GAllery-End-- */

.galry-act .active {
  background: black;
  color: white;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: white !important;
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
  background-color: #2b6777 !important;
}


.rk-sahu-div {
  width: 100%;
  height: 362px;
}

.rk-sahu-div img {
  width: 100%;
  height: 100%;
}


/* Custom dropdown styling */
.dropdown-menu {
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  /* padding:; */
  transition: all 0.2s;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f8f9fa;
  color: #fd7f33;
}

.dropdown-item.active {
  background-color: #fd7f33;
  color: white;
}

.nav-link.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}





.army-entry-image {
  width: 100%;
  height: 480px;
}

.army-entry-image img {
  width: 100%;
  height: 100%;
}


.table-container {
  /* width: 100%; */
  /* overflow: auto !important; */
}
.of {
  overflow: auto !important;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

th {
  background-color: #ff5a2c;
  color: white;
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

tr:hover {
  background-color: #e9e9e9;
}

.subject-col {
  width: 60%;
}

.duration-col {
  width: 20%;
}

.mm-col {
  width: 20%;
}


.bg-tabl {
  background-color: #f9dede;
  padding: 5px 0;
  list-style: none !important;
  padding-left: 5px;
}


.bg-tabl2 {
  padding-left: 10px;
  list-style: none !important;
  padding-top: 10px;
  padding-bottom: 10px;

}

.bg-tabl-main {
  border: solid black 2px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.subject-table {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.table-header {
  color: white;
}

.table-header th {
  vertical-align: middle;
  text-align: center;

  background-color: red;

}

.table-body tr:nth-child(even) {
  background-color: rgba(13, 110, 253, 0.05);
}

.table-body tr:hover {
  background-color: rgba(13, 110, 253, 0.1);
}

.subject-col {
  width: 50%;
}

.duration-col,
.mm-col {
  width: 25%;
  text-align: center;
}

.subject-card {
  max-width: 600px;
  margin: 0 auto;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.table-header {
  background-color: #3b82f6;
  color: white;
  font-weight: 600;
}

.table-row:nth-child(even) {
  background-color: #f1f5f9;
}

.table-row:hover {
  background-color: #e2e8f0;
}

.duration-col,
.marks-col {
  text-align: center;
  vertical-align: middle;
}




.header-card {
  background-color: #0d6efd;
  color: white;
  border-radius: 8px 8px 0 0;
  padding: 15px;
  margin-bottom: 0;
}

/* .table-container {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
} */

.table-responsive {
  overflow-x: auto;
}

table {
  margin-bottom: 0;
}

thead {
  background-color: #3b82f6;
  color: white;
}

th {
  white-space: nowrap;
  vertical-align: middle;
}

tbody tr:nth-child(odd) {
  background-color: rgba(13, 110, 253, 0.05);
}

tbody tr:hover {
  background-color: rgba(13, 110, 253, 0.1);
}

.type-col {
  min-width: 150px;
  font-weight: 500;
}

.age-col,
.month-col {
  white-space: nowrap;
}

.note {
  font-size: 0.85rem;
  color: #6c757d;
  margin-top: 15px;
}

.soldier-image-div {
  width: 100%;
  height: 430px;
}

.soldier-image-div img {
  width: 100%;
  height: 100%;
}

.table-responsive {
  margin: 20px 0;
}

.table thead th {
  background-color: #343a40;
  color: white;
  vertical-align: middle;
}

.table tbody tr:nth-child(odd) {
  background-color: #f8f9fa;
}

.table tbody tr:hover {
  background-color: #e9ecef;
}

.qualification-cell {
  text-align: left;
  white-space: normal;
}


.navy-header {
  background-color: #000080;
  color: white;
  padding: 20px 0;
  margin-bottom: 30px;
  border-radius: 5px;
}

/* .table-container {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 30px;
} */

.table-title {
  color: #000080;
  border-bottom: 2px solid #000080;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.table thead {
  background-color: #000080;
  color: white;
}

.table tbody tr:nth-child(even) {
  background-color: #f2f6ff;
}

.table tbody tr:hover {
  background-color: #e6f0ff;
}

.eligibility-badge {
  background-color: #28a745;
}

.note {
  font-style: italic;
  color: #6c757d;
  font-size: 0.9rem;
}

.gender-icon {
  font-size: 1.2rem;
  margin-right: 5px;
}

.male {
  color: #007bff;
}

.female {
  color: #ff6b9d;
}


.darkdiv {
  background-color: #80808061;
  padding: 20px;
}


.darkdiv h5 {
  padding-bottom: 10px;
}



.ssb-container {
  max-width: 1000px;
  margin: 30px auto;
  padding: 25px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.header {
  text-align: center;
  margin-bottom: 30px;
  color: #2c3e50;
  border-bottom: 3px solid #3498db;
  padding-bottom: 10px;
}

.section-title {
  color: #2c3e50;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 20px;
}

.table-custom {
  margin-bottom: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.table-custom thead {
  background-color: #3498db;
  color: white;
}

.table-custom th {
  vertical-align: middle;
  text-align: center;
}

.table-custom tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}

.table-custom tbody tr:hover {
  background-color: #e9f5ff;
}

.highlight-row {
  background-color: #fff3cd !important;
  font-weight: 600;
}

.note-box {
  background-color: #e8f4fc;
  border-left: 4px solid #3498db;
  padding: 15px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 0 5px 5px 0;
}

@media (max-width: 768px) {
  .ssb-container {
    padding: 15px;
    margin: 15px;
  }

  .header {
    font-size: 1.5rem;
  }

  .table-responsive {
    font-size: 0.9rem;
  }
}



.nda-container {
  max-width: 1000px;
  margin: 30px auto;
  padding: 30px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.header {
  text-align: center;
  margin-bottom: 30px;
  color: #2c3e50;
  border-bottom: 3px solid;
  padding-bottom: 15px;
}

.section-title {
  color: #2c3e50;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 2px solid #e9ecef;
}

.nda-table {
  margin: 25px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.nda-table thead th {
  /* background-color: ; */
  color: white;
  text-align: center;
  vertical-align: middle;
}

.nda-table tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}

.nda-table tbody tr:hover {
  background-color: #fce8e8;
}

.feature-list {
  padding-left: 20px;
}

.feature-list li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

.feature-list li:before {
  content: "•";
  /* color: #dc3545; */
  font-weight: bold;
  position: absolute;
  left: 0;
  font-size: 1.2em;
}

.highlight-box {
  background-color: #f8f9fa;
  border-left: 4px solid;
  padding: 20px;
  margin: 25px 0;
  border-radius: 0 5px 5px 0;
}

.benefit-card {
  border-left: 4px solid;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #f8f9fa;
  border-radius: 0 5px 5px 0;
}

.highlight {
  font-weight: 600;
  /* color: #dc3545; */
}

@media (max-width: 768px) {
  .nda-container {
    padding: 20px;
    margin: 15px;
  }
}



.header-section {
  background-color: #003366;
  color: white;
  padding: 20px 0;
  margin-bottom: 30px;
}

.course-card {
  border-left: 4px solid #003366;
  margin-bottom: 20px;
}

.hostel-info {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 5px;
}

.note-highlight {
  background-color: #fff3cd;
  padding: 15px;
  border-left: 4px solid #ffc107;
  margin: 20px 0;
}

.syllabus-table th {
  background-color: #003366;
  color: white;
}

.exam-details table {
  margin-bottom: 30px;
}



.header-section {
  background-color: #003366;
  color: white;
  padding: 20px 0;
  margin-bottom: 30px;
}

.course-card {
  border-left: 4px solid #003366;
  margin-bottom: 20px;
}

.hostel-info {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 5px;
}

.note-highlight {
  background-color: #fff3cd;
  padding: 15px;
  border-left: 4px solid #ffc107;
  margin: 20px 0;
}

.syllabus-table th {
  background-color: #003366;
  color: white;
}

.exam-details table {
  margin-bottom: 30px;
}

.subject-card {
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 20px;
}

.subject-card h4 {
  color: #003366;
  border-bottom: 2px solid #003366;
  padding-bottom: 10px;
}



.dropdown-menu {
  top: 60px !important;
}

.corse-a a {
  color: black;
  text-decoration: none;
}

/* Keyword css start */
.keyword-one {
	padding: 30px;
}
.supplyment img {
	transition: transform 0.2s ease;
}

.supplyment:hover img {
	transform: scale(1.03);
}
.pers-img {
	width: 100%;
	height: 300px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.section-set {
	background-color: #ff5a2c;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-top: 15px;
    padding: 15px;
}
.section-set i {
	margin-right: 7px;
}
.f-sz {
	font-size: 30px !important;
	color: #ffffff;
	padding-bottom: 15px;
	font-weight: 600;
}
.cds-key {
  color: #ffffff !important;
}
.cds-serve {
  color: #000;
}
.li-design li {
	height: 54px;
    margin-bottom: 10px;
    list-style: none;
    border-radius: 15px;
    padding: 10px;
    line-height: 19px;
    font-size: 17px;
    font-weight: 800;
}

.li-design {
	background-color: white;
}
.key-side a {
	text-decoration: none;
	line-height: normal;
}

.key-side {
	padding-left: 0px;
}
.key1 {
	transition: transform 0.2s ease;
}

.key1:hover {
	transform: scale(1.03);
}
.unset {
	padding-left: 0px;
	list-style: none;
}

.unset i {
	margin-right: 10px;
	color: rgb(217 83 79);
}

.unset i:hover {
	color: #2095AE;
}
.expe-blocks {
	transition: all 0.3s ease-in-out;
	background-color: white;
	padding: 15px;
	height: 220px;
	border-radius: 18px;
	position: relative;
}

.expe-blocks:hover {
	background-color: radial-gradient(circle, #6a11cb, #2575fc);
	transform: scale(1.05);
}
.w-all-section {
	height: 215px;
	background: #ff5a2c;
}
.why-section {
	height: 90px;
	width: 90px;
	border-radius: 50%;
	border: 1px solid white;
	background: white;
	position: absolute;
	left: 25%;
	transform: translateX(-50%);
	top: -50px;
	display: flex;
	text-align: center;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.icon-font i {
	font-size: 35px;
	color: #ff5a2c;
}
.ex-doctor {
	padding-top: 10px;
}
.exper-q {
	padding-top: 51px;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
}
.why-dr {
	color: #ffffff;
}
.block-1 {
	padding-top: 75px !important;
	padding: 10px;
	border-radius: 20px;
}
.services {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
	margin-bottom: 60px;
}
.service-card {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 2px solid #ff5a2c;
    position: relative;
    overflow: hidden;
    height: 250px;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(176, 10, 30, 0.1);
}

.service-card h3 {
    color: #000;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
}

.service-card p {
    color: #666;
    margin-bottom: 20px;
}
.service-img {
	height: 200px;
	overflow: hidden;
}

.service-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.serv-card:hover .service-img img {
	transform: scale(1.1);
}
.service-content {
	padding: 20px;
}

.service-content h3 {
	font-size: 1.5rem;
	margin-bottom: 15px;
	color: var(--primary-color);
}
.cds-img {
  height: 100%;
  width: 100%;
}
.cds-img img{
  height: 305px;
  width: 100%;
}
.cds-result {
  height: 100%;
  width: 100%;
}
.cds-result img{
  height: 297px;
  width: 100%;
}
.nda-img {
  height: 100%;
  width: 100%;
}
.nda-img img{
  height: 265px;
  width: 100%;
}
.nda-exam {
  height: 100%;
  width: 100%;
}
.nda-exam img{
  height: 300px;
  width: 100%;
}
.air-img {
  height: 100%;
  width: 100%;
}
.air-img img{
  height: 260px;
  width: 100%;
}
.air-force {
  height: 100%;
  width: 100%;
}
.air-force img{
  height: 305px;
  width: 100%;
}
.cds-ssb-img {
  height: 100%;
  width: 100%;
}
.cds-ssb-img img{
  height: 310px;
  width: 100%;
}
.ssc-gd-img {
  height: 100%;
  width: 100%;
}
.ssc-gd-img img{
  height: 285px;
  width: 100%;
}
.loc-call {
  color: #ff5a2c;
    padding-right: 7px;
    font-size: 15px;
}
/* .table-container {
            width: 100%;
            max-width: 900px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border-radius: 12px;
            overflow: hidden;
        } */
        
        table {
            width: 100%;
            border-collapse: collapse;
            background-color: white;
        }
        
        thead {
            background: #ff5a2c !important;
            color: white;
        }
        
        th {
            padding: 18px 15px;
            text-align: left;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-size: 14px;
        }
        
        td {
            padding: 15px;
            border-bottom: 1px solid #e0e6ed;
            color: #4a5568;
        }
        
        tr:last-child td {
            border-bottom: none;
        }
        
        tbody tr:hover {
            background-color: #f8fafc;
        }
        
        tbody tr:nth-child(even) {
            background-color: #f8fafc;
        }
        
        tbody tr:nth-child(even):hover {
            background-color: #f1f5f9;
        }
        
        .academy-name {
            font-weight: 600;
            color: #2d3748;
        }
        
        .gender-male {
            color: #3182ce;
            font-weight: 500;
        }
        
        .gender-female {
            color: #d53f8c;
            font-weight: 500;
        }
        
        .gender-both {
            color: #805ad5;
            font-weight: 500;
        }
        
        @media (max-width: 768px) {
            th, td {
                padding: 12px 8px;
                font-size: 13px;
            }
        }
        :root {
            --primary-color: #2c3e50;
            --secondary-color: #3498db;
            --accent-color: #e74c3c;
            --light-color: #ecf0f1;
            --dark-color: #2c3e50;
        }
        
        h3 {
            text-align: center;
            color: var(--primary-color);
            margin-bottom: 30px;
            position: relative;
            padding-bottom: 15px;
        }
        
        /* h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 3px;
            background: var(--secondary-color);
        } */
        
        h2 {
            /* color: var(--secondary-color);
            margin-top: 30px;
            border-left: 4px solid var(--secondary-color); */
            padding-top: 25px;
        }
        .cds-head {
          color: #333146;
    font-size: 35px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
        }
        
        .tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
            flex-wrap: wrap;
        }
        
        .tab-btn {
            padding: 10px 20px;
            background: var(--light-color);
            border: none;
            cursor: pointer;
            font-weight: 600;
            color: var(--dark-color);
            transition: all 0.3s ease;
            margin: 5px;
            border-radius: 4px 4px 0 0;
        }
        
        .tab-btn.active {
            background: #ff5a2c;
    color: white;
        }
        
        .tab-content {
            display: none;
            animation: fadeIn 0.5s ease;
        }
        
        .tab-content.active {
            display: block;
        }
        
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            border-radius: 8px;
        }
        
        th, td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        
        th {
            background-color: var(--primary-color);
            color: white;
            font-weight: 600;
        }
        
        tr:nth-child(even) {
            background-color: #f8f9fa;
        }
        
        tr:hover {
            background-color: #e9f5ff;
        }
        
        .syllabus-list {
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            margin-bottom: 30px;
        }
        
        .syllabus-list ul {
            columns: 2;
            list-style-type: none;
            padding: 0;
        }
        
        .syllabus-list li {
            padding: 8px 0;
            position: relative;
            padding-left: 25px;
        }
        
        .syllabus-list li::before {
            content: '✓';
            color: var(--secondary-color);
            position: absolute;
            left: 0;
            font-weight: bold;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @media (max-width: 768px) {
            .syllabus-list ul {
                columns: 1;
            }
            
            th, td {
                padding: 8px 10px;
                font-size: 14px;
            }
        }
        .col-key a{
          color: rgb(0 52 119) !important;
        }
        .ima-all {
          list-style: none;
          padding-left: unset !important;
        }
        .fa-icon i{
    padding-right: 10px;
    color: #ff5a2c;
        }
        .nda-all {
              height: 240px;
    background: #ff5a2c;
        }
        .serv-high {
          height: 380px !important;
        }

@media (max-width: 768px) {
	.block-1 {
		padding: 30px !important;
		padding-bottom: 0px !important;
	}

	.expe-blocks {
		height: 230px !important;
	}

	.w-all-section {
		height: 250px !important;
	}

	.pro-fess li {
		list-style: none;
		font-size: 13px;
		font-weight: 600;
	}
	.pers-img {
    width: 100%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.li-design li {
    background-color: #80808029;
    border-left: 5px solid rgb(212 63 58);
    height: 70px;
    margin-bottom: 10px;
    list-style: none;
    border-radius: 15px;
    padding: 10px;
    line-height: 25px;
    font-size: 14px;
}
.mob-head {
  color: #ffffff !important;
}
.cds-img img {
    height: auto;
    width: 100%;
}
.cds-result img {
    height: auto;
    width: 100%;
}
.nda-img img {
    height: auto;
    width: 100%;
}
.nda-exam img {
    height: auto;
    width: 100%;
}
.air-img img {
    height: auto;
    width: 100%;
}
.air-force img {
    height: auto;
    width: 100%;
}
.cds-ssb-img img {
    height: auto;
    width: 100%;
}
.ssc-gd-img img {
    height: auto;
    width: 100%;
}
}

:root {
            --primary-color: #0a4a8a;
            --secondary-color: #d4af37;
            --accent-color: #e63946;
            --light-color: #f8f9fa;
            --dark-color: #212529;
        }
        
        .highlight {
            color: var(--secondary-color);
            font-weight: bold;
        }
        
        .section-box {
            background-color: white;
            border-radius: 8px;
            padding: 15px;
            margin: 30px 0;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            border-left: 4px solid var(--primary-color);
        }
        
        .nda-title {
            color: var(--primary-color);
            /* margin-bottom: 20px; */
            font-size: 1.8rem;
            display: flex;
            align-items: center;
        }
        
        .nda-title i {
            margin-right: 10px;
            color: #ff5a2c;
        }
        
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        
        table, th, td {
            border: 1px solid #ddd;
        }
        
        th {
            background-color: var(--primary-color);
            color: white;
            padding: 12px;
            text-align: left;
        }
        
        td {
            padding: 10px 12px;
        }
        
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }
        
        .syllabus-list {
            columns: 2;
            column-gap: 30px;
            margin: 20px 0;
        }
        
        .syllabus-list li {
            margin-bottom: 10px;
            list-style-type: none;
            position: relative;
            padding-left: 25px;
        }
        
        .syllabus-list li:before {
            content: "→";
            color: var(--secondary-color);
            position: absolute;
            left: 0;
            font-weight: bold;
        }
        
        .cta-section {
            text-align: center;
            background: linear-gradient(135deg, var(--primary-color), #1a5f9c);
            color: white;
            padding: 40px;
            border-radius: 8px;
            margin: 40px 0;
        }
        
        .cta-section h2 {
            margin-bottom: 20px;
            font-size: 2rem;
        }
        
        .cta-button {
            display: inline-block;
            background-color: var(--secondary-color);
            color: var(--dark-color);
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            margin-top: 10px;
        }
        
        .cta-button:hover {
            background-color: #e8c252;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .tab-container {
            margin: 30px 0;
        }
        
        .tab-buttons {
            display: flex;
            border-bottom: 1px solid #ddd;
        }
        
        .tab-button {
            padding: 12px 20px;
            background-color: #f1f1f1;
            border: none;
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 600;
            color: var(--dark-color);
        }
        
        .tab-button:hover {
            background-color: #ddd;
        }
        
        .tab-button.active {
            background-color: var(--primary-color);
            color: white;
        }
        
        .tab-content {
            display: none;
            padding: 20px;
            background-color: white;
            border: 1px solid #ddd;
            border-top: none;
            animation: fadeIn 0.5s;
        }
        
        .tab-content.active {
            display: block;
                overflow: auto;
        }
        
        @keyframes fadeIn {
            from {opacity: 0;}
            to {opacity: 1;}
        }
        
        .countdown {
            display: flex;
            justify-content: center;
            margin: 30px 0;
            gap: 20px;
        }
        
        .countdown-item {
            text-align: center;
            background-color: var(--primary-color);
            color: white;
            padding: 15px;
            border-radius: 8px;
            min-width: 80px;
        }
        
        .countdown-number {
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        .countdown-label {
            font-size: 0.9rem;
            text-transform: uppercase;
        }
        
        @media (max-width: 768px) {
            .syllabus-list {
                columns: 1;
            }
            
            .countdown {
                flex-wrap: wrap;
            }
            
            header h1 {
                font-size: 2rem;
            }
            
            .section-box {
                padding: 20px;
            }
            .tab-content.active {
            /* display: block; */
                overflow: auto;
        }
        .dark-back {
          background: #292929 !important;
        }
        .ab-head {
          color: white;
        }
        }
        .air-card {
          height: 325px !important;
        }
        .ssc-card {
          height: 220px !important;
        }

        .highlight-box {
            background-color: #f9f9f9;
            border-left: 4px solid #e74c3c;
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 0 5px 5px 0;
        }
        
        .highlight-box p {
            margin: 5px 0;
            line-height: 1.6;
        }
        
        .details {
            margin-bottom: 30px;
        }
        
        .detail-item {
            display: flex;
            margin-bottom: 15px;
            align-items: flex-start;
        }
        
        .bullet {
            color: #e74c3c;
            font-weight: bold;
            margin-right: 10px;
            font-size: 20px;
            line-height: 1;
        }
        
        .detail-content {
            flex: 1;
        }
        
        .detail-content h3 {
            margin: 0 0 5px 0;
            color: #2c3e50;
        }
        
        .detail-content p {
            margin: 0;
            color: #555;
            font-size: 20px;
        }
        
        .footer-sect {
            text-align: center;
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #eee;
            color: #777;
            font-size: 14px;
        }
        
        .academy-name {
            color: #e74c3c;
            font-weight: bold;
        }


        :root {
            --primary: #1a5276;
            --secondary: #2980b9;
            --accent: #e74c3c;
            --light: #ecf0f1;
            --dark: #2c3e50;
            --success: #27ae60;
        }
        
        .content {
            padding: 25px;
        }
        
        .gender-selector {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
        }
        
        .gender-btn {
            padding: 12px 25px;
            margin: 0 10px;
            border: none;
            border-radius: 50px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            background-color: var(--light);
            color: var(--dark);
        }
        
        .gender-btn.active {
            background: linear-gradient(to right, var(--primary), var(--secondary));
            color: white;
            box-shadow: 0 5px 15px rgba(41, 128, 185, 0.4);
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: var(--dark);
        }
        
        input, select {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 16px;
            transition: all 0.3s;
        }
        
        input:focus, select:focus {
            border-color: var(--secondary);
            outline: none;
            box-shadow: 0 0 0 3px rgba(41, 128, 185, 0.2);
        }
        
        .btn {
            display: block;
            width: 100%;
            padding: 14px;
            background: linear-gradient(to right, var(--primary), var(--secondary));
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            margin-top: 30px;
        }
        
        .btn:hover {
            opacity: 0.9;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(41, 128, 185, 0.4);
        }
        
        .result {
            margin-top: 30px;
            padding: 20px;
            border-radius: 8px;
            display: none;
        }
        
        .result.success {
            background-color: rgba(39, 174, 96, 0.1);
            border-left: 5px solid var(--success);
            display: block;
        }
        
        .result.fail {
            background-color: rgba(231, 76, 60, 0.1);
            border-left: 5px solid var(--accent);
            display: block;
        }
        
        .result h3 {
            margin-bottom: 10px;
            font-size: 20px;
        }
        
        .result p {
            margin-bottom: 8px;
            line-height: 1.6;
        }
        
        .standards {
            margin-top: 40px;
            background-color: var(--light);
            padding: 20px;
            border-radius: 8px;
        }
        
        .standards h3 {
            margin-bottom: 15px;
            color: var(--primary);
            border-bottom: 2px solid var(--secondary);
            padding-bottom: 8px;
        }
        
        .standards ul {
            list-style-position: inside;
        }
        
        .standards li {
            margin-bottom: 10px;
            line-height: 1.6;
        }
        
        @media (max-width: 600px) {
            header h1 {
                font-size: 22px;
            }
            
            .gender-selector {
                flex-direction: column;
            }
            
            .gender-btn {
                margin: 5px 0;
                width: 100%;
            }
        }


        .intro {
            background-color: white;
            padding: 25px;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 30px;
        }
        
        .intro p {
            margin-bottom: 15px;
            font-size: 1.05rem;
        }
        
        .highlight {
            color: #0a4b78;
            font-weight: bold;
        }
        
        .preparation-methods {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .method {
            background-color: white;
            padding: 25px;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }
        
        .method:hover {
            transform: translateY(-5px);
        }
        
        .method h3 {
            color: #0a4b78;
            margin-bottom: 15px;
            font-size: 1.3rem;
            border-bottom: 2px solid #0a4b78;
            padding-bottom: 8px;
        }
        
        .method p {
            margin-bottom: 10px;
        }
        
        .method ul {
            margin-left: 20px;
        }
        
        .method li {
            margin-bottom: 8px;
        }
        
        .conclusion {
            background-color: #0a4b78;
            color: white;
            padding: 25px;
            border-radius: 5px;
            text-align: center;
            font-size: 1.1rem;
        }
        
        .conclusion .highlight {
            color: #ffcc00;
        }
        
        @media (max-width: 768px) {
            h1 {
                font-size: 1.8rem;
            }
            
            .subtitle {
                font-size: 1rem;
            }
            
            .preparation-methods {
                grid-template-columns: 1fr;
            }
        }
        .cds-choose {
          height:235px !important;
        }
/* Keyword css end */

/* ----Faq---- */
.faq .brochures-prgs {
    cursor: pointer;
    border-top: 4px solid #ff5a2c;
    border-left: 3px solid #ff5a2c;
    padding: 11px;
    color: #000000;
    border-radius: 9px;
    background: rgb(239 131 101);
    font-size: 18px;
    margin-bottom: 15px;
    position: relative;
  }

.faq .disp{
  display: none;
  padding: 20px;
}


.faq .rotate {
  transform: rotate(180deg);
}
.faq .brochures-prgs .fa{
    font-size: 18px;
    right: 0;
    position: absolute;
    padding: 15px 15px;
    border-radius: 6px;
    border-top-left-radius: 0%;
    margin-top: -11px;
    margin-right: 0px;
    background: rgba(241, 183, 183, 0.664);
    background: #ef8365;
    color: var(--bs-white);
  }

  @media (max-width: 768px) {
    .faq .brochures-prgs .fa{
        font-size: 18px;
        right: 0;
        position: absolute;
        padding: 9px;
        border-radius: 6px;
      
        border-top-left-radius: 0%;
        top:10px;
       
      }
  }
/* ----Faq-End---- */

/* -funnels-Css--- */
/*mobile footer css starts*/

.navbar-footer a {
	float: left;
	display: none;
	width: 25%;
	color: #fff;
	text-align: center;
	padding: 25px 22px 38px 20px;
	text-decoration: none;
	font-size: 21px;
	/* margin-right: 22px;
    margin-left: 21px; */
}

.navbar-footer a:hover {
	background: #F1F1F1;
	color: black;
}

.w_app>i {
	color: #fff;
}

.w_app {
	background-color: #28A745;
}

.e_mail>i {
	color: #fff;
}

.e_mail {
	background-color: #DC3545;
}

.ems_call>i {
	color: #fff;
}

.ems_call {
	background-color: #007BFF;
}

.ems_enquiry>i {
	color: #fff;
}

.ems_enquiry {
	background-color: #FFC107;
}

.upside {
	display: none;
}

.mobile-hidden i {
	color: white;
}

@media screen and (min-width :315px) and (max-width :768px) {
	.upside {
		display: block;
	}

	.funnal-mobile {
		display: none !important;
	}

	.mobile-footer {
		display: block !important;
	}

	.social-mobile li a .fa {
		display: none;
	}

	.navbar-footer {
		overflow: scroll;
		z-index: 9999999 !important;
		background-color: #ccc;
		position: fixed;
		bottom: -16px;
		width: 100%;
	}

	.navbar-footer a:hover {
		background: #f1f1f1;
		color: black;
	}

	.main {
		padding: 0px;
		margin-bottom: 54px;
	}

	.navbar-footer {
		display: block !important;
	}
  /* .dropdown-menu {
    display: unset !important;
  } */

}

.mobile-hidden a {
	font-size: 16px;
}

/* mobile footer css end*/
@media only screen and (max-width:768px) {


	.mobile-hidden {
		display: none !important;
	}

	.tab {
		margin: 4px 4px !important;
	}

	.brochures-prgs .fa-plus {
		margin-right: 30px !important;
	}
}

/* Funnel css start */
.btn-success {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #4cae4c;
	padding: 15px 30px;
}

.btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439
}

.btn-danger {
	color: #fff !important;
	background-color: #d9534f;
	border-color: #d43f3a;
	padding: 15px 30px;
}

.btn-danger:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925
}

.btn-warning {
	color: #fff !important;
	background-color: #f0ad4e;
	border-color: #eea236;
	padding: 15px 30px;
}

.btn-warning:hover {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512
}

/* .btn-primary {
      color: #fff!important;
      background-color: #0084bd;
      border-color: #0d668d;
      padding: 15px 30px;
    }
    .btn-primary:hover {
      color: #fff;
      background-color: #0d668d;
      border-color: #204d74
    } */
.pb-20 {
	padding-top: 10px;
	padding-bottom: 30px;
}


/* -funnels-Css-Ends--- */

.air-force-head {
      font-size: 1.5rem;
    margin-bottom: 15px;
    color: var(--primary-color);
}