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

.container .course_sec_con{
    width:100%;
    float: left;
    
}

.container .course_sec_con .course_sam_con{
    width:100%;
    float: left;    
    background: #f9faf8;
}

.course_sec_con .course_sam_con .course_center{
    width:1300px;
    margin:0 auto;    
}

.course_sec_con .course_sam_con .course_center .course_sam{
    width:100%;
    float: left;    
}

.course_center .course_sam .cour_left{
    width: 45%;
    float: left;
}

.course_sam .cour_left .user_nav {
    width: 100%;
    float: left;
    margin-top: 50px;
}

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

.course_sam .cour_left .user_nav ul li {
    float: left;
}

.course_sam .cour_left .user_nav ul li:nth-child(1) a{
    padding-left: 0;
}

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

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



.course_center .course_sam .cour_left .course_name{
    width: 100%;
    float: left;
    
}

.course_center .course_sam .cour_left .course_name .name{
    width: 100%;
    float: left;
    font-family: var(--font_medium);
    font-size: 22px;
    color: var(--black);
    text-transform: uppercase;
    padding: 10px 0px;
}

.course_center .course_sam .cour_left .desc {
    width: 100%;
    float: left;
}

.course_center .course_sam .cour_left .desc p{
    width: 100%;
    float: left;
    height: 109px;
    overflow: hidden;
    font-family: var(--font_regular);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
    text-align: justify;
}

.course_center .course_sam .cour_left .button{
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 60px;
}

.course_center .course_sam .cour_left .button .feild_b{
    width: 100%;
    float: left;
}

.course_center .course_sam .cour_left .button .feild_b .box_feild{
    float: left;
    margin-right: 5px;
}

.course_center .course_sam .cour_left .button .feild_b .box_feild input{
    width: 100%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    outline: none;
    border: 0;
    background: var(--primary_color);
    color: white;
    font-family: var(--font_medium);
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
}

.course_center .course_sam .cour_right{
    width: 55%;
    float: left;
}

.course_center .course_sam .cour_right .images{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.course_center .course_sam .cour_right .images img{
    display: block;
    height: 500px;
}


/* Label css Starts */

.container .label_con{
    width:100%;
    float: left;  
    background-color:var(--primary_color);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0;  
}

.container .label_con .label_center{
    width:1300px;
    margin:0 auto;
}

.container .label_con .label_center .label{
    width:100%;
    float: left;
    position: relative;   
}

.label .fact{
    width:100%;
    float: left;
}

.label .fact ul{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)* -.5);
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-top: calc(var(--bs-gutter-y)* -1);
}

.label .fact ul li{
    flex: 0 0 auto;
    width: 25%;
}

.label .fact ul li .fact_con{
    display: flex;
    align-items: center;
}

.label .fact ul li .fact_con .img{
    flex: 0 0 auto;
    margin-right: 25px;
}

.label .fact ul li .fact_con .txt{
    flex: 0 0 auto;
}

.label .fact ul li .fact_con .txt .txt_one{
    color:#fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 2px;
}

.label .fact ul li .fact_con .txt .txt_two{
    color: hsla(0, 0%, 100%, .8);
    font-size: 15px;
}


.container .course_sec_con .course_sec_center{
    width:1300px;
    margin:0 auto;
}

.container .course_sec_con .course_sec_center .course_sec{
    width:100%;
    float: left;
    position: relative;   
}

.course_sec{
    width:100%;
    float: left;
    position: relative;   
}

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

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

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

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

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

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

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

