* {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

.container {
    max-width: 80% !important; 
}


header {
    padding: 20px 0 0;
    background: #333;
}

.logo-div {
    margin: 0;
    padding: 0;
}

.logo-div a {
    margin: 0;
    padding: 0;
}

.logo-div a img {
    margin: 0;
    padding: 0;
}

.navbar-expand-lg .btn-block {
    padding: 1.2rem 0 1.2rem 0 !important;
    font-size: 1.4rem !important;
    border-bottom: 1px solid #dfdfdf;
}

.pad-right{
    padding-right:10px;
}

.largest-course-panel-div-cls img {
    -webkit-filter: saturate(8);
    filter: saturate(8);
}

.header-top-right-part {
    margin: 0;
    padding: 0;
    text-align: right;
}

.header-top-right-part ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-top-right-part ul li {
    display: inline-block;
    margin: 0 14px;
    padding: 0;
}

.header-top-right-part ul li:last-child {
    margin-right: 0;
}

.header-top-right-part ul li a {
    text-decoration: none;
    color: var(--mainColor);
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.header-top-right-part ul li a.cart {
    color: #fff;
    position: relative;
    margin: 0 8px 0 0;
}

.header-top-right-part ul li a.cart::before {
    position: absolute;
    left: -12px;
    top: 2px;
    height: 16px;
    width: 1px;
    background: var(--mainColor);
    content: "";
}

.header-top-right-part ul li a.cart svg {
    color: var(--mainColor);
    font-size: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
    right: -7px;
}

.header-nav-menu-part {
    background: #222222;
    margin: 17px 0 0;
    padding: 0;
}

.header-nav-menu-part .custom-nav {
    background: none !important;
    padding: 0;
}

.header-nav-menu-part .custom-nav .navbar-collapse ul li {
    position: inherit;
}

.header-nav-menu-part .custom-nav .navbar-collapse ul li a {
    color: #919191;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 0 13px;
    position: relative;
}

.header-nav-menu-part .custom-nav .navbar-collapse ul li:first-child a {
    padding-left: 0;
}

.header-nav-menu-part .custom-nav .navbar-collapse ul li a:hover {
    color: #fff;
}

.header-nav-menu-part .custom-nav .navbar-collapse ul li a:focus {
    color: #fff;
}

.header-nav-menu-part .custom-nav .navbar-collapse ul li.active a {
    color: #fff;
}

.header-nav-menu-part .custom-nav .navbar-collapse ul li.show a {
    color: #fff;
}

.header-nav-menu-part .custom-nav .navbar-collapse ul li .dropdown-menu a {
    color: #585858;
    font-size: 15px;
    padding: 0 14px;
    width: auto;
    display: inline-block;
}

.header-nav-menu-part .custom-nav .dropdown-menu {
    width: 100%;
    background: #f5f5f5 !important;
    border-radius: 0;
    padding: 11px 113px 13px;
    border: none;
    margin: 0;
    border-bottom: 1px solid #e2e7eb !important;
}

.header-nav-menu-part .custom-nav .navbar-collapse .dropdown-toggle::after {
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 0;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #f5f5f5;
    border-left: 5px solid transparent;
    opacity: 0;
}

.header-nav-menu-part .custom-nav .navbar-collapse ul li.show .dropdown-toggle::after {
    opacity: 1;
}

.header-nav-menu-part .custom-nav .navbar-toggler-icon {
    background: 0;
    width: auto;
}

.dropdown-menu.collapse.show {
    transform: translate(0, 0);
}

.dropdown-menu.collapse,
.dropdown-menu.sliding {
    transform: translate(0, -100%);
}

.login-sign-up-part {
    margin: 0;
    padding: 0 0 0 0;
    float: right;
    width: auto;
    text-align: right;
}

.login-sign-up-part .header-log-sign-btn {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 15px 29px;
    border: none;
    background: none;
    line-height: 26px;
    cursor: pointer;
}

.login-sign-up-part .header-log-sign-btn.active {
    background: var(--mainColor);
}

.header-nav-menu-part .custom-nav .navbar-collapse {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    border-bottom: 1px solid #dfdfdf;
}

.login-sign-up-part-reponsive {
    display: none;
}

.dropdowl-in-con {
    max-width: 1140px;
    margin: 0 auto;
}

.largest-selection-courses-section {
    margin: 10px;
    padding: 21px 20px 20px 20px;
}

.largest-courses-in-con {
    margin: 15px;
    padding: 15px;
    border-radius: 15px;
}

.largest-courses-in-con h1 {
    margin: 0 0 6px 0;
    padding: 0;
    font-size: 33px;
    font-weight: bold;
    color: #222222;
}

.largest-courses-in-con p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #585858;
}

.largest-courses-form-part {
    text-align: right;
    padding: 15px;
    margin: 15px;
}

.search-course-div-cl {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%
}

.search-course-div-cl input {
    float: left;
    margin: 0px 15px 15px 0px;
    padding: 15px;
    border-radius: 15px;
    height: 50px;
    font-size: 22px;
    font-weight: 400;
    width: 85%;
}

.search-course-div-cl .course-here-btn {
    float: left;
    margin: 0;
    padding: 0;
    background: var(--mainColor);
    width: 15%;
    height: 52px;
    border: none;
    border-radius: 0 5px 5px 0;
    line-height: 52px;
    color: #fff;
}

.search-course-div-cl .course-here-btn svg {
    color: #fff;
    font-size: 40px;
}

.largest-courses-form-part .dropdown {
    float: right;
    width: 140px;
    margin: 0 0 0 3%;
}

.largest-courses-form-part .filter-search-btn {
    display: inline-block;
    color: var(--mainColor) !important;
    height: 52px;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid var(--mainColor) !important;
    text-align: center;
    background: #fff !important;
    float: right;
    border-radius: 5px;
}

.largest-course-panel-div-cls {
    margin: 0;
    padding: 0;
    background: #fff;
}

.largest-course-panel-div-cls img {
    margin: 0;
    padding: 0;
}

.largest-course-panel-div-cls svg {
    font-size: 40px;
    color: #909090;
}

.largest-course-panel-div-cls h3 {
    margin: auto;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.largest-course-panel-div-cls p {
    margin: 0;
    padding: 0;
    line-height: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #555658;
    white-space: normal;
}

.largest-course-panel-div-cls a {
    margin: 12px 0 0 0;
    padding: 0;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    color: var(--mainColor);
    white-space: normal;
    text-decoration: none;
}

.largest-course-panel-div-cls a:hover {
    color: var(--mainColor);
    text-decoration: none;
}

.largest-selection-couress-scroll-panel-section {
    padding: 0;
}

.largest-selection-couress-scroll-panel-section .owl-carousel .owl-item {
    padding: 0 15px;
}

.scrolling-wrapper {
    white-space: nowrap;
}

.card {
    display: inline-block !important;
}

.scrolling-wrapper-flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.card {
    flex: 0 0 auto;
}

.scrolling-wrapper {
    -webkit-overflow-scrolling: touch;
}

.largest-course-panel-div-cls {
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 20px #e1dfdf;
    border-radius: 10px;
    height: 40px;
    display: flex;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    border: 2px solid #939393;
}

.largest-course-panel-div-cls:hover {
    background: var(--mainColor);
    color: #fff;
    box-shadow: 0 0 18px #9d9b9b;
    color: #fff;
    border: 2px solid #fff;
}

.largest-course-panel-div-cls:hover h3 {
    color: #fff;
}

.largest-course-panel-div-cls:hover svg {
    color: #e3686c;
}

.month-section {
    margin: 10px;
    padding: 15px 15px;
    border-radius: 20px;
    background: linear-gradient(110deg, var(--mainColor) 25%, var(--secondaryColor) 80%);
}

.month-scroll-section {
    overflow-x: auto;
    padding: 0 8px;
}

.month-content-heading-text-part h2 {
    float: left;
    margin: 0 0 18px 0;
    padding: 0;
    font-size: 25px;
    font-weight: bold;
    color: #383838;
    line-height: 32px;
}

.month-content-heading-text-part a.month-browseall-courses {
    float: right;
    margin: 12px 0 0 0;
    padding: 0;
    text-decoration: none;
    width: 186px;
    height: 42px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: var(--mainColor);
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
}

.month-content-heading-text-part a.month-browseall-courses:hover {
    float: right;
    margin: 12px 0 0 0;
    padding: 0;
    text-decoration: none;
    width: 186px;
    height: 42px;
    text-align: center;
    color: #222;
    border-radius: 4px;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
}

.img-scroll-slide .scrolling-wrapper .month-panel-div-cls {
    padding: 0;
    background: #fff;
    box-shadow: 0 0 13px #eae5e5;
    border-radius: 3px;
}

.month-wishlist-content-part {
    padding: 15px 16px 18px;
    text-align: left;
}

.month-wishlist-content-part h4 {
    white-space: normal;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #4d4d4d;
    font-weight: bold;
    line-height: 22px;
}

.month-wishlist-content-part p {
    white-space: normal;
    margin: 0 0 18px 0;
    padding: 0;
    font-size: 13px;
    color: #909090;
    font-weight: 400;
    line-height: 22px;
}

.month-wishlist-content-part p spam {
    white-space: normal;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #555658;
    font-weight: 400;
    float: left;
    line-height: 22px;
}

.month-wishlist-content-part p span {
    float: left;
    margin: 0 10px;
    padding: 0;
    line-height: 19px;
}

.month-wishlist-content-part p span img {
    margin: 0;
    padding: 0;
}

.month-wishlist-content-part h3 {
    float: left;
    margin: 11px 0 0 0;
    padding: 0;
    color: var(--mainColor);
    font-size: 18px;
    font-weight: 900;
}

/*.month-wishlist-content-part a { float: right; margin: 0; padding: 0; width: 108px; height: 40px; 
    line-height: 38px; color: #d5d5d5; font-size: 14px; font-weight: bold; 
    text-align: center; border-radius: 4px; text-decoration: none; transition-duration: 1s;
    -webkit-transition-duration: 1s; -moz-transition-duration: 1s; background: #222222;
}*/
.month-wishlist-content-part a:hover {
    text-decoration: none;
    color: #fff;
    background: var(--mainColor);
}

.month-wishlist-content-part a:hover svg {
    color: #fff;
}

.month-wishlist-content-part a svg {
    color: #828282;
    margin: 0px 0 0 6px;
    padding: 0;
    font-size: 19px;
    position: relative;
    top: 2px;
}

.img-scroll-slide .scrolling-wrapper .month-panel-div-cls img {
    border-radius: 3px 3px 0 0;
}


.featured-course-section {
    padding: 60px 0 60px;
    margin: 0;
    background: #fff;
}

.featured-con-text {
    margin: 0 0 30px 0;
    padding: 0;
    border-bottom: 1px solid #dfdfdf;
    float: left;
    width: 100%;
}

.featured-con-text h2 {
    float: left;
    margin: 0 0 18px 0;
    padding: 0;
    font-size: 25px;
    font-weight: bold;
    color: #383838;
    line-height: 32px;
}

.featured-in-con-part {
    margin: 10px 0px 30px 0px;
    padding: 0px;
    /* box-shadow: 0 0 16px orange; */
    border-radius: 15px 15px 30px 15px;
    border: solid var(--mainColor);
}

/* .featured-wishlist-part {} */

.featured-wishlist-part {
    padding: 15px 15px 18px;
    text-align: left;
    height: 168px;
    background-color: #fff;
    border-radius: 0px 0px 26px 11px;
}

.featured-wishlist-part h4 {
    white-space: normal;
    margin: 0 0 14px 0;
    padding: 0;
    font-size: 15px;
    color: #4d4d4d;
    font-weight: bold;
    line-height: 22px;
}

.featured-wishlist-part p {
    white-space: normal;
    margin: 0 0 18px 0;
    padding: 0;
    font-size: 13px;
    color: var(--secondaryColor);
    font-weight: 400;
    line-height: 22px;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.featured-wishlist-part p spam {
    white-space: normal;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #555658;
    font-weight: 400;
    float: left;
    line-height: 22px;
}

.featured-wishlist-part p span {
    float: left;
    margin: 0 10px;
    padding: 0;
    line-height: 19px;
}

.featured-wishlist-part p span img {
    margin: 0;
    padding: 0;
    width: auto;
}

.featured-wishlist-part h3 {
    float: left;
    margin: 11px 0 0 0;
    padding: 0;
    color: var(--mainColor);
    font-size: 18px;
    font-weight: 900;
}

.featured-wishlist-part a.add-to-cart {
    /*float: right;*/
    margin: 0;
    padding: 0;
    width: 108px;
    height: 40px;
    line-height: 38px;
    color: #d5d5d5;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    background: #222222;
}

.featured-wishlist-part a:hover {
    text-decoration: none;
    color: #fff;
    background: var(--mainColor);
}

.featured-wishlist-part a:hover svg {
    color: #fff;
}

.featured-wishlist-part a svg {
    color: #828282;
    margin: 0px 0 0 6px;
    padding: 0;
    font-size: 19px;
    position: relative;
    top: 2px;
}

.featured-in-con-part img {
    border-radius: 11px 11px 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 200px;
}

.featured-in-con-part form {
    height: 0px;
}

.featured-in-con-part form button{
    float: right;
}

.get-started-left-part {
    padding: 30px 30px 80px 34px;
    background: #222222;
    border-radius: 12px;
}

.get-started-left-part h3 {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    width: 64%;
}

.get-started-left-part a {
    float: right;
    margin: 7px 0 0 0;
    padding: 0;
    width: 108px;
    height: 44px;
    border-radius: 4px;
    text-align: center;
    line-height: 42px;
    border: 1px solid #919191;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.get-started-left-part a:hover {
    color: #333;
    text-decoration: none;
    background: #fff;
}

.get-started-right-part {
    padding: 30px 30px 80px 34px;
    background: var(--mainColor);
    border-radius: 12px;
}

.get-started-right-part h3 {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    width: 64%;
}

.get-started-right-part a {
    float: right;
    margin: 7px 0 0 0;
    padding: 0;
    width: 108px;
    height: 44px;
    border-radius: 4px;
    text-align: center;
    line-height: 42px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.get-started-right-part a:hover {
    color: #333;
    text-decoration: none;
    background: #fff;
}

.footer-section {
    margin: 0;
    padding: 61px 0;
    background: #222222;
}

.footer-in-content {
    margin: 0;
    padding: 0;
}

.footer-in-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-in-content ul li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 28px;
}

.footer-in-content ul li a {
    color: #aaaaaa;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.footer-in-content p {
    font-size: 15px;
    font-weight: 400;
    color: #aaaaaa;
    margin: 15px 0 0 0;
    padding: 0;
    line-height: 26px;
}

.footer-in-content p a {
    text-decoration: none;
    color: #aaaaaa;
}

#scroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(../images/back-to-top.png) 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}

.advance-pricing-part .modal-dialog {
    max-width: 640px;
}

#header {
    background-image: url(../images/header.png);
    background-repeat: no-repeat;
    height: 42px;
    width: 490px;
    margin-bottom: 20px;
}

.categories-bar-part {
    margin: 0;
    padding: 0;
    background: #000;
    width: 262px;
}

.categories-bar-part p {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 56px;
}

.left-menu-part .navbar {
    position: inherit;
    padding: 0;
}

.left-menu-part .navbar-nav {
    display: block;
    height: 393px;
    overflow: auto;
    width: 100%;
    border: 1px solid #e2e7eb;
}

.left-menu-part .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    right: 0;
    top: -2px;
    width: 93%;
    left: 93%;
    border-radius: 0;
    height: 393px;
    overflow: auto;
    border: 1px solid #e2e7eb;
    background: #fbfafa;
    box-shadow: -1px 1px 5px #e1dddd
}

.left-menu-part .navbar {
    background: #f5f5f5 !important;
}

.left-menu-part .navbar-nav li {
    position: inherit;
    line-height: 31px;
}

.left-menu-part .navbar .navbar-nav li a {
    color: #4f4f4f !important;
    font-size: 15px;
    font-weight: 400;
    padding: 3px 18px;
}

.left-menu-part .navbar .navbar-nav li a:hover {
    color: var(--mainColor) !important;
}

.left-menu-part .navbar .navbar-nav li a svg {
    font-size: 13px;
    float: right;
    margin: 10px 0 0 0;
}

.left-menu-part .navbar .navbar-nav li a.dropdown-toggle::after {
    display: none;
}

.largest-courses-in-con-part-two {
    margin-bottom: 27px;
}

.lagrest-part-two-in-con {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    width: 72%;
}

.part-two-filter-part {
    float: left;
    margin: 7px 0 0 0;
    padding: 0;
    width: 28%;
}

.part-two-filter-part .dropdown {
    float: left;
    margin: 0;
    width: 49%;
}

.part-two-filter-part .dropdown .dropdown-toggle {
    font-size: 15px;
    font-weight: 600;
    color: #222222;
    margin: 0;
    padding: 0;
    border: 1px solid #939393;
    border-radius: 4px;
    box-shadow: none;
    background: #fff;
    height: 44px;
    width: 100%;
    text-align: left;
}

.filter-search {
    width: 48%;
    height: 44px;
    float: left;
    margin: 0 0 0 6px;
    padding: 0;
    color: var(--mainColor);
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid var(--mainColor);
}

#owl-demo .item{ margin: 3px;}
#owl-demo .item img { display: block; width: 100%; height: auto;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100); opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}

.owl-theme .owl-controls .owl-page span {
    display: block;                     
    width: 60px;
    height: 20px;
    margin: 0 7px;
    filter: Alpha(Opacity=15);
    opacity: 0.7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
}

.owl-pagination {
    text-align: center;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    display: inline-block;
}

.owl-buttons {
    display: none;
}

.month-panel-div-cls {
    border: 0;
    background: #fff;
    text-align: center;
    padding: 0;
    box-shadow: 0 0 13px #eeebeb;
    margin: 10px 0 13px;
    width: 100%;
    border-radius: 3px;
}

.mont-main-section .owl-carousel .owl-item {
    /*padding: 0 15px;*/
}

.month-main-row-slider-section {
    padding: 0;
}

.largest-couress-section-two {
    padding: 40px 0 0 0;
}

.largest-couress-section-two #owl-demo .item {
    margin: 0;
}

