.section_con{
    width:100%;
    float: left;
    
}

.container .section_con .section_center{
    width:1300px;
    margin:0 auto;
}

.container .section_con .section_center .section{
    width:100%;
    float: left;
    position: relative;   
}


.section .user_nav {
    width: 100%;
    float: left;
}

.section .user_nav ul {
    float: left;
    padding: 15px 0px;
}

.section .user_nav ul li {
    float: left;
    
}

.section .user_nav ul li a {
    font-family: var(--font_regular);
    border-right: 1px solid var(--primary_color);
    font-size: 11px;
    color:var(--primary_color);
    text-transform: uppercase;
    padding: 0px 10px;
}

.section .user_nav ul li:last-child a{
    border-right:0;
}

.section .product_details_con {
    width: 100%;
    float: left;
}

.section .product_details_con .product_details {
    width: 100%;
    float: left;
}

.product_details_con .product_leftbar {
    width: 70%;
    float: left;
    box-sizing: border-box;
    padding: 5px;
}

.product_details_con .product_leftbar .product_det {
    width: 100%;
    float: left;
}

.product_details_con .product_leftbar .product_det .course_name {
    width: 100%;
    float: left;
}

.product_details_con .product_leftbar .product_det .course_name .name {
    width: 100%;
    float: left;
    font-family: var(--font_medium);
    font-size: 22px;
    color: rgb(35, 47, 62);
    text-transform: uppercase;
    padding: 10px 0px;
}

.product_details_con .product_leftbar .product_det .meta {
    width: 100%;
    float: left;
}

.product_details_con .product_leftbar .product_det .meta .courses_meta{
    width: 100%;
    float: left;
}

.product_details_con .product_leftbar .product_det .meta .courses_meta > ul > li{
    margin-right: 20px;
    position: relative;
    display: inline-block;
    border-right: 1px solid #eeeeee;
    font-weight: 800;
    font-size: 17px;
    padding-right: 20px;
    padding-left: 40px;
    width: 30%;
    box-sizing: border-box;
}

.product_details_con .product_leftbar .product_det .meta .courses_meta > ul > li i {
    font-size: 20px;
    color: #cfcfcf;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.product_details_con .product_leftbar .product_det .meta .courses_meta > ul > li span {
    display: block;
    color: #fe4a55;
    text-transform: uppercase;
    margin-bottom: 1px;
    font-size: 13.5px;
    font-weight: 700;
}

.product_details_con .product_leftbar .product_det .meta .courses_meta > ul > li a {
    display: inline-block;
    color: #000;
}

.product_leftbar .product_det .images {
    width: 100%;
    float: left;
    margin: 20px 0px;
}

.product_leftbar .product_det .images img {
    width: 100%;
    float: left;
}


.product_leftbar .product_det .course_overview {
    width: 100%;
    float: left;
    margin: 10px 0px;
}

.product_leftbar .product_det .course_overview .overview {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(26, 26, 26, .09);
}

.product_leftbar .product_det .course_overview .overview .head {
    width: 100%;
    float: left;
    font-family: var(--font_medium);
    font-size: 20px;
    padding: 10px 5px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: var(--black);
}

.product_leftbar .product_det .course_overview .overview_para {
    width: 100%;
    float: left;
}

.product_leftbar .product_det .course_overview .overview_para p {
    width: 100%;
    float: left;
    font-family: var(--font_regular);
    text-align: justify;
    line-height: 30px;
    padding: 5px 10px;
    box-sizing: border-box;
}

.product_leftbar .product_det .course_overview .overview_para p strong{
    font-family: var(--font_bold);
    color: var(--primary_color);
    font-size: 20px;
}

.product_leftbar .product_det .course_overview .overview_para > ul > li{
    width:100%;
    float: left;
}

.product_leftbar .product_det .course_overview .overview_para > ul > li .text{
    width:100%;
    float: left;
    font-family: var(--font_regular);
    font-size: 16px;
    padding: 10px;
    box-sizing: border-box;
    line-height: 30px;
}

.product_leftbar .product_det .course_overview .overview_para > ul > li > ul > li{
    width:100%;
    float: left;
    font-family: var(--font_regular);
    font-size: 16px;
    line-height: 30px;
    padding-left: 20px;
    box-sizing: border-box;
}

.product_leftbar .product_det .course_overview .overview_para > ul > li > ul > li .img{
    padding-right: 10px;
    float: left;
}

