html {
    scroll-behavior: smooth;
}

button:focus {
    outline: none;
}

a{
    text-decoration:none;
}

a:hover{
    text-decoration:none;
}
.row{
margin:0;
}

.header-menu ul{
    float: right;
    padding: 0;
    list-style: none;
    margin: 17px 0px;
}

.form-control:focus {
    box-shadow: none;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

/**Header css Start**/
/**
.destopmodehide{display: none;}
.mobilemodehide{display: none;}
**/


.destopmodehide{
    display: none;
}

header .logo img {
    width: 65%;
    padding: 10px 0px 0px 0px;
}

header{
    width: 100%;
    display: block;
    background: #ffffff;
}

header .main-header{
    width: 95%;
    margin: 0px auto;
}


.main-header-right {
    float: right;
    margin: 20px 0;
}

.main-header-right ul li {
    float: left;
    list-style-type: none;
}

.main-header-right ul li a {
    padding: 3px;
    display: block;
    color: #979793;
    font-size: 24px
}

.main-header-right ul li span {
    color: #ff8400;
    font-weight: bold;
    font-size: 16px;
}

.main-header-right ul li span .cartCounts{
    min-width: 20px;
    background: red;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    color: white;
    padding: 3px;
}

.header-menu ul li {
    float: left;
    position: relative;
}

.header-menu ul li.hasmegamenu {
    position: static;
}

.header-menu ul li a {
    color: #1d1d1d;
    padding: 6px 15px 7px 15px;
    display: block;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Roboto', serif;
    text-decoration: none;
}

.header-menu ul li ul {
    position: absolute;
    width: 250px;
    background: #fff;
    z-index: 9;
    opacity: 0;
    transform-origin: 0 0 0;
    transform: scale(1,0);
    transition: all 500ms ease 0s;
    margin: 0px;
    -webkit-box-shadow: 1px 5px 5px #aaaa;
}

.header-menu ul li:hover > ul{
    opacity: 1;
    transform: scale(1,1);
}

/**drop down mega Menu  larvel css End**/

.header-menu ul li:hover > .mega-menus{
    display: block;
}

ul.dropdown-menus {
    left: 100%;
    top: 0;
}

.header-menu ul li span.fa-chevron-down {
    font-size: 12px;
    padding: 2px;
}

.header-menu ul li span.fa-angle-right {
    padding: 3px 10px;
    color: #e5e5e5;
    float: right;
}

ul.dropdown-submenus li a {
    padding: 10px 0px 10px 10px;
    font-size: 12px;
}


.header-menu ul li ul li {
    border-bottom: 1px solid #e1e0e0;
    width: 100%;
}

.header-menu ul li ul li:last-child{
    border-bottom: none;
}

.header-menu ul li ul li:hover {
    background: #f7f7f7;
}


header.sticky-header {
    width: 100%;-webkit-transition: all 2.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;}
header.sticky-header.stick {position: fixed;top: 0;left: 0;animation: smoothScroll 1s forwards;z-index: 99;}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

	.top-header.hidesection {display: none;}


	/**Matis Menu multi larvel css Start**/
	.primarymenu {padding:0px;}
	.multi-lavel ul li {padding:0px;}
	ul.primarymenu li {background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);}
	ul.primarymenu li a {padding: 10px;display: block;color: white;font-weight: bold;}
	ul.submenu li{display: none;}
	ul.submenu li{border: 0px;}
	ul#submenutwo{padding: 0;background: #e7e7e7;}
	ul#menu li a {border-bottom:1px solid #d6d4d4;display: inline-block;padding:5px;font-weight: bold;color: #8e8282;width:100%;}   
	/**Matis Menu multi larvel css End**/