.largest-couress-section-two .largest-course-panel-div-cls {
    margin: 10px 0px 13px;
}

.largest-couress-section-two .owl-carousel .owl-item {
    padding: 0 11px;
}

.largest-courses-form-two-part-cls {
    float: right;
    width: 40%;
    margin: 6px 0 0 0;
    padding: 0;
}

.login-sign-up-part {
    float: right;
}

.largest-courses-form-two-part-cls .search-course-div-cl input {
    background: #363636;
    color: #7d7d7d;
    border-radius: 3px;
    border: none;
}

.largest-courses-form-two-part-cls .search-course-div-cl .course-here-btn svg {
    position: relative;
    top: -2px;
}

.largest-courses-left-menu-page-cls {
    padding: 0 0 53px;
}

.part-two-filter-part .dropdown .popular-btn {
    font-size: 15px;
    font-weight: 600;
    color: #222222 !important;
    margin: 0;
    padding: 0 17px;
    border: 1px solid #939393;
    border-radius: 4px;
    box-shadow: none;
    background: #fff !important;
    height: 44px;
    width: 100%;
    text-align: left;
    box-shadow: none !important;
}

.part-two-filter-part .dropdown .popular-btn::after {
    display: none;
}

.part-two-filter-part .dropdown .popular-btn svg {
    float: right;
    margin: 5px 0 0;
    font-size: 10px;
}

.part-two-filter-part .dropdown .filter-search-btn {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: var(--mainColor) !important;
    height: 44px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid var(--mainColor) !important;
    text-align: center;
    width: 100%;
    background: #fff !important;
    float: right;
    box-shadow: none !important;
    text-align: center;
}

.part-two-filter-part .popular-dropdown-cls {
    width: 48%;
    margin: 0 3% 0 0;
}

.left-menu-part .navbar-nav li.show .nav-link {
    color: var(--mainColor) !important;
}

.categories-bar-part svg {
    margin: 18px 28px 0 20px;
    font-size: 20px;
    float: left;
}

/*-----details-css--start---*/
.details-main-section {
    background: #fff;
    padding: 0 0 30px 0
}

.details-heading-con-part {
    margin: 35px 0 40px 0;
    padding: 0;
}

.details-heading-con-part h1 {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 33px;
    color: #222222;
    font-weight: 600;
}

.details-heading-con-part p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #585858;
    font-weight: 400;
}

.details-tab-part nav>.nav.nav-tabs {
    border: none;
    color: #fff;
    background: none;
}

.details-tab-part nav>div a.nav-item.nav-link {
    border: none;
    padding: 0 12px 0 0;
    color: #858585;
    background: none;
    box-shadow: none;
    font-size: 15px;
    width: auto;
    display: inline-block;
    flex: inherit;
    position: relative;
    margin: 0 20px 0 0;
}

.details-tab-part nav>div a.nav-item.nav-link.active {
    color: var(--mainColor);
    background: none;
    box-shadow: none;
}

.details-tab-part nav>div a.nav-item.nav-link.active:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    border: 0;
    height: 2px;
    width: 100%;
    background: var(--mainColor);
}

.tab-content {
    background: #fdfdfd;
    line-height: 25px;
    border-top: 1px solid #ccc;
    padding: 30px 25px;
    margin: 0 0 0 0;
}

.details-tab-part nav>div a.nav-item.nav-link:hover,
.details-tab-part nav>div a.nav-item.nav-link:focus {
    border: none;
    color: var(--mainColor);
}

.details-tab-part {
    margin: 35px 0 0 0;
}

.details-tab-part .tab-content {
    padding-top: 25px !important;
}

.details-tab-part .tab-content p {
    color: #4f4f4f;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 23px 0;
}

.course-activities h3 {
    margin: 0 0 22px 0;
    color: #4d4d4d;
    font-weight: 600;
    font-size: 18px;
}

.details-tab-part .course-activities p {
    background: url(../images/details-arrow.png) no-repeat 18px 8px;
    padding: 0 0 0 51px;
    margin: 0 0 14px 0;
}

