*{

    margin:0;

    padding:0;



}

:root{

    --roboto-font:'Roboto', sans-serif;

    --color:#000000;

    --bg_color:#e80f16;

    --color_white: #fff;

    --desc_color:rgba(255, 255, 255, 0.5);

    --bg-text-color: #404040;

}

body{

    font-family: var(--roboto-font);

}

.fb-page iframe {

    height: 423px !important;

}

h1,

h2,

h3,

h5,

h6{

    font-family: var(--roboto-font);

}

p{

    font-family: var(--roboto-font);

}

.fs_20{

    font-size:20px !important;

}

.fs_16{

    font-size:16px !important;

}

.fw_3{

    font-weight: 300;

}

.fw_4{

    font-weight: 400;

}

.fw_5{

    font-weight: 500;

}

.fw_b{

    font-weight: bold;

}

.fw_7{

    font-weight: 700;

}

.fw_6{

    font-weight: 600;

}

.section_paddingT{

    padding-top:80px;

}

.section_paddingB{

    padding-bottom:80px;

}

.fs-18 {

    font-size: 18px;

    color: #000000;

    line-height: 28px;

}



.title_style {

    position: relative;

    padding-bottom: 20px;

}

.section-title{

    font-size:18px;

    font-weight: bold;

    font-family: var(--roboto-font);

}

.section_desc{

    font-size:15px;

    font-weight:400;

    color:var(--color_white);

}

.title_style:after {

    bottom: -7px;

    content: url(../img/heading-line.png);

    left: 0;

    position: absolute;

    display: block;

}

/* ========== container cutomize =========== */

.container{

    max-width:1250px !important;

    padding:0;

}

/* ========== container cutomize =========== */

.site_button {

    background: var(--bg_color);

    color: var(--color_white);

    font-size: 16px;

    font-family: var(--roboto-font);

    border-radius: 25px;

    padding: 12px 40px;

    font-weight: 500;

    border:1px solid var(--bg_color);

    transition:0.5s;

}

.main-video-banner {

    width: 100%;

    height: 500px;

    margin-top: 25px;

}

.site_button:hover{

    background:none;

    color:var(--bg_color);

}

a.site_button{

    text-decoration: none;

    display: inline-block;

}

.sign_up {

    display: flex;

    align-items: center;

    justify-content: end;

    padding: 5px 10px;

    background: var(--bg_color);

    border-radius: 20px;

}

.sign_up:hover, 

.login:hover{

    transform: scale(1.05);

}

.login {

    display: inline-block;

    padding: 5px 25px;

    font-size: 20px;

    text-transform: uppercase;

    border-radius: 20px;

    font-weight: 700;

    border: 2px solid var(--color_white);

}

.sign_up a {

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

}



/* ================ topbar css ================== */

.right_bar .input-group.rounded {

    width: auto;

}



.right_bar span#search-addon {

    position: absolute;

    background: none;

    left: 1px;

    top: 50%;

    transform: translateY(-50%);

}



.right_bar input.form-control.rounded {

    padding: 13px 26px;

    border-radius: 30px !important;

    padding-left: 36px;

    width: 220px !important;

}

.right_bar input.form-control.rounded::placeholder{

    color:#8e8e8e;

    font-size:14px;

}



.right_bar.col-md-3 {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.login_top:hover{

    color:var(--color_white) !important

}

/* ================ topbar css ================== */



@media(min-width:1200px){

    .middle_bar.text-center.col-md-6 {

        width: 46%;

    }

    

    .right_bar.col-md-3 {

        width: 27%;

    }

    

    .left_bar.col-md-3.text-white {

        width: 27%;

    }

}



.top_header {

    padding: 7px 0;

    border-bottom: 1px solid rgb(255 255 255 / 15%);

    padding-bottom: 18px;

}

.button_width{

    width:220px;

}

.navbar-nav .nav-item .nav-link{

    color:var(--color_white) !important;

    font-size:18px;

    font-weight: 500;

    font-family: var(--roboto-font);

}



.navbar-nav .nav-item.active .nav-link{

    color:var(--bg_color) !important;

}

.navbar-nav{

    width:90%;

    margin: 10px auto;

}



nav.navbar.sticky_nav {

    position: fixed;

    z-index: 999;

    top: 0;

    left: 0;

    width: 100%;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    border-bottom: 1px solid rgba(0, 0, 0, 0.075);

    -webkit-animation: fadeInDown 0.5s ease-in-out;

    animation: fadeInDown 0.5s ease-in-out;

    background: var(--color);

}



.title{

    font-size:58px;

    font-family: var(--roboto-font);

    font-weight: 700;

    /* color:var(--color_white); */

}

h2.title.title_style.center_style:after {

    left: 46%;

    transform: translateX(-50%);

}

span.color_taxt {

    color:var(--bg_color);

}

.w_90{

    width:90%;

}

.m_auto{

    margin:0 auto;

}



/* ============= video play ============= */



.play-box{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}

.play-box:hover {

	color: var(--color-two);

}



.play-box span{

	position:relative;

	width: 80px;

	height: 80px;

	line-height: 52px;

	border-radius:50px;

	text-align:center;

	display:inline-block;

    background:url(../img/video-icon.png);

	transition:all 0.5s ease-in-out;

	-webkit-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	transition:all 0.5s ease-in-out;

    background-size: 100% 100% !important;

}





.play-box span:before,

.play-box span:after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 80px;

	height: 80px;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-border-radius: 50% 50% 50% 50%;

    border-radius: 50% 50% 50% 50%;

    -webkit-box-shadow: 0px 0px 0px 20px rgba(223, 10, 10, 0.4);

    box-shadow: 0px 0px 0px 20px rgba(223, 10, 10, 0.4);

    -webkit-animation: ripple1 2s ease-in-out infinite;

    animation: ripple1 2s ease-in-out infinite;

}



.play-box span:after {

    -webkit-box-shadow: 0px 0px 0px 40px var(--bg_color);

    box-shadow: 0px 0px 0px 40px var(--bg_color);

    -webkit-animation: ripple2 2s ease-in-out infinite;

    animation: ripple2 2s ease-in-out infinite;

}



@keyframes ripple1 {

    0% {box-shadow: 0px 0px 0px 0px rgba(223, 10, 10, 0.4);}

    50% {box-shadow: 0px 0px 0px 20px rgba(223, 10, 10, 0);}

    100% {box-shadow: 0px 0px 0px 0px rgba(223, 10, 10, 0);}

}

@keyframes ripple2 {

    0% {box-shadow: 0px 0px 0px 20px var(--bg_color);}

    50% {box-shadow: 0px 0px 0px 40px rgba(223, 10, 10, 0);}

    100% {box-shadow: 0px 0px 0px 0px rgba(223, 10, 10, 0);}

}



.video_bg_img img {

    border: 1px solid var(--bg-text-color);

    border-radius: 20px;

}

.video_bg_img{

    margin-top:50px;

}



.video_modal {

    position: relative;

    width: 92.5%;

    margin: 40px auto 0;

}

/* ============= video play ============= */



/* ======================= our teaching ======================= */

.teaching_img_cont {

    position: relative;

}



.trusted_content {

    position: absolute;

    right: 19px;

    bottom: 32px;

    width: 253px;

    font-size: 18px;

    background: var(--color_white);

    border-radius: 15px;

    padding: 20px;

    display: grid;

    font-weight: 500;

    color: #000000;

    grid-template-columns: 32% 68%;

}

ul.teaching_lists {

    display: flex;

    justify-content: space-between;

    list-style: none;

    padding-left: 0;

    color: var(--color_white);

    align-items: center;

    padding-bottom: 30px;

}