.product_leftbar .product_det .course_overview .overview_para > ul > li > ul > li .img i{
    color: #e10615;
    padding-top: 11px;
}

.product_leftbar .product_det .course_overview .overview_para > ul > li > ul > li .txt{
    width:95%;
    float: left;
}



.product_leftbar .product_det .course_overview .overview_para > ul > li > ul > li .txt p strong{
    font-family: var(--font_bold);
    color: var(--primary_color);
}

.product_leftbar .product_det .course_overview .overview_para > ul > li > ul > li > ul > li{
    padding-left: 40px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}


.product_details_con .product_leftbar .product_det .mat_inc_enq{
    width: 100%;
    float: left;
    background: #f0f0f0;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
}

.product_details_con .product_leftbar .product_det .mat_inc_enq .material_inc{
    width: 50%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    display:none;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_head{
    width: 100%;
    float: left;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_head .head{
    width: 100%;
    float: left;
    font-family: var(--font_medium);
    font-size: 20px;
    padding: 20px 5px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: var(--black);
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list{
    width: 100%;
    float: left;
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list::-webkit-scrollbar {
    width: 6px;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list > ul > li{
    width: 100%;
    float: left;
    padding: 5px 20px;
    box-sizing: border-box;
    line-height: 30px;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list > ul > li .image{
    width: 10%;
    float: left;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list > ul > li .image img{
    width: 22px;
    padding-top: 3px;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list > ul > li .img_txt{
    width: 90%;
    float: left;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list > ul > li .img_txt .txt{
    width: 100%;
    float: left;
    font-size: 16px;
    font-family: "rubik_regular";
}


.product_details_con .product_leftbar .product_det .mat_inc_enq .enq_learn{
    width: 100%;
    float: left;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .enq_button{
    float: right;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .enq_button .button{
    float: right;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .enq_button .button input{
    padding:10px 20px;
    background: var(--button_background);
    color: white;
    border-radius: 5px;
    font-family: "rubik_bold";
    font-size: 16px;
    text-transform: uppercase;
    border:none;
    letter-spacing: 1px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj{
    width: 100%;
    float: left;
    /* background: white;
    box-shadow: 1px 1px 7px rgba(0,0,0,0.2); */
    padding:15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_head{
    width: 100%;
    float: left;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_head .head{
    width: 100%;
    float: left;
    font-family: var(--font_bold);
    font-size: 20px;
    padding: 5px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: var(--black);
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list{
    width: 100%;
    float: left;
    min-height: 305px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list::-webkit-scrollbar {
    width: 6px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
    border-radius: 10px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list > ul .topic_head{
    padding: 10px;
    font-family: 'roboto_bold';
    font-size: 16px;
    text-transform: uppercase;
    background: var(--primary_color);
    color: var(--white);
    margin: 10px 0px;
    width: 98%;
    float: left;
    box-sizing: border-box;
    border-radius: 5px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list > ul > li{
    width: 100%;
    float: left;
    padding: 5px 20px;
    box-sizing: border-box;
    line-height: 30px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list > ul > li .image{
    float: left;
    padding-right: 10px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list > ul > li .image img{
    width: 22px;
    padding-top: 3px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list > ul > li .img_txt{
    width: 90%;
    float: left;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list > ul > li .img_txt .txt{
    width: 100%;
    float: left;
    font-size: 16px;
    font-family: "rubik_regular";
}


.product_leftbar .product_det .course_content{
    width: 100%;
    float: left;
    margin:20px 0px;
}   

.product_leftbar .product_det .course_content .course_con{
    width: 100%;
    float: left;
    padding: 10px;
    padding-right: 40px;
    box-sizing: border-box;
} 


.product_leftbar .product_det .course_content .content{
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(26,26,26,.09);
}

.product_leftbar .product_det .course_content .content .head{
    width: 100%;
    float: left;
    font-family: var(--font_medium);
    font-size: 20px;
    padding: 10px 5px;
    box-sizing: border-box;
    text-transform: uppercase;    
    color: var(--black);
}


.product_leftbar .product_det .course_content .content_acco{
    width: 100%;
    float: left;
    margin-top: 10px;
    background: #e9eef5;
}

.product_leftbar .product_det .course_content .content_acco p{
    width: 93%;
    float: left;
    font-family: var(--font_regular);
    text-align: justify;
    line-height: 30px;
    padding: 0;
    box-sizing: border-box;
   
}

/* Acco Starts */

.nav-wrap {
    width: 100%;
    margin: 1em auto 0;
}

@media (min-width: 992px) {
    .nav-wrap {
        width: 50%;
   }
}
[hidden] {
    display: none;
    visibility: hidden;
}
.acnav {
    width: 100%;
}

.acnav__list--level1 > li{
   
    float: left;
    width: 100%;
    box-sizing: border-box;
    box-shadow: inset 0 -1px #3988a0;
}

.acnav__list--level1 > li .level_one{
    padding: 10px;
}


.acnav__list--level1 > li:hover{    
    /* background: #0251afcc;     */
}

.acnav__list--level1 li:hover .acnav__label::before{
    /* color:white */
}

.acnav__list--level1 > li:hover .acnav__label{   
    /* color:white */
}


.acnav__list--level2 li{
    width: 100%;
    float: left;
    box-sizing: border-box;
    line-height: 30px;
    padding: 10px;
    padding-left: 40px;
    position: relative;
}



.acnav__list--level2 li .acnav__label::before{
    position: absolute;
    right: 0;
    display: none;
}

.acnav__list li .list_con  {
    width: 100%;
    float: left;
}

.acnav__list li .list_con .image {
    width: 5%;
    float: left;
}

.acnav__list li .list_con .image i {
    /* color: #fe4a55; */
    color: #4762b1;
    font-size: 25px;
}

.acnav__list li .list_con .img_txt {
    width: 90%;
    float: left;
}

.acnav__list li .list_con .img_txt .txt {
    width: 100%;
    float: left;
    font-family: var(--font_regular);
    text-align: justify;
}

.acnav__list li .list_con {
    width: 100%;
    float: left;
}
.acnav__list--level1 {
    border: 1px solid #fcfcfc;
}
.has-children > .acnav__label::before {
    content: "\f067";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 1em;
    transition: transform 0.3s;
    /* color:#fe4a55; */
    color: #4762b1;
    float: left;
    margin-top: 5px;
}
.has-children.is-open > .acnav__label::before {
    transform: rotate(405deg);
}
.acnav__link, .acnav__label {
    display: block;
    width:100%;
    float: left;
    font-size: 1rem;
    margin: 0;
    cursor: pointer;
    box-sizing: border-box;
    color: #000000;
   /*  transition: color 0.25s ease-in, background-color 0.25s ease-in; */
}
.acnav__link:focus, .acnav__label:focus, .acnav__link:hover, .acnav__label:hover {
   /*  color: #ffffff; */
    
}

.acnav__label:hover:before{
   /*  color: #ffffff; */
}
.acnav__link--level2, .acnav__label--level2 {
    padding-left: 3em;
    background: #2d6b7e;
}
.acnav__link--level2:focus, .acnav__label--level2:focus, .acnav__link--level2:hover, .acnav__label--level2:hover {
    background: #296272;
}
.acnav__link--level3, .acnav__label--level3 {
    padding-left: 5em;
    background: #296272;
}
.acnav__link--level3:focus, .acnav__label--level3:focus, .acnav__link--level3:hover, .acnav__label--level3:hover {
    background: #255867;
}
.acnav__link--level4, .acnav__label--level4 {
    padding-left: 7em;
    background: #255867;
}
.acnav__link--level4:focus, .acnav__label--level4:focus, .acnav__link--level4:hover, .acnav__label--level4:hover {
    background: #214f5c;
}
.acnav__list--level2, .acnav__list--level3, .acnav__list--level4 {
    display: none;
    float: left;
}
.is-open > .acnav__list--level2, .is-open > .acnav__list--level3, .is-open > .acnav__list--level4 {
    display: block;
}
/* Acco Ends */



.product_details_con .product_rightbar{
    width: 30%;
    float: left;
    box-sizing: border-box;
    padding: 5px;
}

.product_details_con .product_rightbar .border_bar{
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #dde0e3;
    border-radius: 10px;
    margin-bottom: 10px;
}

.product_details_con .product_rightbar .border_bar .image{
    width: 100%;
    float: left;
}

.product_details_con .product_rightbar .border_bar .image img{
    width: 100%;
    border-radius: 10px;
}

.product_details_con .product_rightbar .border_bar .button{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin: 20px 0;
    border-bottom: 1px solid #dde0e3;
    padding-bottom: 20px;
}

.product_details_con .product_rightbar .border_bar .course_btn{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    display: flex;
    justify-content: center;
}




.product_details_con .product_rightbar .border_bar .other_details{
    width: 100%;
    float: left;
    padding-top: 20px;
    
}

.product_details_con .product_rightbar .border_bar .other_details .details_head{
    width: 100%;
    float: left;
    font-family: var(--font_bold);
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}

.product_details_con .product_rightbar .border_bar .other_details .details_oth{
    width: 100%;
    float: left;
    margin: 10px 0;
}



.border_bar .other_details .details_oth ul li{
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #d9dee0;
}

.border_bar .other_details .details_oth ul li .detail_list{
    width: 100%;
    float: left;
}

.border_bar .other_details .details_oth ul li .detail_list .column_one{
    width: 50%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    font-family: var(--font_medium);
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    
}

.border_bar .other_details .details_oth ul li .detail_list .column_one .images{
    padding: 5px;
    color: var(--primary_color);
}

.border_bar .other_details .details_oth ul li .detail_list .column_one .images i{
    font-size: 20px;
}

.border_bar .other_details .details_oth ul li .detail_list .column_one .text{
    padding: 5px;
}

.border_bar .other_details .details_oth ul li .detail_list .column_two{
    width: 50%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    text-align: right;
    font-family: var(--font_regular);
    font-size: 14px;
    text-transform: uppercase;
}

.product_details_con .product_rightbar .border_bar .other_details .social_icon{
    width: 100%;
    float: left;
    margin: 10px 0;
    display: flex;
    justify-content: center;
}


.product_details_con .product_rightbar .border_bar .other_details .social_icon .tp-footer-bottom-social a {
    background-color: var(--primary_color);
    border-radius: 50%;
    color: var(--white);
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin-right: 4px;
    text-align: center;
    width: 36px;
}

.other_details .social_icon .tp-footer-bottom-social a:hover i{
    color: var(--white);
}

.other_details .social_icon .tp-footer-bottom-social a:nth-child(1):hover{
    background-color:#507cbe;
}

.other_details .social_icon .tp-footer-bottom-social a:nth-child(2):hover{
    background-color:#e4405f;
}

.other_details .social_icon .tp-footer-bottom-social a:nth-child(3):hover{
    background-color:#c4302b;
}

.other_details .social_icon .tp-footer-bottom-social a:nth-child(4):hover{
    background-color:#25d366;
}

.product_details_con .product_rightbar .border_bar .other_details .tags{
    width: 100%;
    float: left;
    margin-top: 20px;
}

.product_details_con .product_rightbar .border_bar .other_details .tags ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
}

.product_details_con .product_rightbar .border_bar .other_details .tags ul li a{
    letter-spacing: .5px;
    position: relative;
    overflow: hidden;
    outline: 0;
    white-space: nowrap;
    margin-bottom: 6px;
    background: transparent;
    border: 1px solid #cfd3d7;
    color: #747579;
    padding: 10px 15px;
    border-radius: 5px;
    float: left;
    font-family: var(--font_regular);
}


@media only screen and (max-width: 1300px){
    .container .section_con .section_center {
        width: 100%;
    }
}


@media only screen and (max-width: 769px){
    .product_details_con .product_leftbar {
        width: 100%;
        padding: 15px;
    }

    .product_details_con .product_rightbar {
        width: 100%;
        padding: 15px;
    }
}

@media only screen and (max-width: 600px){
    .product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj{
        padding: 0;
    }

    .product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list > ul > li{
        padding: 5px;
    }

    .product_leftbar .product_det .course_overview .overview_para > ul > li > ul > li{
        padding-left: 0;
    }

    .product_leftbar .product_det .course_overview .overview_para > ul > li > ul > li .txt {
        width: 90%;
    }

    .product_leftbar .product_det .course_content .course_con {
       
        padding-right: 0px;
        
    }

    .product_leftbar .product_det .course_content .content_acco p {
        width: 89%;
    }

    .product_details_con .product_leftbar .product_det .meta .courses_meta > ul > li{
        width: 44%;
    }

    .section .user_nav{
        padding: 10px;
        box-sizing: border-box;
    }

    .acnav__list--level2 li{
        padding-left: 0;
    }

    .acnav__list li .list_con .image{
        width: 10%;
    }
}