.course-activities {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.dtails-right-in-con {
    border: 1px solid #cccccc;
    padding: 39px 37px;
    border-radius: 10px;
    margin: 0 0 30px 0;
    float: left;
    width: 100%;
}

.dtails-right-in-con h3 {
    margin: 0 0 10px 0;
    padding: 0;
    color: var(--mainColor);
    font-size: 30px;
    font-weight: 600;
}

.dtails-right-in-con h3 span {
    color: #555658;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 13px;
    padding: 0;
    position: relative;
    top: -5px;
}

.dtails-right-in-con h3 span small {
    color: #555658;
    font-size: 16px;
    font-weight: 400;
    margin: 0 11px 0 0;
    padding: 0;
    text-decoration: line-through;
}

.dtails-right-in-con h5 {
    margin: 0px 0 42px 26px;
    padding: 0;
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 400;
}

.dtails-right-in-con h5 span {
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.details-add-to-cart {
    float: left;
    width: 48.5%;
    height: 50px;
    background: var(--mainColor);
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    font-size: 17px;
    line-height: 48px;
    text-align: center;
    border: 1px solid var(--mainColor);
    margin: 0 2% 11px 0px;
}

.details-add-to-cart:hover {
    /*float: left;*/
    width: 48.5%;
    height: 50px;
    background: #222;
    border-radius: 4px;
    font-weight: bold;
    font-size: 17px;
    line-height: 48px;
    text-align: center;
    border: 1px solid var(--mainColor);
    margin: 0 2% 11px 0px;
}

.details-add-to-cart a {
    background: none !important;
    color: #fff !important;
    box-shadow: none !important;
}

.details-buy-now {
    float: left;
    width: 48.5%;
    height: 50px;
    background: #fff;
    color: #222222;
    border-radius: 4px;
    font-weight: bold;
    font-size: 17px;
    line-height: 48px;
    text-align: center;
    border: 1px solid var(--mainColor);
    margin: 0 0 11px 1%;
}

.details-buy-now:hover {
    float: left;
    width: 48.5%;
    height: 50px;
    background: var(--mainColor);
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    font-size: 17px;
    line-height: 48px;
    text-align: center;
    border: 1px solid var(--mainColor);
    margin: 0 0 11px 1%;
}

.details-buy-now a {
    background: none !important;
    box-shadow: none !important;
    color: #222222 !important;
}

.dtails-right-in-con h6 {
    margin: 0 0 0 0;
    padding: 0;
    color: #707070;
    font-size: 16px;
    font-weight: 400;
}

.dtails-right-in-con .course-includes-part {
    margin: 37px 0 0 0;
    padding: 0;
}

.dtails-right-in-con .course-includes-part h4 {
    margin: 0 0 9px 0;
    padding: 0;
    color: #4d4d4d;
    font-size: 18px;
    font-weight: bold;
}

.dtails-right-in-con .course-includes-part p {
    color: #4f4f4f;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 7px 0;
    padding: 0;
    float: left;
    width: 100%;
}

.dtails-right-in-con .course-includes-part p span {
    float: left;
    width: 22px;
    line-height: 18px;
    margin: 0 12px 0 0;
    padding: 0;
    text-align: center;
}

.dtails-right-in-con .course-includes-part p span img {
    margin: 0;
    padding: 0;
}

.apply-cupon-code-cls {
    display: none;
}

.apply-cupon-part {
    margin: 43px 0 0 0;
}

.apply-cupon-cls {
    float: left;
    margin: 7px 0 0 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    color: var(--mainColor);
}

.apply-cupon-cls:hover {
    text-decoration: none;
    color: var(--mainColor);
}

.apply-cupon-code-cls {
    float: left;
    width: 70%;
    margin: 0;
    padding: 0 0 0 27px;
}

.have-a-cupon-code {
    float: left;
    width: 90%;
    margin: 0;
    border: 1px solid #ccc;
}

.have-a-cupon-code input {
    width: 80%;
    height: 32px;
    border: 0;
    font-size: 13px;
    color: #333;
    padding: 0 10px;
    float: left;
}

.have-a-cupon-code .cupon-apply-btn {
    border: 0;
    color: var(--mainColor);
    font-size: 14px;
    float: left;
    line-height: 32px;
    background: none;
    cursor: pointer;
}

.apply-cupon-code-cls span {
    float: left;
    color: var(--mainColor);
    margin: 4px 0 0 7px;
    cursor: pointer;
}

.dtails-right-in-con p {
    font-size: 15px;
    color: #555658;
    font-weight: 400;
    margin: 0 0 8px 0;
    padding: 0;
}

.dtails-right-in-con p b {
    padding: 0 7px 0 0;
    font-size: 15px;
}

.dtails-right-in-con p span {
    margin: 0 6px;
    padding: 0;
}

.dtails-right-in-con p span img {
    margin: 0;
    padding: 0;
}

.dtails-right-in-con p small {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.rating-part {
    padding: 24px 39px 28px;
}

.comments-part {
    padding: 0;
}

.comment-in-content {
    float: left;
    width: 100%;
    padding: 28px 39px;
    text-decoration: none;
    color: var(--mainColor);
}

.comment-in-content:hover {
    text-decoration: none;
}

.comment-in-content h2 {
    margin: 0;
    padding: 0;
    color: var(--mainColor);
    font-size: 30px;
    font-weight: 400;
}

.comment-in-content h2 img {
    position: relative;
    top: -3px;
    margin: 0 7px 0 0;
}

.comment-in-content h2 span {
    margin: 0px 0 0 10px;
    padding: 0;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    top: -5px;
}

.last-update-part p b {
    float: left;
    width: 173px;
}

.related-courses-section {
    background: #ededed;
    padding-bottom: 75px;
}

.related-courses-section .featured-con-text {
    border: 0;
    margin: 0;
}

.related-courses-section a.month-browseall-courses {
    float: right;
    margin: 0 0 0 15px;
    padding: 0;
    text-decoration: none;
    width: 186px;
    height: 42px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: var(--mainColor);
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
}

.related-courses-section a.month-browseall-courses:hover {
    float: right;
    margin: 0 0 0 15px;
    padding: 0;
    text-decoration: none;
    width: 186px;
    height: 42px;
    text-align: center;
    color: #222;
    border-radius: 4px;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
}

.related-courses-section .featured-wishlist-part {
    background: #fff;
}


.shoping-cart-section {
    background: #fff;
    padding: 0;
    margin: 0;
}

.shoping-cart-hading-part {
    border-bottom: 1px solid #ccc;
    margin: 0 0 50px 0;
    padding: 31px 0 21px;
}

.cart-heading-in-content {
    margin: 0;
    padding: 0;
}

.cart-heading-in-content h1 {
    margin: 0 0 9px 0;
    padding: 0;
    color: #222222;
    font-size: 33px;
    font-weight: bold;
}

.cart-heading-in-content p {
    margin: 0;
    padding: 0;
    color: #585858;
    font-weight: 400;
    font-size: 15px;
}

.item-cart-contnt-part {
    border: 5px solid #222222;
    border-radius: 15px;
    position: relative;
    z-index: 1;
}

.item-your-cart-part {
    float: left;
    width: 100%;
    background: var(--secondaryColor);
    padding: 13px 38px;
    border-radius: 8px 8px 0 0;
}

.item-your-cart-part p {
    float: left;
    margin: 7px 0 0 0;
    padding: 0;
    font-weight: 600;
    line-height: 34px;
    font-size: 20px;
    color: #fff;
}

.item-your-cart-part a {
    float: right;
    background: var(--mainColor);
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    height: 34px;
    line-height: 32px;
    width: 174px;
    text-align: center;
    box-shadow: none !important;
}

.item-your-cart-part a:hover {
    color: #fff;
    text-decoration: none;
}

.cart-add-img-part {
    float: left;
    width: 200px;
    height: 140px;
    border-radius: 8px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.cart-add-part {
    float: left;
    width: 90%;
    margin: 0;
    padding: 40px 30px;
    border-bottom: 1px solid var(--mainColor);
}

.cart-add-img-part img {
    width: 100%;
    height: 100%;
}

.your-total-cart-part {
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
}

.qty {
    width: 39px;
    height: 25px;
    text-align: center;
}

.cart-add-quantity {
    float: left;
    width: 70%;
    margin: 16px;
}

.cart-add-quantity h4 {
    margin: 0 0 4px 0;
    padding: 0 24px 0 0;
    font-size: 15px;
    font-weight: bold;
}

.cart-add-quantity h4 a {
    color: #212529;
    text-decoration: none;
}

.cart-add-quantity h4 a:hover {
    color: #212529;
    text-decoration: none;
}

.cart-add-quantity h4 a:focus {
    box-shadow: none;
    background: none;
}

.cart-add-quantity p {
    margin: 0 0 11px 0;
    padding: 0;
    font-size: 16px;
    color: #363636;
    font-weight: 400;
}

.cart-add-quantity p a {
    text-decoration: none;
    color: #126d8a;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

a:focus {
    box-shadow: none;
    background: none;
}

.quantity-countter {
    margin: 0;
    padding: 0;
}

.quantity-countter span {
    margin: 7px 25px 0px 0;
    padding: 0;
    color: #363636;
    font-size: 16px;
    float: left;
}

.quantity-countter form {
    float: left;
    width: 110px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 14px;
    line-height: 34px;
}

.quantity-countter .qtyplus {
    background: none;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    color: #828282;
    width: 17px;
    height: auto;
}

.quantity-countter .qty {
    border: 0;
    background: none;
    color: #828282;
    font-weight: bold;
    font-size: 14px;
}

.quantity-countter .qtyminus {
    background: none;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    color: #828282;
    width: 17px;
    height: auto;
}

.cart-amount-part {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
}

.cart-amount-part h3 {
    margin: 21px 0 0 0;
    padding: 0;
    font-size: 29px;
    font-weight: 600;
    color: var(--mainColor);
}

.cart-close-cls {
    float: right;
    margin: 21px 0 0 0;
    padding: 0;
}

.total-checkout-part {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 22px 33px 25px;
    background: #f1f1f1;
    border-radius: 0 0 10px 10px;
}

.total-checkout-part .total-continue-shop {
    float: left;
    background: var(--secondaryColor) !important;
    margin: 46px 0 0 0;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    height: 38px;
    line-height: 38px;
    width: 174px;
    text-align: center;
    border-radius: 3px;
    box-shadow: none !important;
}

.total-checkout-part .total-continue-shop:hover {
    float: left;
    background: var(--mainColor) !important;
    margin: 46px 0 0 0;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    height: 38px;
    line-height: 38px;
    width: 174px;
    text-align: center;
    border-radius: 3px;
    box-shadow: none !important;
}
.total-price-checkout-con {
    float: right;
    margin: 0;
    padding: 0;
    width: 38%;
    text-align: right;
}

.total-price-checkout-con h2 {
    float: right;
    margin: 0 0 10px 0;
    padding: 0;
    color: var(--mainColor);
    font-weight: 400;
    font-size: 30px;
    width: 100%;
}

.total-price-checkout-con h2 span {
    font-size: 24px;
    color: #363636;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.total-price-checkout-con a {
    background: var(--mainColor) !important;
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
    height: 38px;
    line-height: 36px;
    width: 140px;
    text-align: center;
    border-radius: 4px;
    float: right;
    box-shadow: none !important;
}

.total-price-checkout-con a:hover {
    color: #fff;
    text-decoration: none;
}

.your-total-cart-part {
    margin: 0;
    padding: 56px 15px;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
    left: -4px;
    top: 1px;
    line-height: 2cap;
    background-color: #fff;
}

.your-total-cart-part h3 {
    margin: 0 0 1px 0;
    padding: 0;
    color: #4d4d4d;
    font-size: 21px;
    font-weight: bold;
}

.your-total-cart-part h2 {
    margin: 0 0 4px 0;
    padding: 0;
    color: var(--mainColor);
    font-size: 42px;
    font-weight: bold;
}

.your-total-cart-part h4 {
    margin: 0;
    padding: 0;
    color: var(--secondaryColor);
    font-size: 21px;
    font-weight: bold;
}

.your-total-cart-part .your-cart-toatal-btn {
    display: block;
    margin: 37px auto 14px;
    width: 98%;
    height: 54px;
    color: #fff;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    background: var(--mainColor);
    border-radius: 3px;
    border: 0;
    cursor: pointer;
}

.your-total-cart-part .your-cart-toatal-btn a {
    color: #fff;
    text-decoration: none;
    background: none !important;
    box-shadow: none !important;
}

.your-total-cart-part p {
    color: #585858;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
}

/*-----------07-09-20-------------*/
.jump-to-menu-part {
    background: #ededed;
    padding: 15px 0;
}

.jump-to-menu-part .custom-jump-to-nav {
    background: #ededed;
    padding: 0;
    box-shadow: none;
    font-weight: bold;
    font-size: 14px;
}

.jump-to-menu-part .custom-jump-to-nav img {
    margin: 0 0 0 6px;
}

.jump-to-menu-part .custom-jump-to-nav .navbar-brand {
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    line-height: 10px;
    padding: 0;
}

.jump-to-menu-part .custom-jump-to-nav ul li {
    padding: 0 15px;
}

.jump-to-menu-part .custom-jump-to-nav ul li a {
    color: #fff;
    background-color: var(--mainColor);
    font-weight: 600;
    font-size: 14px;
    position: relative;
    border-color: var(--mainColor);
}

.jump-to-menu-part .custom-jump-to-nav ul li a:hover {
    color: #292928;
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    border-color: var(--mainColor);
}


.hover-icon {
    display: none;
    float: left;
    margin: -2px 6px 0 0;
}

.icon {
    margin: 0 6px 0 0;
}

.jump-to-menu-part .custom-jump-to-nav ul li a:hover .hover-icon {
    display: block;
}

.jump-to-menu-part .custom-jump-to-nav ul li a:hover .icon {
    display: none;
}

.jump-to-menu-part .custom-jump-to-nav ul li.active a .icon {
    display: none;
}

.jump-to-menu-part .custom-jump-to-nav ul li.active a .hover-icon {
    display: block;
}

.items-rating-rate-part {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.item-rating-rate-in-left-con {
    float: left;
    width: 70%;
    margin: 0;
    padding: 0;
}

.item-rating-rate-in-left-con h4 {
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    color: #4d4d4d;
}

.item-rating-rate-in-left-con h4 span {
    width: auto;
    margin: 0 0 0 3px;
    padding: 0;
    position: relative;
    top: -3px;
}

.item-rating-rate-in-left-con span {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
}

.rate-pro-cls {
    float: right;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #939393;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    color: #222222;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}

.rate-pro-cls:hover {
    text-decoration: none;
    color: #fff;
    background: var(--mainColor);
    border: 1px solid var(--mainColor);
}

.item-rating-details-content-part {
    float: left;
    width: 100%;
    margin: 0 0 0px 0;
    padding: 36px 0 35px 0;
    border-top: 1px solid #e5e5e5;
}

.item-rating-details-content-part:nth-child(2) {
    border-top: 0;
    padding-top: 22px;
}

.details-tab-part hr {
    border-top: 1px solid #e5e5e5 !important;
    float: left;
    width: 100%;
}

.rating-value {
    float: left;
    margin: 0 17px 0 0;
    padding: 0;
    width: 44px;
}

.rating-value span {
    background: #307738;
    height: 24px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    padding: 0 11px;
    line-height: 22px;
    float: left;
}

.item-rating-content-in-right {
    float: left;
    width: 85%;
}

.item-rating-content-in-right h5 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    color: #4d4d4d;
}

.details-tab-part .item-rating-details-content-part .item-rating-content-in-right p {
    margin: 0 10px 0 0;
    padding: 0;
    color: #555658;
    font-weight: 400;
    font-size: 15px;
    float: left;
    width: auto;
}

.details-tab-part .item-rating-content-in-right p span {
    float: left;
    margin: -1px 10px 0 0;
}

.details-tab-part .item-rating-details-content-part p {
    float: left;
    width: 100%;
    margin: 13px 0 0 0;
    padding: 0;
}

/*-----------07-09-20-------------*/


/*---wishlist--css--start---*/
.wishlist-section .cart-heading-in-content {
    float: left;
    width: 70%;
}

.wishlist-section .wishlist-clear-btn {
    float: right;
    width: 150px;
    height: 44px;
    border-radius: 4px;
    text-align: center;
    background: #fff !important;
    border: 1px solid var(--mainColor);
    line-height: 42px;
    font-size: 15px;
    font-weight: 400;
    color: var(--mainColor);
    margin: -2px 0 0 0;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.wishlist-section .wishlist-clear-btn a {
    color: var(--mainColor);
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.wishlist-section .wishlist-clear-btn:hover {
    background: var(--mainColor) !important;
    color: #fff;
}

.wishlist-section .wishlist-clear-btn:hover a {
    color: #fff;
}

.wishlist-section .shoping-cart-hading-part {
    margin: 0 0 40px 0;
}

.wishlist-cart-section {
    padding-top: 0;
}

.clear-all-wishlist-btn {
    display: block;
    width: 192px;
    height: 44px;
    text-align: center;
    border-radius: 4px;
    line-height: 42px;
    color: var(--mainColor);
    font-size: 15px;
    font-weight: 400;
    margin: 19px auto 0;
    border: 1px solid var(--mainColor) !important;
    background: #fff !important;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.clear-all-wishlist-btn:hover {
    background: var(--mainColor) !important;
    color: #fff;
}

button:focus {
    outline: none !important;
}

.featured-in-con-part {
    position: relative;
}

.wishlist-part-cls {
    position: absolute;
    right: 12px;
    top: 5px;
    color: var(--secondaryColor);
    font-size: 33px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.featured-in-con-part .wishlist-part-cls img {
    width: 25px;
    margin: auto;
}

.wishlist-part-cls:hover {
    color: gold;
}


/*-----------------payment-page--css----------------*/
.checkout-page-header {
    background: #fff;
    text-align: center;
    padding: 17px 0 15px;
    box-shadow: 0 0 4px #d9d8d8;
}

.chckout-page-logo img {
    vertical-align: 0;
}

.payment-bd-main-seection {
    margin: 0;
    padding: 75px 0;
}

.payment-checkout-in-con-part {
    display: block;
    margin: 0 auto;
    /* max-width: 850px; */
}

.payment-checkout-in-con-part h1 {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    font-size: 33px;
    font-weight: bold;
    color: #222222;
}

.payment-checkout-in-con-part p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
}

.payment-chk-out-form-part {
    padding: 0;
    margin: 39px 0 0;
    box-shadow: 0 0 7px #ece7e7;
    border: 1px solid #ebebeb;
}

.payment-method-part {
    background: #fff;
    margin: 0;
    padding: 0;
}

.payment-method-part label {
    float: left;
    margin: 0 44px 0 0;
    padding: 0;
}

.payment-method-part label:nth-child(3) {
    margin-right: 0;
}

.payment-method-part label input {
    float: left;
    margin: 9px 18px 0 0;
    /*display: none;*/
}

.payment-method-part label span {
    margin: 10;
    padding: 10;
    cursor: pointer;
}

.payment-method-part h3 {
    margin: 0;
    padding: 22px 30px;
    font-weight: bold;
    font-size: 18px;
    color: var(--secondaryColor);
    /* border-bottom: 1px solid #ebebeb; */
}

.select-payment-main-part {
    padding: 29px 30px;
}

.apply-cupon-part {
    float: left;
    width: 100%;
    background: #f3f6f7;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    padding: 30px 30px;
}

.apply-cupon-part p {
    float: left;
    margin: 7px 0 0 0;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    color: #4d4d4d;
}

.apply-cupon-part input.apply-code-input {
    float: left;
    margin: 0 20px 0 15px;
    padding: 0 13px;
    width: 225px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #555555;
}

.apply-cupon-part span {
    float: left;
    margin: 4px 0 0 0;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    color: #71a237;
    line-height: 24px;
}

.apply-cupon-part span img {
    float: left;
    margin: 0 10px 0 0;
}

.payment-form-details-part {
    background: #fff;
    padding: 30px 0 0px;
    margin: 0;
    float: left;
    width: 100%;
}

.payment-form-valued-part {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 30px;
}

.payment-form-valued-part label {
    margin: 0 0 5px 0;
    padding: 0;
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #555555;
}

.input-valued-filed {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 10px;
    height: 44px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    line-height: 42px;
    color: #555555;
    font-size: 14px;
}

.payment-ex-date-cvv-part {
    width: 32%;
    margin: 0 16px 20px 0;
    padding: 0;
}

.payment-expairy-date {
    padding: 0 0 0 30px;
}

.payment-save-next-save {
    float: left;
    width: 31.5%;
    margin: 38px 0 0 2px;
    padding: 0 23px 0 0;
}

.payment-save-next-save input {
    float: left;
    margin: 4px 10px 0 0;
    padding: 0;
}

.payment-save-next-save span {
    float: left;
    color: #555555;
    font-size: 14px;
}

.payment-order-details-part {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
}

.payment-order-details-part h3 {
    margin: 10px 0 0 0;
    padding: 23px 30px;
    color: #555;
    font-weight: bold;
    font-size: 18px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.payment-total-price-main-part {
    margin: 0;
    padding: 0 0 18px 0;
    border-bottom: 1px solid #ddd;
}

.payment-total-price-main-part p {
    float: left;
    width: 57%;
    margin: 12px 0 0 0;
    padding: 0 15px 0 30px;
    font-weight: 400;
    font-size: 14px;
    color: #555;
    line-height: 26px;
    text-align: left;
}

.payment-total-price-aprt {
    float: right;
    margin: 16px 0 0 0;
    padding: 0 30px 0 0;
    width: 100%;
    text-align: right;
}

.payment-total-price-aprt h5 {
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
    color: #555;
}

.payment-total-price-aprt h5 span {
    margin: 0 52px 0 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    color: var(--secondaryColor);
}

.payment-total-price-aprt h2 {
    margin: 34px 0 0 0;
    padding: 0;
    font-weight: bold;
    font-size: 18px;
    color: #555;
}

.payment-total-price-aprt h2 span {
    margin: 0 78px 0px 0;
    padding: 0;
    font-weight: bold;
    font-size: 18px;
    color: var(--mainColor);
}

.make-payment-btn-cls {
    float: right;
    margin: 20px 30px 0;
    padding: 0;
    color: #fff;
    border: 0;
    border-radius: 3px;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    width: 192px;
    height: 52px;
    background: var(--mainColor);
    line-height: 50px;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.make-payment-btn-cls:hover {
    background: var(--secondaryColor);
}

.cart-add-part .rate-done-btn {
    width: 156px !important;
}

.myorder-item-status-part {
    width: 100%;
}

.access-your-coursse-cls {
    float: right;
    width: 156px;
    background: var(--mainColor) !important;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height: 34px;
    border-radius: 4px;
    margin: 0 0 0 0;
    text-decoration: none;
    transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    font-size: 14px;
}

.access-your-coursse-cls:hover {
    color: #fff;
    background: var(--mainColor);
    text-decoration: none;
}

.myorder-main-content-part .cart-add-img-part {
    width: 140px;
    height: 80px;
    border-radius: 8px;
    border: solid var(--mainColor);
}

.myorder-main-content-part .cart-add-quantity {
    width: 68%;
    padding: 4px 15px 0 18px;
    margin: 10px 0 0 0;
}

.myorder-main-content-part .cart-add-quantity h4 {
    padding: 0 0 0 12px;
}

.myorder-main-content-part .cart-add-quantity p {
    float: left;
    margin: 0;
    padding: 0 12px !important;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}

.myorder-main-content-part .cart-add-quantity p:last-child:after {
    display: none;
}

.myorder-main-content-part .cart-add-quantity p:after {
    position: absolute;
    right: 0;
    width: 2px;
    height: 15px;
    content: "";
    background: #8e8e90;
    top: 4px;
}

.myorder-main-content-part .cart-add-quantity p span {
    color: #555658;
    margin: 0 3px 0 0;
    padding: 0;
}

.myorder-main-content-part .cart-add-quantity p.date-cls {
    color: #126d8a;
    padding-left: 0;
}

.myorder-main-content-part .cart-add-quantity p.pyment-status {
    color: var(--mainColor);
}

.myorder-main-content-part .cart-add-quantity p.expires-date-cls {
    color: #126d8a;
    padding-right: 0;
}

.myorder-main-content-part .cart-add-quantity p.enrollment-status-cls {
    /* line-height: 22px; */
}

.myorder-main-content-part .cart-add-quantity p.enrollment-status-cls span {
    color: green;
    margin: 0 8px 0 0;
}

.myorder-main-content-part .cart-add-quantity p.expires-date-cls:after {
    display: none;
}

.myorder-main-content-part .cart-add-img-part img {
    border-radius: 8px;
}

.myorder-main-content-part .total-checkout-part {
    margin: 0;
    padding: 30px 30px;
}

.myorder-main-content-part .total-checkout-part .total-continue-shop {
    margin: 0;
}

.pagination {
    float: right;
    margin: 5px 0 0 0;
    padding: 0;
}

.pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.pagination ul li a {
    text-decoration: none;
    margin: 0 -2px;
    padding: 6px 13px;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #333;
    transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
}

.pagination ul li a:hover {
    color: #fff;
    background: var(--mainColor);
    border: 1px solid #ccc;
}

.pagination ul li.active a {
    color: #fff;
    background: var(--mainColor);
    border: 1px solid #ccc;
}

.pagination ul li:first-child a {
    border-radius: 4px 0 0px 4px;
}

.pagination ul li:last-child a {
    border-radius: 0 4px 4px 0px;
}

.cart-add-part .rate-product-btn {
    background: #fff !important;
    box-shadow: none !important;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #303030;
    font-weight: 400;
    font-size: 14px;
    width: 156px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    padding: 0;
    float: right;
    margin: 5px 0 0;
}

.cart-add-part .rate-product-btn:hover {
    color: #fff;
    background: var(--mainColor) !important;
    text-decoration: none;
    border: 1px solid var(--mainColor);
}

.myorder-item-status-part {
    position: inherit;
}

.modal-backdrop.show {
    opacity: .6 !important;
}

.custom-review-modal-cls .modal-dialog {
    max-width: 470px;
    margin: 8% auto;
}

.custom-review-modal-cls .modal-content {
    border-radius: 10px;
}

.custom-review-modal-cls .modal-header {
    border-bottom: 1px solid #d3d3d3;
    padding: 25px 15px 26px;
    text-align: center;
}

.custom-review-modal-cls .modal-header h4 {
    float: left;
    width: 100%;
    text-align: center;
    color: #4d4d4d;
    font-size: 18px;
    font-weight: bold;
}

.review-rate-star {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.review-rate-star img {
    margin: 0 5px;
}

.custom-review-modal-cls .modal-body {
    padding: 50px 30px 40px;
}

.rate-rivew-message-cls {
    float: left;
    width: 100%;
    background: #f5f5f5;
    height: 132px;
    margin: 18px 0 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 12px 18px;
    color: #4f4f4f;
    margin: 18px 0 20px;
}

textarea::-webkit-input-placeholder {
    color: #4f4f4f;
}

textarea:-moz-placeholder {
    color: #4f4f4f;
}

textarea::-moz-placeholder {
    color: #4f4f4f;
}

textarea:-ms-input-placeholder {
    color: #4f4f4f;
}

.rate-rivew-submit-btn {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 140px;
    height: 44px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 42px;
    text-align: center;
    background: var(--mainColor);
    border: none;
    cursor: pointer;
}

.custom-review-modal-cls .btn-simple {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 140px;
    height: 44px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    background: var(--mainColor);
    border: none;
    cursor: pointer;
}

/*Dashboard and order*/
.dashboard-header-section {
    position: fixed;
    z-index: 99;
    width: 100%;
    box-shadow: 0 0 5px #ddd9d9;
}

.logo {
    float: left;
    margin: 0;
    padding: 0;
}

.user-part {
    float: right;
    margin: 0;
    padding: 0;
}

.user-part p {
    color: #555658;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.user-part p span {
    margin: 0px 0 0 20px;
    padding: 0;
    position: relative;
    top: -2px;
}

.dashboard-left-menu-part {
    float: left;
    position: fixed;
    width: 271px;
    margin: 0;
    padding: 0;
    z-index: 9;
    top: 57px;
    height: 100%;
    background: #1c2b36;
}

.dahboard-body-content-part {
    float: left;
    padding: 0;
    width: 100%;
    background: #f0f3f4;
}

.dashboard-main-section .col-xl-12.col-md-12.col-sm-12 {
    padding: 0;
}

.dashboard-statistics-part {
    padding: 18px 30px 18px 34px;
    border-bottom: 1px solid #e4e4e4;
}

.dashboard-statistics-part h2 {
    margin: 0;
    padding: 0;
    color: #555555;
    font-size: 20px;
    font-weight: 400;
}

.dashboard-statistics-part p {
    margin: 0;
    padding: 0;
    color: #b3b3b3;
    font-size: 14px;
    font-weight: 400;
}

.dashboard-bd-in-main-con-part {
    padding: 30px 29px 30px 30px;
    background: #f0f3f4;
}

.months-metrics-part {
    background: #fff;
    padding: 0 0 0;
    box-shadow: 0 0 5px #cac9c9;
    margin: 0 0 19px 0;
}

.months-metrics-part p {
    float: left;
    margin: 4px 0 0 20px;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    color: #555555;
}

.months-metrics-part h3 {
    float: left;
    width: 100%;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 24px 20px;
    border-bottom: 1px solid #ebebeb;
}

.months-metrics-part .days-select {
    float: right;
    margin: 0 25px 0 0;
    padding: 5px 9px;
    width: 44%;
    color: #555;
    height: 36px;
    border: 1px solid #dddddd;
    line-height: 16px;
    border-radius: 5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 94% 16px !important;
}

nav>.nav.nav-tabs {
    border: none;
    color: #fff;
    border-radius: 0;
}

nav>div a.nav-item.nav-link {
    padding: 8px 25px;
    color: #555;
    background: #fff;
    border-radius: 0;
    border: 1px solid #cfd3d4;
    margin: 0 4px 0 0px;
    width: auto;
    display: inline-block;
    flex: 0;
    border-bottom: 0;
}

nav>div a.nav-item.nav-link.active {
    background: #e5eaeb;
}

.tab-content {
    background: #fdfdfd;
    line-height: 25px;
    border-top: 1px solid #e5eaeb;
}

nav>div a.nav-item.nav-link:hover,
nav>div a.nav-item.nav-link:focus {
    background: #e5eaeb;
    color: #555;
    border-radius: 0;
    transition: background 0.20s linear;
}

.tab-part-cls {
    padding: 26px 20px 0;
    margin: 0 0 0 0;
}

.custom-tab-con h3 {
    float: left;
    width: 100%;
    margin: 0 0 34px 0;
    padding: 0 4px;
    color: #3993bb;
    font-weight: bold;
    font-size: 18px;
    border: none;
}

.custom-tab-con span {
    float: left;
    width: 32%;
    margin: 0;
    padding: 0;
}

.custom-tab-con span small {
    width: 24px;
    text-align: center;
    float: left;
    cursor: pointer;
}

.custom-tab-con span img {
    margin: 0;
    padding: 0;
}

.custom-tab-con p {
    float: left;
    width: 38%;
    margin: 0;
    padding: 0;
    color: #555;
    font-weight: bold;
    font-size: 18px;
}

.custom-tab-con strong {
    font-weight: bold;
    width: 30%;
    float: left;
    padding: 0 0 0 9px;
}

.month-nav-con-cls {
    float: left;
    width: 100%;
    margin: 0 0 2px 0;
}

.month-nav-con-cls a {
    padding: 8px 0;
    color: #555;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    background: #fff;
    border-radius: 0;
    margin: 0 0 0 0px;
    width: 32%;
    display: inline-block;
    border-bottom: 0;
    float: left;
}

.month-nav-con-cls a:hover {
    text-decoration: none;
    color: #555;
}

.month-nav-con-cls .curent-cls {
    width: 38%;
}

.month-nav-con-cls .pre-cls {
    padding: 8px 0 8px 9px;
    width: 30%;
}

.py-3.custom-tab-con {
    padding-bottom: 0 !important;
}

.keepit-up-part {
    background: #fff;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 5px #cac9c9;
    height: 430px;
}

.keepit-up-part h3 {
    float: left;
    width: 100%;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 24px 20px;
    border-bottom: 1px solid #ebebeb;
}

.keepit-up-main-content-part {
    float: left;
    width: 100%;
    padding: 30px 20px 30px;
    margin: 0;
}

.keepit-up-main-content-part p {
    padding: 0 0 0 41px;
    margin: 0px 0 9px 0;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 20px;
}

.keepit-up-main-content-part p img {
    float: left;
    margin: 4px 0px 0 -41px;
}

.keepit-up-main-content-part p span.up-twenty {
    display: inline-block;
    height: 26px;
    background: #e92020;
    color: #fff;
    text-align: center;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 2px;
    margin: 0 6px;
}

.keepit-up-main-content-part p span.up-fifty {
    display: inline-block;
    height: 26px;
    background: #7bb13c;
    color: #fff;
    text-align: center;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 2px;
    margin: 0 6px;
}

.compare-month-part {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 22px 4%;
    position: relative;
    margin: 20px 0 35px;
}

.compare-month-part:after {
    position: absolute;
    left: 0;
    content: "";
    width: 4px;
    height: 100%;
    background: #7bb13c;
    top: 0;
}

.compare-month-part h5 {
    color: #555;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 0;
    float: left;
}

.compare-month-part .days-select {
    float: right;
    margin: 0 0 0 0;
    padding: 5px 1px;
    width: 27%;
    color: #555;
    height: 36px;
    border: 1px solid #dddddd;
    line-height: 16px;
    border-radius: 5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 94% 16px !important;
    cursor: pointer;
}

.keepit-up-main-content-part .keepit-small-para {
    padding: 0 12px 0 38px;
    margin: 0px 0 9px 0;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 20px;
    float: left;
    width: 50%;
}

.keepit-up-main-content-part .keepit-small-para img {
    float: none;
    margin: 0;
    display: inline-block;
}

.keepit-up-main-content-part .keepit-small-para span {
    float: left;
    width: 24px;
    text-align: center;
    margin: 0 12px 0 -38px;
}

.customer-rivew-section {
    background: #fff;
    box-shadow: 0 0 5px #cac9c9;
    margin: 28px 0 0 0;
    height: 450px;
}

.customer-rivew-section h3 {
    float: left;
    width: 100%;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 16px 0;
    padding: 24px 20px;
    border-bottom: 1px solid #ebebeb;
}

.customer-review-reply-part {
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 20px;
    position: relative;
}

.review-img {
    float: left;
    width: 48px;
    height: 48px;
}

.customer-review-reply-part .review-img .customer-review-tultip {
    display: none;
    background: #7bb13c;
    color: #fff;
    width: auto;
    padding: 7px 8px;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    display: none;
    border-radius: 3px;
    left: 79px;
    top: 5px;
    text-align: left;
}

.customer-review-reply-part .review-img:hover .customer-review-tultip {
    display: block;
}

.review-img img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.review-reply-con {
    float: left;
    margin: 0;
    padding: 0 0 0 16px;
    width: 55%;
}

.review-reply-con p {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    margin: 0 0 4px 0;
    padding: 0;
    height: 20px;
    overflow: hidden;
}

.review-reply-con p span {
    float: left;
    width: 38px;
    height: 16px;
    background: #7bb13c;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 3px;
    line-height: 16px;
    text-align: center;
}

.review-reply-con p span img {
    width: 9px;
    position: relative;
    right: 5px;
    float: right;
    margin: 3px 0 0 0;
}

.review-reply-con p span svg {
    margin: 0 0 0 1px;
    padding: 0;
    font-size: 9px;
    position: relative;
    top: -1px;
}

.review-reply-con p a {
    float: left;
    margin: 0 0 0 7px;
    padding: 0;
    color: #1d89cf;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
}

.review-reply-con p a:hover {
    text-decoration: none;
}

.rview-date-time-part {
    float: right;
    margin: 0;
    padding: 0;
    width: 27%;
    text-align: right;
}

.rview-date-time-part p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

.show-all-review-cls {
    float: left;
    color: #1d89cf;
    margin: 0 0 32px 20px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 2px solid #8ec4e7;
    text-decoration: none;
}

.show-all-review-cls:hover {
    text-decoration: none;
}

.product-stats {
    background: #fff;
    box-shadow: 0 0 5px #cac9c9;
    margin: 28px 0 0 0;
    position: relative;
    height: 460px;
}

.product-stats h3 {
    float: left;
    width: 100%;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 16px 0;
    padding: 24px 20px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    z-index: 1;
}

.add-product-cls {
    float: left;
    color: #1d89cf;
    margin: 0 0 20px 20px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 2px solid #8ec4e7;
    text-decoration: none;
    position: absolute;
    bottom: 0;
}

.progress-bar-main-part {
    display: inline-block;
    padding: 0 9px;
    width: 24.3%;
}

/*.progress-bar-main-part:last-child { padding: 0;}*/
.progress {
    position: relative;
    float: none !important;
    display: inline-block !important;
    margin: 0 !important;
    background: #ebebeb !important;
}

.progress-bar {
    position: absolute;
    bottom: 0;
}

.progress-bar-vertical {
    width: 100%;
    min-height: 260px;
    display: flex;
    align-items: flex-end;
    margin-right: 20px;
    float: left;
}

.product-stats-part .sr-only {
    width: 100%;
    height: auto;
    clip: inherit;
    top: -20px;
    left: 0;
    clip-path: inherit;
    font-size: 14px;
    font-weight: bold;
    color: #555;
}

.progress-bar-vertical .progress-bar {
    width: 100%;
    height: 0;
    -webkit-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
}

.product-stats-part {
    position: absolute;
    white-space: nowrap;
    overflow: auto;
    left: 0;
    right: 0;
    bottom: 59px;
    width: 90%;
    padding: 0;
    text-align: center;
    margin: 0 auto;
}

.progress-bar-main-part p {
    font-size: 14px;
    font-weight: bold;
    color: #555;
    margin: 0;
    padding: 0;
}

.progress-course {
    background: #00a5ba !important;
}

.progress-short {
    background: #7bb13c !important;
}

.progress-name {
    background: #1d89cf !important;
}

.progress-physc {
    background: #a767dd !important;
}

.transaction-details {
    background: var(--secondaryColor);
    box-shadow: 0 0 5px #cac9c9;
    margin: 28px 0 0 0;
    position: relative;
    height: 460px;
}

.transaction-details h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 24px 20px;
    border-bottom: 1px solid var(--mainColor);
}

.transaction-details-content-part {
    float: none;
    width: 90%;
    margin: 0 auto;
    padding: 0 10px 0 0px;
    display: block;
    height: 350px;
    overflow: auto;
}

.transaction-details-in-con-part {
    float: left;
    width: 100%;
    margin: 0;
    padding: 13px 0;
    border-bottom: 1px solid var(--mainColor);
}

.transaction-details-in-con-part h4 {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 20px;
    width: 67%;
}

.transaction-details-in-con-part h4 p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.transaction-details-in-con-part h4 span {
    margin: 0;
    padding: 0;
    color: var(--mainColor);
    font-size: 14px;
    font-weight: 400;
    float: left;
}

.transaction-details-in-con-part span {
    float: right;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.visitor-map-part {
    background: #fff;
    box-shadow: 0 0 5px #cac9c9;
    margin: 28px 0 0 0;
    position: relative;
    height: 421px;
    padding: 0 0 30px 0;
}

.visitor-map-part h3 {
    float: left;
    width: 100%;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 24px 20px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    z-index: 1;
}

.visitors-map-in-con-part {
    margin: 0;
    padding: 0;
}

.visitors-map-in-con-part img {
    height: 266px;
}

.visitors-map-in-con-part .days-select {
    float: left;
    margin: 0 0 0 20px;
    padding: 5px 9px;
    width: 39%;
    color: #555;
    height: 36px;
    border: 1px solid #dddddd;
    line-height: 16px;
    border-radius: 5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 94% 16px !important;
}

.product-sales-report-part {
    background: #fff;
    box-shadow: 0 0 5px #cac9c9;
    margin: 28px 0 0 0;
    position: relative;
    height: 421px;
    padding: 0 0 30px 0;
}

.product-sales-report-part h3 {
    float: left;
    width: 100%;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 24px 24px;
    border-bottom: 1px solid #ebebeb;
}

.pro-sales-in-con-part {
    float: left;
    width: 100%;
    margin: 4px 0 0 0;
    padding: 0 24px;
}

.pro-sales-in-con-part tbody {
    border: 1px solid #e5eaeb;
}

.pro-sales-in-con-part tr th {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 17px;
    background: #e5eaeb;
    color: #555;
}

.pro-sales-in-con-part tr td {
    font-size: 14px;
    font-weight: 400;
    padding: 11px 17px;
    border: 1px solid #e5eaeb;
}

.dashboard-main-section .adandonedcart-table {
    padding: 0 15px !important;
}

.adandoned-cart-section {
    background: #fff;
    box-shadow: 0 0 5px #cac9c9;
    margin: 28px 0 40px 0;
    position: relative;
    height: auto;
    padding: 0 0 30px 0;
    float: left;
    width: 100%;
}

.adandoned-cart-section h3 {
    float: left;
    width: 100%;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 24px 24px;
    border-bottom: 1px solid #ebebeb;
}

.adandoned-cart-section .dataTables_wrapper {
    float: left;
    width: 100%;
    padding: 0 20px 0;
}

.adandoned-cart-section .dataTables_wrapper::after {
    display: none;
}

.adandoned-cart-in-con {
    float: left;
    width: 100%;
    padding: 0 24px;
    margin: 18px 0 0 0;
}

.adandoned-cart-in-con tbody {
    border: 1px solid #e5eaeb;
}

.adandoned-cart-in-con tr th {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 17px;
    background: #e5eaeb;
    color: #555;
}

.adandoned-cart-in-con tr td {
    font-size: 14px;
    font-weight: 400;
    padding: 11px 17px;
    border-bottom: 1px solid #e5eaeb;
}

.adandoned-cart-in-con tr td span {
    color: #1d89cf;
}

.adandoned-cart-in-con tr td a {
    width: 74px;
    text-align: center;
    height: 26px;
    color: #fff;
    float: left;
    border-radius: 3px;
    background: #a767dd;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}


.dashboard-order-main-section h3 {
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 18px;
    color: #555;
    font-weight: bold;
    position: relative;
    top: 23px;
    width: auto;
    float: left;
}

.dashboard-order-main-section {
    background: #fff;
    box-shadow: 0 0 7px #dddbdb;
}

.dataTables_wrapper {
    padding: 0 20px;
    position: relative;
}

.dataTables_wrapper:after {
    position: absolute;
    top: 64px;
    width: 100%;
    height: 1px;
    background: #e5eaeb;
    content: "";
    left: 0;
}

.dashboard-order-main-section .table.table-bordered.dataTable {
    padding: 30px 30px 0;
    margin: 30px auto 0 !important;
    border: 0 !important;
    border-top: 1px solid #e5eaeb !important;
    border-collapse: collapse !important;
}

.dashboard-order-main-section .dataTables_length {
    padding: 17px 0 17px 180px;
}

.dashboard-order-main-section .dataTables_wrapper .dataTables_filter {
    padding: 13px 0 13px 0px;
}

.dashboard-order-main-section .table thead th {
    font-size: 14px;
    font-weight: bold;
    color: #555;
    margin: 0;
    background: #e5eaeb;
}

.dashboard-order-main-section .table thead th:before {
    display: none !important;
}

.dashboard-order-main-section .table thead th:after {
    display: none !important;
}

.dashboard-order-main-section .table tbody tr {
    background: #fff !important;
}

.dashboard-order-main-section .table tbody tr td {
    border: 0;
    border-bottom: 1px solid #e5eaeb !important;
    color: #1c2b36;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    padding: 15px 20px;
}

.dashboard-order-main-section .table tbody tr td a {
    color: #4d4d4d;
}

.dashboard-order-main-section .dataTables_wrapper div.dataTables_info {
    padding: 28px 0 20px 0;
    font-size: 14px;
    color: #555;
    font-weight: bold;
}

.dashboard-order-main-section .dataTables_wrapper div.dataTables_paginate {
    padding: 20px 0 30px;
}

.dashboard-order-main-section .dataTables_wrapper div.dataTables_length label {
    margin: 0;
    font-size: 14px;
    color: #555;
}

.dashboard-order-main-section .table.table-bordered.dataTable tbody {
    border: 1px solid #e5eaeb !important;
}

.dashboard-order-main-section .table tbody tr td h4 {
    float: left;
    width: 100%;
    margin: 0;
}

.not-done-cls {
    width: 70%;
    background: #dce1e2;
    height: 12px;
    float: left;
    border-radius: 4px;
    position: relative;
}

.dashboard-order-main-section .table tbody tr td p {
    float: left;
    width: 100%;
    margin: 0;
}

.not-done-cls:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 50%;
    height: 100%;
    background: var(--mainColor);
    border-radius: 4px;
}

.custom-edit {
    float: right;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    width: 22%;
    margin: -6px 0 0 0;
}

.custom-edit svg {
    color: #9c9fa0;
}

.done-cls {
    width: 70%;
    background: #20d2b3;
    height: 12px;
    float: left;
    border-radius: 4px;
    position: relative;
}

.stripe-cls {
    background: #1d8acf;
    padding: 3px 12px;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
}

.stripe-cls:hover {
    text-decoration: none;
    color: #fff;
}

.pagination .paginate_button {
    margin: 0 1px;
}

.page-item.disabled .page-link {
    background: var(--mainColor) !important;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border: none !important;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
}

.page-link {
    background: var(--mainColor) !important;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}

.page-item.active .page-link {
    z-index: 2;
    background: #c81c1e !important;
    height: 38px;
    line-height: 38px;
    color: #fff !important;
    border: none;
    padding: 0 18px;
}

.dataTables_wrapper .dataTables_filter label {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    margin: 0 0 14px 0;
}

.dataTables_wrapper .dataTables_length select {
    margin: 0 12px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 20px;
    display: inline-block;
    width: auto;
    border: 1px solid #ebebeb;
    height: auto;
    padding: 6px 10px;
}

.dataTables_wrapper .col-sm-12.col-md-6 {
    padding-right: 0;
}

/*extra for customer review*/
.review-reply-con p {
    float: left;
}

.review-reply-con .review-heading-cls {
    width: 100%;
}

.review-hide-cls {
    float: left;
    background: var(--secondaryColor);
    color: #fff;
    padding: 1px 7px 1px;
    cursor: pointer;
    border: none;
    font-size: 11px;
    border-radius: 5px;
    height: auto;
    margin: 0 0 0 8px;
}

.review-hide-cls a {
    color: #fff;
    text-decoration: none;
}

.review-show-cls {
    float: left;
    background: #7caebd;
    color: #f2f0f0;
    padding: 1px 7px 1px;
    cursor: pointer;
    border: none;
    font-size: 11px;
    border-radius: 5px;
    height: auto;
    margin: 0 0 0 8px;
}

.review-show-cls a {
    color: #f2f0f0;
    text-decoration: none;
}

.jump-to-menu-part .custom-jump-to-nav .icon {
    width: auto;
    height: auto;
    font-size: inherit;
    margin: -2px 6px 0 0;
}

.jump-to-menu-part .custom-jump-to-nav .icon img {
    margin-left: 0;
}

.jump-to-menu-part .custom-jump-to-nav .hover-icon img {
    margin-left: 0;
}

.shop-banner-img img {
    width: 100%;
    border-radius: 100px 10px 100px 10px;
}

.months-metrics-part .tab-part-cls .month-nav-con-cls p {
    padding: 8px 0;
    color: #555;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    background: #fff;
    border-radius: 0;
    margin: 0 0 0 0px;
    width: 32%;
    display: inline-block;
    border-bottom: 0;
    float: left;
}

.months-metrics-part .tab-part-cls .month-nav-con-cls .curent-cls {
    width: 38%;
}

.months-metrics-part .tab-part-cls .month-nav-con-cls .pre-cls {
    padding: 8px 0 8px 9px;
    width: 30%;
}

#page-wrapper #page {
    background: #f0f3f4;
}

#page-wrapper #page #page-content #region-main {
    padding: 0;
}

#maincontent {
    height: auto;
}

.dashboard-statistics-part {
    padding: 18px 20px 18px 20px;
}

.dashboard-bd-in-main-con-part {
    padding: 30px 20px 30px 20px;
}

.adandoned-cart-section .table-bordered thead th {
    border: none;
    color: #555;
    font-size: 14px;
    background: #e5eaeb;
    padding: 7px 13px;
}

.adandoned-cart-section .table-bordered tbody td {
    border: none;
    border-bottom: 1px solid #e5eaeb;
    font-size: 14px;
    background: #fff;
    padding: 10px 13px;
    color: #212529;
}

.adandoned-cart-section .table-bordered tbody td a {
    color: #4d4d4d;
}

.adandoned-cart-section .table-bordered tbody td a:hover {
    text-decoration: none;
}

.customer-review-in-con-part {
    float: left;
    width: 97%;
    height: 340px;
    overflow: auto;
}

.adandoned-cart-section button#adandonedcartexport {
    border: none;
    box-shadow: none;
    float: right;
    margin: 0 20px 0 0;
    padding: 0;
    width: 158px;
    height: 38px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: var(--mainColor);
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
    position: relative;
    right: 0;
    top: 35px;
    z-index: 1;
    line-height: 36px;
}

.myorder-item-status-part .jumbotron {
    padding: 0;
}

.total-checkout-part .pagination-lg li {
    margin: 0 1px;
}

.total-checkout-part .pagination-lg li .page-link {
    padding: 0 18px;
    height: 38px;
    line-height: 38px;
}

.total-checkout-part .pagination-lg li.active .page-link {
    padding: 0 18px;
    color: #fff !important;
    background: #c81c1e !important;
    height: 38px;
    line-height: 38px;
}

.custom-review-modal-cls .rate-rivew-heading-cls {
    float: left;
    width: 100%;
    background: #f5f5f5;
    height: 40px;
    margin: 30px 0 0px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 12px 18px;
}

.total-checkout-part .pagination {
    margin: 0;
}

.custom-review-modal-cls {
    text-align: center;
}

.details-tab-part .tab-content {
    margin: 11px 0 0 0;
}

.apply-cupon-part button {
    float: left;
    margin: 0 20px 0 0;
    padding: 0 20px;
    color: #fff;
    border: 0;
    border-radius: 3px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    width: auto;
    height: 35px;
    background: var(--mainColor);
    line-height: 35px;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.apply-cupon-part button:hover {
    background: var(--secondaryColor);
}

.amountgreaterzero {
    padding: 35px 25px;
    width: 55%;
    margin: 65px auto;
    display: block;
    box-shadow: 0 0 12px #cac9c9;
    border-radius: 5px;
}

.amountgreaterzero h3.panel-title {
    font-size: 20px;
    color: #555;
    line-height: 29px;
    margin: 0 0 18px 0;
    font-size: 22px;
    text-align: center;
}

.amountgreaterzero h3.panel-title img {
    position: relative;
    top: -2px;
}

.amountgreaterzero button#card-button {
    display: block;
    margin: 25px auto 0;
    padding: 0 20px;
    color: #fff;
    border: 0;
    border-radius: 3px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    width: auto;
    height: 35px;
    background: var(--mainColor);
    line-height: 35px;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.amountgreaterzero button#card-button:hover {
    background: var(--secondaryColor);
}

.error.visible {
    margin: 8px 0 0 0;
}

.paypalpaymentform {
    padding: 35px 25px 35px;
    width: 55%;
    margin: 65px auto;
    display: block;
    box-shadow: 0 0 12px #cac9c9;
    border-radius: 5px;
}

.paypalpaymentform h3.panel-title {
    font-size: 20px;
    color: #555;
    line-height: 29px;
    margin: 0 0 18px 0;
    font-size: 22px;
    text-align: center;
}

.paypalpaymentform input#paypalpaymentbtn {
    display: block;
    margin: 25px auto 0;
    padding: 0 20px;
    color: #fff;
    border: 0;
    border-radius: 3px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    width: auto;
    height: 35px;
    background: var(--mainColor);
    line-height: 35px;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.paypalpaymentform input#paypalpaymentbtn:hover {
    background: var(--secondaryColor);
}

.paypalpaymentform span {
    font-size: 15px;
    color: #555;
    width: 100%;
    text-align: center;
    display: inline-block;
}

#page-content .panel {
    padding: 24px 25px 30px;
    width: 55%;
    margin: 65px auto;
    display: block;
    box-shadow: 0 0 12px #cac9c9;
    border-radius: 5px;
}

#page-content .panel .panel-heading h3.panel-title {
    font-size: 20px;
    color: #555;
    line-height: 29px;
    margin: 0 0 18px 0;
    font-size: 22px;
    text-align: center;
}

#page-content .panel .panel-heading h3.panel-title img {
    position: relative;
    top: -3px;
}

#page-content .panel .panel-body {
    position: relative;
}

#page-content .panel .panel-body .form-group {
    float: left;
    margin: 0 5% 0 0;
    width: 41%;
}

#page-content .panel .panel-body .form-group label {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #555555;
}