ul.teaching_lists li span {

    padding-left: 15px;

    width: 53%;

    display: inline-block;

}



ul.teaching_lists li{

    display: flex;

    align-items:center;

}



/* ======================= our teaching ======================= */



/* ================ Popular Courses ================= */

.popular_course {

    background: var(--color_white);

}



ul.art_list li {

    list-style: square;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 500;

    color: #000;

    margin-bottom: 5px;

}

ul.art_list li::marker{

    color:red;

}

ul.art_list{

    padding-left: 18px;

}



.price_and_rating {

    display: flex;

    align-items: center;

    width: 50%;

    margin-bottom: 20px;

    justify-content: space-between;

}



.price h4 {

    font-size: 20px;

    font-weight: 500;

    color: #000;

}



.ratting i {

    color: #fcc153;

}



ul.meta {

    padding-left: 0px;

    list-style: none;

}



ul.meta li {

    display: inline-block;

    padding-right: 30px;

    color: #767676;

    font-size: 18px;

}



ul.meta li:last-child {

    padding-right: 0px;

}



ul.meta li img {

    margin-right: 6px;

}



.ratting {

    position: relative;

}



.ratting:after {

    content: '';

    width: 1px;

    height: 20px;

    display: block;

    background: #777777;

    position: absolute;

    left: -37px;

    top: 0;

}



.row.art_design {

    border: 1px solid var(--bg_color);

    border-radius: 10px;

    overflow: hidden;

    background: #fafafa;

}



.col-md-6.art_end_design img {

    margin-top: -2px;

    height: 102%;

    margin-left: -10px;

    width:100%;

}

/* ================ Popular Courses ================= */



/* ================== success stories ============= */

.scs_story_vidoe {

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    background:#1f1f1f;

}

.success_story_crd {

    padding: 20px;

    background: #1f1f1f;

    border: 1px solid var(--bg-text-color);

    border-radius: 15px;

    transition: 0.5s;

}

.success_story_crd p {

    font-size: 15px;

    line-height: 22px;

    color: var(--color_white);

    font-weight: 400;

}



h3.success_story_title {

    margin-top: 18px;

}

.success_story_crd:hover .scs_story_vidoe img 

{

    transform:scale(1.02);

}



.scs_story_vidoe img {

    transition: 0.5s;

    height: 200px;

    object-fit: cover;

}

.success_story_crd:hover{

    border-color:#6d6b6b;

}

.success_story_grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 63px;

}

/* ================== success stories ============= */



/* ======================= recent news ================== */

.recent_news {

    position: relative;

}



.news_date {

    position: absolute;

    top: 15px;

    left: 15px;

    background: var(--bg_color);

    color: var(--color_white);

    width: 135px;

    height: 45px;

    border-radius: 4px;

    text-align: center;

    font-size: 17px;

    line-height: 45px;

    z-index: 1;

}

.news_date:after{

    content:'';

    right: -10px;

    bottom:-10px;

    background:var(--bg_color);

    position:absolute;

    width:100%;

    height: 100%;

    opacity: 0.5;

    border-radius: 4px;

    z-index: -1;

}



.recentNews .swiper-slide {

    padding: 10px;

}

.slide_content{

    background: var(--color_white);

    border-radius: 10px;

    box-shadow: 3px 3px 6px rgba(0 0 0 / 15%);

    padding:30px;

}



.swiper-button-next_recent, .swiper-button-prev_recent {

    width: 50px;

    height: 50px;

    border: 1px solid var(--bg_color);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--bg_color);

    margin-bottom: 30px;

}



.simple_button {

    font-size: 18px;

    transition: 0.5s;

    line-height: 22px;

    color:var(--bg_color);

    text-decoration: none;

    font-weight: 500;

    cursor: pointer;

}



.simple_button i {

    margin-right: 10px;

    transition:0.5s;

}



.simple_button:hover{

    color:var(--bg_color);

    text-decoration: underline;

}

.simple_button:hover i{

    margin-right:5px;



}

.margin-n90{

    margin-top:-90px;

}



.success_story_grid.grid_col_5 {

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 20px;

}



.success_story_grid.grid_col_5 .success_story_crd {

    padding: 0px;

}

.success_story_grid.grid_col_5 .success_story_crd h3.success_story_title{

    font-size: 16px;

    padding: 20px;

    margin-top: 0px;

}

.success_story_grid.grid_col_5 .play-box span:before, .success_story_grid.grid_col_5 .play-box span:after{

    height: 40px;

    width: 40px;

}

.success_story_grid.grid_col_5 .play-box span{

    width:40px;

    height: 40px;

}

ul.video_lists {

    padding-left: 0;

    list-style: none;

    margin-bottom: 0px;

    border-bottom: 1px solid var(--bg-text-color)

}

ul.video_lists2 {

    padding-left: 0;

    list-style: none;

    margin-bottom: 0px;

    border-bottom: 1px solid var(--bg-text-color);

}

ul.video_lists2 li {

    color: var(--color_white);

    display: inline-block;

    padding: 10px 0;

    font-size: 18px;

    font-weight: 500;

    cursor: pointer;

}



ul.video_lists li {

    color: var(--color_white);

    display: inline-block;

    padding: 10px 0;

    font-size: 18px;

    font-weight: 500;

    cursor: pointer;

}



ul.video_lists li {

    margin-right: 30px;

}

ul.video_lists li:last-child {

    margin-right: 0px;

}



ul.video_lists2 li {

    margin-right: 30px;

}

ul.video_lists2 li:last-child {

    margin-right: 0px;

}

.user_profile {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}



.user_profile .user_picture {

    width: 125px;

    height: 125px;

    border-radius: 50%;

    overflow: hidden;

}



.user_profile .user_content {

    padding-left: 20px;

    color: var(--color_white);

}



.user_profile .user_content h4 {

    margin-bottom: 0px;

}

.cast_container.active{

    display: grid;

    transform: scale(1);

}

.cast_container{

    display: none;

    transform:scale(.8);

    transition:0.5s;

}

li.video_list.active {border-bottom: 1px solid var(--color_white);}



.cast_container2.active{

    display: grid;

    transform: scale(1);

}

.cast_container2{

    display: none;

    transform:scale(.8);

    transition:0.5s;

}

li.video_list2.active {border-bottom: 1px solid var(--color_white);}

/* ======================= recent news ================== */



/* ================ faqs section =============== */

.faqs_section div#accordionExample .accordion-item {

    background: #1f1f1f;

    margin-bottom: 20px;

    border: 1px solid var(--bg-text-color);

    border-radius: 8px;

}



.faqs_section div#accordionExample .accordion-item button.accordion-button.section-title {

    background: none;

    color: var(--color_white);

}



.faqs_section div#accordionExample .accordion-item button.accordion-button.section-title:focus {

    box-shadow: none;

}



.faqs_section div#accordionExample .accordion-item .accordion-button:not(.collapsed)::after{

    background:var(--bg_color);

    height: 4px;

    width: 1.85rem;

    transform: rotate(0deg);

}

.faqs_section div#accordionExample .accordion-item .accordion-button::after{

    background: var(--bg_color);

    height: 3px;

    width:1.85rem

}

.faqs_section div#accordionExample .accordion-item .accordion-button::before {

    width: 4px;

    height: 1.85rem;

    content: '';

    right: 32px;

    position: absolute;

    transform: translateY(-50%);

    top: 50%;

    background: red;

}

.faqs_section div#accordionExample .accordion-item .accordion-button:not(.collapsed)::before {

    display: none;

}

