body{
    background:#f6f6f6;
}
.academy-single-con{
    padding:10px;
}
.background-1{
    display:flex;
    flex-direction:row-reverse;
    padding:70px 0 20px ;
}
.content-con{
    display:flex;

}
.content-con .right{
    width:70%;
    padding:0 30px;
}
.content-con .left{
    width:30%;
    padding:0 30px;
}
.content-con video{
    width:100%;
}
.content-con h2{
    color:#EB9D11;
    font-size:19px;
    padding:10px 0;
}
.content-con p{
    font-size:15px;
    color:#000;
    line-height:1.9;
}
.content-con .summary-con{
    background:#fff;
    padding:20px 30px;
    border-radius:5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}

.content-con .content{
    margin-top:40px;
    padding:20px 30px;
    border-radius:5px;
    background:#fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.content-con .register{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding:20px;
    background:#fff;
    margin-top:10px;
}
.content-con .register h6 ,
.content-con .consultation h6{
    background-color:#E6332A;
    width:100%;
    display:block;
    text-align:center;
    padding:10px;
    color:#fff;
    font-size:16px;
}
.content-con .register p{
    font-size:14px;
    padding-bottom:10px;;
}
.content-con .register h3{
    font-size:17px;
    padding:15px 0 5px ;
}
.content-con .details{
    display:flex;
    justify-content:space-between;
    padding-top:10px;
}
.content-con .details-root{
    display:flex;
    justify-content:space-between;
    width:66%;
}
.content-con .details .rating{
    display:flex;
    align-items:center;
    width:33%;

}
.content-con .details span{
    font-size:14px;
}
.content-con .details .rating span{
    height:20px;
    padding:0 5px;
}
.content-con .details .rate-con{
    direction:ltr
}
.content-con .details img{
    width:25px;
    margin:0 5px;
}
.content-con .consultation{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding:20px;
    background:#fff;
    margin-top:35px;
}
.content-con .consultation .form{
    background:#fff;
    padding:20px 0 ;;
}
.content-con .consultation .form .item{
    display:flex;
    justify-content:space-between;
    padding:5px 0;
}
.content-con .consultation .form .item div{
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    width:48%;
}
.content-con .consultation .form .item label{
    font-size:14px!important;
    margin:0!important;
    padding:5px 0;
}
.content-con .consultation .form .item input{
    border:1px solid #E6332A;
    padding:10px!important;
    border-radius:5px!important;
    height:auto;
    font-size:13px;
    width:100%;
}

.content-con .consultation .form  .submit{
    margin-top:50px;
    display:flex;
    justify-content:center;;
}
.content-con .consultation .form  button{
    background-color:#F9B233;
    border:none;
    border-radius:5px;;
}
.content-con .consultation .form  button:hover{
    color:#fff!important
}
.comments {
    width:90%;
    margin:0 auto;
    max-width:1200px;
}
.comments h2 ,
.related-posts h2{
    color:#F9B233;
    font-size:25px;
    text-align:center;
    padding:15px 0;
}
.comments >div{
    width:100%;
}

.related-posts{
    margin-top:50px;
    margin-bottom:100px;
}
.related-posts .root{
    margin-top:50px;
    display:flex;
    justify-content:space-between;
    width:95%;
    margin:0 auto;
}
.related-posts .root a{
    margin-top:50px;
    display:flex;
    flex-direction:column;
    width:31%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border-radius:25px;
    padding:10px;
}
.related-posts .root h4{
    color:#555;
    font-size:16px;
    text-align:center;
    padding:15px 0;
}
.background-3{
    margin-bottom:30px;
}
.background-3 svg{
    height:70px;
}

@media only screen and (max-width: 1000px) {
    .content-con {
        display:flex;
        flex-direction:column-reverse;

    }
    .content-con .right{
        width:100%;
    }
    .content-con .left{
        width:100%;
    }
    .content-con .details{
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
    .content-con .details-root{
        display:flex;
        justify-content:center;
        width:100%;
    }
    .content-con .details-root>div{
        padding:5px 10px;
    }
    .content-con .rating{
        width:100%!important;
        display:flex;
        justify-content:center;
        padding:3px;
    }
    .summary-con{
        padding:20px 15px!important
    }

    .related-posts .root{
        flex-wrap:wrap;
    }
    .related-posts .root>a{
        min-width:300px;
        display:block;
    }

    .related-posts .root  img{
        width:100%

    }
}
@media only screen and (max-width: 650px) {
    .related-posts .root>a{
        min-width:100%;
        display:block;
    }

    .academy-single-con h2{
        font-size:15px;
        line-height:1.7;
    }

}
@media only screen and (max-width: 450px) {
    .content-con .details-root{
        flex-direction:column;
    }

    .content-con .right ,
    .content-con .left
    {
        padding: 0 10px;
    }


}