#page-content .panel .panel-body .form-group input {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    height: 40px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    line-height: 42px;
    color: #555555;
    font-size: 14px;
}

#page-content .panel .panel-body .row {
    margin: 0;
    width: 54%;
}

#page-content .panel .panel-body .row .left {
    float: left;
    width: 52%;
    margin: 0 8% 0 0;
}

#page-content .panel .panel-body .row .left .form-group {
    width: 100%;
    margin: 0;
}

#page-content .panel .panel-body .row .left .form-group .col-1 {
    float: left;
    width: 48%;
    max-width: 48%;
    padding: 0;
    margin: 0 4% 0 0;
}

#page-content .panel .panel-body .row .left .form-group .col-1 input {
    width: 100%;
    padding: 0 6px;
}

#page-content .panel .panel-body .row .left .form-group .col-2 {
    float: left;
    width: 48%;
    max-width: 48%;
    padding: 0;
}

#page-content .panel .panel-body .row .left .form-group .col-2 input {
    width: 100%;
    padding: 0 6px;
}

#page-content .panel .panel-body .row .right {
    width: 40%;
    float: left;
}

#page-content .panel .panel-body .row .right .form-group {
    width: 100%;
    margin: 0;
}

#page-content .panel .panel-body #card-button {
    display: inline-block;
    right: 0;
    top: 27px;
    margin: 20px 0 0;
    padding: 0 20px;
    color: #fff;
    border: 0;
    border-radius: 3px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    width: auto;
    height: 40px;
    background: var(--mainColor);
    line-height: 40px;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
}