.faqs_section .accordion-body {

    font-size: 16px;

    line-height: 30px;

    color:var(--color_white);

}



h3.footer_link_title {

    font-size: 20px;

    font-weight: 500;

    color: var(--color_white);

    padding-bottom: 15px;

    display: inline-block;

    border-bottom: 1px dashed red;

    margin-bottom: 20px;

}



ul.footer_list {

    padding-left: 0px;

    list-style: none;

}



ul.footer_list li a {

    text-decoration: none;

    color: var(--color_white);

    font-size: 16px;

    font-weight: 400;

    line-height: 30px;

}



ul.footer_list li a i {

    margin-right: 7px;

    transition: 0.5s;

    font-size: 13px;

    transform: translateY(-1px);

}

ul.footer_list li a:hover{

    color:var(--bg_color);

}

ul.footer_list li a:hover i{

    transform: translateX(5px);

}

input.input_footer {

    background: none;

    border: 1px solid var(--bg-text-color);

    padding: 12px 23px;

    border-radius: 30px;

    width: 100%;

    margin-bottom: 15px;

    color:var(--bg-text-color);

}



ul.footer_list_add {

    padding-left: 0;

    list-style: none;

}



ul.footer_list_add li a {

    text-decoration: none;

    font-size: 16px;

    color: var(--color_white);

    border-bottom: 1px solid #333333;

    padding: 8px 0;

    margin-bottom: 15px;

    display: block;

    position: relative;

    padding-left:30px;

}

ul.footer_list_add li a img{

    position: absolute;

    left: 0;

    top: 12px;

    width: auto;

}



ul.footer_list_add li a i {

    margin-right: 10px;

}



a.soc_icon {

    display: inline-block;

    width: 40px !important;

    height: 40px !important;

    border: 1px solid #333;

    line-height: 40px;

    color: var(--color_white);

    background: black;

    border-radius: 50%;

    cursor: pointer;

    margin-right: 26px;

    transition: 0.5s;

}

a.soc_icon:hover{

    background:var(--bg_color);

    color:var(--color_white);

}



a.soc_icon:last-child {

    margin-right: 0px;

}



.social_icon.py-4 {

    position: relative;

    z-index: 1;

}



.social_icon.py-4:before {

    content: '';

    height: 1px;

    width: 100%;

    background: #333;

    position: absolute;

    z-index: -1;

    top: 50%;

    transform: translateY(-50%);

}



ul.footer_bottom_list {

    list-style: none;

    padding-left: 0px;

}



ul.footer_bottom_list li {

    display: inline-block;

}



ul.footer_bottom_list li a {

    text-decoration: none;

    color:var(--color_white);

    font-size: 16px;

    transition:0.5s;

}

ul.footer_bottom_list li a:hover{

    color:var(--bg_color);

}



ul.footer_bottom_list li {padding: 0 15px;border-right: 1px solid var(--color_white);line-height: 14px;}



ul.footer_bottom_list li:last-child {

    border: none;

}

/* ================ faqs section =============== */





/* ====================== courses ===================== */

ul.breadcrum_list {

    padding-left: 0px;

    list-style: none;

}



ul.breadcrum_list li {

    display: inline-block;

    color: var(--color_white);

    opacity: 0.8;

    padding:0 15px;

    font-size: 14px;

    border-right:1px solid var(--color_white);

    line-height: 13px;

}



ul.breadcrum_list li a {

    opacity: 1;

    color: var(--color_white);

    text-decoration: none;

}

ul.breadcrum_list li a i{

    padding-right:5px;

}



ul.breadcrum_list li:first-child {

    opacity: 1;

    padding-left:0px;

}





section.breadcrum {

    padding: 50px 0;

    background-image:url(../img/educator-img12.jpg);

    background-color: var(--bg_color);

    background-blend-mode: multiply; /* Standard property */

  -webkit-background-blend-mode: multiply; /* Safari specific prefix */

    background-size:cover;

    background-position:center bottom;

}

.courses_row {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 50px;

}

.courses_row .course {

    padding: 0;

    overflow: hidden;

    border:none;

}



.courses_row .course .scs_story_vidoe {

    border-radius: 0px;

    position: relative;

    overflow: initial;

}





.courses_row .course .scs_story_vidoe span.categories {

    position: absolute;

    display: inline-block;

    padding: 5px 15px;

    background: var(--bg_color);

    bottom: -16px;

    left: 37px;

    color: var(--color_white);

    border-radius: 10px;

    font-size: 14px;

    font-weight: 600;

}

.courses_row .course_content {

    padding: 10px 25px 0;

}

.courses_row .success_story_crd p {

    opacity: 0.8;

}

.section-title {

    font-size:24px;

    margin-bottom:17px;

    transition:all ease-in-out 0.5s;

}

.courses_row .course:hover .course_content .title_achor .section-title {

 color:var(--bg_color) !important;

}

ul.course_items {

    padding-left: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-top: 1px solid #404040;

    margin-bottom: 0px;

    padding-bottom: 23px;

    padding-top: 12px;

}



ul.course_items li {

    color: var(--color_white);

    list-style: none;

    font-size: 14px;

}



ul.course_items li a {

    text-decoration: none;

    color: var(--color_white);

    opacity: 0.8;

}



ul.course_items li a i {

    padding-left: 7px;

    transition: 0.5s;

}

ul.course_items li a:hover {

    color:var(--bg_color) !important;

}

ul.course_items li a:hover i{

    padding-left:5px;

}



ul.course_items li i.fa-user-friends {

    margin-right: 7px;

}





/* ========== skill =========== */

.skills,

.skills .skill,

.skills .skill .skill-title,

.skills .skill .skill-bar {

   width: 100%;

   float: left;

}



.skills {

   padding:15px;

}



.skills .skill {

   margin-bottom: 30px;

}



.skills .skill .skill-title {

   color: var(--bg-text-color);

   margin-bottom: 10px;

   font-weight: 400;

   font-size: 14px;

}



.skills .skill .skill-bar {

   width: 0;

   height: 6px;

   background: #f0f0f0;

   transition: 1s cubic-bezier(1, 0, .5, 1);

   -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);

   -ms-transition: 1s cubic-bezier(1, 0, .5, 1);

}



.skills.active .skill .skill-bar {

   width: 100%;

}



.skills .skill .skill-bar span {

   float: left;

   width: 0%;

   background: #1D91F2;

   height: 6px;

   position: relative;

   transition: 1s cubic-bezier(1, 0, .5, 1);

   -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);

   -ms-transition: 1s cubic-bezier(1, 0, .5, 1);

}



.skills .skill .skill-bar span b {

    float: left;

    width: 100%;

    position: relative;

    text-align: right;

    opacity: 0;

    font-size: 14px;

    color: var(--bg-text-color);

    font-weight: 400;

    top: -27px;

}



.container{

  width: 100%;

  max-width: 600px;

  padding:0 15px;

  margin:0 auto;

}

/* ========== skill =========== */



.skill_img_.text-end {

    position: relative;

}



.desing_one {

    position: absolute;

    bottom: 42px;

    right: -32px;

    z-index: -1;

}

.desing_two {

    position: absolute;

    top: 0px;

    left: 0;

    z-index: -1;

}

.desing_tr {

    float: right;

}

/* ====================== courses ===================== */



/* =============== course-detail ================ */

.course_sidebar {

    background: #1f1f1f;

    padding: 30px;

    border-radius: 25px;

    margin-top: 150px;

}



ul.course-icon-list-items {

    padding-left: 0px;

    margin-top: 15px;

}