.product_details_con .product_leftbar{
    width: 100%;
    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 .type_list_one{
    width: 100%;
    float: left;
}

.product_details_con .product_leftbar .product_det .type_list_one > ul{
    display: flex    ;
    justify-content: space-between;
}

.product_details_con .product_leftbar .product_det .type_list_one > ul > li{
    float: left;
    padding: 5px 10px;
    box-sizing: border-box;
    margin: 5px 0px;
}

.product_details_con .product_leftbar .product_det .type_list_one > ul > li:last-child{
    float: right;
}

.product_details_con .product_leftbar .product_det .type_list_one > ul > li .list_type{
    width: 100%;
    float: left;
}

.product_leftbar .product_det .type_list_one > ul > li .list_type .image{
    padding: 5px;
    float: left;
}

.product_leftbar .product_det .type_list_one > ul > li .list_type .image i {
    color: var(--primary_color);
    font-size: 16px;
}

.product_leftbar .product_det .type_list_one > ul > li .list_type .image_txt{
    padding: 5px;
    float: left;
    font-family: var(--font_regular);
    font-size: 15px;
}


.product_leftbar .product_det .type_list_one > ul > li .list_type .image_txt span{
    color: var(--primary_color);
}

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

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


.section .product_details_con .product_leftbar .product_det .course_batch_list{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

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

.product_leftbar .product_det .course_batch_list .batch_list .batch_header{
    width: 100%;
    float: left;
}

.product_leftbar .product_det .course_batch_list .batch_list .batch_header .column{
    float: left;
    text-align: center;
    padding: 13px 10px;
    box-sizing: border-box;
    /* border:1px solid #eee; */
    background: var(--primary_color);
    color: white;
}

.product_leftbar .product_det .course_batch_list .batch_list .batch_header .column:nth-child(1){
    width: 15%;
}

.product_leftbar .product_det .course_batch_list .batch_list .batch_header .column:nth-child(2){
    width: 40%;
}

.product_leftbar .product_det .course_batch_list .batch_list .batch_header .column:nth-child(3){
    width: 25%;
}

.product_leftbar .product_det .course_batch_list .batch_list .batch_header .column:nth-child(4){
    width: 20%;
}

.product_leftbar .product_det .course_batch_list .batch_row{
    width: 100%;
    float: left;
    margin-top: 10px;
}

.product_leftbar .product_det .course_batch_list .batch_row .row_n{
    width: 100%;
    float: left;
    position: relative;
    border:1px solid #0251af1f;
    box-sizing: border-box;
    margin-bottom: 4px;
}

/*  Radio button Starts*/




.course_batch_list .batch_row .row_n  > ul{
    list-style-type: none;
    float: left;
    width: 100%;
    height: 60px;
}

.course_batch_list .batch_row .row_n  > ul > li {
    /*position: relative;*/
    padding: 10px;
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #0251af1f;
    text-transform: uppercase;
    height: 60px;
}

.course_batch_list .batch_row .row_n  > ul > li:first-child{
    padding: 7px 10px 10px 40px;
    
}

.course_batch_list .batch_row .row_n  > ul > li .name{
    text-align: center;
    padding: 8px;
}

.course_batch_list .batch_row .row_n  > ul > li .new_button{
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    color: white;
    width: 100%;
    font-family: "roboto_bold";
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 5px;
}

.course_batch_list .batch_row .row_n  > ul > li .new_button .sec-btn{
    padding: 14px 25px;
}

.course_batch_list .batch_row .row_n  > ul > li .new_button .sec-btn:after{
    --size: 100px;
    top: -63px;
    right: -47px;
    width: var(--size);
    height: var(--size);
}

.course_batch_list .batch_row .row_n  > ul > li:nth-child(1){
    width: 15%;
    float: left;
}

.course_batch_list .batch_row .row_n  > ul > li:nth-child(2){
    width: 40%;
    float: left;
}

.course_batch_list .batch_row .row_n  > ul > li:nth-child(3){
    width: 25%;
    float: left;
}

.course_batch_list .batch_row .row_n  > ul > li:nth-child(4){
    width: 20%;
    float: left;
    border-right: 0;
}

.course_batch_list .batch_row .row_n ul  li  label span{
    color: #264753;
    font-family: var(--font_regular);
    font-size: 15px;
    text-transform: uppercase;
}

.course_batch_list .batch_row .row_n  ul  li  label:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #264753;
    position: absolute;
    left: 40px;
    top: 27px;
    box-sizing: border-box;
    border-radius: 50%;
}

.course_batch_list .batch_row .row_n  ul  li  input[type="radio"] {
    opacity: 0;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    z-index: 100;
    margin: 0;
    padding: 0;
    width: 80%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.course_batch_list .batch_row .row_n  ul  li  .bullet {
    position: relative;
    width: 22px;
    height: 22px;
    left: 32px;
    top: 19px;
    border: 4px solid #264753;
    opacity: 0;
    border-radius: 50%;
}

.course_batch_list .batch_row .row_n  ul  li  input[type="radio"]:checked ~ .bullet {
    position:absolute;
    opacity: 1;
    animation-name: explode;
    animation-duration: 0.350s;
}

.course_batch_list .batch_row .row_n > ul  li  .line {
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #264753;
    opacity:0;
}

.course_batch_list .batch_row .row_n  ul  li  .line.zero {
    left: 11px;
    top: -21px;
    transform: translateY(20px);
    width: 2px;
    height: 10px;
}

.course_batch_list .batch_row .row_n  ul  li  .line.one {
    right: -7px;
    top: -11px;
    transform: rotate(-55deg) translate(-9px);
}

.course_batch_list .batch_row .row_n  ul  li  .line.two {
    right: -20px;
    top: 11px;
    transform: translate(-9px);
}

.course_batch_list .batch_row .row_n  ul  li  .line.three {
    right: -8px;
    top: 35px;
    transform: rotate(55deg) translate(-9px);
}

.course_batch_list .batch_row .row_n ul  li  .line.four {
    left: -8px;
    top: -11px;
    transform: rotate(55deg) translate(9px);
}

.course_batch_list .batch_row .row_n  ul  li  .line.five {
    left: -20px;
    top: 11px;
    transform: translate(9px);
}

.course_batch_list .batch_row .row_n  ul  li  .line.six {
    left: -8px;
    top: 35px;
    transform: rotate(-55deg) translate(9px);
}

.course_batch_list .batch_row .row_n ul  li  .line.seven {
    left: 11px;
    bottom: -21px;
    transform: translateY(-20px);
    width: 2px;
    height: 10px;
}

.course_batch_list .batch_row .row_n  ul li input[type="radio"]:checked ~ .bullet .line.zero{
    animation-name:drop-zero;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

.course_batch_list .batch_row .row_n  ul  li  input[type="radio"]:checked ~ .bullet .line.one{
    animation-name:drop-one;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

.course_batch_list .batch_row .row_n ul li input[type="radio"]:checked ~ .bullet .line.two{
    animation-name:drop-two;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

.course_batch_list .batch_row .row_n ul li input[type="radio"]:checked ~ .bullet .line.three{
    animation-name:drop-three;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

.course_batch_list .batch_row .row_n ul li input[type="radio"]:checked ~ .bullet .line.four{
    animation-name:drop-four;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

.course_batch_list .batch_row .row_n ul li input[type="radio"]:checked ~ .bullet .line.five{
    animation-name:drop-five;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

.course_batch_list .batch_row .row_n ul li  input[type="radio"]:checked ~ .bullet .line.six{
    animation-name:drop-six;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

.course_batch_list .batch_row .row_n ul li > input[type="radio"]:checked ~ .bullet .line.seven{
    animation-name:drop-seven;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

@keyframes explode {
    0%{
        opacity: 0;
        transform: scale(10);
    }
    60%{
        opacity: 1;
        transform: scale(0.5);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes drop-zero {
    0% {
        opacity: 0;
        transform: translateY(20px);
        height: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: translateY(-2px);
        height: 0px;
        opacity:0;
    }
}

@keyframes drop-one {
    0% {
        opacity: 0;
        transform: rotate(-55deg) translate(-20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: rotate(-55deg) translate(9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-two {
    0% {
        opacity: 0;
        transform: translate(-20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: translate(9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-three {
    0% {
        opacity: 0;
        transform: rotate(55deg) translate(-20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: rotate(55deg) translate(9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-four {
    0% {
        opacity: 0;
        transform: rotate(55deg) translate(20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: rotate(55deg) translate(-9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-five {
    0% {
        opacity: 0;
        transform: translate(20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: translate(-9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-six {
    0% {
        opacity: 0;
        transform: rotate(-55deg) translate(20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: rotate(-55deg) translate(-9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-seven {
0% {
        opacity: 0;
        transform: translateY(-20px);
        height: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: translateY(2px);
        height: 0px;
        opacity:0;
    }
}

/* Radio Button Ends */

.course_batch_list .batch_row .row_n  > ul .batch_det{
    width: 100%;
    position: absolute;
    background: white;
    top: 101%;
    z-index: 10;
    border: 1px solid #eee;
    box-sizing: border-box;
    display: none;
}

.course_batch_list .batch_row .row_n  > ul .batch_det .det_head{
    width: 100%;
    float: left;
}

.course_batch_list .batch_row .row_n  > ul .batch_det .det_head > ul > li{
    width: 100%;
    float: left;
    padding:15px 10px;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-family: "roboto_bold";
    background: var(--primary_color);
    text-transform: uppercase;
    color: white;
}

.course_batch_list .batch_row .row_n  > ul .batch_det .det_list{
    width: 100%;
    float: left;
}

.course_batch_list .batch_row .row_n  > ul .batch_det .det_list > ul > li{
    width: 100%;
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    
}

.course_batch_list .batch_row .row_n  > ul .batch_det .det_list > ul > li .head{
    width: 50%;
    float: left;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    padding: 15px;
    font-family: var(--font_bold);
}

.course_batch_list .batch_row .row_n  > ul .batch_det .det_list > ul > li .head_l{
    width: 50%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    font-family: var(--font_regular);
}

.course_bgs{
    box-sizing: border-box;
    margin: 0 45px 0;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    padding: 12px 48px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 20px 0;
    background-image: url(../../images/label/bg.jpg);
    float: left;
}

.course_bgs .image{
    width: 154px;
    flex: 0 0 auto;
    margin-right: 40px;
}

.course_bgs .image img{
    display: block;
}

.course_bgs .cta__content-three{
    display: flex;
    align-items: center;
    gap: 30px;
    flex-grow: 1;
    justify-content: space-between;
}

.course_bgs .cta__content-three .content__left .title {
    margin-bottom: 0;
    color: white;
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}

.course_bgs .cta__content-three .content__left p {
    margin-bottom: 0;
    color: white;
    font-weight: 500;
    text-transform: capitalize;
}

.course_bgs .cta__shape-two img {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}

.product_leftbar .product_det .course_overview{
    width: 100%;
    float: left;
    margin:20px 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: 10px;
    box-sizing: border-box;
}

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

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

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

.product_details_con .product_leftbar .product_det .mat_inc_enq .train_head .head{
    font-family: var(--font_bold);
    font-size: 25px;
    text-align: center;
    color: var(--primary_color);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.product_details_con .product_leftbar .product_det .mat_inc_enq .train_option{
    width: 100%;
    float: left;
    display: flex;
    gap: 10px;
}

.product_details_con .product_leftbar .product_det .mat_inc_enq .material_inc{
    width: 50%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid rgba(51,51,51,0.5);
    border-radius: 10px;
}

.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: 5px;
    box-sizing: border-box;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
    color: var(--black);
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_head .sub_h{
    width: 100%;
    float: left;
    font-family: var(--font_regular);
    font-size: 16px;
    padding: 5x;
    box-sizing: border-box;
    color: var(--black);
    text-align: center;
    margin-bottom: 20px;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .material_list{
    width: 100%;
    float: left;
    /* min-height: 400px;
    max-height: 400px; */
    overflow-y: auto;
    border-top: 1px solid rgba(51,51,51,0.1);
    padding-top: 10px;
    position: relative;
}

.product_leftbar .product_det .mat_inc_enq .material_inc .enqi{
    display: flex;
    width: 100%;
    float: left;
    justify-content: center;
}

.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: 50%;
    float: left;
    border: 1px solid var(--black);
    border-radius: 10px;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .enqi{
    display: flex;
    width: 100%;
    float: left;
    justify-content: center;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .enq_button{
    float: right;
    margin: 20px 0px;
    
}

.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_medium);
    font-size: 20px;
    padding: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center;
    color: var(--black);
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_head .sub_h{
    width: 100%;
    float: left;
    font-family: var(--font_regular);
    font-size: 16px;
    padding: 5x;
    box-sizing: border-box;
    margin-bottom: 20px;
    color: var(--black);
    text-align: center;
}

.product_leftbar .product_det .mat_inc_enq .enq_learn .learn_obj .learn_list{
    width: 100%;
    float: left;
    min-height: 305px;
    max-height: 305px;
    overflow-y: auto;
    border-top: 1px solid rgba(51,51,51,0.1);
    padding-top: 10px;
}

.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 > 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{
    width: 10%;
    float: left;
}

.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_details_con .product_leftbar .product_det .mat_enquiry .inquiry{
    width: 30%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
}

.product_details_con .product_leftbar .product_det .mat_enquiry .inquiry .inq_con{
    width: 100%;
    float: left;
    display: none;
}

.product_det .mat_enquiry .inquiry .feild_head{
    width: 100%;
    float: left;
}

.product_det .mat_enquiry .inquiry .feild_head .head{
    width: 100%;
    float: left;
    font-family: var(--font_bold);
    text-align: center;
}

.product_det .mat_enquiry .inquiry .input_box{
    width: 100%;
    float: left;
}

.product_det .mat_enquiry .inquiry .input_box .feild_b{
    width: 100%;
    float: left;
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_name{
    width: 100%;
    float: left;
    font-family: var(--font_regular);
    padding: 5px;
    box-sizing: border-box;
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_feild{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_feild input{
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #ccc;
    font-family: var(--font_regular);
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_feild .cty_code{
    width: 35%;
    float: left;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_feild .cty_code .code{
    width: 65%;
    float: left;
    
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_feild .cty_code .code select{
    width: 100%;
    float: left;
    padding: 9px;
    box-sizing: border-box;
    border: none;
    outline: none;
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_feild .cty_code .c_val{
    width: 35%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_feild .box{
    width: 65%;
    float: left;
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_feild .box input{
    width: 100%;
    float: left;
    padding: 10.5px;
    border-left: none;
}

.product_det .mat_enquiry .inquiry .input_box .feild_b .box_feild input[type='button']{
    width: 100%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #ccc;
    background: var(--primary_color);
    color: white;
    font-family: var(--font_medium);
    font-size: 16px;
    text-transform: uppercase;
}

.product_details_con .product_leftbar .product_det .mat_enquiry .inquiry .cor{
    width: 100%;
    float: left;
    margin-top: 20px;
}

.product_det .mat_enquiry .inquiry .cor .cor_head{
    width: 100%;
    float: left;
    font-family: var(--font_bold);
    text-align: center;
    margin-bottom: 10px;
    font-size: 25px;
    text-transform: uppercase;
    margin-top: 70px;
}

.product_det .mat_enquiry .inquiry .cor .sub_head{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.product_det .mat_enquiry .inquiry .cor .sub_head p{
    font-family: var(--font_regular);
    text-align: center;
}

.product_det .mat_enquiry .inquiry .cor .images{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.product_det .mat_enquiry .inquiry .cor .images img{
    width: 100%;
}

.product_det .mat_enquiry .inquiry .cor .enq_button{
    width: 100%;
    float: left;
}

.product_det .mat_enquiry .inquiry .cor .enq_button .sec-btn{
    width: 100%;
    box-sizing: border-box;
} 

.product_details_con .product_leftbar .product_det .hands_on{
    width: 100%;
    float: left;
    position: relative;
    padding: 75px 60px 60px;
    box-sizing: border-box;
    background: linear-gradient(90deg, #5A72FF 0%, #687EFF 100%);
    margin: 50px 0px;
    border-radius: 30px;
}

.product_details_con .product_leftbar .product_det .hands_on .hand_cover{
    background: url('../../images/label/shape.png');
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.product_details_con .product_leftbar .product_det .hands_on .image{
    position: absolute;
    bottom: -0;
    right: 90px;
    z-index: 2;
}

.product_details_con .product_leftbar .product_det .hands_on .image img{
    display: block;
    height: 350px;
}

.product_details_con .product_leftbar .product_det .hands_on .heads{
    width: 65%;
    float: left;
    color: var(--white);
    font-family: var(--font_bold);
    font-size: 20px;
    padding: 20px 0;
    text-transform: uppercase;
}

.product_details_con .product_leftbar .product_det .hands_on .heads span{
    text-transform: uppercase;
    font-style: italic;
    font-size: 20px;
    color: #ffdbb6;
}

.product_details_con .product_leftbar .product_det .hands_on .para{
    width: 65%;
    float: left;
}

.product_details_con .product_leftbar .product_det .hands_on .para .list{
    font-family: var(--font_regular);
    font-size: 15px;
    color: var(--white);
    text-align: justify;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-left: 5px;
}

.product_details_con .product_leftbar .product_det .hands_on .para .list .img{
    float: left;

}

.product_details_con .product_leftbar .product_det .hands_on .para p span{
    text-transform: uppercase;
    font-style: italic;
    font-family: var(--font_bold);
}



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

.product_leftbar .product_det .course_content .course_con{
    width: 70%;
    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;
   
}

.product_leftbar .product_det .course_content .cour_feat{
    width: 100%;
    float: left;
    margin-top: 30px;
    height: 550px;
}

.product_leftbar .product_det .course_content .cour_feat .featur_img{
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
    height: 100%;
}

.product_leftbar .product_det .course_content .cour_feat .featur_img img{
    width: 100%;
    float: left;
}

.product_leftbar .product_det .course_content .cour_feat .featur_list{
    width: 50%;
    float: left;
    padding: 30px 20px;
    box-sizing: border-box;
}

.product_leftbar .product_det .course_content .cour_feat .featur_list .li_head{
    width: 100%;
    float: left;
    font-family: var(--font_bold);
    color: var(--primary_color);
    font-size: 20px;
    margin-bottom: 20px;
}

.course_content .cour_feat .featur_list ul {
    display: flex    ;
    flex-wrap: wrap;
    width: 100%;
    row-gap: 5px;
} 

.course_content .cour_feat .featur_list ul li{
    width: 100%;
    float: left;
}

.course_content .cour_feat .featur_list ul li .li_con{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.course_content .cour_feat .featur_list ul li .li_con .img{
    float: left;
    padding-right: 10px;
}

.course_content .cour_feat .featur_list ul li .li_con .img img{
    height: 40px;
    padding: 10px;
}

.course_content .cour_feat .featur_list ul li .li_con .img_txt{
    float: left;
    font-family: var(--font_regular);
}




.product_leftbar .product_det .course_content .course_right{
    width: 30%;
    float: left;
} 


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

.course_content .course_right .border_bar .image{
    width: 100%;
    float: left;
}

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

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

.course_content .course_right .border_bar .button .sec-btn{
    cursor: pointer;
    padding: 21px 59px;
}

.course_content .course_right .border_bar .button .float_type{
    position: absolute;
    width: 50%;
    padding:10px;
    border:1px solid #ddd;
    top:-60px;
    text-align: center;
    background: white;
    border-radius: 5px;
    display: none;
    z-index: 9;
}

.course_content .course_right .border_bar .button .float_type:after{
    position: absolute;
    content: "";
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    top: 100%;
    left: 50%;
}

.course_content .course_right .border_bar .button .float_type:before{
    position: absolute;
    content: "";
    border-top: 20px solid #ddd;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    top: 102%;
    left: 50%;
}

.course_content .course_right .border_bar .button .float_type a{
    color: var(--primary_color);
    text-decoration: underline;
}

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

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

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



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

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

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

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

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

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

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

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


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

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

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

.course_content .course_right .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);
}


/* 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: 20px 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 .button .sec-btn{
    cursor: pointer;
    padding: 21px 59px;
}

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

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