.error {
    margin: 7px 0 0 0;
}

.custom-tab-con h3 {
    position: relative;
}

.custom-tab-con span.tultip {
    background: #7bb13c;
    color: #fff;
    width: auto;
    padding: 7px 8px;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    display: none;
    border-radius: 3px;
    left: 43px;
    top: -4px;
    text-align: left;
}

.custom-tab-con span small:hover .tultip {
    display: block;
}

.custom-tab-con span.tultip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid #7bb13c;
    left: -9px;
    top: 0;
    bottom: 0;
    margin: auto auto;
}

.customar-review-disable-cls {
    opacity: 0.5;
}

.rating-error {
    float: left;
    width: 100%;
    margin: 0 0 16px 0;
    color: #f00;
}

.checkout-responsive {
    display: none;
}

.payment-order-details-part .payment-total-price-aprt h5 {
    float: left;
    width: 100%;
}

.payment-order-details-part .payment-total-price-aprt h5 p {
    margin: 0;
}

.payment-order-details-part .payment-total-price-aprt h5 span {
    margin: 0;
    float: right;
    line-height: 26px;
    color: #555;
    font-weight: bold;
}

.payment-order-details-part .payment-total-price-aprt h2 {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.cart-noti-cls {
    width: 22px;
    height: 22px;
    position: absolute;
    background: #222222;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #fff;
}

.transaction-details-content-part::-webkit-scrollbar,
.customer-review-in-con-part::-webkit-scrollbar {
    width: 10px;
}

.transaction-details-content-part::-webkit-scrollbar-track,
.customer-review-in-con-part::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.transaction-details-content-part::-webkit-scrollbar-thumb,
.customer-review-in-con-part::-webkit-scrollbar-thumb {
    background: #888;
}

.transaction-details-content-part::-webkit-scrollbar-thumb:hover,
.customer-review-in-con-part::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.largest-selection-courses-section .owl-carousel .owl-wrapper-outer {
    padding: 15px 0;
}

#page-content #region-main-box {
    padding: 0;
}


/*trideep*/
header {
    background: none;
}

div#goto-top-link {
    display: none;
}

.slider_desc {
    margin-top: 0px;
    color: #333333;
    text-align: justify;
    overflow: hidden;
    transition: all 0.2s ease 0s;
    max-height: 40px;
}