ul.course-icon-list-items li {

    list-style: none;

    color: #c5c4c4;

    border-bottom: 1px solid var(--bg-text-color);

    padding: 10px 0;

}



ul.course-icon-list-items li .course-icon-list-icon {

    padding-right: 10px;

}



.course_sidebar .scs_story_vidoe {

    margin-top: -130px;

}



ul.breadcrum_list li:last-child {

    border-right: 0px;

}



.csd_meta {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    padding: 25px;

    align-items: center;

    border: 1px solid #1f1f1f;

    margin-bottom:30px;

    border-radius: 25px;

}

h3.titeMeta {

    font-size: 20px;

    color: var(--color_white);

    margin-bottom: 0px;

}



span.desination {

    color: rgba(255, 255, 255, 0.5);

    font-size: 14px;

}



.orn_catagories .price {

    font-size: 36px;

    font-weight: 700;

    color: var(--bg_color);

}



.csd_meta .cs_items {

    text-align: center;

}



span.rating i {

    color: #adad38;

}

.orn_d {

    display: flex;

}

ul.text-sm.text-red-600.space-y-1 {

    color: #fa0000;

    font-size: 12px;

}

.img_teacher {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin-right: 10px;

    overflow: hidden;

}



.img_teacher img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.education_img {

    overflow: hidden;

    border-radius: 25px;

}

.description {

    padding-top: 30px;

    color:var(--color_white);

}

.description p {

    padding-top: 30px;

    color: rgba(255, 255, 255, 0.5);

}

.description div#nav-tab {

    border: none;

}



.description div#nav-tab .nav-link.active {

    background: none;

    border: none;

/*    border-bottom: 1px solid var(--color_white);*/

}



.description div#nav-tab .nav-link {

    font-size: 20px;

    color: var(--color_white);

    border:none;

}



.description div#nav-tab .nav-link:hover {

    border: none;

    border-bottom: 1px solid var(--color_white);



}

.description div#nav-tab .nav-link:focus-visible{

    border:none;

}

.feature {

    padding-top: 25px;

}

ul.feature_list li {

    color:var(--desc_color);

}



/* ============ video playlist ============= */





/*  VIDEO PLAYER CONTAINER

############################### */



.vid-main-wrapper.clearfix {

    display: grid;

    grid-template-columns: 70% 30%;

    grid-gap:40px;

    width: calc(100% - 40px);

}





/*  VIDEOS PLAYLIST 

############################### */

.vid-list-container {

  width: 100%;

  overflow: hidden;

}



.vid-list-container:hover, .vid-list-container:focus {

overflow-y: auto;

}



ol#vid-list {

margin:0;

padding:30px; 

background:#1f1f1f;

border-radius: 25px;

}



ol#vid-list li {

list-style: none;

border-bottom:1px solid var(--bg-text-color);

}



ol#vid-list li a {

text-decoration: none;

height:55px;

display:block;

padding:10px 0;

}

.icon_content {

    display: flex;

    align-items: center;

    position: relative;

    padding-left: 37px;

}



.vid-thumb {

float:left;

  margin-right: 8px;

}

#vid_frame{

    width: 100%;

    border-radius: 25px;

    height: 446px;

}



.active-vid { 

background:#3A3A3A;

}



#vid-list .desc {

  color: #CACACA;

  font-size: 13px;

  margin-top:5px;

}



