/*============================================================================================*/
                                                /* Your custom styles below */
                                                /*============================================================================================*/
                                                
                                                .input-error {
                                                    border-color: red;
                                                }
                                                
                                                .req {
                                                    color: red;
                                                }
                                                
                                                .class-rule {
                                                    list-style-type: disc !important;
                                                    margin-left: 15px;
                                                }
                                                
                                                .class-rule li {
                                                    margin-bottom: 10px;
                                                }
                                                
                                                .onlinecourse {
                                                    background-color: #eceff1;
                                                    margin-bottom: 45px;
                                                    padding: 25px 10px;
                                                }
                                                
                                                .feesinfo {
                                                    background-color: #fff !important;
                                                }
                                                
                                                #enquiry_button {
                                                    position: fixed;
                                                    right: 0;
                                                    top: 50%;
                                                    z-index: 1000;
                                                }
                                                
                                                .signup-content {
                                                    padding: 50px 30px !important;
                                                    margin: 0 0;
                                                }
                                                
                                                .display-none {
                                                    display: none;
                                                }
                                                
                                                .mb25 {
                                                    margin-bottom: 25px;
                                                }
                                                /* Header CSS */
                                                
                                                .user_menu {
                                                    background: #3c3c3c;
                                                    z-index: 99 !important;
                                                }
                                                
                                                .user_menu .main-menu {
                                                    float: left !important;
                                                }
                                                
                                                .user_menu ul>li>a {
                                                    color: #fff;
                                                }
                                                
                                                .user_menu ul>li>ul>li>a {
                                                    color: #333
                                                }
                                                
                                                header.user_menu.sticky {
                                                    top: 55px !important;
                                                }
                                                
                                                .user_menu li.active {
                                                    transition: all 0.3s ease-in-out;
                                                    border: 0;
                                                    padding: 10px 10px !important;
                                                    height: 47px;
                                                    border-radius: 5px 5px 0px 0;
                                                    background-color: #74d1c6;
                                                }
                                                
                                                .user_menu li.active a {
                                                    color: #333 !important;
                                                    font-weight: 600 !important;
                                                }
                                                
                                                .dropdown-menu {
                                                    position: absolute;
                                                    transform: translate3d(7px, 29px, 0px);
                                                    top: 45%;
                                                    will-change: transform;
                                                    right: 0 !important;
                                                    width: 280px;
                                                    min-width: 10rem;
                                                    left: auto !important;
                                                }
                                                
                                                .dropdown-menu>li {
                                                    display: block !important;
                                                    padding-right: 10px !important;
                                                }
                                                
                                                .sstopuser {
                                                    border-top: 1px solid #eee;
                                                }
                                                
                                                .student-item {
                                                    margin-left: 0 !important;
                                                }
                                                
                                                .icon-key,
                                                .icon-logout,
                                                .icon-calendar {
                                                    font-size: inherit !important;
                                                }
                                                
                                                .hightlight {
                                                    color: #b19450;
                                                }
                                                
                                                .highlight {
                                                    
                                                    color: #b19450;
                                                }
                                                
                                                .filter-box {
                                                    margin-bottom: 1.5em;
                                                    border-bottom: 0;
                                                    padding: 10px 15px;
                                                    box-shadow: 0 8px 16px 0 rgb(24 19 87 / 7%);
                                                    background: #fff;
                                                    margin-top: 25px;
                                                }
                                                
                                                .filter-box h6 {
                                                    font-size: 0.75rem;
                                                    margin-bottom: 5px;
                                                }
                                                
                                                .p-10 {
                                                    padding-left: 6px;
                                                    padding-right: 10px;
                                                }
                                                
                                                .display-none {
                                                    display: none;
                                                }
                                                
                                                .teacher-name:hover {
                                                    color: #ff7703 !important
                                                }
                                                
                                                .teacher-details .detail-list span {
                                                    border: 2px solid #ff7703;
                                                    border-radius: 50px;
                                                    padding: 3px 10px;
                                                }
                                                
                                                .link-button {
                                                    background: #ff7703;
                                                    color: white !important;
                                                    text-transform: uppercase;
                                                    font-weight: bold;
                                                }
                                                /* .sidebar11 {
        background: linear-gradient(to right, #24243e, #302b63, #0f0c29);
    }
    
    .card-success {} */
                                                
                                                #custom-search-input input[type="submit"] {
                                                    background-color: #b19450 !important;
                                                }
                                                /* footerlogo */
                                                /*                                                     
                                                    @media (max-width: 1450px) {
                                                        .img-fluid {
                                                            max-width: 65%;
                                                            height: auto;
                                                            min-height: -webkit-fill-available;
                                                        }
                                                    }
                                                    
                                                    @media (max-width:1030px) {
                                                        .img-fluid {
                                                            max-width: 65%;
                                                            height: auto;
                                                            min-height: -webkit-fill-available;
                                                        }
                                                    }
                                                    
                                                    @media (max-width: 770px) {
                                                        .img-fluid {
                                                            max-width: 25%;
                                                            height: auto;
                                                            min-height: -webkit-fill-available;
                                                            /* footerlogo */
                                                /* } */
                                                /* } */
                                                
                                                @media (max-width: 1024px) {
                                                    .page-header {
                                                        margin-top: -12%;
                                                    }
                                                    .rating-img{
                                                        width: 100px !important;
                                                    }
                                                }
                                                
                                                @media (max-width: 1024px) {
                                                    .hero_home {
                                                        margin-top: -12%;
                                                    }
                                                }
                                                
                                                @media screen and (max-width:1024px) {
                                                    .call-to-action-container {
                                                        background: #dead01;
                                                        border-radius: 10px;
                                                        position: absolute;
                                                        bottom: -4%;
                                                        /* left: 1.3%; */
                                                    }
                                                }
                                                
                                                @media screen and (max-width: 770px) {
                                                    a.btn_1.medium,
                                                    .btn_1.medium {
                                                        padding: 12px 49px;
                                                        font-size: 16px;
                                                        font-size: 1rem;
                                                        margin-left: -13px;
                                                    }
                                                }
                                                
                                                @media screen and (max-width: 770px) {
                                                    .call-to-action-container {
                                                        background: #dead01;
                                                        border-radius: 10px;
                                                        position: absolute;
                                                        bottom: -4%;
                                                        /* margin-bottom: 25px; */
                                                    }
                                                }
                                                
                                                @media screen and (max-width: 770px) {
                                                    .margin_120_0 {
                                                        padding-top: 0px;
                                                        padding-bottom: 0px;
                                                        margin-top: -80px;
                                                    }
                                                    .profile-m{
                                                        display:none;
                                                    }
                                                }
                                                
                                                @media screen and (max-width: 770px) {
                                                    .hero_home .content .container {
                                                        position: relative;
                                                        top: 55%;
                                                        transform: translate(0, -40%);
                                                    }
                                                }
                                                
                                                @media screen and (max-width: 480px) {
                                                    .margin_120_0 {
                                                        padding-top: 0px;
                                                        padding-bottom: 0px;
                                                        margin-top: -208px;
                                                    }
                                                }

                                                @media screen and (max-width: 426px) {
                                                    .home-img {
                                                        padding-top: 0px;
                                                        padding-bottom: 0px;
                                                        margin-top: -180px;
                                                    }
                                                    .about-title{
                                                        text-align: center;
                                                        margin-top:20px;
                                                    }
                                                    .our_guru{
                                                        padding-top: 30px;
                                                        padding-bottom: 5px;
                                                        margin-bottom: 120px;
                                                    }
                                                    .pd-down{
                                                        padding-bottom: 10px;
                                                    }
                                                    .md-bottom{
                                                        margin-bottom: 20px;
                                                    }
                                                    .engage {
                                                        padding-top: 0px;
                                                        padding-bottom: 0px;
                                                        margin-top: -150px;
                                                    }
                                                    .about-margin{
                                                        margin-top: -180px;
                                                    }
                                                    .about-footer{
                                                        margin-bottom: -200px;
                                                    }

                                                    .home-teacher{
                                                        margin-bottom: 250px;
                                                    }
                                                    
                                                    
                                                }
                                                @media screen and (min-width: 425px) {
                                                    .our_guru{
                                                        padding-top: 30px;
                                                        /* padding-bottom: 5px; */
                                                        /* margin-bottom: 120px; */
                                                    }  
                                                }
                                                
                                                @media (max-width: 480px) {
                                                    .hero_home {
                                                        margin-top: 0%;
                                                    }
                                                    /* .rating{
                                                        display:none;
                                                    } */
                                                }
                                                /* call to action  */
                                                
                                                @media (max-width: 480px) {
                                                    .margin_120_95 {
                                                        padding-top: 30px;
                                                        padding-bottom: 5px;
                                                        margin-bottom: 180px;
                                                    }
                                                    
                                                }
                                                
                                                @media screen and (max-width: 480px) {
                                                    .call-to-action-container {
                                                        background: #dead01;
                                                        border-radius: 10px;
                                                        position: absolute;
                                                        bottom: -4%;
                                                        padding: -12px;
                                                        margin-top: -28px;
                                                        margin-bottom: 85px;
                                                    }
                                                }
                                                
                                                @media (max-width:380px) {
                                                    .margin_120_95 {
                                                        /* padding-top: 30px; */
                                                        /* padding-bottom: 5px;
                                                        margin-bottom: 190px; */
                                                    }
                                                    
                                                }
                                                
                                                @media (max-width:380px) {
                                                    .course_add {
                                                        box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
                                                        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
                                                        margin-top: 0px;
                                                        margin-bottom: 0px 20px 20px;
                                                        padding: 40px 40px 40px 40px;
                                                        /* max-height: 308px; */
                                                        /* height: 300px; */
                                                    }
                                                }
                                                
                                                @media (max-width:380px) {
                                                    .course-details-call-to-action {
                                                        background-image: url(../img/learning-guitar-game.jpg);
                                                        background-size: cover;
                                                        background-repeat: no-repeat;
                                                        height: 270px;
                                                        width: 100%;
                                                        box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
                                                        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
                                                        margin-top: 0px;
                                                        margin-bottom: 65px;
                                                    }
                                                }
                                                
                                                #sidebar {
                                                    background-color: #f7ecc5;
                                                }

                                                @media (max-width: 321px) {
                                                    .owl-carousel .owl-item img {
                                                        min-height: 15rem;
                                                    }
                                                }

                                                @media (min-width: 1024px) {
                                                    .owl-carousel .owl-item img {
                                                        min-height: 13rem;
                                                    }
                                                    .pic-width{
                                                        width:60%;
                                                    }
                                                }

                                                @media (max-width: 376px) {
                                                    .recap{
                                                        margin-left:-26.5px;
                                                    }
                                                }

                                                @media (max-width: 770px) and (min-width: 500px){
                                                    .profile-card{
                                                        width:50%;
                                                    }

                                                    .rating-card{
                                                        width:40%;
                                                    }
                                                }

                                                @media (min-width: 770px) {
                                                    .profile-l{
                                                        display:none;
                                                    }
                                                }