#slider_desc_toogler {
    border-top: var(--mainColor) 1px dotted;
    margin-bottom: 30px;
    margin-top: 20px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#slider_desc_toogler p {
    position: absolute;
    text-align: center;
    color: var(--mainColor);
    font-size: 20px;
    left: calc(50% - 10px);
    margin-top: -17px;
    background: #fff;
}

.largest-course-panel-div-cls h3,
#slider_desc_toogler p {
    cursor: pointer;
}

.wishlist-cart-section {
    padding-top: 0 !important;
}

/*Google chart and map start*/
#chart_wrap {
    height: 0;
    overflow: hidden;
}

#piechart,
#regions_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    padding-top: 70px;
}

/*Google chart and map end*/

/*License styles*/
.licence-input-in-content-part {
    display: block;
    margin: 25px auto;
    background: #fff;
    box-shadow: 0 0 7px #e3e0e0;
    border-radius: 10px;
    max-width: 760px;
    padding: 25px 140px;
    text-align: center;
}

.licence-input-in-content-part h2 {
    margin: 0 0 18px 0;
    padding: 0;
    font-weight: bold;
    font-size: 25px;
    color: #424242;
    line-height: 34px;
}

.licence-input-in-content-part p {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 15px;
    color: #393939;
    line-height: 24px;
}

.licence-input-code-div-cls {
    float: left;
    width: 100%;
    margin: 20px 0 28px;
}

.licence-input-code-div-cls input.input-licence-valued {
    display: inline-block;
    width: 400px;
    height: 48px;
    border: 1px solid #bebebe;
    border-radius: 3px;
    line-height: 48px;
    text-align: center;
    color: #242424;
    font-size: 20px;
    font-weight: 400;
    margin: 0 4px;
}

.licence-input-code-div-cls input.input-licence-valued:focus {
    outline: none !important;
    border: 1px solid #aeaeae;
    box-shadow: 0 0 15px #e1dede;
}

.active-cls {
    display: block;
    margin: 0 auto;
    width: 212px;
    height: 50px;
    background: var(--mainColor);
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
}

.licence-input-successfully {
    padding: 200px 140px;
}

.licence-input-successfully h3 {
    color: var(--mainColor);
    font-size: 25px;
    font-weight: bold;
    margin: 22px 0 0 0;
}


@media (max-width:1300px) {
    .get-started-left-part {
        padding: 40px 20px;
    }

    .get-started-left-part h3 {
        font-size: 23px;
        line-height: 28px;
    }

    .get-started-left-part a {
        width: 110px;
    }

    .get-started-right-part {
        padding: 40px 20px;
    }

    .get-started-right-part h3 {
        font-size: 23px;
        line-height: 28px;
    }

    .get-started-right-part a {
        width: 110px;
    }

    .adandoned-cart-section .dataTables_wrapper .dataTables_filter label {
        position: relative;
        left: -95px;
    }
}


@media (max-width:1250px) {
    .jump-to-menu-part .custom-jump-to-nav ul li {
        padding: 0 12px;
    }

    .dashboard-order-main-section .dataTables_length {
        padding: 17px 0 17px 100px;
    }

    .dashboard-order-main-section .dataTables_wrapper .dataTables_filter {
        text-align: right;
    }
}

@media (max-width:1200px) {
    .featured-wishlist-part h3 {
        font-size: 15px;
        margin: 9px 0 0 0;
    }

    .featured-wishlist-part a.add-to-cart {
        width: 90px;
        height: 36px;
        line-height: 36px;
        font-size: 13px;
    }
}

@media (max-width:1199px) {
    .footer-in-content {
        margin: 0 0 20px 0;
    }

    .jump-to-menu-part .custom-jump-to-nav ul li a {
        font-size: 13px;
    }

    .jump-to-menu-part .custom-jump-to-nav .icon img {
        width: 22px;
    }

    .jump-to-menu-part .custom-jump-to-nav .hover-icon img {
        width: 22px;
    }

    .jump-to-menu-part .custom-jump-to-nav {
        font-size: 13px;
    }

    .jump-to-menu-part .custom-jump-to-nav ul li {
        padding: 0 8px;
    }

    .jump-to-menu-part .custom-jump-to-nav .navbar-nav.mr-auto {
        margin: 0 !important;
    }

    .get-started-left-part {
        text-align: center;
    }

    .get-started-left-part h3 {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .get-started-left-part a {
        float: none;
        display: inline-block;
    }

    .get-started-right-part {
        text-align: center;
    }

    .get-started-right-part h3 {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .get-started-right-part a {
        float: none;
        display: inline-block;
    }

    .visitor-map-part {
        height: 450px;
    }

    .item-cart-contnt-part {
        width: 72%;
    }

    .your-total-cart-part {
        width: 28%;
    }

    .cart-add-quantity {
        width: 55%;
    }

    .myorder-item-status-part {
        width: 100%;
    }

    .myorder-main-content-part .cart-add-quantity {
        width: 65%;
    }

    .dtails-right-in-con {
        padding: 39px 20px;
    }

    .rating-part {
        padding: 24px 20px 28px;
    }

    .comment-in-content {
        padding: 28px 20px;
    }

    .paypalpaymentform {
        width: 65%;
    }

    .amountgreaterzero {
        width: 65%;
    }

    #page-content .panel {
        width: 65%;
    }

    .licence-input-in-content-part {
        max-width: 80%;
        padding: 25px 40px;
    }

    .licence-input-code-div-cls input.input-licence-valued {
        max-width: 80%;
    }
}

@media (max-width:1100px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 243px;
    }

    .featured-wishlist-part {
        padding: 15px 12px 18px;
    }

    .featured-wishlist-part h4 {
        font-size: 14px;
    }

    .jump-to-menu-part .custom-jump-to-nav ul li {
        padding: 0 3px;
    }

    .jump-to-menu-part .custom-jump-to-nav .icon {
        margin: 0 3px 0 0;
    }

    .jump-to-menu-part .custom-jump-to-nav .hover-icon {
        margin: 0 3px 0 0;
    }

    .jump-to-menu-part .custom-jump-to-nav .icon img {
        width: 20px;
    }

    .jump-to-menu-part .custom-jump-to-nav .hover-icon img {
        width: 20px;
    }

    .adandoned-cart-section .dataTables_wrapper .dataTables_filter label {
        left: -112px;
    }

    .adandoned-cart-section button#adandonedcartexport {
        width: 132px;
        height: 36px;
        line-height: 36px;
        font-size: 13px;
    }

    .dashboard-order-main-section .dataTables_wrapper .row .col-sm-12 {
        overflow: auto;
    }

    .dashboard-order-main-section .dataTables_wrapper .col-sm-12.col-md-6 {
        padding-right: 0;
        overflow: inherit;
    }

    #page-wrapper #page #page-content #region-main {
        overflow: inherit;
    }

    .dashboard-order-main-section .dataTables_length {
        padding: 17px 0 17px 45px;
    }

    .cart-add-part {
        padding: 40px 15px;
    }

    .cart-amount-part h3 {
        font-size: 27px;
    }

    .cart-add-quantity {
        padding: 4px 0 0 24px;
    }

    .your-total-cart-part h3 {
        font-size: 19px;
    }

    .your-total-cart-part h2 {
        font-size: 32px;
    }

    .your-total-cart-part h4 {
        font-size: 19px;
    }

    .your-total-cart-part .your-cart-toatal-btn {
        font-size: 16px;
        height: 48px;
        line-height: 48px;
    }

    .item-your-cart-part {
        padding: 13px 15px;
    }

    .myorder-main-content-part .cart-add-quantity {
        margin: 0;
        width: 63%;
    }

    .dtails-right-in-con {
        padding: 39px 15px;
    }

    .rating-part {
        padding: 24px 15px 28px;
    }

    .comment-in-content {
        padding: 0;
    }

    .paypalpaymentform {
        width: 75%;
    }

    .amountgreaterzero {
        width: 75%;
    }

    #page-content .panel {
        width: 75%;
    }

    .licence-input-code-div-cls input.input-licence-valued {
        max-width: 85%;
    }
}

@media (max-width:1024px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 224px;
    }
}

@media (max-width:1023px) {
    .header-nav-menu-part .custom-nav .navbar-collapse ul li a {
        padding: 0 10px;
    }

    .featured-wishlist-part h3 {
        font-size: 14px;
        margin: 11px 0 0 0;
    }

    .month-content-heading-text-part h2 {
        width: 62%;
    }

    .jump-to-menu-part .custom-jump-to-nav ul li {
        padding: 0 3px;
    }

    .jump-to-menu-part .custom-jump-to-nav .icon {
        margin: 0 2px 0 0;
    }

    .jump-to-menu-part .custom-jump-to-nav .hover-icon {
        margin: 0 2px 0 0;
    }

    .jump-to-menu-part .custom-jump-to-nav .icon img {
        width: 19px;
    }

    .jump-to-menu-part .custom-jump-to-nav .hover-icon img {
        width: 19px;
    }

    .get-started-left-part h3 {
        font-size: 21px;
    }

    .get-started-right-part h3 {
        font-size: 21px;
    }

    .adandoned-cart-section button#adandonedcartexport {
        top: 0;
        margin: 10px 20px 12px 0;
    }

    .adandoned-cart-section .dataTables_wrapper .dataTables_filter label {
        left: 0;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 56%;
        margin-left: 10px;
    }

    .dataTables_wrapper {
        padding: 0 15px;
    }

    .dashboard-order-main-section h3 {
        font-size: 16px;
        margin: 0 0 0 15px;
    }

    .myorder-main-content-part .cart-add-quantity {
        width: 60%;
        padding: 4px 12px 0 5px;
    }

    .details-add-to-cart {
        font-size: 15px;
        height: 40px;
        line-height: 38px;
    }

    .details-buy-now {
        height: 40px;
        line-height: 38px;
        font-size: 15px;
    }
}

@media (max-width:991px) {
    .login-sign-up-part-desktop {
        display: none;
    }

    .login-sign-up-part-reponsive {
        display: block;
        position: relative;
        z-index: 99;
        margin: 0 15px 0 0;
    }

    .header-nav-menu-part .custom-nav {
        position: absolute;
        width: 100%;
        z-index: 9;
    }

    .header-nav-menu-part .custom-nav .navbar-collapse {
        background: #fff;
        margin: 4px 0 0 0;
        box-shadow: 0px 5px 5px #f2f0f0;
    }

    .header-nav-menu-part .custom-nav .navbar-collapse ul li a {
        padding: 6px 0;
    }

    .header-nav-menu-part .custom-nav .navbar-collapse ul li.active a {
        color: var(--mainColor);
    }

    .header-nav-menu-part .custom-nav .navbar-collapse ul li a:hover {
        color: var(--mainColor);
    }

    .header-nav-menu-part .custom-nav .navbar-collapse ul li.show a {
        color: var(--mainColor);
    }

    .header-nav-menu-part .custom-nav .navbar-collapse ul li.show .dropdowl-in-con a {
        color: #919191;
        width: 100%;
        font-size: 14px;
    }

    .header-nav-menu-part .custom-nav .navbar-collapse ul li.show .dropdowl-in-con a:hover {
        background: none;
        color: #333;
    }

    .header-nav-menu-part .custom-nav .dropdown-menu {
        padding: 5px 0;
        background: 0 !important;
        border: 0 !important;
    }

    .header-nav-menu-part .custom-nav .navbar-collapse ul li a:focus {
        color: #919191;
    }

    .header-nav-menu-part .custom-nav .navbar-toggler {
        padding: 0;
        margin: 6px 0 0 15px;
    }

    .header-nav-menu-part .custom-nav .navbar-toggler span svg {
        color: #fff;
    }

    .login-sign-up-part .header-log-sign-btn {
        padding: 8px 22px;
        font-size: 13px;
    }

    header {
        padding: 10px 0 0;
    }

    .largest-courses-in-con h1 {
        font-size: 28px;
    }

    .img-scroll-slide .scrolling-wrapper .card {
        width: 216px;
    }

    .jump-to-menu-part {
        padding: 7px 0;
        line-height: 36px;
    }

    .jump-to-menu-part .custom-jump-to-nav {
        display: block;
    }

    .jump-to-menu-part .custom-jump-to-nav .navbar-toggler {
        float: right;
        margin: 0 15px 0 0px;
    }

    .jump-to-menu-part .col-md-12 {
        padding: 0;
    }

    .jump-to-menu-part .custom-jump-to-nav .navbar-collapse {
        position: absolute;
        width: 100%;
        top: 45px;
        z-index: 9;
        background: #dfdddd;
        padding: 0 12px;
    }

    .jump-to-menu-part .custom-jump-to-nav .jumpto-text-cls {
        padding: 0 0 0 15px;
    }

    .get-started-left-part {
        padding: 40px 15px;
    }

    .dashboard-order-main-section .dataTables_length {
        padding: 17px 0 17px 30px;
    }

    .dataTables_wrapper .dataTables_length select {
        margin: 0 5px;
    }

    .cart-amount-part {
        width: 85%;
    }

    .item-cart-contnt-part {
        width: 65%;
    }

    .your-total-cart-part {
        width: 35%;
    }

    .cart-add-quantity h4 {
        padding: 0;
    }

    .cart-add-quantity {
        padding: 4px 0 0 20px;
        width: 75%;
    }

    .item-your-cart-part {
        text-align: center;
    }

    .item-your-cart-part p {
        width: 100%;
        text-align: center;
        margin: 7px 0 7px 0;
    }

    .item-your-cart-part a {
        float: none;
        display: inline-block;
    }

    .total-checkout-part {
        padding: 22px 15px 25px;
    }

    .myorder-item-status-part {
        width: 100%;
    }

    .details-add-to-cart {
        width: 100%;
        margin: 0 0 11px 0px;
    }

    .details-buy-now {
        width: 100%;
        margin: 0;
    }

    .details-tab-part nav>div a.nav-item.nav-link {
        margin: 0 34px 15px 0;
    }

    .details-tab-part nav>div a.nav-item.nav-link.active::after {
        bottom: -7px;
    }

    .paypalpaymentform {
        width: 80%;
    }

    .amountgreaterzero {
        width: 80%;
    }

    #page-content .panel {
        width: 80%;
    }

    .cart-noti-cls {
        background: #222;
    }

    .jump-to-menu-part .container {
        padding: 0;
    }

    .licence-input-in-content-part {
        max-width: 90%;
        padding: 25px 30px;
    }
}