.video_list.desc {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.video_list.desc .icon_content i {

    margin-right: 8px;

    max-width: 30px;

    top: 0;

    width: 30px;

    left: 0;

    padding-left: 3px;

    height: 30px;

    align-items: center;

    position: absolute;

    display: flex;

    justify-content: center;

    background: var(--color);

    border-radius: 50%;

}

.video_list.desc span.time_duration i {

    padding-right: 5px;

}





@media (max-width: 624px) {

  .caption {

      margin-top: 40px;

  }

  .vid-list-container {

      padding-bottom: 20px;

  }



}

/* ============ video playlist ============= */

/* =============== course-detail ================ */



/* ================= login ============== */

p.desc-content {

    color: var(--desc_color);

}



.single-input-item input {

    width: 100%;

    padding: 10px;

    background: none;

    border: 1px solid var(--desc_color);

    color:var(--desc_color);

}



label.custom-control-label {

    color: var(--desc_color);

}



.custom-control.custom-checkbox {

    display: flex;

    align-items: center;

}



.remember-meta {

    width: 50%;

}



.single-input-item input[type="checkbox"] {

    width: auto;

    margin-right: 7px;

}



.lost-password {

    color: var(--desc_color);

}



.lost-password a {

    color: var(--desc_color);

}



a.forget-pwd {

    color: var(--desc_color);

}

.login-wrapper, .register-wrapper {

    padding: 30px;

    background: #1f1f1f;

    border-radius: 10px;

    margin-top:40px;

}



.login-wrapper .title, .register-wrapper .title{

    font-size:36px;

}

/* ================= login ============== */





/* ================ contact us ================== */

section.contact_us .form-control, section.contact_us textarea {

    color: var(--desc_color);

    background:none;

    padding:10px;

    border-radius:0px;

    border:1px solid var(--desc_color);

    color:var(--desc_color);

}



section.contact_us .form-group{

    margin-bottom: 15px;

}



ul.contact_info {

    padding: 30px;

    background: #1f1f1f;

    border-radius: 25px;

}



ul.contact_info li {

    list-style: none;

    color: var(--color_white);

    position: relative;

    padding-left: 49px;

    margin-bottom: 25px;

}



ul.contact_info li span.phone_icon {

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 40px;

    background: var(--color_white);

    color: #000;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

}



ul.contact_info li a {

    display: block;

    text-decoration: none;

    color:var(--desc_color);

    font-size:14px;

}



ul.contact_info li span.telepone {

    font-weight: 600;

    font-size: 18px;

}

section.contact_us p{

    color:var(--desc_color);

}



ul.contact_info li:last-child {

    padding-left: 0;

    border-top: 1px solid var(--bg-text-color);

    padding-top: 10px;

    text-align: center;

    margin-top: 100px;

    margin-bottom: 0;

}



ul.contact_info li:last-child span.telepone {

    padding-bottom: 15px;

    display: block;

}



ul.contact_info li:last-child a {

    display: inline-block;

}



section.meet_our_teacher {

    background: url(../img/bg-body4.jpg);

    background-size:cover;

    background-attachment: fixed;

    }

/* ================ contact us ================== */





/*  ================ blog ============== */

.with_mill {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    width: 80%;

    margin: 0 auto;

    position: relative;

    padding-top:50px;

    z-index: 1;

}

.with_mill:after {

    position: absolute;

    content: '';

    height: 1px;

    left: 50%;

    width: 85%;

    top: 49%;

    transform: translateY(-50%) translateX(-50%);

    background: #1f1f1f;

    z-index: -1;

}

.with_mill p {

    color:var(--desc_color);

}

.with_millionup p{

    color:var(--desc_color);



}



.with_mill_content .icon {

    width: 100px;

    height: 100px;

    margin: 0 auto;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    /* border:1px solid var(--desc_color); */

    color:var(--desc_color);

    background:#1f1f1f;

}

.with_mill_content p{

    color:var(--desc_color);

    padding-top:20px

}



.program {

    text-align: center;

}

.program p{

    color:var(--desc_color);

}

.program h3.program_title {

    font-size: 50px;

    font-weight: 900;

    color: var(--color_white);

}

/*  ================ blog ============== */



.master_lead{

    background:var(--color_white);

}

.learn_all_digital_link {

    font-size: 40px;

    padding-bottom: 20px;

    border-bottom: 3px solid var(--bg_color);

}



ul.the_business {

    padding-left: 0px;

    list-style: none;

    padding-top: 26px;

}



ul.the_business p {

    font-size: 20px;

    padding-bottom: 10px;

}



ul.the_business li {

    font-size: 20px;

    font-weight: 700;

    line-height: 36px;

    padding-left: 20px;

    position: relative;

}



ul.the_business li:before {

    content: '';

    width: 8px;

    height: 8px;

    position: absolute;

    background: var(--bg_color);

    left: 0;

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

}



.options_ {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;

    max-width: 370px;

    width: 100%;

    margin-top:40px;

}



.options_ .opt_item {

    background-color: #08080d;

    border-radius: 20px;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    padding: 14px;

    box-sizing: border-box;

    text-decoration: none;

    display: flex;

    box-shadow: 0 0 17px rgba(0,0,0,.68);

}



.options_ .opt_item img {

    width: 84px;

    max-width: 80%;

    padding: 15px;

}



.options_ .opt_item span {color: var(--color_white);text-align: center;font-size: 18px;}



.row.all_skills {

    padding: 40px;

    border-radius: 30px;

    background: #f7f7f7;

    align-items: center;

    margin-bottom:30px;

}

.row.all_skills:last-child{

    margin-bottom:0px;

}



.latest_video {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 30px;

    width: 90%;

    margin-bottom:40px;

}



.latest_video .lst_content {

    color: var(--color_white);

    overflow: hidden;

}



.latest_video .lst_content a.lst_title {

    text-decoration: none;

    color: var(--color_white);

    font-size: 18px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    display: block;

    margin-bottom: 20px;

    font-weight: 500;

    width: 100%;

}



ul.view_list li {

    display: inline-block;

}



ul.view_list li:last-child {

    margin-left: 6px;

    position: relative;

    padding-left: 17px;

}



ul.view_list li:last-child:before {

    content: '';

    width: 6px;

    height: 6px;

    background: var(--color_white);

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

}



ul.view_list.p-0.m-0 {

    margin-bottom: 10px !important;

    opacity: 0.8;

}



.latest_video .lst_content p {

    opacity: 0.8;

}



.latest_video .lst_video {

    border-radius: 13px;

    overflow: hidden;

    line-height: 0;

}



section.breadcrum {

    position: relative;

    z-index:1;

}



.blur_banner {

    position: absolute;

    height: 100%;

    width: 100%;

    z-index:-1;

    inset: 0px;

}

.blur_banner:after {

    backdrop-filter: blur(15px);

    background: linear-gradient(0deg, rgb(0 0 0) 5%, rgba(0, 0, 0, 0) 60%) rgb(0 0 0 / 5%);

    pointer-events: none;

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

}



.lst_postcast_video {

    border-radius: 15px;

    line-height: 0;

    overflow: hidden;

    background-position:center center !important;

    height: 277px;

}



.lst_postcast_video .lst_video_content {

    color: var(--color_white);

    line-height: 1.4;

    padding: 36px;

}



.lst_postcast_video .lst_video_content p {

    margin-bottom: 0;

    padding-top: 10px;

}



.lst_postcast_video .lst_video_content a.lst_bannet_title {

    font-size: 36px;

    text-decoration: none;

    color: var(--color_white);

    font-weight: 700;

    display: block;

    padding-top:50px;

}

button.btn-close {

    position: absolute;

    color: var(--color_white) !important;

    z-index: 99999999;

    right: 11px;

    top: 5px;

    cursor: pointer;

    filter: invert(1);

}

section.video_playlist .modal-content {

    background: none !important;

    border: none !important;

}



/* dashboard css */

.dashboard_menu {

    background: #1f1f1f;

    border-radius: 8px;

    padding: 10px;

}

.dashboard_menu ul {

    padding-left: 0;

    list-style: none;

}



.ds_user_profile {

    text-align: center;

}



.ds_user_profile .user_img {

    width: 85px;

    height: 85px;

    border-radius: 50%;

    margin: 0 auto;

    overflow: hidden;

}



.ds_user_profile .user_img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.ds_user_profile .user_name {

    color: var(--desc_color);

    font-size: 18px;

    font-weight: 500;

}

.dashboard_menu ul li:first-child{

    border:none;

    margin-bottom:15px;

}

.dashboard_menu ul li {

    margin-bottom: 0px;

    padding: 10px;

    transition: 0.5s;

    cursor: pointer;

    border-bottom: 1px solid var(--desc_color);

}

.dashboard_menu ul li a{

    color:var(--desc_color);

    font-size:16px;

    text-decoration:none;

    transition:0.5s;

}

.dashboard_menu ul li a i {

    width: 35px;

    height: 35px;

    display: inline-flex;

    border-radius: 50%;

    justify-content: center;

    font-size: 16px;

    align-items: center;

    background: var(--desc_color);

    color: var(--color);

    margin-right: 10px;

    transition: 0.5s;

}

.theme_bg{

    background-color: #1f1f1f !important;

}

.account-details-form label {

    color: var(--desc_color);

}

h3.form_title {

    color: var(--desc_color);

    font-size: 22px;

}

.dashboard_menu ul li.hover:hover a i{

    background: #1f1f1f;

    color:var(--desc_color);

}

.dashboard_menu ul li.hover:hover{

    background: var(--desc_color);

}

.dashboard_menu ul li.hover:hover a{

    color: var(--color);

}



.dashboard_menu ul li.hover.active a i{

    background: #1f1f1f;

    color:var(--desc_color);

}

.dashboard_menu ul li.hover.active {

    background: var(--desc_color);

}

.dashboard_menu ul li.hover.active a {

    color: var(--color);

}

.logput a{

	border: 2px solid var(--desc_color);

    border-radius: 8px;

    text-transform: uppercase;

	transition:0.5s;

}

.logput a:hover{

	background:var(--desc_color);

	color:#1f1f1f;

}

.ds_user_profile{

	margin-bottom:20px;

}

/* .dash_boardC{

	background:#1f1f1f;

	border-radius:8px;

	padding:20px;

} */

.col_flex{

    display: flex;

    justify-content:space-between;

}



.card.dashboard_card {

    background-color: #1f1f1f;

    color: var(--desc_color);

}



.card.dashboard_card h4 {

    /* opacity:0.7; */

    font-size: 18px;

}

h3.my_account_name {

    color: var(--desc_color);

    font-size: 22px;

}

.become_a_member a {

    padding: 8px 13px;

    border: 2px solid #1f1f1f;

    border-radius: 8px;

    font-size: 16px;

    text-decoration: none;

    text-transform: uppercase;

    transition: 0.5s;

    font-weight: 500;

    background: #1f1f1f;

    color: var(--desc_color);

}



.card_header {

    display: flex;

    justify-content: space-between;

}



.card_header i {

    width: 40px;

    height: 40px;

    background: #000;

    display: inline-flex;

    border-radius: 50%;

    justify-content: center;

    align-items: center;

    margin-top: 19px;

    color: var(--bg_color);

}



.card.dashboard_card 

 h4.sub_name {

    font-size: 25px;

    opacity: 1;

    color:var(--color_white);

}

input#cronjobURL {

    background: var(--desc_color);

}

button#copyBoard{

    color:var(--desc_color);

}

div#orders h3.form_title {

    margin-bottom: 16px;

}

.referred_table th, .referred_table td {

    border: none;

    border-top: 1px solid var(--desc_color);

    border-bottom: 1px solid var(--desc_color);

    color:var(--desc_color);

    padding:15px 0;

}