/**Side Modals css Start**/
	.side-modals.right {right: -300px;height: 100vh;width: 300px;top: 0;}
	.side-modals {position: fixed;background-color: #fff;z-index: 9999;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.side-modals.right.open-side {right: 0;}
	.side-modals.open-side {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.side-modals .overlay {visibility: hidden;opacity: 0;background-color: #000000a3;position: fixed;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.side-modals.open-side .overlay {opacity: 0.8;visibility: visible;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.side-modals.right .cart-inner {height: 100vh;overflow: auto;}
	.side-modals .cart-inner {background-color: #fff;z-index: 9;position: relative;top: 0;}
	.side-modals .cart-inner .cart_top {padding: 15px 10px;border-bottom: 1px solid #ddd;}
    .metis-search-bar {
        padding: 18px 10px;
        margin: 0px 20px 8px;
        border-bottom: 2px solid #ccc;
    }

    .cart_media {
        padding: 10px;
    }

    .cart_media ul {
        list-style-type: none;
        margin-left: -25px;
    }

    .contact-part{
        width: 100%;
        padding: 18px 10px;
        margin: 0px 20px 8px;
    }

    .contact-part ul{
        list-style-type: none;
        margin-left: -31px;
    }

    .contact-part ul li{
        margin: -8px;
    }

/**Side Modals css End**/

/**Header css End**/

/**Slider part css strat**/

.slider-part{
    width: 100%;
    display: block;
    padding: 100px 0px;
}

.slider-part .section-content{
    width: 65%;
    display: block;
    padding: 10px;
    text-align: center;
    margin: 0px auto;
}

.slider-part .section-content h1{
    font-size: 40px;
    font-weight: 700;
    color: #111;
    margin: 0;
    line-height: 45px;
    margin-bottom: 18px;
    color: #fff;
    font-family: 'Roboto', serif;
}

.slider-part .section-content h4{
    margin: -5px 0px 40px;
    color: #fff;
    font-family: 'Roboto', serif;
}

.slider-part .section-content a{
    text-decoration: none;
    font-weight: 400;
    color: #000;
    color: #fff;
    font-family: 'Roboto', serif;
    font-size: 14px;
}

.slider-part .section-content .info-section {
    margin-top: 10px;
}

/**Slider part css End**/

.main-contents {
    background: #fff;
}

/*subjects css start*/

.subjects-div{
    width: 100%;
    display: block;
    padding: 20px 0px;
}

.subjects-div h5{
    font-size: 15px;
    min-height: 36px;
}

/*subjects css end*/

/*polupar-course css start*/

.popular-course{
    width: 100%;
    display: block;
    padding: 30px 0px;
}

.popular-course .popular-course-title{
    width: 100%;
    display: block;
}

.popular-course .popular-course-title h3{
    font-family: 'Roboto', serif;
    font-weight: bold;
}

.popular-course .popular-course-title button{
    padding: 6px 30px;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    transition-duration: 0.3s;
    color: #000;
    box-shadow: 2px 2px 7px #000;
    border: none;
}

.popular-course .popular-course-title button:hover{
    background-color: #013299;
    color: #fff;
}

.popular-course .popular-course-category{
    width: 100%;
    display: block;
    margin: 15px 0px;
}

.popular-course .popular-course-category .card{
    transition-duration: 0.3s;
}

.popular-course .popular-course-category .card:hover{
    cursor: pointer;
    background-color: #f9f9f9;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    transform: scale(1.1);
}


.popular-course .popular-course-category .card-body{
    padding: 10px 10px 0px 10px;
}

.popular-course .popular-course-category a{
    text-decoration: none;
    color: #000;
}

.popular-course .popular-course-category h5{
    font-size: 19px;
    font-weight: 700;
}

.popular-course .popular-course-category ul{
    list-style-type: none;
    margin-left: -30px;
}

.popular-course .popular-course-category ul li{
    display: inline-block;
    padding-right: 5px;
    font-weight: 600;
    color: #1d1d1d;
}

.popular-course .popular-course-category ul li i{
    font-size: 14px;
    color: #ff9900;
    margin: 0px -1px;
}



/*polupar-course css end*/

/*counter-part css start*/

.counter-part{
    width: 100%;
    display: block;
    padding: 100px 0px;
    margin: 20px 0px;
    text-align: center;
}

.counter-part h1{
    font-size: 50px;
    margin-bottom: -8px;
    color:white;
    font-family: 'Roboto', serif;
    font-weight: bold;
}

.counter-part span{
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

/*counter-part css end*/

/*news-part css start*/

.latest-news-part{
    width: 100%;
    display: block;
    padding: 30px 0px;
}

.latest-news-part .latest-news-title{
    width: 100%;
    display: block;
}

.latest-news-part .latest-news-title h3{
    margin-bottom: -1px;
    font-family: 'Roboto', serif;
    font-weight: bold;
}

.latest-news-part .latest-news-title p{
    font-weight: 600;
}

.latest-news-part .card p{
    background-color: rgb(1 48 148);
    font-size: 12px;
    text-align: center;
    display: block;
    width: 75%;
    margin: -30px auto 0px;
    font-weight: bold;
    padding: 2px 0px 3px;
    color: #fff;
}

.latest-news-part .card a{
    text-decoration: none;
    color: #000;
    text-align: center;
    margin-top: 5px;
}

.latest-news-part .card a:hover h5{
    color: #ffe600;
}

.latest-news-part .card a h5{
    font-size: 16px;
    color: #fff;
    transition-duration: 0.3s;
}

.latest-news-part .card .card-body{
    background-color: #000;
}

/*news-part css end*/

/*testimonial css start*/

.testimonial-part{
    width: 100%;
    display: block;
    padding: 30px 0px;
    text-align: center;
    color: #fff;
    background-color: #1d1d1d;
}

.testimonial-part .testimonial-part-title{
    width: 100%;
    display: block;
}

.testimonial-part .testimonial-part-title h2{
    font-size: 25px;
    font-family: 'Roboto', serif;
    font-weight: bold;
}

.testimonial-part .testimonial-part-title p{
    font-weight: 600;
}

.testimonial-part .testimonial-content{
    text-align: center;
    display: block;
    width: 60%;
    margin: 0px auto;
    color: #fff;
    font-weight: bold;
}

/*testimonial css end*/



/*single-course css end*/

.single-course-page{
    width: 100%;
    display: block;
}

.single-course-page .single-course-title{
    width: 100%;
    display: block;
    padding: 50px 0px;
    background: linear-gradient(to right, #001e74 0%, #0158e3 100%);
}

.single-course-page .single-course-title h1{
    color: #fff;
    font-family: 'Roboto', serif;
    font-weight: 500;
    padding-left: 25px;
    border-left: 2px solid #fff;
}

.single-course-page .top-links{
    width: 100%;
    display: block;
    padding: 10px 0px;
}

.single-course-page .top-links ul{
    list-style-type: none;
    margin-left: -59px;
}

.single-course-page .top-links ul li{
    display: inline-block;
}

.single-course-page .top-links ul li a{
    text-decoration: none;
    font-weight: 600;
    color: #888;
    padding: 5px 20px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.single-course-page .course-details .course-details-title{
    width: 100%;
    display: block;
}

.single-course-page .course-details .course-details-title h3{
    font-family: 'Roboto', serif;
    font-weight: 600;
    margin: 10px 0px;
}

.single-course-page .course-details .course-header{
    width: 100%;
    display: block;
}

.single-course-page .course-details .course-header img{
    border-radius: 50%;
}

.single-course-page .course-details .course-header ul{
    list-style-type: none;
}

.single-course-page .course-details .course-header ul li{
    display: inline-block;
    font-size: 30px;
    color: #00d637;
    font-weight: bold;
}

.single-course-page .course-details .course-header ul li a{
    text-decoration: none;
    font-size: 17px;
}

.single-course-page .course-details .course-header ul li a button{
    padding: 6px 20px;
    border: none;
    background-color: #013299;
    margin-left: 25px;
    font-weight: 500;
    outline: navajowhite;
    color: #fff;
    box-shadow: 2px 2px 7px #000;
}

.single-course-page .course-details .all-courses{
    width: 100%;
    display: block;
    margin-top: 66px;
}

.single-course-page .course-details .all-courses ul{
    list-style-type: none;
    margin-left: -25px;
    margin-top: -61px;
}

.single-course-page .course-details .all-courses ul li h5{
    font-family: 'Roboto', serif;
    font-weight: 600;
    margin-bottom: 15px;
}

.single-course-page .course-details .all-courses ul li a{
    text-decoration: none;
    color: #262425;
    font-size: 14px;
    font-weight: 600;
    display: block;
    font-family: 'Roboto', serif;
    padding: 5px 0px;
    transition-duration: 0.2s;
}

.single-course-page .course-details .all-courses button{
    padding: 6px 20px;
    border: none;
    background-color: #013299;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    outline: none;
    box-shadow: 2px 2px 7px #000;
}

.single-course-page .course-details .all-courses ul li a:hover{
    color: #013299;
    margin-left: 3px;
}

.single-course-page .course-details .leatest-course-side-bar{
    width: 100%;
    display: block;
}

.single-course-page .course-details .leatest-course-side-bar ul{
    list-style-type: none;
    margin-left: -30px;
    margin-top: 5px;
}

.single-course-page .course-details .leatest-course-side-bar ul li{
    padding: 15px 0px 11px;
    margin-left: -13px;
    transition-duration: 0.2s;
}

.single-course-page .course-details .leatest-course-side-bar ul li:hover{
    cursor: pointer;
    transform: scale(1.1);
    box-shadow: 1px 1px 5px #ccc;
    background-color: #ccc;
}

.single-course-page .course-details .leatest-course-side-bar ul h5{
    font-family: 'Roboto', serif;
    font-weight: 600;
    margin-bottom: 18px;
    margin-top: 15px;
}

.single-course-page .course-details .leatest-course-side-bar ul li a{
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    color: #3b393a;
    margin-left: -21px;
    display: block;
    font-family: 'Roboto', serif;
    transition-duration: 0.2s;
}

.single-course-page .course-details .leatest-course-side-bar ul li a:hover{
    color: #013299;
}

.single-course-page .course-details .course-overview{
    width: 100%;
    display: block;
    padding: 25px 0px;
}

/* Style the tab */
.single-course-page .course-details .course-overview .tab {
  overflow: hidden;
  margin: 0px 14px;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.single-course-page .course-details .course-overview .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    width: 100%;
    cursor: pointer;
    padding: 14px 16px;
    font-weight: 600;
    transition: 0.3s;
    margin: 0px auto;
    color: #555;
    font-size: 16px;
}

/* Change background color of buttons on hover */
/* Create an active/current tablink class */
.single-course-page .course-details .course-overview .tab button.active {
  background-color: #fff;
  border-top: 2px solid #013299;
}

/* Style the tab content */
.single-course-page .course-details .course-overview .tabcontent {
  display: none;
  padding: 6px 15px;
  border-top: none;
}

.single-course-page .course-details .course-overview .tabcontent h5{
    font-family: 'Roboto', serif;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
    color: #282627;
}

.single-course-page .course-details .course-overview .tabcontent p{
    font-size: 14px;
    font-weight: 500;
    color: #888;
}

.single-course-page .course-details .course-overview .tabcontent p i{
    width: 11px;
    font-size: 17px;
    color: #002887;
}

.single-course-page .course-details .course-overview .tabcontent ul{
    margin-left: -20px;
}

.single-course-page .course-details .course-overview .tabcontent ul li{
    font-size: 14px;
    font-weight: 500;
    color: #888;
}

.single-course-page .course-details .course-overview .tabcontent .curriculum-part{
    width: 100%;
    display: block;
    padding-top: 30px;
}

.single-course-page .course-details .course-overview .tabcontent .curriculum-part a{
    text-decoration: none;
    color: #000;
}

.single-course-page .course-details .course-overview .tabcontent .curriculum-part a i{
    width: 11px;
    font-size: 17px;
    color: #ff0000;
}

.single-course-page .course-details .course-overview .tabcontent .curriculum-part p i{
    color: #ff0000;
}

.single-course-page .course-details .course-overview .tabcontent .curriculum-part ul{
    list-style-type: none;
    margin-left: -40px;
}

.single-course-page .course-details .course-overview .tabcontent .curriculum-part ul li{
    margin: -5px 0px;
}

.single-course-page .course-details .course-overview .tabcontent .curriculum-part ul li a{
    font-size: 16px;
    transition-duration: 0.2s;
    font-weight: 600;
}

.single-course-page .course-details .course-overview .tabcontent .instructor-part{
    width: 100%;
    display: block;
    padding: 40px 20px;
}

.single-course-page .course-details .course-overview .tabcontent .instructor-part img{
    border-radius: 50%;
}

.single-course-page .course-details .course-overview .tabcontent .instructor-part p{
    margin: 0px;
    font-size: 18px;
}

.single-course-page .course-details .course-overview .tabcontent .instructor-part span{

}

.single-course-page .course-details .course-overview .tabcontent .instructor-part ul{
    list-style-type: none;
    margin-top: 10px;
    margin-left: -40px;
}

.single-course-page .course-details .course-overview .tabcontent .instructor-part ul li{
    display: inline-block;
}

.single-course-page .course-details .course-overview .tabcontent .instructor-part ul li a{
    text-decoration: none;
    display: block;
    font-size: 17px;
    width: 39px;
    padding: 6px 10px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #3b68c5;
    transition-duration: 0.2s;
}

.single-course-page .course-details .course-overview .tabcontent .instructor-part ul li a:hover{
    background-color: #000;
    color: red;
}

.single-course-page .course-details .course-overview .tabcontent .review-part{
    width: 100%;
    display: block;
    padding: 20px;
}

.single-course-page .course-details .course-overview .tabcontent .review-part .average-rating{
    width: 100%;
    display: block;
    padding: 30px;
    text-align: center;
    border: 1px solid #efe5e5;
}

.single-course-page .course-details .course-overview .tabcontent .review-part .average-rating h1{
    margin: 0px;
    font-size: 66px;
    font-family: 'Roboto', serif;
    color: #ffb100;
}

.single-course-page .course-details .course-overview .tabcontent .review-part .average-rating i{
    color: #ffb100;
}

.single-course-page .course-details .course-overview .tabcontent .review-part .details-rating{
    width: 100%;
    display: block;
    padding: 12px 10px 4px;
    text-align: center;
    border: 1px solid #efe5e5;
}

.single-course-page .course-details .course-overview .tabcontent .review-part .review-comments{
    width: 100%;
    display: block;
    margin-top: 30px;
}

.single-course-page .course-details .course-overview .tabcontent .review-part .review-comments img{
    border-radius: 50%;
}

.single-course-page .course-details .course-overview .tabcontent .review-part .review-comments p i{
    color: #ffb100;
    margin: 0px 3px;
}

.single-course-page .course-details .share-part{
    width: 100%;
    display: block;
    padding: 10px 0px;
}

.single-course-page .course-details .share-part ul{
    list-style-type: none;
    margin-left: -39px;
}

.single-course-page .course-details .share-part ul li{
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
}

.single-course-page .course-details .share-part ul li a{
    text-decoration: none;
    display: block;
    font-size: 17px;
    width: 39px;
    padding: 6px 10px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #3b68c5;
    transition-duration: 0.2s
}

.single-course-page .course-details .share-part ul li a:hover{
    background-color: #000;
    color: red;
}

.single-course-page .course-details .like-part{
    width: 100%;
    display: block;
    padding: 30px 0px;
}

.single-course-page .course-details .like-part .like-part-title{
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.single-course-page .course-details .like-part .like-part-title h3{
    font-family: 'Roboto', serif;
    font-weight: bold;
    font-size: 23px;
}

.single-course-page .course-details .like-part a{
    text-decoration: none;
    color: #000;
}

.single-course-page .course-details .like-part h5{
    font-size: 15px;
    font-weight: 700;
}

.single-course-page .course-details .like-part .card-body{
    padding: 10px;
}

.single-course-page .course-details .like-part ul{
    list-style-type: none;
    margin-left: -30px;
}

.single-course-page .course-details .like-part ul li{
    display: inline-block;
    padding-right: 5px;
    font-weight: 600;
}

.single-course-page .course-details .like-part ul li i{
    margin: 0px -2px;
    font-size: 13px;
    color: #ffcc13;
}

/*single-course css end*/

/*all-course css start*/

.single-course-page .course-details .all-courses-header{
    width: 100%;
    display: block;
    padding: 8px 10px;
    background-color: #f3f3f3;

}

.single-course-page .course-details .all-courses-header p{
    font-family: 'Roboto', serif;
    font-weight: 600;
    margin: 6px 0px 5px;
    display: block;
    color: #a2a2a2;
}

.single-course-page .course-details .all-courses-header select{
    width: 100%;
    border: none;
    padding: 8px 10px 8px;
    margin-top: 3px;
    font-size: 12px;
    font-family: 'Roboto', serif;
    color: #a5a1a1;
    outline: none;
}

.single-course-page .course-details .results-show .card{
    transition-duration: 0.3s;
}

.single-course-page .course-details .results-show .card:hover{
    transform: scale(1.1);
    cursor: pointer;
    background-color: #f9f9f9;
}

.single-course-page .course-details .results-show .card-body{
    padding: 10px 10px 0px 10px;
}

.single-course-page .course-details .results-show .card a{
    text-decoration: none;
    color: #000;
}

.single-course-page .course-details .results-show .card h5{
    font-size: 15px;
    font-weight: 700;
}

.single-course-page .course-details .results-show ul{
    list-style-type: none;
    margin-left: -30px;
}

.single-course-page .course-details .results-show ul li{
    display: inline-block;
    padding-right: 5px;
    font-weight: 600;
}

.single-course-page .course-details .results-show ul li i{
    margin: 0px -2px;
    color: #ffcc13;
    font-size: 12px;
}

.single-course-page .course-details .select-category{
    width: 100%;
    display: block;
    padding: 10px 0PX;
}

.single-course-page .course-details .select-category button{
    padding: 6px 20px;
    border: none;
    background-color: #ffc508;
    font-weight: 600;
    font-size: 14px;
    outline: none;
    box-shadow: 2px 2px 7px #000;
}

.single-course-page .course-details .select-category ul{
    list-style-type: none;
    margin-left: -25px;
}

.single-course-page .course-details .select-category ul li h5{
    font-family: 'Roboto', serif;
    font-weight: 600;
    margin-bottom: 15px;
}

.single-course-page .course-details .select-category ul li a{
    text-decoration: none;
    color: #999;
    font-size: 13px;
    font-weight: 600;
    display: block;
    font-family: 'Roboto', serif;
    padding: 5px 0px;
    transition-duration: 0.2s;
}

/*all-course css end*/

/*login css start*/

.single-course-page .login-form {
    width: 100%;
    display: block;
    width: 700px;
    margin: 0px auto;
    padding: 30px 25px;
    margin-bottom: 70px;
    -webkit-box-shadow: -1px 1px 5px #000;
}

.single-course-page .login-form label{
    font-weight: 600;
}

.single-course-page .login-form .social-login ul li {
    margin: 20px 0px;
}

.single-course-page .login-form .input-login{
    width: 100%;
    display: block;
}

.single-course-page .login-form .input-login h5{
    font-family: 'Roboto', serif;
    font-weight: 600;
    margin-bottom: 27px;
    text-align: center;
}

.single-course-page .login-form .input-login input{
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    outline: none;
    margin: 9px 0px;
}

.single-course-page .login-form .input-login button{
    width: 100%;
    padding: 8px 10px;
    text-align: center;
    margin: 15px 0px;
    border: none;
    background-color: #013299;
    color: #fff;
    font-weight: 500;
    outline: none;
    transition-duration: 0.2s;
    box-shadow: 2px 2px 7px #000;
}

.single-course-page .login-form .input-login button:hover{
    background-color: #000;
}

.single-course-page .login-form .input-login p{
    font-weight: 600;
    text-align: center;
}

/*login css end*/

.single-course-page .cart-list{
    width: 100%;
    display: block;
    padding: 40px 0px;
}

.single-course-page .cart-total{
    width: 100%;
    display: block;
    margin-bottom: 40px;
    min-height: 450px;
}

.single-course-page .cart-total h5{
    font-family: 'Roboto', serif;
    font-weight: 600;
}

.single-course-page .cart-total a{
    text-decoration: none;
    color: #fff;
    margin-left: 16px;
    width: 100%;
}

/*profile css start*/

.profile-page-div{
    width: 100%;
    display: block;
    padding: 10px 0px 30px;
}

/* Style the tab */
.profile-page-div .tab {
    float: left;
    background-color: #f1f1f1;
    width: 20%;
    height: 300px;
    margin-bottom: 50px;
}


/* Style the buttons inside the tab */

.profile-page-div .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 15px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    font-weight: 600;
}


/* Change background color of buttons on hover */

.profile-page-div .tab button:hover {
  background-color: #ddd;
}


/* Create an active/current "tab button" class */

.profile-page-div .tab button.active {
  background-color: #013299;
  color: #fff;
}


/* Style the tab content */

.profile-page-div .tabcontent {
    float: left;
    padding: 10px 20px;
    width: 80%;
    border-left: none;
    height: auto;
    margin-bottom: 50px;
}

.profile-page-div .inner-tabcontent {
    width: 100%;
    display: block;
}

.profile-page-div .inner-tabcontent label{
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 17px;
}

.profile-page-div .inner-tabcontent input{
    width: 100%;
    padding: 6px 10px;
    outline: none;
}

.profile-page-div .inner-tabcontent select{
    width: 100%;
    padding: 10px;
    outline: none;
}

.profile-page-div .inner-tabcontent a{
    text-decoration: none;
}

.profile-page-div .inner-tabcontent a button{
    padding: 8px 30px;
    outline: none;
    border: none;
    font-weight: 600;
    background-color: #013299;
    color: #fff;
    transition-duration: 0.2s;
    box-shadow: 2px 2px 7px #000;
}

.profile-page-div .inner-tabcontent a button:hover{
    background-color: green;
}

.profile-page-div .order-content{
    width: 100%;
    display: block;
}

.profile-page-div .order-content label{
    font-weight: 600;
}

.profile-page-div .order-content input{
    width: 50%;
    padding: 6px 15px;
    outline: none;
    border: 1px solid #ccc;
}

.profile-page-div .order-content button{
    padding: 7px 15px;
    border: 1px solid #ccc;
    font-weight: 600;
    background-color: #013299;
    color: #fff;
    transition-duration: 0.2s;
}

.profile-page-div .order-content button:hover{
    background-color: green;
}

/*profile css end*/

.course-play-list {
    width: 100%;
    display: block;
    margin: 45px 0px;
}

 .course-play-list button {
    margin-top: 10px;
    padding: 6px 40px;
    border: none;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    background-color: #04c129;
}

/* Style the tab */
.course-play-list .tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 500px;
  overflow: scroll;
}

/* Style the buttons inside the tab */
.course-play-list .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  font-weight: 500;
}

/* Change background color of buttons on hover */
.course-play-list .tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.course-play-list .tab button.active {
  background-color: #013299;
  color: #fff;
}

/* Style the tab content */
.course-play-list .tabcontent {
  float: left;
  padding: 0px 12px;
  width: 70%;
  border-left: none;
}

/**Proceed css start**/

.proceed-page{
    width: 100%;
    display: block;
    padding: 30px 0px;
}

.proceed-page .proceed-form{
    width: 100%;
    display: block;
}

.proceed-page .proceed-form p a{
    text-decoration: none;
    font-weight: 600;
}

.proceed-page .proceed-form h3{
    margin-top: 20px;
}

.proceed-page .proceed-form label{
    font-weight: 500;
    margin-bottom: 3px;
    font-size: 18px;
}

.proceed-page .proceed-form input{
    width: 100%;
    outline: none;
    padding: 6px 15px;
}

.proceed-page .proceed-order-form{
    width: 100%;
    display: block;
    padding: 40px;
    margin-top: 50px;
    border: 1px solid #ccc;
}

.proceed-page .proceed-order-form p{
    margin: 0px;
    font-size: 15px;
    color: #777;
}

.proceed-page .proceed-order-form a{
    text-decoration: none;
    color: #fff;
}

.proceed-page .proceed-order-form a button{
    width: 100%;
    padding: 7px 10px;
    text-align: center;
    background-color: #013299;
    outline: none;
    border: none;
    color: #fff;
    box-shadow: 2px 2px 5px #000;
    font-weight: 500;
    transition-duration: 0.2s;
}

.proceed-page .proceed-order-form a button:hover{
    background-color: #000;
}

.proceed-page .proceed-order-form img{
    margin: -3px 2px 0px 2px;
    width: 16%;
    border-radius: 20%;
}

/**Proceed css end**/

/**invoice css start**/

.invoice-page{
    width: 100%;
    display: block;
    padding: 20px 0px;
}

.invoice-page .invoice-title{
    width: 100%;
    display: block;
}

.invoice-page .invoice-title p{
    font-size: 16px;
}

.invoice-page .invoice-title button{
    border: none;
    padding: 6px 30px;
    font-weight: 500;
    outline: none;
}

.video-play{
    width: 70%;
    margin: 0px auto;
}

.video-play iframe{
    width: 640px;
    height: 360px;
}

/**invoice css end**/



.title-playlist h2 {
    font-size: 20px;
    font-variant: all-petite-caps;
    color: #fff;
}

.title-playlist ul{
    padding: 0;
}

.title-playlist ul li {
    padding: 5px 5px;
    transition-duration: 0.2s;
}

.title-playlist ul li.active{
    background-color: #ececec;
}
.title-playlist ul li:hover{
    background-color: #ececec;
}

.title-playlist ul li:hover a{
    color: #013094;
}

.title-playlist ul li a{
    text-decoration: none;
    color: #1d1d1d;
    font-size: 14px;
    font-weight: 500;
}

.title-playlist ul li a i {
    color: red;
}

.add-blog{
    width: 100%;
    display: block;
    height: 150px;
    margin: 0px 0px 20px;
    background-color: #ccc;
}

.play-list-video-discription{
    width: 100%;
    display: block;
    padding: 15px;
    margin-top: 20px;
}

.play-list-video-discription h3{
    font-variant: all-petite-caps;
    font-weight: 700;
    color: #1d1d1d;
}

.play-list-video-discription p{
    color: #afadad;
    font-weight: 500;
    font-size: 14px;
}

/**Footer css start**/

.gtco-testimonials {
  position: relative;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .gtco-testimonials {
    margin-top: 20px;
  }
}
.gtco-testimonials h2 {
  font-size: 30px;
  text-align: center;
  color: #333333;
  margin-bottom: 50px;
}
.gtco-testimonials .owl-stage-outer {
  padding: 30px 0;
}
.gtco-testimonials .owl-nav {
  display: none;
}
.gtco-testimonials .owl-dots {
  text-align: center;
}
.gtco-testimonials .owl-dots span {
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: block;
  background: #fff;
  border: 2px solid #01b0f8;
  margin: 0 5px;
}
.gtco-testimonials .owl-dots .active {
  box-shadow: none;
}
.gtco-testimonials .owl-dots .active span {
  background: #01b0f8;
  box-shadow: none;
  height: 12px;
  width: 12px;
  margin-bottom: -1px;
}
.gtco-testimonials .card {
  background: #fff;
  box-shadow: 0 8px 30px -7px #c9dff0;
  margin: 0 20px;
  padding: 0 10px;
  border-radius: 20px;
  border: 0;
}
.gtco-testimonials .card .card-img-top {
  max-width: 100px;
  border-radius: 50%;
  margin: 15px auto 0;
  box-shadow: 0 8px 20px -4px #95abbb;
  width: 100px;
  height: 100px;
}
.gtco-testimonials .card h5 {
  color: #01b0f8;
  font-size: 21px;
  line-height: 1.3;
}
.gtco-testimonials .card h5 span {
  font-size: 18px;
  color: #666666;
}
.gtco-testimonials .card p {
  font-size: 18px;
  color: #555;
  padding-bottom: 15px;
}
.gtco-testimonials .active {
  opacity: 0.5;
  transition: all 0.3s;
}
.gtco-testimonials .center {
  opacity: 1;
}
.gtco-testimonials .center h5 {
  font-size: 24px;
}
.gtco-testimonials .center h5 span {
  font-size: 20px;
}
.gtco-testimonials .center .card-img-top {
  max-width: 100%;
  height: 120px;
  width: 120px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  outline: 0;
}

footer{
    width: 100%;
    display: block;
    padding: 50px 0px;
    background-color: #111;
}

footer .footer-part{
    width: 100%;
    display: block;
}

footer .footer-part .first-part p {
    font-weight: bold;
    color: #888;
    transition-duration: 0.2s;
}

footer .footer-part .first-part p:hover{
    color: red; 
}

footer .footer-part .first-part a{
    text-decoration: none;
    font-weight: bold;
    color: #888;
    transition-duration: 0.2s;
}

footer .footer-part .first-part a:hover{
    color: red; 
}

footer .footer-part .first-part ul{
    list-style-type: none;
    margin-left: -40px;
    margin-top: 18px;
}

footer .footer-part .first-part ul li{
    display: inline-block;
}

footer .footer-part .first-part ul li a{
    text-decoration: none;
    display: block;
    font-size: 17px;
    width: 39px;
    padding: 5px 10px;
    border-radius: 50%;
    border: 1px solid #000;
    text-align: center;
    color: #fff;
    background-color: #3b68c5;
    transition-duration: 0.2s;
}

footer .footer-part .first-part ul li a:hover{
    background-color: #fff;
    color: red;
}

footer .footer-part .quick-links ul{
    list-style-type: none;
    margin-top: 7px;
}

footer .footer-part .quick-links ul li h5{
    color: #fff;
    margin-bottom: 25px;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Roboto', serif;
    font-weight: bold;
}

footer .footer-part .quick-links ul li a{
    text-decoration: none;
    color: #888;
    font-size: 14px;
    padding: 6px 0px;
    display: block;
    font-weight: 500;
    transition-duration: 0.2s;
}

footer .footer-part .quick-links ul li a:hover{
    color: red;
}






.focialdiv {
    float: right;
}


.focialdiv ul li {
    float: left;
}

.focialdiv ul li a {
    display: block;
    padding: 5px 10px;
    color: white;
}


  .scroll_To_Top{

    color: white;
    position: fixed;
    padding: 0px 10px;
    text-align: center;
    background: #013297;
    font-weight: bold;
    bottom: 50px;
    right: 50px;
    font-size: 25px;
    display:none;
  }
    
  .scroll_To_Top:hover{
    text-decoration:none;
    color:#dadada;
  }


/**Footer css End**/





/**Meida screen size width 991 px css Start**/
@media only screen and (max-width: 991px) {
  .my-account a {padding: 5px;font-size: 12px;}
  .main-header-right ul li a {padding: 0px 12px;font-size: 12px;}
  .header-menu ul li a {padding:5px;font-size: 12px;}
  .slider-section {padding: 20px 0;}
  .ipadmodehide{
    display: none;
  }


}
/**Meida screen size width 991 px css End**/




/**Meida screen size width 600 px css Start**/
@media only screen and (max-width: 767px) {

  .mobilemodehide{display: none;}
  .destopmodehide {display: block;}
    .mobilehide{
    display: none;
}
  .main-header-right ul li a {
        float: right;
        font-size: 32px;
        margin-right: -169px;
        margin-top: -65px;
        color: #000;
    }

    .division-div .section-division{
        margin: 10px 0px;
    }

    header .logo img {
        width: 45%;
    }

    header .main-header {
        height: 70px;
    }

    img {
        width: 100%;
    }

    .slider-part {
        padding: 22px 0px;
    }

    .slider-part .section-content h1 {
        font-size: 23px;
        margin-bottom: 6px;
    }

    .slider-part .section-content h4 {
        font-size: 15px;
        margin-bottom: 13px;
    }

    footer .footer-part .quick-links ul{
        margin-left: -38px;
    }

    footer .footer-part img {
        width: 48%;
    }

    .counter-part {
        padding: 20px 0px;
    }

    .popular-course .popular-course-category .card {
        margin-top: 10px;
    }

    .single-course-page .course-details .results-show .card{
        margin-bottom: 15px;
    }

    .single-course-page .course-details .leatest-course-side-bar ul {
        margin-top: 10px;
    }

    .course-features {
        margin-top: 20px;
    }

    .single-course-page .course-details .all-courses {
        margin-top: 50px;
    }

    .single-course-page .login-form {
        width: 390px;
        -webkit-box-shadow: none;
    }

    .single-course-page .login-form .social-login h5 {
        text-align: center;
    }

    .single-course-page .course-details .course-details-title {
        margin-top: 20px;
    }

    .table td, .table th {
        padding: 0.45rem;
    }

    .single-course-page .cart-list {
        padding: 8px 0px;
    }

    .single-course-page .login-form {
        padding: 0px 25px;
        margin-bottom: 0px;
    }

    .profile-page-div .tab {
        width: 100%;
    }

    .profile-page-div .tabcontent {
        width: 100%;
    }

    .invoice-page .invoice-title p{
        font-size: 15px;
    }

    .profile-page-div .inner-tabcontent select {
        margin-bottom: 40px;
    }

    .course-play-list .tab {
        width: 100%;
    }

    .course-play-list .tabcontent {
        width: 100%;
    }
    
    .course-play-list button {
        margin-top: 0px;
    }

    .course-play-list .tabcontent h3{
        text-align: center;
        margin-top: 25px;
        font-size: 18px;
    }

    .invoice-page .video-play {
        width: 100%;
        margin: 0px auto;
    }

    .video-play iframe{
        width: 362px;
        height: 150px;
    }
    

    
    .single-course-page .course-details .course-header ul li {
        margin-top: 11px;
        font-size: 21px;
    }

    .video-play{
        width: 100%;
    }

    .single-course-page .single-course-title h1 {
        font-size: 25px;
    }

    .single-course-page .single-course-title {
        padding: 25px 0px 20px;
    }

    .slider-part .section-content {
        width: 100%;
    }

}
/**Meida screen size width 600 px css End**/