@media (max-width:900px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 266px;
    }

    .featured-wishlist-part h4 {
        line-height: 19px;
        margin: 0 0 8px 0;
    }

    .month-content-heading-text-part h2 {
        width: 52%;
        line-height: 26px;
        font-size: 22px;
    }

    .largest-courses-in-con h1 {
        font-size: 22px;
        margin: 16px 0 0 0;
    }

    .largest-selection-courses-section .container {
        padding: 0;
    }

    .largest-selection-courses-section {
        padding: 35px 0;
    }

    .get-started-left-part h3 {
        font-size: 20px;
        word-wrap: break-word;
    }

    .get-started-right-part h3 {
        font-size: 20px;
        word-wrap: break-word;
    }

    .compare-month-part h5 {
        width: 60%;
    }

    .compare-month-part .days-select {
        width: 33%;
    }

    .dashboard-order-main-section h3 {
        font-size: 15px;
    }

    .dashboard-order-main-section .dataTables_wrapper div.dataTables_length label {
        font-size: 13px;
    }

    .dataTables_wrapper .dataTables_length select {
        padding: 0 28px 0 4px;
    }

    .dashboard-order-main-section .dataTables_length {
        padding: 19px 0 17px 15px;
    }

    .item-cart-contnt-part {
        width: 64%;
    }

    .your-total-cart-part {
        width: 36%;
    }

    .your-total-cart-part h3 {
        font-size: 17px;
    }

    .your-total-cart-part h2 {
        font-size: 28px;
    }

    .your-total-cart-part h4 {
        font-size: 17px;
    }

    .your-total-cart-part .your-cart-toatal-btn {
        font-size: 14px;
        height: 42px;
        line-height: 42px;
    }

    .total-checkout-part .total-continue-shop {
        float: right;
    }

    .total-price-checkout-con {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .cart-add-quantity {
        width: 65%;
        padding: 4px 0 0 15px;
    }

    .item-cart-contnt-part {
        width: 100%;
    }

    .myorder-main-content-part .cart-add-quantity {
        width: 81%;
        padding: 4px 0 0 5px;
        margin: 0 0 2px 0;
    }

    .access-your-coursse-cls {
        float: left;
        margin: 14px 10px 0 15px;
    }

    .cart-add-part .rate-done-btn {
        float: left !important;
        margin: 14px 0 0 !important;
    }

    .cart-add-part .rate-product-btn {
        float: left;
        margin: 14px 0 0 0;
    }

    .myorder-main-content-part .cart-add-quantity p {
        padding: 0 10px !important;
    }

    .myorder-main-content-part .cart-add-quantity h4 {
        padding: 0 0 0 10px;
    }

    .myorder-main-content-part .total-checkout-part .total-continue-shop {
        float: left;
    }

    .myorder-main-content-part .total-checkout-part {
        padding: 30px 15px;
    }

    .select-payment-main-part {
        padding: 29px 15px;
    }

    .apply-cupon-part {
        padding: 30px 15px;
    }

    .payment-order-details-part h3 {
        padding: 23px 15px;
    }

    .payment-total-price-main-part p {
        padding: 0 15px 0 15px;
    }

    .payment-total-price-aprt {
        padding: 0 15px 0 0;
    }

    .make-payment-btn-cls {
        margin: 20px 15px 0;
    }

    .apply-cupon-part input.apply-code-input {
        width: 183px;
    }

    .payment-total-price-main-part p {
        width: 50%;
    }

    .paypalpaymentform {
        width: 90%;
    }

    .amountgreaterzero {
        width: 90%;
    }

    #page-content .panel {
        width: 90%;
    }

    #page-content .panel .panel-body .form-group input {
        padding: 0 5px;
    }

    #page-content .panel {
        padding: 26px 15px 30px;
    }

    .largest-courses-in-con {
        padding: 0 0 0 15px;
    }

    .largest-courses-form-part {
        padding: 18px 15px 0 0px;
    }

    .licence-input-code-div-cls {
        width: 100%;
    }

    .licence-input-code-div-cls input.input-licence-valued {
        max-width: 90%;
        padding: 0 10px;
        font-size: 18px;
    }
}

@media (max-width:800px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 233px;
    }

    .month-content-heading-text-part a.month-browseall-courses {
        width: 170px;
    }

    .dataTables_wrapper .dataTables_length select {
        margin: 0 4px;
        padding: 0 24px 0 3px;
    }

    .dataTables_wrapper .dataTables_filter label {
        font-size: 13px;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 7px;
        width: 58%;
    }

    .dashboard-order-main-section .dataTables_length {
        padding: 19px 0 17px 6px;
    }

    .dataTables_wrapper .dataTables_filter label {
        margin: 3px 0 4px 0;
    }

    .myorder-main-content-part .cart-add-quantity {
        width: 79%;
    }

    .myorder-main-content-part .cart-add-quantity p {
        padding: 0 8px !important;
        font-size: 15px;
    }

    .myorder-main-content-part .cart-add-quantity h4 {
        padding: 0 0 0 8px;
    }

    .access-your-coursse-cls {
        width: 150px;
        margin: 14px 8px 0 13px;
    }

    .cart-add-part .rate-done-btn {
        width: 138px !important;
    }

    .cart-add-part .rate-product-btn {
        width: 138px;
    }

    .payment-method-part label {
        margin: 0 29px 0 0;
    }

    .apply-cupon-part input.apply-code-input {
        width: 165px;
    }

    .apply-cupon-part button {
        margin: 0;
    }

    .payment-total-price-aprt h2 span {
        margin: 0 60px 0px 0;
    }

    .licence-input-code-div-cls input.input-licence-valued {
        max-width: 95%;
        padding: 0 10px;
        font-size: 18px;
    }

    .licence-input-in-content-part {
        max-width: 100%;
        padding: 25px 15px;
    }
}

@media (max-width:768px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 222px;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 225px;
    }
}

@media (max-width:767px) {
    .header-top-right-part ul li {
        margin: 0 8px;
    }

    .header-top-right-part ul li a {
        font-size: 14px;
    }

    .header-top-right-part ul li a.cart svg {
        font-size: 17px;
    }

    .search-course-div-cl {
        width: 68%;
    }

    .search-course-div-cl input {
        width: 82%;
    }

    .search-course-div-cl .course-here-btn {
        width: 18%;
    }

    .largest-courses-form-part .dropdown {
        width: 27%;
    }

    .largest-courses-in-con {
        margin: 0 0 8px 0;
    }

    .largest-selection-courses-section {
        padding: 25px 0;
    }

    .largest-courses-in-con h1 {
        font-size: 22px;
    }

    .largest-courses-in-con p {
        font-size: 14px;
    }

    .largest-courses-form-part {
        margin: 0 0 25px 0;
        text-align: left;
    }

    .largest-course-panel-div-cls h3 {
        font-size: 17px;
    }

    .largest-course-panel-div-cls p {
        font-size: 15px;
        line-height: 22px;
    }

    .month-content-heading-text-part h2 {
        font-size: 21px;
        line-height: 28px;
        width: 70%;
    }

    .month-content-heading-text-part a.month-browseall-courses {
        width: 130px;
        height: 38px;
        font-size: 12px;
        line-height: 36px;
    }

    .month-section {
        padding: 30px 30px;
    }

    .featured-course-section {
        padding: 30px 0 36px !important;
    }

    .featured-con-text h2 {
        margin: 0 0 10px 0;
        font-size: 19px;
    }

    .featured-con-text {
        margin: 0 0 22px 0;
        padding: 0 15px;
    }

    .get-started-left-part {
        margin: 15px 0 0 0;
    }

    .get-started-right-part {
        margin: 20px 0 0 0;
    }

    .get-started-left-part {
        padding: 25px 20px;
    }

    .get-started-left-part h3 {
        font-size: 21px;
        width: 100%;
    }

    .get-started-left-part a {
        width: 108px;
        height: 40px;
        line-height: 38px;
        margin: 0;
    }

    .get-started-right-part h3 {
        font-size: 21px;
        width: 100%;
    }

    .get-started-right-part a {
        width: 108px;
        height: 40px;
        line-height: 38px;
        margin: 0;
    }

    .get-started-right-part {
        padding: 25px 20px;
    }

    .footer-section {
        padding: 22px 0 8px;
    }

    .featured-wishlist-part h4 {
        height: auto;
        margin: 0 0 10px 0;
    }

    .featured-wishlist-part {
        height: 140px;
    }

    .largest-selection-courses-section .container {
        padding: 0;
    }

    .featured-course-section .col-sm-12 {
        padding: 0;
    }

    .owl-theme .owl-controls .owl-page span {
        width: 20px;
        height: 20px;
        margin: 0 5px;
    }

    .keepit-up-part {
        height: auto;
    }

    #page-wrapper #page #page-content .col-12 {
        padding: 0;
    }

    .dashboard-order-main-section h3 {
        float: left;
        top: 0;
        margin: 15px 0 0 20px;
    }

    .dashboard-order-main-section .dataTables_wrapper {
        float: left;
        width: 100%;
    }

    .dashboard-order-main-section .dataTables_wrapper::after {
        top: 136px;
    }

    .dashboard-order-main-section .dataTables_length {
        padding: 17px 0 17px 0;
    }

    .dashboard-order-main-section .dataTables_wrapper .col-sm-12 {
        overflow: auto;
    }

    .dashboard-order-main-section .dataTables_wrapper div.dataTables_paginate {
        float: left;
        width: 100%;
    }

    .adandoned-cart-section .table-bordered thead th {
        font-size: 13px;
        padding: 7px 11px;
    }

    .adandoned-cart-section .table-bordered tbody td {
        font-size: 11px;
        padding-top: 10px 11px;
    }

    .dashboard-order-main-section .table thead th {
        font-size: 13px;
        padding-top: 7px 11px;
    }

    .dashboard-order-main-section .table tbody td {
        font-size: 13px;
        padding-top: 10px 11px;
    }

    .dashboard-order-main-section {
        float: left;
        width: 100%;
    }

    .dashboard-order-main-section .dataTables_wrapper .dataTables_filter {
        text-align: left;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: auto;
    }

    .dashboard-order-main-section .dataTables_wrapper .col-sm-12.col-md-6 {
        padding-right: 0;
        overflow: inherit;
    }

    .dashboard-order-main-section .dataTables_wrapper div.dataTables_info {
        text-align: center;
        padding: 25px 0 0px 0;
    }

    .pagination {
        width: 100%;
        text-align: center;
    }

    .dashboard-order-main-section .table.table-bordered.dataTable {
        max-width: 754px !important;
        display: block;
        overflow: auto;
        width: inherit !important;
        border-top: 0 !important;
        padding: 0;
    }

    .cart-heading-in-content h1 {
        font-size: 24px;
        margin: 6px 0 9px 0;
    }

    .wishlist-section .shoping-cart-hading-part {
        margin: 0 0 10px 0;
    }

    .featured-course-section {
        padding: 28px 0 16px !important;
    }

    .checkout-desktop {
        display: none;
    }

    .checkout-responsive {
        display: block;
        margin: 20px 0 30px 0;
        border-radius: 10px;
    }

    .item-cart-contnt-part {
        width: 100%;
        margin-bottom: 15px;
    }

    .cart-add-part {
        border-bottom: 0;
        border-top: 1px solid #ccc;
    }

    .your-total-cart-part {
        width: 100%;
        left: 0;
        border-radius: 10px;
        margin: 0 0 40px 0;
    }

    .cart-amount-part h3 {
        margin: 0;
    }

    .cart-amount-part {
        margin: 23px 0 0 0;
        width: 90%;
    }

    .total-checkout-part .total-continue-shop {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .total-price-checkout-con {
        text-align: center;
    }

    .total-price-checkout-con a {
        float: none;
        display: inline-block;
        margin: 0 auto;
    }

    .cart-add-part {
        padding: 26px 15px;
    }

    .myorder-main-content-part .total-checkout-part .total-continue-shop {
        float: none;
        margin: 0 auto 18px;
    }

    .details-heading-con-part {
        margin: 23px 0 23px 0;
    }

    .details-heading-con-part h1 {
        font-size: 25px;
    }

    .payment-bd-main-seection {
        padding: 40px 0;
    }

    .payment-checkout-in-con-part h1 {
        font-size: 26px;
    }

    .payment-chk-out-form-part {
        padding: 0 0 0;
    }

    .make-payment-btn-cls {
        width: 170px;
        height: 46px;
        line-height: 46px;
        font-size: 16px;
    }

    .payment-total-price-main-part p {
        width: 75%;
    }

    .largest-courses-form-part {
        padding: 18px 15px 0 15px;
    }
}

@media (max-width:750px) {
    .dashboard-order-main-section .table.table-bordered.dataTable {
        border-right: 1px solid #ccc !important;
        border-left: 1px solid #ccc !important;
        border-bottom: 1px solid #ccc !important;
    }
}

@media (max-width:667px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 296px;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 300px;
    }

    .img-scroll-slide .scrolling-wrapper .month-panel-div-cls img {
        width: 100%;
    }

    .img-scroll-slide .scrolling-wrapper .month-panel-div-cls .month-wishlist-content-part img {
        width: auto;
    }

    .adandoned-cart-section .dataTables_wrapper .col-sm-12 {
        overflow: auto;
    }

    .adandoned-cart-section .dataTables_wrapper .table-bordered {
        width: 640px !important;
    }
}

@media (max-width:640px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 283px;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 286px;
    }
}

@media (max-width:600px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 263px;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 267px;
    }
}

@media (max-width:575px) {
    .login-sign-up-part-reponsive {
        top: -49px;
    }

    .header-nav-menu-part {
        margin: 0;
    }

    .login-sign-up-part .header-log-sign-btn {
        padding: 5px 18px;
        font-size: 13px;
    }

    .header-top-right-part {
        z-index: 99;
        top: 23px;
        width: 95%;
        float: right;
        position: relative;
    }

    .header-nav-menu-part .custom-nav .navbar-toggler {
        padding: 0;
        margin: 1px 0 0 15px;
    }

    .img-scroll-slide .scrolling-wrapper .card {
        width: 247px;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 251px;
    }

    .largest-courses-in-con h1 {
        font-size: 21px;
    }

    .month-content-heading-text-part h2 {
        font-size: 21px;
        width: 66%;
    }

    .featured-wishlist-part {
        height: auto;
    }

    .months-metrics-part h3 {
        padding: 16px 15px;
        font-size: 16px;
    }

    .tab-part-cls {
        padding: 15px 15px 0;
    }

    .months-metrics-part .tab-part-cls .month-nav-con-cls .curent-cls {
        width: 37%;
    }

    .custom-tab-con span {
        width: 30%;
    }

    .custom-tab-con p {
        width: 41%;
    }

    .custom-tab-con strong {
        width: 29%;
    }

    .months-metrics-part .custom-tab-con h3 {
        padding: 0;
    }

    .keepit-up-part h3 {
        font-size: 16px;
        padding: 16px 15px;
    }

    .keepit-up-main-content-part {
        padding: 23px 15px 21px;
    }

    .compare-month-part h5 {
        width: 100%;
        margin: 0px 0 0 0;
    }

    .compare-month-part .days-select {
        width: 100%;
        padding: 5px 5px;
        margin: 12px 0 0 0;
    }

    .keepit-up-main-content-part .keepit-small-para {
        width: 100%;
    }

    .compare-month-part {
        margin: 13px 0 20px;
    }

    .product-stats h3 {
        padding: 16px 15px;
        font-size: 16px;
    }

    .product-stats {
        height: 360px;
    }

    .product-stats #piechart {
        padding-top: 25px;
        height: 360px;
    }

    .transaction-details h3 {
        padding: 16px 15px;
        font-size: 16px;
    }

    .transaction-details-content-part {
        width: 92%;
    }

    .customer-rivew-section h3 {
        font-size: 16px;
        padding: 16px 15px;
    }

    .customer-review-reply-part {
        padding: 0 15px;
    }

    .review-hide-cls {
        padding: 0px 6px 0px;
        margin: 0 0 0 5px;
    }

    .review-show-cls {
        padding: 0px 6px 0px;
        margin: 0 0 0 5px;
    }

    .review-img {
        width: 40px;
        height: 40px;
    }

    .review-img img {
        width: 40px;
        height: 40px;
    }

    .rview-date-time-part {
        width: 30%;
    }

    .rview-date-time-part p {
        font-size: 13px;
    }

    .review-reply-con p span {
        width: 34px;
    }

    .visitor-map-part h3 {
        padding: 16px 15px;
        font-size: 16px;
    }

    .adandoned-cart-section h3 {
        font-size: 16px;
        padding: 16px 15px;
    }

    .adandoned-cart-section .dataTables_wrapper {
        padding-top: 0 15px;
    }

    .adandoned-cart-section button#adandonedcartexport {
        margin: 10px 15px 12px 0;
        height: 34px;
        line-height: 34px;
        width: 128px;
    }

    .page-item.disabled .page-link {
        font-size: 12px;
    }

    .page-link {
        font-size: 12px;
    }

    .adandoned-cart-section {
        margin-bottom: 0;
    }

    .dashboard-statistics-part h2 {
        font-size: 17px;
    }

    .dashboard-order-main-section h3 {
        margin: 15px 0 0 15px;
        font-size: 16px;
    }

    .dashboard-order-main-section .dataTables_wrapper {
        padding: 0 15px;
    }

    .customer-review-reply-part .review-img .customer-review-tultip {
        left: 65px;
    }

    .wishlist-section .cart-heading-in-content {
        width: 50%;
    }

    .wishlist-section .wishlist-clear-btn {
        width: auto;
        padding: 0 16px;
        line-height: 38px;
        height: 40px;
    }

    .cart-heading-in-content h1 {
        font-size: 20px;
        margin: 7px 0 9px 0;
    }

    .wishlist-section .shoping-cart-hading-part {
        padding: 27px 0 21px;
    }

    .details-tab-part .tab-content {
        padding: 14px 0 !important;
    }

    .payment-total-price-aprt h5 {
        margin: 0 0 12px 0;
    }

    .payment-order-details-part .payment-total-price-aprt h5 p {
        line-height: 18px;
    }

    .payment-order-details-part .payment-total-price-aprt h5 span {
        line-height: 18px;
    }

    .payment-order-details-part .payment-total-price-aprt h2 {
        margin: 20px 0 0 0;
    }

    #page-wrapper #page #page-content #region-main {
        padding: 0 0 1px 0;
    }

    .paypalpaymentform {
        margin: 40px auto;
    }

    .amountgreaterzero {
        margin: 40px auto;
    }

    #page-content .panel {
        margin: 40px auto;
    }

    .licence-input-in-content-part h2 {
        font-size: 21px;
        margin: 0 0 4px 0;
    }

    .licence-input-code-div-cls input.input-licence-valued {
        max-width: 100%;
        width: 100%;
        margin: 0;
        font-size: 16px;
        padding: 0 7px;
    }

    .licence-input-main-body-section .col-sm-12 {
        padding: 0;
    }

    .active-cls {
        width: 190px;
        height: 46px;
        line-height: 46px;
        font-size: 16px;
    }
}