.referred_table{

    font-size:14px;

}

.referred_table td{

    font-size:13px;

}

.become_a_member a:hover{

    background:none;

	color:var(--color_white);

}



.recent_news_image_slider {

    height: 467px;

    border-radius: 9px;

    overflow: hidden;

}



.recent_news_image_slider img {

    height: 100%;

    object-fit: cover;

    width:100%;

}



i.fa-solid.fa-credit-card {

    font-size: 14px;

    padding-left: 5px;

}



/* ===================== blog details ======================== */

.e_blog_title{

    font-size:40px;

    font-weight:600;

    color: var(--color_white);

    margin-top:30px;

}



.blog_sidebar {

    padding: 20px;

    border-radius: 8px;

}



form.search_bar {

    margin-bottom: 20px;

    position: relative;

    height: 45px;

}



form.search_bar input {

    width: 100%;

    padding-left: 15px;

    height: 100%;

    padding-right: 50px;

    border-radius: 0;

    color: var(--bg_color);

    background: none;

    border: 1px solid var(--bg_color);

}

form.search_bar input::placeholder{

    color: var(--bg_color);

}

form.search_bar input:focus{

    outline:none;

}

form.search_bar button {

    width: 50px;

    height: 100%;

    border: none;

    position: absolute;

    background:var(--bg_color);

    right: 0;

    top: 0;

    color: var(--color_white);

}



ul.recent_blog_block {

    padding-left: 0;

    list-style: none;

}



ul.recent_blog_block li {

    padding: 15px 0;

    border-bottom: 1px solid var(--bg-text-color);

    display: grid;

    grid-template-columns: 40% 60%;

    align-items: center;

}



ul.recent_blog_block li .blog_thumb_list {

    border-radius: 4px;

    overflow: hidden;

    height: 95px;

}



ul.recent_blog_block li .blog_thumb_list img {

    width: 100%;

    object-fit: cover;

    height: 100%;

}



ul.recent_blog_block li:first-child {

    padding-top: 0px;

}



ul.recent_blog_block li:last-child {

    border: none;

    padding-bottom: 0;

}



.blog_content {

    padding-left: 10px;

}



.blog_content h4.blog_title {

    color: var(--color_white);

    font-size: 18px;

}



.blog_content span.date {

    font-size: 14px;

    color: var(--desc_color);

}



.blog_content span.date i {

    padding-right: 4px;

}



h3.p_blog_title {

    font-size: 22px;

    color: var(--color_white);

}

ul.popular_category.ps-0 {

    list-style: none;

}



ul.popular_category.ps-0 li {

    color: var(--desc_color);

    margin-bottom: 15px;

    display: flex;

}

ul.popular_category.ps-0 h3{

    margin-bottom:15px;

}

ul.popular_category.ps-0 li a{

    text-decoration: none;

    color:var(--desc_color);

}



ul.popular_category.ps-0 li i {

    padding-right: 8px;

    position: relative;

    top: 3px;

}



ul.popular_category.ps-0 li span.cat_val {

      display: inline-block;

    margin-left: auto;

    width: 24px;

    height: 24px;

    background: var(--desc_color);

    font-size: 12px;

    padding: 4px;

    border-radius: 50%;

    color: var(--color);

    text-align: center;

}

span.date {

    display: inline-block;

    margin-top: 12px;

    color: var(--desc_color);

}

/* ===================== blog details ======================== */



/* ================== customer dashboard ================= */

.myaccount-content table {

    border-collapse: collapse !important;

}



.myaccount-content table tr {

    background: none !important;

}



.myaccount-content table tbody tr {

    background: none !important;

}



.dataTables_filter label {

    color: var(--desc_color);

}



.dataTables_filter input {

    background: none;

    border: 1px solid var(--desc_color);

    margin-bottom:10px;

    color: var(--desc_color);

    padding:5px;

}

.dataTables_filter input:focus{

    outline: none;

    box-shadow:none;

}

.dataTables_filter input::placeholder{

    color: var(--desc_color);

}

.dataTables_wrapper .dataTables_length{

    color: var(--desc_color) !important;

}

select[name="DataTables_Table_0_length"]{

    background: #000;

    border: 1px solid var(--desc_color);

    margin-bottom:10px;

    padding:5px;

    color:var(--desc_color);

}

div.dataTables_info{

    color:var(--desc_color) !important;

}



.dataTables_wrapper .dataTables_paginate a.paginate_button.current {

    background: none;

    background-color: transparent;

    border: 1px solid var(--desc_color);

    color:var(--desc_color) !important;

}



.table-responsive::-webkit-scrollbar{

    width:5px;

    height:5px;

    background:#8f8f8f;

}



.dataTables_wrapper .dataTables_paginate {

    margin-bottom: 5px;

}

/* ================== customer dashboard ================= */



.teaching_img_cont {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}

.p-content{

    color: var(--desc_color);

}



.teaching_img_cont img {

    width: 100%;

}

img{

    width:100%;

}



a.brand img {

    width: 175px;

}



/*=============== video ==============*/

img.vide_frame_img {

    width: 100%;

}



.video_modal iframe.main-video-banner {

    width: 90%;

    line-height: 0;

    position: absolute;

    top: 30%;

    height: 464px;

    transform: translate(-50%, -50%);

    left: 50%;

    border-radius: 10px;

}

.player.right-content-area-supported {

    overflow: hidden;

    border-radius: 8px;

}

div#player {

    border-radius: 8px;

}

.video_modal iframe.main-video-banner video {

    margin-top: 0px;

}



.video_modal iframe.main-video-banner body {

    margin: 0;

}



iframe.main-video-banner body video{

    width:100%

}

/*=============== video ==============*/



ul.teaching_lists li img {

    width: 50px;

}

.trusted_content img {

    width: 50px;

}

.blog_title a {

    color: #fff;

    text-decoration: none;

}

.blog_title a:hover {

    color: #e80f16;

}

.popular_category a {

    text-decoration: none;

}

.popular_category a:hover li{

    color: #e80f16;

}



.user_detail {

    display: flex;

    align-items: center;

    padding: 15px;

    background: black;

    border-radius: 10px;

}



ul.register_list {

    margin-top: 30px;

    padding-left: 34px;

}



ul.register_list li {

    color: var(--desc_color);

    font-size: 18px;

    line-height: 48px;

    text-transform: uppercase;

}

.border_center{

    position:relative;

}

.border_center:after{

    position:absolute;

    left:50%;

    top:50%;

    content: '';

    width: 1px;

    height:92%;

    background:var(--desc_color);

    transform:translate(-50%, -50%);

}



.user_detail .register_user_profile {

    margin-right: 10px;

    width: 94px;

    height: 94px;

    overflow: hidden;

    border-radius: 50%;

}



.user_detail .register_user_detail h3 {

    font-size: 20px;

    color: var(--color_white);

    margin-bottom: 0px;

}



.user_detail .register_user_detail span {

    color: var(--desc_color);

    font-size: 14px;

}

.register_user_detail {

    text-align: center;

    width: 80%;

}

.acceptance input#same-as-shipping {

    position: relative;

    top: -23px;

}

.acceptance a {

    color: #fff;

    font-weight: bold;

}

section {

    overflow: hidden;

}

.blog_detail p{

    color:var(--desc_color);

}

span.time_duration i {

    display: inline;

}



@media(max-width:480px){

   body .courses_row {

        grid-template-columns: repeat(1, 1fr) !important;

        grid-gap: 10px;

    }

    .success_story_grid.grid_col_5 {

        grid-template-columns: repeat(1, 1fr) !important;

        grid-gap: 10px;

    }

    #vid_frame {

        width: 100%;

        border-radius: 25px;

        height: 200px !important;

    }

    .video_modal iframe.main-video-banner{

        top:27% !important;

    }

}

@media(max-width:767px){

    section#masteries .container {

        padding: 0px;

    }

    ul.contact_info {

        padding: 20px;

        background: #1f1f1f;

        border-radius: 8px;

        margin-top: 20px;

    }

    ul.contact_info li:last-child{

        margin-top:0px;

    }

   

    body .csd_meta {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
     }

    body .csd_meta .cs_items:nth-child(5) {
    grid-column-start: 1;
    grid-column-end: 3;
    }

     .site_button{
        padding:7px 25px;
    }

    .latest_video {

        display: grid;

        grid-template-columns: repeat(1, 1fr);

        grid-gap: 20px;

        width: 100%;

        margin-bottom: 20px;

    }

    .csd_meta .cs_items:nth-child(2n) {

        border-left: 1px solid rgba(255, 255, 255, 0.5);

    }

    

    .csd_meta .cs_items:nth-child(1) {

        border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    }

    .csd_meta .cs_items:nth-child(2) {

        border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    }

    .csd_meta .cs_items {

        text-align: center;

        padding: 10px;

    }

    .courses_row .course_content {

        padding: 10px 16px 0;

    }

    .section-title{

        font-size:22px;

    }

    .courses_row {

        grid-template-columns: repeat(2, 1fr) !important;

        grid-gap: 10px;

    }

    h3.section-title {

        margin-top: 30px;

    }

    a.brand img {

        width: 120px;

    }

    .top_header {

        padding-bottom: 7px;

        background: #1f1f1f;

    }

    span.navbar-toggler-icon {

        filter: invert(1);

    }

    .title br {

        display: none;

    }

    .title{

        font-size:28px;

    }

    .learn_all_digital_link{

        font-size:24px;

    }

    .row.all_skills {

        padding: 20px 0;

        border-radius: 0px;

    }

    .row.mb-5 {

        margin-bottom: 1rem !important;

    }

    ul.the_business{

        padding-top:0px;

    }

    ul.the_business li {

        font-size: 17px;

        line-height: 32px;

    }

    ul.the_business li:before {

        width: 6px;

        height: 6px;

    }

    .options_{

        margin-top:20px;

    }

    .row.mb-5 {

        margin-bottom: 1rem !important;

    }

    

    ul.teaching_lists {

        flex-direction: column;

    }

    

    ul.teaching_lists li {

        width: 100%;

        margin-bottom: 19px;

    }

    

    ul.teaching_lists li:last-child {

        margin-bottom: 0;

    }

    .section_paddingB {

        padding-bottom: 50px;

    }

    .section_paddingT {

        padding-top: 50px;

    }

    .learn_all_digital_links {

        margin-top: 20px;

    }

    .row.art_design {

        margin: 0;

        margin-top: 18px !important;

    }

    .art_end_design a img {

        width: 100% !important;

        margin-left: 0 !important;

    }

    h3.section-title.pt-3 {

        padding-top: 0px !important;

    }

    .row.art_design.digital_marketing {

        flex-direction: column-reverse;

    }

    

    .col-md-6.py-4.ps-5 {

        padding-left: 15px !important;

    }

    .col-md-6.art_end_design.ps-0 {

        padding-right: 0px;

    }

    .success_story_grid {

        grid-template-columns: repeat(1, 1fr);

        grid-gap: 15px;

    }

    .success_story_crd {

        padding: 15px;

        border-radius: 8px;

    }

    .footer_section  .col-md-3.ps-5 {

        padding: 15px !important;

    }

    

    .footer_section .offset-1 {

        margin-left: 0;

    }

    .row.all_skills {

        margin-bottom: 15px !important;

        margin: 0;

    }

    p{

        text-align: justify;

    }

    section.popular_course {

        padding-top: 0px;

    }

    .success_story_grid.grid_col_5 {

        grid-template-columns: repeat(2, 1fr);

        grid-gap: 20px;

    }



    .vid-main-wrapper.clearfix {

        display: grid;

        grid-template-columns: 100%;

        grid-gap: 20px;

        width: calc(100%);

    }

    .row.theme_bg.register-wrapper.border_center {

        margin: 0;

    }

    .border_center:after{

        display: none;

    }

    .login-wrapper, .register-wrapper{

        padding:15px;

    }

    ul.register_list {

        margin-top: 11px;

        padding-left: 20px;

    }

    ul.register_list li {

        font-size: 15px;

        line-height: 34px;

    }

    .register_user_detail{

        text-align: left;

    }

    .acceptance input#same-as-shipping{

        top:0;

    }

    .user_detail .register_user_detail h3{

        font-size:18px;

    }

    .wrapper-2 p {

        text-align: center;

    }

    .become_a_member {

        margin-top: 25px;

    }

    .col_flex{

        flex-direction: column;

    }

    .card.dashboard_card {

        margin-bottom: 10px;

    }

    .myAccount_form{

        margin-top:25px;

    }

}

/* end 767px */



@media(min-width:768px) and (max-width:992px){

    .register_user_detail{

        text-align:left;

    }

    .user_detail .register_user_detail h3{

        font-size:18px;

    }

    span.navbar-toggler-icon {

        filter: invert(1);

    }

    a.brand img {

        width: 130px;

    }

    .title{

        font-size:44px;

    }

    .learn_all_digital_link{

        font-size:30px;

    }

    ul.the_business{

        padding-top:0px;

    }

    ul.teaching_lists li span {

        padding-left: 15px;

        display: inline-block;

        font-size: 14px;

    }

    ul.teaching_lists li img {

        width: 35px;

    }

    .teaching_img_cont {

        display: grid;

        grid-template-columns: repeat(1, 1fr);

        grid-gap: 20px;

    }

    .success_story_grid {

        grid-gap: 16px;

    }

    .section_paddingB {

        padding-bottom: 60px;

    }

    .section_paddingT {

        padding-top: 60px;

    }

    ul.footer_list_add li a{

        word-break: break-all;

    }

    .courses_row {

        grid-gap: 20px;

    }

    .success_story_grid.grid_col_5 {

        grid-template-columns: repeat(3, 1fr);

        grid-gap: 20px;

    }



    .vid-main-wrapper.clearfix {

        grid-gap: 20px;

        width: calc(100% - 20px);

    }

    #vid_frame{

        height: 290px;

    }

    ol#vid-list{

        padding:15px;

    }

    ul.contact_info{

        padding:15px;

    }

    ul.contact_info a.soc_icon {

        margin-right: 4px;

    }

    ul.contact_info li a{

        word-break:break-all;

    }

}



@media(max-width:992px){

    .navbar-toggler{

        padding:0;

    }

}



@media(max-width:767px){

    section.commit_section.section_paddingT .container .row {

        flex-direction: column-reverse;

    }

    .skill_img_.text-end {

        margin-bottom: 20px;

    }

    .skills {

        padding: 15px 0;

    }

    .sign_up a{

        font-size:14px;

    }

    .login{

        font-size:14px;

        padding: 3px 25px;

    }

    .video_modal{

        margin-top:20px;

    }

    .fs_20 {

        font-size: 15px !important;

    }

    .accordion-header .section-title {

        font-size: 18px;

    }

    .faqs_section div#accordionExample .accordion-item .accordion-button:not(.collapsed)::after {

        background: var(--bg_color);

        height: 3px !important;

        width: 1.25rem !important;

        transform: rotate(0deg);

    }

    .faqs_section div#accordionExample .accordion-item .accordion-button::before {

        width: 3px;

        height: 1.35rem;

        content: '';

        right: 29px;

        position: absolute;

        transform: translateY(-50%);

        top: 50%;

        background: red;

    }

    .faqs_section div#accordionExample .accordion-item .accordion-button::after {

        background: var(--bg_color);

        height: 3px;

        width: 1.35rem;

    }

}