@media (max-width:480px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 203px;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 207px;
    }

    .month-content-heading-text-part h2 {
        font-size: 21px;
        width: 100%;
        margin: 0;
    }

    .month-content-heading-text-part a.month-browseall-courses {
        float: left;
        margin: 14px 0 6px 0;
    }

    .month-content-heading-text-part a.month-browseall-courses {
        width: 144px;
    }
}

@media (max-width:479px) {
    .largest-courses-in-con {
        margin: 0 0 5px 0;
    }

    .largest-courses-in-con h1 {
        font-size: 21px;
    }

    .search-course-div-cl .course-here-btn svg {
        font-size: 16px;
    }

    .filter-search-btn {
        font-size: 13px;
        height: 40px;
        margin: 0 0 0 2%;
        width: 31%;
    }

    .search-course-div-cl input {
        height: 40px;
        width: 83%;
        padding: 0 10px;
        font-size: 13px;
    }

    .search-course-div-cl .course-here-btn {
        height: 40px;
        width: 17%;
    }

    .search-course-div-cl .course-here-btn svg {
        font-size: 14px;
    }

    .largest-selection-couress-scroll-panel-section {
        padding: 0 15px;
    }

    .img-scroll-slide .scrolling-wrapper .card {
        width: 26.1%;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 360px;
    }

    .get-started-left-part {
        text-align: center;
    }

    .get-started-left-part h3 {
        width: 100%;
        font-size: 17px;
        line-height: 26px;
        margin: 0 0 10px 0;
    }

    .get-started-left-part a {
        float: none;
        display: inline-block;
    }

    .get-started-right-part {
        text-align: center;
    }

    .get-started-right-part h3 {
        width: 100%;
        font-size: 17px;
        line-height: 26px;
        margin: 0 0 10px 0;
    }

    .get-started-right-part a {
        float: none;
        display: inline-block;
    }

    .largest-courses-form-part .dropdown {
        width: 33%;
    }

    .largest-courses-form-part .filter-search-btn {
        height: 40px;
        font-size: 14px;
    }

    .search-course-div-cl .course-here-btn {
        line-height: 40px;
    }

    .search-course-div-cl {
        width: 62%;
    }

    .custom-tab-con span small {
        width: 20px;
    }

    .custom-tab-con h3 {
        font-size: 15px;
    }

    .custom-tab-con p {
        font-size: 15px;
    }

    .months-metrics-part .tab-part-cls .month-nav-con-cls p {
        width: 36%;
    }

    .months-metrics-part .tab-part-cls .month-nav-con-cls .curent-cls {
        width: 32%;
    }

    .months-metrics-part .tab-part-cls .month-nav-con-cls .pre-cls {
        width: 32%;
    }

    .custom-tab-con span {
        width: 34%;
    }

    .custom-tab-con p {
        width: 36%;
    }

    .tab-part-cls {
        padding: 16px 15px 0;
    }

    .visitor-map-part {
        height: 360px;
    }

    .visitor-map-part #regions_div {
        height: 360px;
    }

    .custom-tab-con span.tultip {
        left: 39px;
        top: -6px;
    }

    .wishlist-section .wishlist-clear-btn {
        padding: 0 15px;
        font-size: 14px;
    }

    .cart-amount-part {
        width: 85%;
    }

    .cart-add-quantity {
        width: 76%;
    }

    .shoping-cart-hading-part {
        margin: 0 0 30px 0;
        padding: 14px 0 14px;
    }

    .cart-amount-part h3 {
        font-size: 21px;
    }

    .cart-close-cls img {
        width: 25px;
    }

    .cart-heading-in-content h1 {
        font-size: 18px;
    }

    .your-total-cart-part {
        padding: 30px 15px;
    }

    .your-total-cart-part .your-cart-toatal-btn {
        margin: 22px auto 14px;
    }

    .total-price-checkout-con {
        margin: 14px 0 0 0;
    }

    .total-price-checkout-con h2 {
        font-size: 23px;
    }

    .total-price-checkout-con h2 span {
        font-size: 20px;
    }

    .your-total-cart-part h2 {
        font-size: 25px;
    }

    .cart-add-part {
        padding: 26px 5px;
    }

    .myorder-main-content-part .cart-add-img-part {
        margin: 0 0 0 10px;
    }

    .myorder-main-content-part .cart-add-quantity {
        width: 100%;
        padding: 4px 5px 0 2px;
        margin: 10px 0 2px 0;
    }

    .access-your-coursse-cls {
        margin: 14px 8px 0 10px;
    }

    .total-checkout-part .pagination-lg li .page-link {
        padding: 0 8px;
        height: 30px;
        line-height: 30px;
        font-size: 11px !important;
    }

    .total-checkout-part .pagination-lg li.active .page-link {
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
    }

    .details-tab-part nav>div a.nav-item.nav-link {
        margin: 0 17px 15px 0;
    }

    .details-tab-part nav>div a.nav-item.nav-link:nth-child(2) {
        margin: 0 0 15px 0;
    }

    .details-main-section {
        padding: 0 0 4px 0;
    }

    .details-heading-con-part h1 {
        font-size: 23px;
    }

    .apply-cupon-part input.apply-code-input {
        width: 140px;
        margin: 0 17px 0 15px;
    }

    .apply-cupon-part button {
        font-size: 15px;
        padding: 0 15px;
    }

    .payment-method-part label span img {
        height: 25px;
    }

    .payment-method-part label {
        margin: 0 13px 0 0;
    }

    .payment-checkout-in-con-part h1 {
        font-size: 23px;
    }

    .payment-bd-main-seection {
        padding: 30px 0 35px;
    }

    .payment-method-part h3 {
        padding: 16px 15px;
    }

    .select-payment-main-part {
        padding: 18px 15px;
    }

    .payment-order-details-part h3 {
        padding: 17px 15px;
        font-size: 17px;
    }

    .payment-total-price-aprt h2 span {
        font-size: 16px;
    }

    .paypalpaymentform {
        padding: 30px 15px 30px;
    }

    .amountgreaterzero {
        padding: 35px 15px;
    }

    #page-content .panel .panel-body .form-group {
        width: 100%;
        margin: 0 0 20px 0;
    }

    #page-content .panel .panel-body .row {
        width: 100%;
    }
}

@media (max-width:414px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 360px;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 375px;
    }
}

@media (max-width:400px) {
    .header-top-right-part ul li a {
        font-size: 13px;
    }

    .header-top-right-part ul li {
        margin: 0 4px;
    }

    .header-top-right-part ul li a.cart svg {
        font-size: 15px;
    }

    .header-top-right-part ul li a.cart::before {
        height: 13px;
        left: -6px;
        top: 2px;
    }

    .login-sign-up-part .header-log-sign-btn {
        padding: 3px 14px;
        font-size: 12px;
    }

    .img-scroll-slide .scrolling-wrapper .card {
        width: 23.5%;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 360px;
    }

    .month-content-heading-text-part h2 {
        width: 58%;
        font-size: 20px;
    }

    .month-content-heading-text-part a.month-browseall-courses {
        line-height: 38px
    }

    .month-content-heading-text-part h2 {
        width: 100%;
        margin: 0 0 6px 0;
    }

    .month-content-heading-text-part a.month-browseall-courses {
        margin: 12px 0 7px 4px;
        float: left;
    }

    .search-course-div-cl {
        width: 100%;
    }

    .search-course-div-cl input {
        width: 78%;
    }

    .search-course-div-cl .course-here-btn {
        width: 22%;
    }

    .largest-courses-form-part .dropdown {
        width: 100%;
        margin: 2px 0 10px 0;
    }

    .cart-add-quantity {
        width: 72%;
    }

    .apply-cupon-part p {
        width: 100%;
        text-align: left;
    }

    .apply-cupon-part input.apply-code-input {
        width: 71%;
        margin: 10px 5% 0 0;
    }

    .apply-cupon-part button {
        margin: 11px 0 0 0;
        height: 34px;
        line-height: 34px;
    }

    .apply-cupon-part {
        padding: 13px 15px 22px;
    }
}

@media (max-width:384px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 22.4%;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 345px;
    }
}

@media (max-width:375px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 21.8%;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 335px;
    }
}

@media (max-width:360px) {
    .img-scroll-slide .scrolling-wrapper .card {
        width: 20.8%;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 320px;
    }
}

@media (max-width:350px) {
    .header-top-right-part {
        width: 92%;
    }

    .header-top-right-part ul li {
        margin: 0 2px;
    }

    .header-top-right-part ul li a {
        font-size: 12px;
    }

    .header-top-right-part ul li a.cart svg {
        font-size: 13px;
    }

    .header-top-right-part ul li a.cart::before {
        height: 11px;
        left: -3px;
        top: 2px;
    }

    .img-scroll-slide .scrolling-wrapper .card {
        width: 18.1%;
    }

    .month-scroll-section .img-scroll-slide .scrolling-wrapper .card {
        width: 280px;
    }

    .months-metrics-part .tab-part-cls .month-nav-con-cls p {
        font-size: 13px;
    }

    .review-img {
        width: 32px;
        height: 32px;
        margin: 4px 0 0 0;
    }

    .review-img img {
        width: 32px;
        height: 32px;
    }

    .review-reply-con {
        padding: 0 0 0 10px;
    }

    .review-hide-cls {
        padding: 0px 4px 0px;
        margin: 0 0 0 3px;
    }

    .review-show-cls {
        padding: 0px 4px 0px;
        margin: 0 0 0 3px;
    }

    .review-reply-con .review-heading-cls {
        font-size: 13px;
    }

    .rview-date-time-part {
        width: 31%;
    }

    .customer-review-reply-part .review-img .customer-review-tultip {
        left: 55px;
    }

    .cart-add-img-part {
        width: 70px;
        height: 64px;
    }

    .cart-add-part {
        padding: 26px 10px;
    }

    .cart-add-quantity {
        width: 73%;
        padding: 1px 0 0 10px;
    }

    .cart-add-part .rate-done-btn {
        width: 150px !important;
        margin: 14px 0 0 10px !important;
    }

    .cart-add-part .rate-product-btn {
        width: 150px;
        margin: 14px 0 0 10px;
    }

    .apply-cupon-part input.apply-code-input {
        width: 67%;
    }

    .payment-method-part label span img {
        height: 22px;
    }

    .payment-method-part label {
        margin: 0 13px 0 0;
    }

    #page-content .panel .panel-heading h3.panel-title img {
        width: 125px;
    }   
}


/* Syed Code for multicolor div */
.bg-gold {
    background: -webkit-linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
    background: -o-linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
    background: -moz-linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
    background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
  }
  
  .bg-news {
    background: -webkit-linear-gradient(70deg, #ff6464 40%, #5ac8fa 40%);
    background: -o-linear-gradient(70deg, #ff6464 40%, #5ac8fa 40%);
    background: -moz-linear-gradient(70deg, #ff6464 40%, #5ac8fa 40%);
    background: linear-gradient(70deg, #ff6464 40%, #5ac8fa 40%);
  }
  
  .bg-germany {
      color: #fff;
      background: -webkit-linear-gradient(110deg, #000 33%, rgba(0, 0, 0, 0) 33%), -webkit-linear-gradient(110deg, #dd0000 66%, #ffc608 66%);
      background: -o-linear-gradient(110deg, #000 33%, rgba(0, 0, 0, 0) 33%), -o-linear-gradient(110deg, #dd0000 66%, #ffc608 66%);
      background: -moz-linear-gradient(110deg, #000 33%, rgba(0, 0, 0, 0) 33%), -moz-linear-gradient(110deg, #dd0000 66%, #ffc608 66%);
      background: linear-gradient(110deg, #000 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(110deg, #dd0000 66%, #ffc608 66%);
  }
  
  .bg-aurora {
      color: #fff;
      background: -webkit-linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url('https://www.nasa.gov/sites/default/files/thumbnails/image/pia21421-cr.jpg');
      background: -o-linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url('https://www.nasa.gov/sites/default/files/thumbnails/image/pia21421-cr.jpg');
      background: -moz-linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url('https://www.nasa.gov/sites/default/files/thumbnails/image/pia21421-cr.jpg');
      background: linear-gradient(-70deg, #fa7c30 30%, rgba(0, 0, 0, 0) 30%), url('https://www.nasa.gov/sites/default/files/thumbnails/image/pia21421-cr.jpg');
    background-size: cover;
    background-position: 50% 21%;
    text-align: right;
  }
  
  .bg-germany {
      color: #fff;
      background: -webkit-linear-gradient(110deg, #000 33%, rgba(0, 0, 0, 0) 33%), -webkit-linear-gradient(110deg, #dd0000 66%, #ffc608 66%);
      background: -o-linear-gradient(110deg, #000 33%, rgba(0, 0, 0, 0) 33%), -o-linear-gradient(110deg, #dd0000 66%, #ffc608 66%);
      background: -moz-linear-gradient(110deg, #000 33%, rgba(0, 0, 0, 0) 33%), -moz-linear-gradient(110deg, #dd0000 66%, #ffc608 66%);
      background: linear-gradient(110deg, #000 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(110deg, #dd0000 66%, #ffc608 66%);
  }
  
  .bg-purple {
      color: #fff;
      background: -webkit-linear-gradient(110deg, #a60af3 40%, rgba(0, 0, 0, 0) 30%), -webkit-radial-gradient(farthest-corner at 0% 0%, #7a00cc 70%, #c03fff 70%);
      background: -o-linear-gradient(110deg, #a60af3 40%, rgba(0, 0, 0, 0) 30%), -o-radial-gradient(farthest-corner at 0% 0%, #7a00cc 70%, #c03fff 70%);
      background: -moz-linear-gradient(110deg, #a60af3 40%, rgba(0, 0, 0, 0) 30%), -moz-radial-gradient(farthest-corner at 0% 0%, #7a00cc 70%, #c03fff 70%);
      background: linear-gradient(110deg, #a60af3 40%, rgba(0, 0, 0, 0) 30%), radial-gradient(farthest-corner at 0% 0%, #7a00cc 70%, #c03fff 70%);
  }
  
  .bg-spring {
      background: -webkit-linear-gradient(70deg, #fff810  30%, rgba(0,0,0,0) 30%), -webkit-linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);
      background: -o-linear-gradient(70deg, #fff810  30%, rgba(0,0,0,0) 30%), -o-linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);
      background: -moz-linear-gradient(70deg, #fff810  30%, rgba(0,0,0,0) 30%), -moz-linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);
      background: linear-gradient(70deg, #fff810  30%, rgba(0,0,0,0) 30%), linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);
  }
  

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

body.loading .modal {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}