@media(max-width:567px){

    a.brand img {

        width: 90px !important;

    }

    ul.footer_bottom_list{

        text-align: center;

    }

    p.text-white.fs-16.copy_right{

        text-align:center;

    }

    .trusted_content img {

        width: 40px;

    }

    .t_content {

        font-size: 16px;

    }

    ul.teaching_lists li img {

        width: 35px;

    }

    ul.teaching_lists li span{

        width: 72%;

    }

    ul.teaching_lists li {

        width: 100%;

        margin-bottom: 0px;

    }

    ul.teaching_lists {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

    }

    span.podcast_id {

        display: block;

    }

    ul.video_lists {

        margin-bottom: 15px;

    }

}



/* .art_end_design:after {

    content: '';

    width: 71px;

    height: 100%;

    background: url(https://millionupuniversity.com/frontend/img/89.png);

    position: absolute;

    right: 22px;

    top: 0;

    transform: scale(-1);

}

*/



.digital_marketing  .svg_design {

    transform: scale(1);

    left: 1px;

}



.svg_design {

    width: 71px;

    position: absolute;

    top: -3px;

    right: 10px;

    height: 103%;

    transform: scale(-1);

}

.svg_design svg {

    height: 106%;

}

.svg_design g {

    fill: #fafafa;

}

.art_design p span {

    font-size: inherit !important;

}

.art_end_design {

    position: relative;

    height:380px;

}

.art_end_design img {

    height: 100%;

    object-fit: cover;

}



.ol_list_sub {

    max-height: 420px;

    overflow: hidden;

    overflow-y: auto;

}



.ol_list_sub::-webkit-scrollbar {

    width: 6px;

}



.ol_list_sub::-webkit-scrollbar-thumb {

    background: #000000;

    border-radius: 10px;

}



@media(max-width:767px){

    .svg_design{

        display: none;

    }

    .col-md-6.art_end_design {

        padding: 0;

    }

    .art_end_design {

        height: auto;

    }

    .col-md-6.art_end_design + .col-md-6.py-4.ps-md-5 {

        padding-top: 0px !important;

    }

}

@media(min-width:768px) and (max-width:992px){

    .art_end_design{

        height:auto;

    }

    .digital_marketing .svg_design{

        left:10px;

    }

    .svg_design{

        right:20px;

    }

}



.fb-page.fb_iframe_widget {

    width: 367px !important;

}



.fb-page.fb_iframe_widget span {

    width: 100% !important;

}



.fb-page.fb_iframe_widget iframe {

    width: 100% !important;

    border-radius: 15px;

    overflow: hidden;

    border: 1px solid #d7d7d7 !important;

}

div#u_0_0_2f ._2p3a {

    width: 100% !important;

    border: none !important;

}

._2p3a {

    width: 100% !important;

}

.css-1dbjc4n.r-150rngu.r-1mlwlqe.r-eqz5dr.r-16y2uox.r-1wbh5a2.r-11yh6sk.r-1rnoaur.r-1sncvnh {

    max-height: 344px;

    overflow: hidden;

    overflow-y: auto;

}

.twitter-timeline.twitter-timeline-rendered {

    max-height: 423px;

    overflow: hidden;

    overflow-y: scroll;

}

.twitter-timeline.twitter-timeline-rendered::-webkit-scrollbar{

    width: 8px;

    background:#d7d7d7;

}

.twitter-timeline.twitter-timeline-rendered::-webkit-scrollbar-thumb{

    background: #121212;

    border-radius: 4px;

}

.course-price {

    color: #e80f16;

    font-size: 20px;

    font-weight: bold;

}





.timeline-container {

    width: 90%;

    padding: 50px 0;

    margin: 50px auto;

    position: relative;

    overflow: hidden;

}



.timeline-container:before {

   content: '';

   position: absolute;

   top: 0;

   left: 50%;

   margin-left: -1px;

   width: 2px;

   height: 100%;

   background: #FFDD00;

   z-index: 1

}



.timeline-block {

   width: -webkit-calc(50% + 8px);

   width: -moz-calc(50% + 8px);

   width: calc(50% + 8px);

   display: -webkit-box;

   display: -webkit-flex;

   display: -moz-box;

   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -moz-box-pack: justify;

   justify-content: space-between;

   clear: both;

}



.timeline-block-right {

   float: right;

}



.timeline-block-left {

   float: left;

   direction: rtl

}



.timeline-container .marker {

   width: 16px;

   height: 16px;

   border-radius: 50%;

   border: 2px solid #FFDD00;

   background: #FFDD00;

   margin-top: 10px;

   z-index: 9

}



.timeline-content {

   width: 95%;

   padding: 0 15px;

   color: #666

}



.timeline-content h3 {

    margin-top: 5px;

    margin-bottom: 32px;

    font-size: 25px;

    font-weight: 500;

    color: #fff;

}

.timeline-content img {

    width: 27px;

    position: absolute;

    left: -46px;

    top: 5px;

}

.timeline-content ul {

    padding: 0 0 0 45px;

}

.timeline-content li {

    color: #fff;

    margin-bottom: 22px;

    font-size: 19px;

    list-style-type: none;

    position: relative;

}

.timeline-block-left .timeline-content {

    direction: ltr;

}



.timeline-content span {

   font-size: 15px;

   color: #a4a4a4;

}



.timeline-content p {

   font-size: 14px;

   line-height: 1.5em;

   word-spacing: 1px;

   color: #888;

}





@media screen and (max-width: 768px) {

   .timeline-container:before {

      left: 8px;

      width: 2px;

   }

   .timeline-block {

      width: 100%;

      margin-bottom: 30px;

   }

   .timeline-block-right {

      float: none;

   }



   .timeline-block-left {

      float: none;

      direction: ltr;

   }

}





.card.course_fee {

    background: #1f1f1f;

    color: var(--desc_color);

}



.card.course_fee input{

    padding:8px;

    color:var(--desc_color);

    border-radius: 0px;

    border:1px solid var(--desc_color);

    background:none;

}



.card_header .course_name label {

    color: #fff;

    font-size: 22px;

}



.card_header .course_price p {

    font-size: 28px;

    margin-bottom: 0px;

    color: #fff;

}



.card.course_fee .card_header {

    background: black;

    padding: 10px;

    border-radius: 6px;

    margin-bottom: 20px;

}

.card_header .course_name p{

    margin-bottom:0px;

}

@media(max-width:767px){

    div#navbarSupportedContent {

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        background: #000;

        z-index: 99;

    }

}


a.site_button.guest_user {
    background: #343232;
    border-color: #343232;
}

a.site_button.guest_user:hover {
    background: none;
    color: #fff;
}
div#myTabContent {
    padding: 20px 0px;
}
.become_a_member .nav-tabs .nav-link {
    margin-bottom: 0px;
    background: #000000;
    border: 1px solid #0e0e0e;
    color:#fff;
    border-radius:0px !important;
} 
.become_a_member .nav-tabs .nav-link.active {
    margin-bottom: 0px;
    background: #ffffff;
    border: 1px solid #ffffff;
    color:#000;
    border-radius:0px !important;
} 


.become_a_member ul#myTab {
    border-bottom:none;
}