/*

Author       : Dreams Technologies

Template Name: Dreams LMS - Bootstrap Template

Version      : 1.0

*/



/*============================

 [Table of CSS]



1. General

2. Bootstrap Classes

3. Header

4. Mobile Menu

5. Footer

6. Home

7. Login

8. Register Step

9. Courses

10. Pricing Plan

11. Notifications

12. Wishlists

13. Course Details

14. Help Center

15. Job Category

16. Instructor

17. Instructor List

18. Terms and Conditions

19. Instructor Profile

20. Instructor Profile Edit

21. Students

22. Students List

23. Students Profile

24. Settings - Students Payments

25. Settings - Students Invoices

26. Settings - Students Referral

27. Setting - Support Tickets

28. Setting - Support View Tickets

29. Setting - Instructor My Courses

30. Instructor - Dashboard

31. ck - Editer

32. Student Dashboard

33. Deposit Instructor

34. Deposit Payment Method

35. Error

36. All Courses

37. Search

38. Blog

39. Blog Grid

40. Blog Modern

41. Mycourse

42. Message

43. Cart

44. Ceckout

45. Student Profile

46. Instructor Profile

47. Add Course

48. Invoice

49. Responsive



========================================*/



/*-----------------

	1. General

-----------------------*/



 



html {

    height: 100%;

}



.nav-item.user-nav {

	list-style:none;

	position: relative;

}



body {

	background-color: #fff;

	color: #685f78;

    font-family: 'Inter', sans-serif;

	font-size: 14px;

    height: 100%;

	overflow-x: hidden;

	line-height: 1.6;

 

}

h1, h2, h3, h4, h5, h6 {

	color: var(--dreamslms_secondary_color);

	font-weight: 500;

}

a {

    color: var(--dreamslms_secondary_color);

    text-decoration: none;

}

a:hover {

	color: #e72f41;

}



body .elementor-column-gap-default>.elementor-column>.elementor-element-populated {

    padding: 0px 10px;

}



.logged-in.admin-bar .header.add-header-bg {

    top: 32px;

}

#tutor_profile_cover_photo_editor {

	flex: 0 0 100%;

}

a:hover,

a:active,

a:focus {

	outline: none;

	text-decoration: none;

}

input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus {

    -webkit-box-shadow: 0 0 0px 1000px white inset !important;

}

input,

button,

a {

	transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	-ms-transition: all 0.4s ease;

	-webkit-transition: all 0.4s ease;

}

button:focus {

	outline: 0;

}

input[type=text],

input[type=password] {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}

.btn.focus, .btn:focus {

	box-shadow: inherit;

}

label {

    display: inline-block;

    margin-bottom: 0.5rem;

}

.form-group {

    margin-bottom: 1.5rem;

}

.form-control {

    border-color: #dce0eb;

    color: #26292c;

	font-size: 15px;

    min-height: 42px;

	padding: 6px 15px;

}

.table .form-control {

	font-size: 14px;

	min-height: 38px;

}

.container-fluid {

	padding-left: 30px;

	padding-right: 30px;

}

.form-control::-webkit-input-placeholder {

	color: #685f78;

	font-size: 14px;

}

.form-control::-moz-placeholder {

	color: #685f78;

	font-size: 14px;

}

.form-control:-ms-input-placeholder {

	color: #685f78;

	font-size: 14px;

}

.form-control::-ms-input-placeholder {

	color: #685f78;

	font-size: 14px;

}

.form-control::placeholder {

	color: #685f78;

	font-size: 14px;

}



.banner-content .form-control::placeholder {

	color: #685f78;

	font-size: 15px;

}



.form-group.register-type {

    display: flex;

    flex-wrap: wrap;

}

.register-type-btn {

    flex-basis: 0;

    flex-grow: 1;

    text-align: center;

}

.fr-sign-form label.radio {

    cursor: pointer;

    width: 100%;

}



.fr-sign-form label.radio input {

    position: absolute;

    top: 0;

    left: 0;

    visibility: hidden;

    pointer-events: none;

}

.fr-sign-form label.radio span {

    padding: 10px 20px;

    border: 1px solid var(--dreamslms_primary_color);

    display: inline-block;

    color: var(--dreamslms_primary_color);

    width: 100%;

    text-align: center;

    font-weight: 500;

    border-radius: 5px;

    text-transform: uppercase;

}



.form-group.register-type .register-type-btn:last-child {

    margin-left: 26px;

}

.fr-sign-form label.radio input:checked + span {

    background-color: var(--dreamslms_primary_color) !important;

    border-color: var(--dreamslms_primary_color);

    color: #fff;

}

/*-----------------

	3. Bootstrap Classes

-----------------------*/



.btn.focus, .btn:focus {

    box-shadow: unset;

}

.btn-block {

	width: 100%;

}

.btn-link {

	text-decoration: none;

}

.btn-link:hover {

	text-decoration: underline;

}

.btn-white {

	background-color: #fff;

	border: 1px solid #ccc;

	color: #26292c;

}

.btn.btn-rounded {

	border-radius: 50px;

}

.bg-primary,

.badge-primary {

	background-color: #1e88e5 !important;

}

a.bg-primary:focus, 

a.bg-primary:hover, 

button.bg-primary:focus, 

button.bg-primary:hover {

    background-color: #1879cd !important;

}

.bg-success,

.badge-success {

	background-color: #00e65b !important;

}

a.bg-success:focus, 

a.bg-success:hover, 

button.bg-success:focus, 

button.bg-success:hover {

    background-color: #00cc52 !important;

}

.bg-info,

.badge-info {

	background-color: #009efb !important;

}

a.bg-info:focus, 

a.bg-info:hover, 

button.bg-info:focus, 

button.bg-info:hover {

    background-color: #028ee1 !important;

}

.bg-warning,

.badge-warning {

	background-color: #ffbc34 !important;

}

a.bg-warning:focus, 

a.bg-warning:hover, 

button.bg-warning:focus, 

button.bg-warning:hover {

    background-color: #e9ab2e !important;

}

.bg-danger,

.badge-danger {

	background-color: #ff0100 !important;

}

a.bg-danger:focus, 

a.bg-danger:hover, 

button.bg-danger:focus, 

button.bg-danger:hover {

    background-color: #e63333 !important;

}

.bg-white {

	background-color: #fff;

}

.bg-purple,

.badge-purple {

    background-color: #9368e9 !important;

}

.text-primary,

.dropdown-menu > li > a.text-primary {

	color: var(--dreamslms_primary_color) !important;

}

.text-success,

.dropdown-menu > li > a.text-success {

	color: #00cc52 !important;

}

.text-danger,

.dropdown-menu > li > a.text-danger {

	color: #ff0100 !important;

}

.text-info,

.dropdown-menu > li > a.text-info {

	color: #009efb !important;

}

.text-warning,

.dropdown-menu > li > a.text-warning {

	color: #ffbc34 !important;

}

.text-purple,

.dropdown-menu > li > a.text-purple {

	color: #7460ee !important;

}

.text-muted {

    color: #685f78 !important;

}

.text-black {

	color: #0B0B0B !important;

}

.text-dark {

	color: #000 !important;

}

 

.btn-primary,.tutor-btn-primary {

	background-color: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

	padding: 10px 20px;

    font-weight: 500;

    font-size: 15px;

	border-radius: 5px;

	

}

.btn-primary:hover,.tutor-btn-primary:hover,

.btn-primary:focus,.tutor-btn-primary:focus,

.btn-primary.active,.tutor-btn-primary:active,

.btn-primary:active,.tutor-btn-primary:active,

.open > .dropdown-toggle.btn-primary {

	background-color: #e72f41;

	border: 1px solid #e72f41;

}

.btn-primary.active.focus,

.btn-primary.active:focus,

.btn-primary.active:hover,

.btn-primary.focus:active,

.btn-primary:active:focus,

.btn-primary:active:hover,

.open > .dropdown-toggle.btn-primary.focus,

.open > .dropdown-toggle.btn-primary:focus,

.open > .dropdown-toggle.btn-primary:hover {

	background-color: #e72f41;

	border: 1px solid #e72f41;

}

.btn-primary.active:not(:disabled):not(.disabled),

.btn-primary:active:not(:disabled):not(.disabled),

.show > .btn-primary.dropdown-toggle {

	background-color: #e72f41;

	border-color: #e72f41;

	color: #fff;

}

.btn-primary.active:focus:not(:disabled):not(.disabled), 

.btn-primary:active:focus:not(:disabled):not(.disabled), 

.show > .btn-primary.dropdown-toggle:focus {

	box-shadow: unset;

}

.btn-primary.disabled, .btn-primary:disabled {

    background-color: #1e88e5;

    border-color: #1e88e5;

    color: #fff;

}

.btn-secondary {

    color: #fff;

    background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

}

.btn-secondary:hover,

.btn-secondary:focus,

.btn-secondary.active,

.btn-secondary:active,

.open > .dropdown-toggle.btn-secondary {

	background-color: #e72f41;

	border: 1px solid #e72f41;

}

.btn-secondary.active:focus:not(:disabled):not(.disabled), 

.btn-secondary:active:focus:not(:disabled):not(.disabled), 

.show > .btn-secondary.dropdown-toggle:focus {

	box-shadow: unset;

}

.btn-success {

	background-color: #00e65b;

	border: 1px solid #00e65b

}

.btn-success:hover,

.btn-success:focus,

.btn-success.active,

.btn-success:active,

.open > .dropdown-toggle.btn-success {

	background-color: #00cc52;

	border: 1px solid #00cc52;

	color: #fff;

}

.btn-success.active.focus,

.btn-success.active:focus,

.btn-success.active:hover,

.btn-success.focus:active,

.btn-success:active:focus,

.btn-success:active:hover,

.open > .dropdown-toggle.btn-success.focus,

.open > .dropdown-toggle.btn-success:focus,

.open > .dropdown-toggle.btn-success:hover {

	background-color: #00cc52;

	border: 1px solid #00cc52

}

.btn-success.active:not(:disabled):not(.disabled),

.btn-success:active:not(:disabled):not(.disabled),

.show > .btn-success.dropdown-toggle {

	background-color: #00cc52;

	border-color: #00cc52;

	color: #fff;

}

.btn-success.active:focus:not(:disabled):not(.disabled), 

.btn-success:active:focus:not(:disabled):not(.disabled), 

.show > .btn-success.dropdown-toggle:focus {

	box-shadow: unset;

}

.btn-success.disabled, .btn-success:disabled {

    background-color: #00e65b;

    border-color: #00e65b;

    color: #fff;

}

.btn-info {

	background-color: #009efb;

	border: 1px solid #009efb

}

.btn-info:hover,

.btn-info:focus,

.btn-info.active,

.btn-info:active,

.open > .dropdown-toggle.btn-info {

	background-color: #028ee1;

	border: 1px solid #028ee1

}

.btn-info.active.focus,

.btn-info.active:focus,

.btn-info.active:hover,

.btn-info.focus:active,

.btn-info:active:focus,

.btn-info:active:hover,

.open > .dropdown-toggle.btn-info.focus,

.open > .dropdown-toggle.btn-info:focus,

.open > .dropdown-toggle.btn-info:hover {

	background-color: #028ee1;

	border: 1px solid #028ee1

}

.btn-info.active:not(:disabled):not(.disabled),

.btn-info:active:not(:disabled):not(.disabled),

.show > .btn-info.dropdown-toggle {

	background-color: #028ee1;

	border-color: #028ee1;

	color: #fff;

}

.btn-info.active:focus:not(:disabled):not(.disabled), 

.btn-info:active:focus:not(:disabled):not(.disabled), 

.show > .btn-info.dropdown-toggle:focus {

	box-shadow: unset;

}

.btn-info.disabled, .btn-info:disabled {

    background-color: #009efb;

    border-color: #009efb;

    color: #fff;

}

.btn-warning {

	background-color: #ffbc34;

	border: 1px solid #ffbc34

}

.btn-warning:hover,

.btn-warning:focus,

.btn-warning.active,

.btn-warning:active,

.open > .dropdown-toggle.btn-warning {

	background-color: #e9ab2e;

	border: 1px solid #e9ab2e

}

.btn-warning.active.focus,

.btn-warning.active:focus,

.btn-warning.active:hover,

.btn-warning.focus:active,

.btn-warning:active:focus,

.btn-warning:active:hover,

.open > .dropdown-toggle.btn-warning.focus,

.open > .dropdown-toggle.btn-warning:focus,

.open > .dropdown-toggle.btn-warning:hover {

	background-color: #e9ab2e;

	border: 1px solid #e9ab2e

}

.btn-warning.active:not(:disabled):not(.disabled),

.btn-warning:active:not(:disabled):not(.disabled),

.show > .btn-warning.dropdown-toggle {

	background-color: #e9ab2e;

	border-color: #e9ab2e;

	color: #fff;

}

.btn-warning.active:focus:not(:disabled):not(.disabled), 

.btn-warning:active:focus:not(:disabled):not(.disabled), 

.show > .btn-warning.dropdown-toggle:focus {

	box-shadow: unset;

}

.btn-warning.disabled, .btn-warning:disabled {

    background-color: #ffbc34;

    border-color: #ffbc34;

    color: #fff;

}

.btn-danger {

	background-color: #ff0100;

	border: 1px solid #ff0100;

}

.btn-danger:hover,

.btn-danger:focus,

.btn-danger.active,

.btn-danger:active,

.open > .dropdown-toggle.btn-danger {

	background-color: #e63333;

	border: 1px solid #e63333;

}

.btn-danger.active.focus,

.btn-danger.active:focus,

.btn-danger.active:hover,

.btn-danger.focus:active,

.btn-danger:active:focus,

.btn-danger:active:hover,

.open > .dropdown-toggle.btn-danger.focus,

.open > .dropdown-toggle.btn-danger:focus,

.open > .dropdown-toggle.btn-danger:hover {

	background-color: #e63333;

	border: 1px solid #e63333;

}

.btn-danger.active:not(:disabled):not(.disabled),

.btn-danger:active:not(:disabled):not(.disabled),

.show > .btn-danger.dropdown-toggle {

	background-color: #e63333;

	border-color: #e63333;

	color: #fff;

}

.btn-danger.active:focus:not(:disabled):not(.disabled), 

.btn-danger:active:focus:not(:disabled):not(.disabled), 

.show > .btn-danger.dropdown-toggle:focus {

	box-shadow: unset;

}

.btn-danger.disabled, .btn-danger:disabled {

    background-color: #f62d51;

    border-color: #f62d51;

    color: #fff;

}

.btn-light.active:focus:not(:disabled):not(.disabled), 

.btn-light:active:focus:not(:disabled):not(.disabled), 

.show > .btn-light.dropdown-toggle:focus {

    box-shadow: unset;

}

.btn-dark.active:focus:not(:disabled):not(.disabled), 

.btn-dark:active:focus:not(:disabled):not(.disabled), 

.show > .btn-dark.dropdown-toggle:focus {

    box-shadow: unset;

}

.btn-outline-primary,.tutor-btn-outline-primary {

	color: var(--dreamslms_primary_color);

    border-color: var(--dreamslms_primary_color);

    padding: 10px 20px;

    font-weight: 500;

    font-size: 15px;

 }

.btn-outline-primary:hover, .tutor-btn-outline-primary:hover {

	background-color: var(--dreamslms_primary_color);

	border-color: var(--dreamslms_primary_color);

	color: #fff;;

}

.tutor-table .btn-outline-primary, .tutor-table .tutor-btn-outline-primary {

    color: var(--dreamslms_primary_color);

    border-color: var(--dreamslms_primary_color);

    padding: 6px 15px;

    font-weight: normal;

    font-size: 14px;

}

.tutor-table .tutor-btn-outline-primary:hover{

	color: #fff;	

}

.btn-outline-primary:focus,.tutor-btn-outline-primary:focus 

.btn-outline-primary.focus {

	box-shadow: none;

}

.btn-outline-primary.disabled, 

.btn-outline-primary:disabled {

	color: var(--dreamslms_primary_color);

	background-color: transparent;

}

.btn-outline-primary:not(:disabled):not(.disabled):active, 

.btn-outline-primary:not(:disabled):not(.disabled).active,

.show > .btn-outline-primary.dropdown-toggle {

	background-color: var(--dreamslms_primary_color);

	border-color: var(--dreamslms_primary_color);

}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-primary.dropdown-toggle:focus {

	box-shadow: none;

}

.btn-outline-success {

	color: #00e65b;

	border-color: #00e65b;

}

.btn-outline-success:hover {

	background-color: #00e65b;

	border-color: #00e65b;

}

.btn-outline-success:focus, .btn-outline-success.focus {

	box-shadow: none;

}

.btn-outline-success.disabled, .btn-outline-success:disabled {

	color: #00e65b;

	background-color: transparent;

}

.btn-outline-success:not(:disabled):not(.disabled):active, 

.btn-outline-success:not(:disabled):not(.disabled).active,

.show > .btn-outline-success.dropdown-toggle {

	background-color: #00e65b;

	border-color: #00e65b;

}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, 

.btn-outline-success:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-success.dropdown-toggle:focus {

	box-shadow: none;

}

.btn-outline-info {

	color: #009efb;

	border-color: #009efb;

}

.btn-outline-info:hover {

	color: #fff;

	background-color: #009efb;

	border-color: #009efb;

}

.btn-outline-info:focus, .btn-outline-info.focus {

	box-shadow: none;

}

.btn-outline-info.disabled, .btn-outline-info:disabled {

	background-color: transparent;

	color: #009efb;

}

.btn-outline-info:not(:disabled):not(.disabled):active, 

.btn-outline-info:not(:disabled):not(.disabled).active,

.show > .btn-outline-info.dropdown-toggle {

	background-color: #009efb;

	border-color: #009efb;

}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, 

.btn-outline-info:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-info.dropdown-toggle:focus {

	box-shadow: none;

}

.btn-outline-warning {

	color: #ffbc34;

	border-color: #ffbc34;

}

.btn-outline-warning:hover {

	color: #212529;

	background-color: #ffbc34;

	border-color: #ffbc34;

}

.btn-outline-warning:focus, .btn-outline-warning.focus {

	box-shadow: none;

}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {

	background-color: transparent;

	color: #ffbc34;

}

.btn-outline-warning:not(:disabled):not(.disabled):active, 

.btn-outline-warning:not(:disabled):not(.disabled).active,

.show > .btn-outline-warning.dropdown-toggle {

	color: #212529;

	background-color: #ffbc34;

	border-color: #ffbc34;

}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, 

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-warning.dropdown-toggle:focus {

	box-shadow: none;

}

.btn-outline-danger {

	color: #ff0100;

	border-color: #ff0100;

}

.btn-outline-danger:hover {

	color: #fff;

	background-color: #ff0100;

	border-color: #ff0100;

}

.btn-outline-danger:focus, .btn-outline-danger.focus {

	box-shadow: none;

}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {

	background-color: transparent;

	color: #ff0100;

}

.btn-outline-danger:not(:disabled):not(.disabled):active, 

.btn-outline-danger:not(:disabled):not(.disabled).active,

.show > .btn-outline-danger.dropdown-toggle {

	background-color: #ff0100;

	border-color: #ff0100;

}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, 

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-danger.dropdown-toggle:focus {

	box-shadow: none;

}

.btn-outline-light {

    color: #ababab;

    border-color: #e6e6e6;

}

.btn-outline-light.disabled, .btn-outline-light:disabled {

    color: #ababab;

}

.pagination > .active > a, 

.pagination > .active > a:focus,

.pagination > .active > a:hover,

.pagination > .active > span,

.pagination > .active > span:focus,

.pagination > .active > span:hover {

	background-color: var(--dreamslms_primary_color);

	border-color: var(--dreamslms_primary_color);

}

.pagination > li > a, 

.pagination > li > span {

	color: #685f78;

}

.page-link:hover {

	color: #685f78;

}

.page-link:focus {

	box-shadow: unset;

}

.page-item.active .page-link {

	background-color: var(--dreamslms_primary_color);

	border-color: var(--dreamslms_primary_color);

}

.dropdown-menu {

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    box-shadow: inherit;

	font-size: 14px;

    transform-origin: left top 0;

}

.dropdown-item.active, .dropdown-item:active {

    background-color: #f7f7f7;

}

.navbar-nav .open .dropdown-menu {

	border: 0;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	background-color: #fff;

}

.card {

    border: 1px solid #e9ecef;

    margin-bottom:1.5rem;

    border-radius: 0;

}

.card-body {

	padding: 1.5rem;

}

.card-title {

    margin-bottom: 15px;

}

.card-header {

	border-bottom: 1px solid #f0f0f0;

	padding: 1rem 1.5rem;

}

.card-footer {

	background-color: #fff;

	border-top: 1px solid #f0f0f0;

	padding: 1rem 1.5rem;

}

.tutor-dashboard-content-inner.my-courses .card-footer {

	margin-top: 1px;

 }

.card .card-header {

    background-color: #fff;

    border-bottom: 1px solid #f0f0f0;

}

.card .card-header .card-title {

    margin-bottom: 0;

}

.btn-light {

	border-color: #e6e6e6;

	color: #a6a6a6;

}

.bootstrap-datetimepicker-widget table td.active, 

.bootstrap-datetimepicker-widget table td.active:hover {

	background-color: var(--dreamslms_primary_color);

	text-shadow: unset;

}

.bootstrap-datetimepicker-widget table td.today::before{

	border-bottom-color: var(--dreamslms_primary_color);

}

.bg-info-light {

	background-color: rgba(2, 182, 179,0.12) !important;

	color: #1db9aa !important;

}

.bg-primary-light {

	background-color: rgba(17, 148, 247,0.12) !important;

	color: #2196f3 !important;

}

.bg-danger-light {

	background-color: rgba(242, 17, 54,0.12) !important;

	color: #e63c3c !important;

}

.bg-warning-light {

	background-color: rgba(255, 152, 0,0.12) !important;

	color: #f39c12 !important;

}

.bg-success-light {

	background-color: rgba(15, 183, 107,0.12) !important;

	color: #26af48 !important;

}

.bg-purple-light {

	background-color: rgba(197, 128, 255,0.12) !important;

	color: #c580ff !important;

}

.bg-default-light {

	background-color: rgba(40, 52, 71,0.12) !important;

	color: #283447 !important;

}

.text-xs {

	font-size: .75rem !important;

}

.text-sm {

	font-size: .875rem !important;

}

.text-lg {

	font-size: 1.25rem !important;

}

.text-xl {

	font-size: 1.5rem !important;

}

.form-control:focus {

	border-color: #bbb;

	box-shadow: none;

	outline: 0 none;

}



/*-----------------

	3. Header

-----------------------*/

.home .header .header-fixed { 

	position: fixed;

	width: 100%;

	z-index: 999;

    

}

.home .header.add-header-bg .header-fixed { 

	 background-color: #fff;

    

}

.header .header-nav {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	background-color: transparent;

	border: 0;

	border-bottom: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-flex-pack: space-between;

    position: relative;

	height: 70px;

	padding: 0;

	margin-bottom: 0;

	transition-duration: 0.4s;

	margin-top: 0;

}

 

   

.main-nav {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	list-style: none;

	margin: 0;

	padding: 0;

}

.main-nav > li.active > a {

	color: var(--dreamslms_primary_color);

}

.main-nav > li.current-menu-item > a {

	color: var(--dreamslms_primary_color);

}



.main-nav > li .sub-menu li a {

    display: block;

    padding: 10px 15px;

    clear: both;

    white-space: nowrap;

    font-size: 14px;

    color: #685F78;

    -webkit-transition: all .35s ease;

    transition: all .35s ease;

	width: 100%;

	border-top: 1px solid #f0f0f0;

}

.main-nav > li .sub-menu > li.menu-item-has-children > a::after {

    content: "\f054";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    position: absolute;

    right: 15px;

    top: 12px;

    font-size: 13px;

}

.main-nav > li .sub-menu li {

    position: relative;

}

.main-nav li a {

	display: block;

    font-size: 15px;

    font-weight: 500;

	color: #685F78;

}

.main-nav li.login-link {

	display: none;

}

.logo {

    display: inline-block;

    margin-right: 30px;

    width: 160px;

}

.header-navbar-rht {

    margin: 0;

	margin-left: 0;

	padding: 0;

}

.header-navbar-rht >  li {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

    padding-right: 20px;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	position: relative;

}

.header-navbar-rht li:last-child {

	padding-right:0px;

}

.header-navbar-rht > li > a {

	font-size: 16px;

	font-weight: 500;

	color: #26292c;

}

.header-navbar-rht .dropdown-menu {

	border: 0;

	box-shadow: 0px 0px 28px 15px rgba(0, 0, 0, 0.06);

	border-radius: 10px;

}

.header-navbar-rht .dropdown-toggle.show + .dropdown-menu {

	visibility: visible;

	opacity: 1;

	margin-top: 0;

	padding-bottom: 15px;

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0);

}

.header-navbar-rht .dropdown-menu {

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all .2s ease;

	transition: all .2s ease;

	display: block;

	-webkit-transform: translateY(20px);

	-ms-transform: translateY(20px);

	transform: translateY(20px);

}

.header-navbar-rht .dropdown-toggle::after {

	display: none;

}

.header-navbar-rht li .dropdown-menu .dropdown-item {

	border-top: 1px solid transparent;

	padding: 10px 15px 0;

	font-size: 15px;

    font-weight: 400;

	color: #685f78;

}

.header-navbar-rht li .dropdown-menu .dropdown-item:hover,.header-navbar-rht li .dropdown-menu .dropdown-item:focus {

	background: transparent;

}

.header-navbar-rht li .dropdown-menu .dropdown-item:first-child {

	border-top: 0;

	border-radius: 5px 5px 0 0;

}

.header-navbar-rht li .dropdown-menu .dropdown-item:last-child {

	border-radius: 0 0 5px 5px;

}

.header-navbar-rht li.header-login:hover {

    background-color: #f6697b;

    border-color: #f6697b;

    color: #fff;

}

.header-navbar-rht li.header-login {

    border-radius: 50px;

    text-align: center;

    font-size: 16px;

    color: #392C7D;

    text-transform: capitalize;

    font-weight: 500;

	min-width: 150px;

	border: 3px solid #B4A7F5;

	padding: 10px 15px;

}

.header-navbar-rht li.header-sign {

	min-width: 150px;

	padding: 14px 15px;

	background: rgb(241 241 241 / 42%);

	border-radius: 46.9159px;

	text-align: center;

	margin-right:20px

}

.header-navbar-rht li.header-sign:hover {

	background-color: #f6697b;

    border-color: #f6697b;

    color: #fff;

}

.add-header-bg .header-navbar-rht li.header-sign {

	background: #b4a7f5;

	border: 3px solid #B4A7F5;

	color: #fff;

	padding: 10px 15px;

	margin-right: 20px;

}

.add-header-bg .header-navbar-rht li.header-sign:hover {

	background: #fff;

	color: var(--dreamslms_secondary_color);

	border: 3px solid #B4A7F5;

}

.header .has-arrow .dropdown-toggle:after {

	border-top: 0;

	border-left: 0;

	border-bottom: 2px solid #757575;

	border-right: 2px solid #757575;

	content: '';

	height: 8px;

	display: inline-block;

	pointer-events: none;

	-webkit-transform-origin: 66% 66%;

	-ms-transform-origin: 66% 66%;

	transform-origin: 66% 66%;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition: all 0.15s ease-in-out;

	transition: all 0.15s ease-in-out;

	width: 8px;

	vertical-align: 2px;

	margin-left: 10px;

}

.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {

	-webkit-transform: rotate(-135deg);

	-ms-transform: rotate(-135deg);

	transform: rotate(-135deg);

}

.user-menu {

    float: right;

    margin: 0;

    position: relative;

    z-index: 99;

}

.user-menu.nav > li > a {

	color: #fff;

	font-size: 14px;

	line-height: 58px;

	padding: 0 15px;

	height: 60px;

}

.user-menu.nav > li > a:hover,

.user-menu.nav > li > a:focus {

	background-color: rgba(0, 0, 0, 0.2);

}

.user-menu.nav > li > a:hover i,

.user-menu.nav > li > a:focus i {

	color: #fff;

}

.user-img {

    display: inline-block;

    position: relative;

}

.user-img > img {

	height: 50px;

    object-fit: cover;

    width: 50px;

    border-radius: 50%;

    border: 3px solid #E0E0E0;

}

.user-header .avatar img {

    width: 50px;

    height: 50px;

	border: 3px solid #E0E0E0;

}

.user-menu.nav > li > a.mobile_btn {

	border: 0;

	position: relative;

	padding: 0;

	margin: 0;

	cursor: pointer

}

.header-navbar-rht .dropdown-menu {

    min-width: 200px;

    padding: 0;

}

.header-navbar-rht .dropdown-menu .dropdown-item {

    padding: 7px 15px;

}

.header-navbar-rht .dropdown-menu .dropdown-item {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

    border-top: 1px solid #e3e3e3;

    padding: 10px 15px;

}

.header-navbar-rht .dropdown-menu .dropdown-item:hover, 

.header-navbar-rht .dropdown-menu .dropdown-item:hover i {

    color: var(--dreamslms_primary_color);

}

.user-header {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

 	padding: 10px 10px;

    border-bottom: 1px solid #e9ecef;

}

.user-header .user-text {

	margin-left: 10px;

}

.user-header .user-text h6 {

	font-size: 16px;

    margin-bottom: 2px;

    font-weight: 600;

    text-transform: capitalize;

}

.header-navbar-rht .logged-item .nav-link {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

    font-size: 14px;

	line-height: 70px;

	padding: 0 10px;

}

.header.add-header-bg {

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

	z-index: 999;

}

 

.header.add-header-bg {

	box-shadow: 0px 4px 15px rgb(0 0 0 / 8%);

    transition-duration: 0.4s;

	background: #fff;

	padding-top: 0;

	margin: 0;

}

 

.dropdown-item.night-mode {

	justify-content: space-between;

}

.dropdown-item.night-mode i {

	color: #685F78;

}

.topnav-dropdown-header {

	border-bottom: 1px solid #EEF1FE;

	text-align: center;

}

.topnav-dropdown-header {

	font-size: 14px;

	height: 40px;

	line-height: 40px;

	padding-left: 15px;

	padding-right: 15px;

}

.topnav-dropdown-footer {

	border-top: 1px solid #eee;

}

.topnav-dropdown-footer a {

	display: block;

	text-align: center;

	color: #333;

}

.notifications .noti-content {

    height: 300px;

    width: 420px;

    overflow-y: auto;

    padding-right: 0;

    position: relative;

}

.notifications .noti-content::-webkit-scrollbar {

	width: 6px;

    background: #fff;

	height: 10px;

}

.notifications .noti-content::-webkit-scrollbar-track {

	border-radius: 4px;

}

.notifications .noti-content::-webkit-scrollbar-thumb {

	background: #8A8A95; 

	border-radius: 4px;

}

.notifications .noti-content::-webkit-scrollbar-thumb:hover {

	background: #1B2559; 

}

.notifications .media .avatar > img {

    width: 32px;

    height: 32px;

    border-radius: 50%;

    margin-right: 16px;

}

.notification-list {

	list-style: none;

	padding: 0;

	margin: 0;

}

.notifications ul.notification-list > li {

	margin-top: 0;

	border-bottom: 1px solid #E4E8EE;

	box-shadow: 0px 1px 0px #E4E8EE;

	display: block;

	padding: 15px;

	border-radius: 2px;

}

.notifications ul.notification-list > li:last-child {

	border-bottom: none;

}

.notifications ul.notification-list > li .list-item {

	border: 0;

	padding: 0;

	position: relative;

}

.notifications .notification-message h6 {

	font-weight: 600;

	font-size: 14px;

	color: #1A1F36;

	margin-bottom: 15px;

}

.notifications .notification-message h6 span {

	font-weight: 500;

}

.notifications .notification-message p {

	font-weight: 500;

	font-size: 14px;

	color: #565758;

	margin-bottom: 0;

}

.notifications .notification-message .btn {

	font-weight: 500;

	font-size: 14px;

	padding: 4px 8px;

	margin-bottom: 8px;

	border-radius: 4px;

}

.notifications .notification-message .noti-details {

	color: #1A1F36;

	position: relative;

	border-left: 4px solid #DDDEE1;

	padding-left: 8px;

	margin-bottom: 8px;

}

.notifications .notification-message .btn-accept {

	background: #E95744;

	border: 1px solid #E95744;

	color: #FFF;

}

.notifications .notification-message .btn-reject {

	background: #FFFFFF;

	border: 1px solid #DDDEE1;

	color: #3C4257;

}

.topnav-dropdown-header .notification-title {

	color: #1A1F36;

	display: block;

	float: left;

	font-size: 14px;

	font-weight: 500;

}

.topnav-dropdown-header .clear-noti {

	color: #1A1F36;

	float: right;

	font-size: 14px;

	font-weight: 500;

}

.topnav-dropdown-header .clear-noti i {	

    font-weight: 500;

}

.notification-title select {

	background: #515669;

	border-radius: 4px;

    color: #FFF;

}

.notification-title select:focus-visible {

	outline: 0;

}

.wishes-list {

	padding: 15px !important;	

	font-family: 'Poppins', sans-serif;

}

.wish-header a {

	font-size: 12px;

	text-decoration: underline;

}

.wish-nav .wishes-list {

	padding-right: 0 !important;

}

.wish-nav .wish-content ul li {

	margin-right: 15px;

}

.wish-content {

    height: 350px;

    width: 415px;

    overflow-y: auto;

    position: relative;

    padding-right: 0;

}

.wish-content::-webkit-scrollbar {

	width: 6px;

    background: #fff;

	height: 10px;

}

.wish-content::-webkit-scrollbar-track {

	border-radius: 4px;

}

.wish-content::-webkit-scrollbar-thumb {

	background: #8A8A95; 

	border-radius: 4px;

}

.wish-content::-webkit-scrollbar-thumb:hover {

	background: #1B2559; 

}

.wish-content .media .avatar  img {

    width: 84px;

	height: 63px;

    border-radius: 5px;

    margin-right: 10px;

}

.wish-content ul {

	list-style: none;

	padding: 0;

	margin: 0 0 20px;

}

.wish-content ul li {

	padding: 15px 0;

	border-bottom: 1px solid #DFDFE0;

}

.wish-nav .wish-content ul {

	margin: 0;

}

.wish-nav .wish-content ul li:first-child {

	padding-top: 0;

}

.wish-nav .wish-content ul li:last-child {

	border-bottom: 0;

	padding-bottom: 0;

}

.wish-content ul li .media {

	display: flex;

	justify-content: space-between;

}

.wish-content h6 {

	text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

	margin-bottom: 2px;	

}

.wish-content h6 a {

	color: #000;

	font-size: 14px;

}

.wish-content h6 a:hover {

	color: var(--dreamslms_primary_color);

}

.wish-content .media-body {

	overflow: hidden;

}

.media-wide {

	width: 75%;

}

.wish-content p {

	color: #685F78;

	font-size: 12px;

	margin-bottom: 2px;

}

.wish-content h5 {

	color: var(--dreamslms_primary_color);

	font-size: 14px;

	font-weight: 700;

	margin-bottom: 0;

}

.wish-content h5 span {

	color: #777777;

	font-size: 10px;

	font-weight: 400;

	margin-bottom: 0;

}

.wish-nav .remove-btn a {

	margin-top: 10px;

}

.remove-btn a {

	background: #FFFFFF;

	border: 1px solid var(--dreamslms_primary_color);

	padding: 5px 10px;

	border-radius: 0;

	font-weight: 500;

	font-size: 12px;

}

.remove-btn a:hover {

	background: var(--dreamslms_primary_color);

	color: #FFF;

}

.total-item {

	text-align: right;

}

.total-item h6 {

	font-size: 14px;

	color: #000000;

	margin-bottom: 10px;

}

.total-item h5 {

	font-size: 16px;

	font-weight: 600;

	color: #000000;

}

.night-mode .check-on .form-check-input {

    min-height: 20px;

    width: 38px;

}

.night-mode .form-switch .form-check-input:focus {

	 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");

}

.night-mode .form-switch .form-check-input:checked {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ff5364'/%3e%3c/svg%3e") !important;

}

.night-mode .form-switch .form-check-input {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");

	background-color: #E0E0E0;

	border-color: #E0E0E0;

}



/*-----------------

	4. Mobile Menu

-----------------------*/



.sidebar-overlay {

	background-color: rgba(0, 0, 0, 0.6);

	opacity: 0;

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 1040;

	visibility: hidden;

}

.sidebar-overlay.opened{

	opacity: 1;

	visibility: visible;

}

.menu-opened .main-menu-wrapper {

    transform: translateX(0);

}

.menu-header {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	background-color: #fff;

    height: 60px;

    padding:  0 20px;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-flex-pack: space-between;

    border-bottom: 1px solid #f0f0f0;

	display: none;

}

.menu-logo img {

    width: 130px;

}

.menu-close {

	font-size: 18px;

}

.bar-icon {

    display: inline-block;

    width: 30px;

}

.bar-icon span {

    background-color: var(--dreamslms_primary_color);

    display: block;

    float: left;

    height: 2px;

    margin-bottom: 6px;

    width: 30px;

    border-radius: 2px;

}

 

.bar-icon span:nth-child(3) {

    margin-bottom: 0;

}

#mobile_btn {

	display: none;

	margin-right: 30px;

}

html.menu-opened body {

    overflow: hidden;

}

.course-archive-page .profile_courses .tutor-course-card{

 padding-bottom: 1.5rem;

}

.course-archive-page  .tutor-iconic-btn.tutor-iconic-btn-md, 

.course-archive-page  .tutor-iconic-btn, 

.course-archive-page  .tutor-d-block.tutor-d-lg-none{ 

	display: none!important;

}

/*-----------------

	5. Footer

-----------------------*/

.main-wrapper {

	overflow: hidden;

}

.footer {

    /* background-color: var(--dreamslms_footer_backcolor_style1); */

	position: relative;

	overflow: hidden;

}



.footer.style2 {

    background-color: var(--dreamslms_footer_backcolor_style2);

 	color: #ffffff;

}

.footer.style2 .footer-title {

	color: #ffffff;

}

.footer.style2 p,.footer.style2 i, .footer.style2 a    {

  	color: #ffffff;

}

.footer.style2 a:hover   {

	color: var(--dreamslms_secondary_color);

}

.footer.style2 .footer-widget.footer-menu ul li a:hover {

    color: var(--dreamslms_secondary_color);;

}



.footer.style2 .btn-primary  {

    background-color: var(--dreamslms_footer_backcolor_style2);;

    border: 1px solid var(--dreamslms_footer_backcolor_style2);;

}

.footer.style2 .wpcf7-not-valid-tip {

    color: #fff;

}

.footer .footer-widget.footer-contact .wpcf7 form .wpcf7-response-output {

    margin: 10px 0 0 0;

}



.footer-top {

	padding: 60px 0;

	position: relative;

	z-index: 9;

	font-size: 14px;

	border-top: 1px solid #e9ecef;

}

.footer-top .footer-about-content {

	max-width: 315px;

}

.footer-bottom {

	position: relative;

	z-index: 9;

}

.footer-title {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 1.5rem;

    text-transform: capitalize;

}

.footer-widget.footer-menu ul {

    list-style: none;

    margin: 0;

    padding: 0;

    outline: none;

}

.footer-widget .footer-logo {

	margin-bottom: 15px;

}

.footer-widget .footer-logo img {

    width: 160px;

    max-width: 100%;

}

.footer-widget.footer-about p a img{

	width: 160px;

	margin-bottom: 15px;

}

.footer-widget.footer-about p{

	max-width: 315px;

	margin-bottom: 0;

}



.footer-widget .footer-about-content p {

 	margin-bottom: 15px;

}

.footer-widget .footer-about-content p:last-child {

	margin-bottom: 0;

}

.footer-menu ul li {

    margin-bottom: 20px;

    position: relative;

}

.footer-menu ul li:last-child {

	margin-bottom: 0;

}

.footer-menu ul li a {

	color: #685F78;

	transition: all 0.4s ease 0s;

}

.footer-menu ul li a i {

	margin-right: 5px;

}

.footer-widget.footer-menu ul li a:hover {

	color: var(--dreamslms_primary_color);

}

.footer-contact-info {

	color: #685F78;

	margin-top: 20px;

}

.footer-contact-info img {

	margin-right: 12px;

}

.footer-contact-info .footer-address {

	/* display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center; */

}

.footer-contact-info .footer-address span {

	margin-right: 20px;

}

.footer-contact-info .footer-address {

	margin-bottom: 20px;

}

.footer-contact-info .footer-address p {

	margin-bottom: 0px;

}

 

.footer-contact-info p i {

	margin-right: 15px;

}

 

.footer-bottom .copyright {

    padding: 30px 0;

	border-top: 1px solid #e9ecef;

 }

 

.footer-bottom .copyright-text p {

	/* text-align: right; */

}

.footer-bottom .copyright-text p a:hover {

	color: var(--dreamslms_primary_color);

}

.privacy-policy ul {

	display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    list-style: none;

    padding: 0;

    margin: 0;

}

.privacy-policy ul li {

	padding: 0px 10px;

	border-right: 1px solid #B2B1FC;

	list-style: none;

}

.privacy-policy ul li a {

	color: #685F78;

}

.privacy-policy ul li a:hover {

	color: var(--dreamslms_primary_color);

}

.privacy-policy ul li:last-child {

	border-right: 0;

}

.privacy-policy ul li:first-child {

	padding-left: 0;

}

.news-letter .form-control {

	border: 0;

	padding: 0;

}

.news-letter form {

	border-bottom: 1px solid #e9ecef;

}



/*-----------------

	6. Home

-----------------------*/



.home-slide {

	position: relative;

    background-image: url(../images/banner.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

	padding-top: 200px;

    padding-bottom: 150px;

 }

.section-header.section-head-one .sub-title {

	color: #777777;

	font-size: 18px;

	font-weight: normal;

	max-width: 760px;

}

.section-header.section-head-one h2 {

	color: #0B0B0B;

}

.home-slide-text {

	line-height: 36px;

}

.home-slide-text h5 {

	color: #685F78;

	font-size: 20px;

	margin-bottom: 25px;

}

.home-slide-text h1 {

	font-weight: 700;

    font-size: 48px;

	margin-bottom: 40px;

	line-height: 1.2;

	max-width: 500px;

}

.home-slide-text p {

	font-weight: 500;

	font-size: 18px;

	color: #685F78;

	margin-bottom: 48px;

}

.home-slide-text h1 span {

	color: #6255A4;

}

.girl-slide-img img {

	width: 100%;

}

.location-search .form-control {

	padding-right: 160px;

}

.home-slide .search-box .search-btn {

	width: 150px;

    -ms-flex: 0 0 150px;

    flex: 0 0 130px;

    border-radius: 5px;

	position: absolute;

	top: 8px;

	right: 8px;

	padding: 0px;

}

.bg-search a {

	font-size: 14px;

    font-weight: bold;

    color: #fff;

}

.bg-search {

	background-color: #6255a4;

    border: 1px solid #6255a4;

	color: #fff;

}

.bg-search:hover {

	background-color: #54469f;

    border: 1px solid #54469f;

	color: #fff;

}

.trust-user p {

	font-size: 20px;

	color: #685F78;

	font-weight: 500;

	margin: 30px 0px 10px

}

.rate-head h2 {

	margin-right: 40px;

 	font-size: 48px;

	font-weight: 700;

	margin-bottom: 0;

}

.trust-rating .rating {

	margin-bottom: 0;

}

.trust-rating .rating i {

	margin-left: 10px;

}

.rating h2 {

 	font-size: 48px;

	font-weight: 700;

	margin-bottom: 0;

}

.banner-content .form-inner {

    padding: 12px;

    background-color: #fff;

    border-radius: 35px;

    width: 100%;

	border: 0;

	max-width: 740px;

	height: 70px;

}

.banner-content .input-group {

	background: #fff;

    border-radius: 130px;

	padding-left: 12px;

}

.banner-content .input-group .search-icon {

	display: flex;

	align-items: center;

	color: var(--dreamslms_primary_color);

}

.banner-content .input-group .form-control::placeholder {

	color: #a2a2a2;

}

.banner-content .input-group .input-group-prepend {

	margin-right: 0;

}

.banner-content .form-control {

	background: #fff;

    border-radius: 40px;

	border: 0;

	height: 44px;

	color: var(--dreamslms_secondary_color);

    font-size: 18px;

	margin-right: 10px;

	margin-left: 0!important;

}

.drop-detail .form-select { 

	border: 0;

	border-radius: 50px;

	background-color: var(--dreamslms_primary_color_opacity);

	font-size: 14px;

}

.drop-detail .form-select:focus {

	box-shadow: none;

}

.drop-detail {

    width: 174px;

	display: flex;

	margin: 0px 17px;

	border-radius: 50px !important;

	border: 0;

	height: 44px;

}

.banner-content .select2-container {

	border-radius: 50px;

    background-color: var(--dreamslms_primary_color_opacity);

	z-index: unset;

}

.banner-content .select2-container .select2-selection--single .select2-selection__rendered {

	font-size: 14px;

	padding-left: 15px;

}

.banner-content .select2-container .select2-selection--single {

	border: 0;

    align-items: center;

    display: flex;

	background: transparent;

	height: 44px;

}

.banner-content .select2-container--default.select2-container--open.select2-container {

    border-radius: 3px;

}

.select2-dropdown {

	border: 1px solid var(--dreamslms_primary_color_opacity);

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

    border-color:  var(--dreamslms_secondary_color);

    border-style: solid;

    border-width: 0 2px 2px 0;

    padding: 3px;

	transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

	margin-top: -5px;

	margin-left: -11px;

}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {

    border-color: #1B2559;

    border-width: 2px 0 0 2px;

    padding: 3px;

    margin-top: 1px;

}

.select2-results__option {

	font-size: 14px;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background-color: var(--dreamslms_primary_color_opacity);

	color:  var(--dreamslms_secondary_color);

	font-size: 14px;

}

.banner-content .select2-container--default .select2-selection--single .select2-selection__arrow {

	top: auto;

}

.banner-content .sub-btn {

	background: var(--dreamslms_primary_color);

	border-radius: 50px !important;

	font-weight: bold;

	border: 1px solid var(--dreamslms_primary_color);

    margin: 0px;

	font-size: 18px;

	line-height: 18px;

	padding: 10px 15px;

	color: #fff;

	width: 46px;

}

.banner-content .sub-btn:hover, 

.banner-content .sub-btn:focus {

    background: #e72f41;

    border-color: #e72f41;

}

.banner-content .form-control.catecory-mentor {

	background: var(--dreamslms_primary_color_opacity);

	margin: 0px 10px;

	font-size: 14px;

	color: var(--dreamslms_secondary_color);

}

.section-header {

    margin-bottom: 18px;

    position: relative;

	/* display: flex; */

 }

.section-sub-head h2 {

    font-size: 36px;

    margin-bottom: 0;

    font-weight: 700;

 	letter-spacing: 0.9px;

}

.section-sub-head span {

    color: var(--dreamslms_primary_color);

    font-size: 18px;

    font-weight: 700;

    padding-bottom: 18px;

    display: block;

    letter-spacing: 0.9px;

}

.section-text {

	max-width: 700px;

	color: #685F78;

	font-size: 16px;

	font-weight: 500;

}

.section-text p{ 

	margin-bottom: 0;

 }

.all-btn {

	margin-left: 0;

}

.all-category .btn-primary {

	color: var(--dreamslms_btn_secondary_color);

	border: 3px solid var(--dreamslms_btn_secondary_hover);

	backdrop-filter: blur(151.39px);

	background: transparent;

	border-radius: 50px;

	padding: 10px 15px;

	font-weight: 400;

 	min-width: 150px;

  }

  .course-box .all-category .btn-primary {

	color: var(--dreamslms_btn_secondary_color);

	border: 2px solid var(--dreamslms_btn_secondary_hover);

	backdrop-filter: blur(151.39px);

	background: transparent;

	border-radius: 50px;

	padding: 8px 15px;

	font-weight: 400;

	font-size: 14px;

	min-width: inherit;

  }

.all-category .btn-primary:hover {

	background-color: var(--dreamslms_btn_secondary_hover);

    border-color: var(--dreamslms_btn_secondary_hover);

    color: #fff;

}

.rating {

    list-style: none;

    margin: 0 0 7px;

    padding: 0;

    width: 100%;

}

.rating i {

    color: #dedfe0;

}

.rating i.filled {

    color: #FFB54A;

}

.online-course {

	border-radius: 20px;

	padding: 24px;

	position: relative;

	background: #fff;

}

.course-radius {

	border-radius: 20px;

	width: 100%;

	border: 1px solid #e9ecef;

}

.blur-border.course-radius {

	padding: 1px;

	border-radius: 20px;

}

.course-full-width {

	width: 100%;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    top: 0;

    transition: top ease 0.5s;

}

.course-full-width:hover {

	top: -10px;

	transition: top ease 0.5s;

}

.online-course h4 {

	margin-bottom: 0;

	font-size: 24px;

    font-weight: 600;

}

.course-inner-content {

	display: block;

	padding-left: 18px;

}

.course-inner-content h4 {

	margin-bottom: 8px;

	font-weight: 700;

 }

.course-inner-content p {

 	font-size: 16px;

	margin-bottom: 0;

}

.student-course {

	position: relative;

	margin-top: -60px;

}

.how-it-works {

	background: #fff;

	padding: 80px 0;

	position: relative;

}

.feature-box {

    position: relative;

	z-index: 9;

	width: 100%;

	margin-bottom: 25px;

	background: #FFFFFF;

	border: 1px solid #e9ecef;

	box-shadow: -11.729px -11.729px 32px rgba(255, 255, 255, 0.15);

	border-radius: 10px;

}

.feature-bg {

    padding: 25px;

	width: 100%;

	border-radius: 10px;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.feature-bg:hover {

	background: #413655;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.feature-bg:hover p,

.feature-bg:hover .feature-text {

	color: #fff;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.feature-bg p {

	color: #685F78;

	font-size: 14px;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.feature-header {

    margin-bottom: 10px;

}

.feature-icon {

    margin-right: 15px;

    font-size: 30px;

    width: 105px;

    border-radius: 100px;

    height: 105px;

    display: flex;

    display: -webkit-flex;

    display: -ms-flex;

    justify-content: center;

    -webkit-justify-content: center;

    -ms-justify-content: center;

    align-items: center;

    -webkit-align-items: center;

    -ms-align-items: center;

    color: #fff;

    margin: 0 auto;

}

 

.feature-heading {

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 700;

}

.feature-text {

	font-size: 18px;

	font-weight: 600;

	padding-top: 24px;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

     margin: 0 auto 0;

	 color: var(--dreamslms_secondary_color);

}

.feature-bg p {

	margin-bottom: 0px;

}

.mentoring-course {

	margin-top: 50px;

}

.owl-theme .owl-nav {

	display: none;

}

/* 

.owl-theme .owl-dots .owl-dot span {

    width: 15px;

    height: 15px;

    margin: 0px 5px;

    background: var(--dreamslms_primary_color_opacity);

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.owl-theme .owl-dots .owl-dot.active span, 

.owl-theme .owl-dots .owl-dot:hover span {

    background: var(--dreamslms_primary_color);

	width: 50px;

    height: 15px;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.owl-theme .owl-dots, .owl-theme .owl-nav {

	margin-top: 26px;

} */

.new-course {

	padding: 80px 0px 56px;

	background-image: url(../images/banner.png);

    background-repeat: no-repeat;

    background-position: center;

	background-size: cover;

	position: relative;

}

.new-course:before {

	content: "";

	position: absolute;

	background-image: url(../images/course-bg.png);

	width: 100%;

	height: 100%;

	top: 0;

	background-repeat: no-repeat;

}

.course-feature {

	margin-top: 50px;

}

.product .rating i {

	font-size: 13px;

}

.course-box {

    margin-bottom: 0;

	border-radius: 10px;

}

.course-box.elementor_listing  {

    margin-bottom: 1.5rem;

	border-radius: 10px;

}

.tutor-grid { 

	grid-gap: 24px;

}



.course-box .product {

    border-radius: 10px;

    position: relative;

	padding: 20px;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

	background: #fff;

	backdrop-filter: blur(17px);

	-webkit-backdrop-filter: blur(17px);

}

.course-box  .product:hover {

	background: #413655;

	color: #fff;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.course-feature .product:hover .tutor-ratings-count, .trending-course .product:hover .tutor-ratings-count{

	color: #fff;

}

.product:hover .course-info p span,

.product:hover .course-info p,

.product:hover .course-name p,

.product:hover .btn-primary,

.product:hover .course-name h4 a,

.product:hover .product-content h3 a,

.product:hover .course-share i {

	color: #fff;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.course-box.elementor_listing .product:hover .rating .text-muted {

    color: #fff!important;

}

.product:hover .course-name h4 a:hover, .product:hover .product-content h3 a:hover {

	color: var(--dreamslms_primary_color);

}

.product:hover .rating-img img,

.product:hover .course-view img {

	filter: invert(1) brightness(100);

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.product-img {

	position: relative;

	overflow: hidden;

	z-index: 1;

	border-radius: 10px 10px 10px 10px;

}

.product-img img {

    width: 100%;

    border-radius: 4px 4px 0 0;

	transform: translateZ(0);

	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

}

.product-img:hover img {

    -webkit-transform: scale(1.15);

    -moz-transform: scale(1.15);

    transform: scale(1.15);

}

.product-content {

	padding-top: 18px;

	display: inline-block;

	width: 100%;

}

.product-content h3 {

	font-size: 18px;

 	font-weight: 600;

	line-height: 1.4;

}

.product-content h3 a:hover {

	color: var(--dreamslms_primary_color);

}

.product-content .instructor-text {

	max-width: 320px;

}

.product .rating {

    margin-left: 0;

    margin-bottom: 0;

    width: auto;

}

/* .course-info {

	margin: 16px 0px 18px;

} */



.rating .tutor-ratings-lg .tutor-ratings-stars {

    font-size: 15px;

}



.course-info .course-view img,

.course-info .rating-img img {

	width: 18px;

}

.course-info p {

	margin-bottom: 0;

	color: #685F78;

	font-size: 16px;

	margin-left: 8px;

    margin-right:0px;

}

.course-info .rating-img p {

	margin: 0;

	display: flex;



 }

 .course-info .rating-img p img {

	margin-right: 8px;

 }

.course-info p span{

	margin-bottom: 0;

	color: #685F78;

	font-size: 16px;

	margin-left:0px;

}

 

.course-view {

	margin-left: auto;

}

.course-group {

	margin-bottom: 17px;

}



.product-content .course-group-img img {

	border-radius: 25px !important;

}

.course-group-img img {

	max-width: 40px;

	height: 40px;

    border-radius: 25px;

	margin-right: 10px;

	border: 3px solid #e9ecef;

	width: 40px !important;	

}

/* .course-share {

	margin-left: auto;

} */

.color-active {

	color: red;

	font-weight: 700;

}

.course-share i {

	color: var(--dreamslms_primary_color);

	font-size: 20px;

}

.course-share a:hover i {

	font-weight: 700;

}

.course-group-img {

	align-items: center;

}

.course-name h4 {

	font-size: 15px;

	margin-bottom: 3px;

    font-weight: 500;

	flex: 0 0 100%;

}

.form-check-input {

    width: 17px;

    height: 17px;

}

.form-check-input:checked ~ .checkmark {

	border-color: var(--dreamslms_primary_color);

}

.course-name {

 display: inline-flex;

 flex-wrap: wrap;

}

.course-name p {

	margin-bottom: 0;

	font-size: 13px;

	flex: 0 0 100%;

 }

.average-rating span {

	color: #FFB54A;

}

.master-skill {

	padding: 80px 0px 0px;

}

.master-skill .course-inner-content p {

      font-weight: 500;

}

.blur-border {

	padding: 0;

	border-radius: 10px;

}

.rotate-box {

	position: relative;

	transform: rotate(30deg);

}

.certified-group {

	border-radius: 20px;

	margin-bottom: 24px;

	position: relative;

    top: 0;

    transition: top ease 0.5s;

	width: 100%;

	border: 1px solid #e9ecef;

}

.certified-group:hover {

	top: -10px;

}

.certified-img  {

	background: #fff;

	border-radius: 10px;

	width: 72px;

	height: 72px;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.get-certified {

	background: #fff;

	padding: 20px;

	border-radius: 20px;

}

.get-certified p {

	margin-bottom: 0;

	color: #685F78;

	font-size: 14px;

	margin-left: 24px;

	font-weight: 500;

}

.career-group {

	margin: 50px 0 0;

}

.career-group-bottom {

	margin: 0 0 56px;

}

.trend-course {

	padding: 80px 0px;

	background-image: url(../images/bg-banner.png);

    background-repeat: no-repeat;

    background-position: center;

	background-size: cover;

}

.trending-course {

    position: relative;

	margin-top: 50px;

}

.trend-box {

	background: transparent;

	border: 1px solid #e9ecef;

	padding: 0;

}

.trend-product {

	background: #fff;

}



h5.card-price .price {

	background: #fff;

    position: relative;

    bottom: 0;

	right: 0;

 	padding: 0 !important;

	border-radius: 0;

 }



.price {

	background: #fff;

    position: absolute;

    bottom: 20px;

	right: 20px;

	/* min-width: 149px; */

	padding: 14px 15px;

	border-radius: 10px;

	display: inline-flex;

	align-items: center;

}

.price.combo {

	background: #fff;

    position: absolute;

    bottom: 20px;

	right: 20px;

	min-width: 149px;

	padding: 14px 15px;

	border-radius: 10px;

}

.price.combo {

	min-width: 80px;

    padding:12px 12px;

}

.price.combo h3 {

	color: #159F46;

	font-weight: 700;

	font-size: 24px;

	margin: 0!important;

}

.price h3 del { 

	text-decoration: line-through;

	font-size: 14px;

	color: #685f78;

}

.tutor-ratings-count {

    color: #685f78;

    margin-left: 8px;

}

.price h3 {

	font-size: 24px;

	color: var(--dreamslms_primary_color);

	font-weight: 700;

	margin-bottom: 0;

}

.feature-instructors {

	padding-top: 80px;

}

.feature-head {

	margin: auto;

}

.feature-head h2 {

	margin-bottom: 25px;

}

.instructors-widget {

	background: #FFFFFF;

	border: 1px solid #e9ecef;

	border-radius: 10px;

	box-shadow: 0px 5px 13px 6px rgba(212, 211, 254, 0.23);

	margin-bottom: 24px;

}

.instructors-course-new {

	margin-top: 50px;

}

.instructors-img {

	position: relative;

	overflow: hidden;

	z-index: 1;

	border-radius: 10px 10px 0 0;

	padding-bottom: 0;

}

.instructors-img img {

	transform: translateZ(0);

	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

}

.instructors-img:hover img {

    -webkit-transform: scale(1.15);

    -moz-transform: scale(1.15);

    transform: scale(1.15);

}

.instructors-content { 

	padding: 20px;

}

.instructors-content h5 {

	font-size: 20px;

	font-weight: 600;

	margin-bottom: 0;

	line-height: 1.4;

}

.instructors-content p {

	margin-bottom: 0;

	margin: 10px 0px 10px;

}

.student-count i {

	display: flex;

	align-items: center;

	color: var(--dreamslms_primary_color);

	margin-right: 8px;

}

.student-count .yellow {

	display: flex;

	align-items: center;

	color: #FFB54A;

	margin-right: 17px;

}

.student-count .violet {

	display: flex;

	align-items: center;

	color: #392C7D;

	margin-right: 17px;

}

.student-count .orange {

	display: flex;

	align-items: center;

	color: var(--dreamslms_primary_color);

	margin-right: 17px;

}

.student-count span {

	color: #685F78;

	font-size: 14px;

}

.lead-companies {

	padding: 0px 0px 56px;

}

.lead-companies .owl-carousel .owl-stage {

	display: flex;

	display: -webkit-flex;

	-webkit-align-items: center;

	align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

}

.owl-carousel .owl-item .lead-img img {

	width: auto;

}

.lead-group {

	padding: 30px 0px 24px;

}

.trust-lead .get-certified {

	padding: 20px;

}

.trust-lead .certified-img img {

	top: inherit;

	left: inherit;

}

.share-knowledge {

	padding: 60px 0px;

	background-image: url(../images/bg-banner-01.png);

    background-repeat: no-repeat;

    background-position: center;

	background-size: cover;

}

.join-mentor h2 {

 	font-size: 36px;

	font-weight: 700;

	margin-bottom: 0px;

}

.join-mentor p {

	font-size: 18px;

	color: #685F78;

	margin: 30px 0px;

}

.course-list {

	padding: 0;

	margin-bottom: 35px;

}

.course-list li {

	list-style: none;

	font-weight: 600;

	font-size: 18px;

	margin-bottom: 20px;

}

.course-list li i {

	color: var(--dreamslms_primary_color);

	margin-right: 10px;

}

.latest-blog {

	padding: 80px 0px 56px;

	background-image: url(../images/bg-banner-02.png);

    background-repeat: no-repeat;

    background-position: center;

	background-size: cover;

}

.about-boxs{

	padding: 80px 0px 80px;

 	background-image: url(../images/bg-banner-02.png);

}

.contact_boxes {

	padding: 80px 0px 80px;

}

.contact_form {

	padding: 0 0 80px;

}

.contact_map {

	padding: 0 0 80px;

}

.contact_boxes .online-course i{

	width: 75px;

    height: 75px;

    text-align: center;

    line-height: 75px;

    background: rgba(246, 105, 98, 0.2);

    border-radius: 50%;

    font-size: 25px;

    margin-bottom: 15px;

	color: var(--dreamslms_primary_color);

}



.thm-btn {

	padding: 10px 20px;

    font-size: 16px;

    border-radius: 5px;

    font-weight: 500;

}

.contact_boxes .online-course h3{

	font-size: 20px;

	font-weight: 600;

}

.contact_boxes .online-course p{

	margin-bottom: 0;

	line-height: 1.7;

}



.about-share{

	padding: 60px 0px 60px;

}

.blogs-slide {

	margin-top: 50px;

}

.blogs-slide .blog-widget {

	border: 1px solid #e9ecef;

	margin-bottom: 24px;

	padding: 0;

}

.blog-widget .instructors-img {

	padding: 0;

}

.enroll-group {

	background: linear-gradient(90deg, rgba(161, 196, 253, 0.79) 0%, rgba(194, 233, 251, 0.36) 100%);

 	border-radius: 20px;

	padding: 30px;

	margin: 80px 0px;

}

.enroll-img {

	background: #fff;

	border-radius: 10px;

	padding: 10px;

}

.course-count {

	margin-left: 25px;

 }

.course-count p {

	margin-bottom: 0;

	font-size: 18px;

}

.course-count h3 {

	font-weight: 700;

	font-size: 36px;

	margin-bottom: 10px;

}

.icon-group {

	padding-top: 17px;

}

.enroll-group .total-course {

	margin-bottom: 0px;

}

.icon-group .total-course {

	max-width: 70px;

	max-height: 70px;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

	margin-bottom: 24px;

}

.icon-group .total-course {

	position: relative;

    top: 0;

    transition: top ease 0.5s;

	cursor: pointer;

}

.icon-group .total-course:hover {

    top: -10px;

}

.total-course {

	margin-bottom: 24px;

}

.user-love {

	padding: 80px 0px;

	background-image: url(../images/user-love.jpg);

    background-repeat: no-repeat;

    background-position: center;

	background-size: cover;

	min-height: 500px;

}

.white-header span,

.white-header h2 {

	color: #fff;

}

.become-instructors {

	padding: 320px 0px 80px;

}

.aboutbecome-instructors {

	padding: 320px 0px 80px;

	background: #fafafa;

}

.student-mentor {

	background: var(--dreamslms_primary_color_opacity);

	padding: 30px;

	border-radius: 20px;

 	position: relative;

}

.student-mentor h4 {

	font-size: 24px;

	font-weight: 700;

	margin-bottom: 18px;

}

.top-instructors p {

	font-size: 18px;

	margin-bottom: 0;

	margin-bottom: 40px;

}

.yellow-mentor .student-mentor{

	background: #FFE88F;

}

.testimonial-four {

	background: #fff;

	position: relative;

}

.review {

	position: absolute;

	width: 100%;

	bottom: -240px;

}

.mentor-testimonial {

	z-index: 9;

}

.testimonial-four .slick-list {

    border: 14px solid #ededed;

	max-width: 70%;

    margin: auto;

	border-radius: 45px;

	background: linear-gradient(142.13deg, rgba(255, 255, 255, 0.28) 1.8%, rgba(255, 255, 255, 0.31) 99.75%);

	backdrop-filter: blur(151.39px);

}

.testimonial-four .testimonial-two-head {

    max-width: 90%;

	border: 0;

	background:none;

}

.testimonial-bg-left img {

	-webkit-transform: translate(-50% , -50%);

    -ms-transform: translate(-50% , -50%);

    transform: translate(-50% , 50%);

    position: absolute;

    top: 50%;

    left: 174px;

}

.testimonial-bg-left, 

.testimonial-bg-right, 

.testimonial-bg-top {

	position: relative;

}

.testimonial-bg-right img{

	-webkit-transform: translate(-50% , -50%);

    -ms-transform: translate(-50% , -50%);

    transform: translate(-50% , 50%);

    position: absolute;

    top: 50%;

    right: -125px;

}

.testimonial-bg-top img {

	-webkit-transform: translate(-50% , -50%);

    -ms-transform: translate(-50% , -50%);

    transform: translate(-50% , -50%);

    position: absolute;

    top: 50px;

    left: 38%;

}

.testimonial-four .h-four {

	padding-bottom: 140px;

}

.testimonial-four .slick-slide img {

	transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

}

.fount-about-img img {

	margin: auto;

	border-radius: 50px;

	width: 80px;

}

.fount-about-img span {

	color: #6E6C83;

	font-size: 18px;

	font-weight: 300;

}

.fount-about-img h3 {

	font-size: 24px;

	color: #201F2E;

	margin: 17px 0px 10px;

}

.testimonial-four .testimonial-two-head p {

    font-size: 20px;

    color: #fff;

    font-weight: 500;

    line-height: 1.6;

	font-style: italic;

	margin: 37px 0px 43px;

}

.testi-quotes {

	position: relative;

}

.testi-quotes img {

	position: absolute;

	left: 205px;

    z-index: 99;

    top: -31px;

}

.testimonial-four .slick-prev, 

.testimonial-four .slick-next {

	top: 62%;

}

.testimonial-four .slick-prev {

	left: 22.5%;

	z-index: 99;

	background: #fff;

	width: 60px;

	height: 60px;

	border-radius: 0;

}

.testimonial-four .slick-next {

	right: 22.5%;

	background: #fff;

	width: 60px;

	height: 60px;

	border-radius: 0;

}

.testimonial-four .slick-prev:hover, 

.testimonial-four .slick-next:hover, 

.testimonial-four .swiper-button-prev:hover, 

.testimonial-four .swiper-button-next:hover {

    color: #fff;

	background: var(--dreamslms_primary_color);

    opacity: 1;

}

.testimonial-four .slick-prev:hover:before, 

.testimonial-four .slick-prev:focus:before, 

.testimonial-four .slick-next:hover:before, 

.testimonial-four .slick-next:focus:before, 

.testimonial-four .swiper-button-prev:hover:before, 

.testimonial-four .swiper-button-next:hover:before {

    color: #fff;

    opacity: 1;

}

.testimonial-four .slick-next:focus, 

.testimonial-four .slick-prev:focus {

    background: var(--dreamslms_primary_color);

}

.testimonial-four .slick-prev:before {

    font-family: "Font Awesome 5 Free";

    content:  "\f060";

	color: #392C7D;

	font-weight: 600;

}

[dir='rtl'] .testimonial-four .slick-prev:before {

    content: '→';

}

.testimonial-four .slick-next:before {

	font-family: "Font Awesome 5 Free";

    content:  "\f061";

	color: #392C7D;

	font-weight: 600;

}

[dir='rtl'] .testimonial-four .slick-next:before {

    content: '←';

}

.testimonial-all {

	padding: 40px;

	position: relative;

	background-image: linear-gradient(#57504d, #f2f3f6);

}

.testi-right {

	position: relative;

}

.testi-right img {

	position: absolute;

    right: -60px;

    top: 0px;

}

.four-testimonial-founder h3 {

	margin: 17px 0px 10px;

	font-size: 24px;

	font-weight: 700;

 }

.four-testimonial-founder span {

	font-size: 18px;

 }

.mentor-img img {

	position: absolute;

    bottom: 0;

    right: 0;

}



/*-----------------

	7. Login

-----------------------*/



.login-bg {

	background-image: url('../images/login-bg.png');

	background-size: cover;

	top: 0;

    left: 0;	

	position: fixed;

	min-height: 100vh;

	display: flex;

    align-items: center;

}

.login-banner {

    width: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.welcome-login {

	padding: 20px 20px 0px 20px;

}

.mentor-course h2 {

	font-size: 30px;

 	margin: 40px 0 20px;

}

.mentor-course p {

	font-size: 14px;

 	margin-bottom: 0;

	max-width: 570px;

	margin: auto;

}

.login-banner img {

	max-width: 350px;

}

.login-slide.owl-theme .owl-dots .owl-dot.active span, 

.login-slide.owl-theme .owl-dots .owl-dot:hover span {

    background: #FFB54A;

}

.login-slide.owl-theme .owl-dots .owl-dot span {

	background: #FF875A;

}

.login-slide.owl-theme .owl-dots, 

.login-slide.owl-theme .owl-nav {

    margin-top: 40px;

}

.login-wrap-bg {

	position: absolute;

	right: 0;

	padding: 0;

}

.login-wrapper {

	width: 100%;

	height: 100vh;

	-webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

	justify-content: center;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

}

.fw-n {

	font-weight: normal;

}

.login-wrapper .loginbox {

	max-width: 100%;

	width: 100%;

 	padding: 90px 100px;

}

.login-wrapper .loginbox .img-logo {

	margin-bottom: 54px;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	align-items: center;

	-webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.login-wrapper .loginbox .img-logo img {

	width: 150px;

}

.back-home {

	margin-left: auto;

}

.back-home a {

	text-decoration: underline;

	font-weight: 400;

}

.login-wrapper .loginbox h1 {

 	font-size: 30px;

	margin-bottom: 30px;

 }

.account-subtitle {

	color: #273656;

	font-size: 18px;

	margin-bottom: 55px;

}

.login-wrapper .loginbox label {

	margin-bottom: 10px;

	width: 100%;

	color: #685F78;

	font-weight: 500;

}

.toggle-password {

    position: absolute;

    right: 17px;

    top: 50%;

    transform: translateY(-50%);

    color: #cccccc;

	cursor: pointer;

}

.remember-me .form-check-input {

	border: 1px solid #e9ecef;

	border-radius: 0;

}

.remember-me a {

	color: var(--dreamslms_primary_color);

}

.pass-group {

    position: relative;

}

.google-bg {

	background: rgba(255, 222, 218, 0.31);

	padding: 50px;

	width: 100%;

}

.sign-google ul {

	padding: 0;

	margin:0;

	display: inline-flex;

}

.sign-google ul li {

	list-style: none;

}

.sign-google ul li a {

	padding: 0px 20px;

	color: #000;

	font-weight: 600;

	display: inline-block;

}

.sign-google ul li a,

.google-bg span a,

.google-bg p,.back-home a {

	font-size: 14px;

	color: #685F78;

}

 

.google-bg p a,.back-home a:hover {

	color: #e72f41;

}

.sign-google ul li a img {

	margin-right: 10px;

}

.sign-google ul li:first-child a {

	border-right: 1px solid #000000

}

.google-bg span a {

	color: var(--dreamslms_secondary_color);

	font-weight: 400;

}

.sign-google {

	margin: 32px 0px;

}

.loginbox .form-control {

	border-color:#e9ecef;

	border-radius: 5px;

	min-height: 50px;

}

.loginbox .form-control:focus {

	border: 1px solid #d3d3d3;

}

.footer_subscription .wpcf7-form-control::placeholder { 

	color: #6e82a3;

}

.loginbox .form-control::placeholder {

	color: #a2a2a2;

}

.toggle-password.feather-eye {

    margin-right: 1px;

	color: #6e82a3;

}

.toggle-password.feather-eye-off {

	color: var(--dreamslms_primary_color);

}

.pass-checked {

	position: absolute;

    right: 40px;

    top: 55%;

    transform: translateY(-50%);

    color: #4CAF50;

	opacity: 0;

}

.pass-checked.active {

	opacity: 1;

}

.forgot-link  {

    color: #685F78;

    font-size: 14px;

    font-weight: 500;

}

.forgot {

	margin-bottom: 1.5rem;

	text-align: right;

}

.remember-me label {

	font-size: 14px;

}

.remember-me {

	margin-bottom: 30px;

}

.btn-start {

	background: var(--dreamslms_btn_primary_back);

	border: 1px solid var(--dreamslms_btn_primary_back);

	border-radius: 5px;

	padding: 12px 15px;

    font-weight: 700;

	color: #FFF;

}

.btn-start:hover {

	background: var(--dreamslms_btn_primary_hover);

	border: 1px solid var(--dreamslms_btn_primary_hover);

	color:  var(--dreamslms_btn_primary_color);

}

.login-wrapper .loginbox .dont-have {

	color: #273656;

	margin: 27px 0 0;

	font-size: 20px;

}

.login-wrapper .loginbox .dont-have a {

	color: var(--dreamslms_primary_color);

}

.login-wrapper .loginbox .dont-have a:hover {

	text-decoration: underline;

}

.tutor-ratings-stars .tutor-icon-star-bold {

    color: #ED9700;

}

.tutor-ratings-stars .tutor-icon-star-line {

    color: #777;

}

.course-feature .product:hover .tutor-ratings-stars .tutor-icon-star-line, 

.trending-course .product:hover .tutor-ratings-stars .tutor-icon-star-line {

    color: #fff;

}

li.tutor-dashboard-menu-announcements {

    display: none;

}

.mycourses_btn {

	margin-left: 0.5rem;

}

.mycourses_btn_wrapper:hover {

	color: var(--dreamslms_primary_color);

}

.reset-password p {

	font-size: 16px;

	color: #685F78;

	margin-bottom: 20px;

	font-weight: 500;

}

.log-wrap .login-wrapper {

	flex-direction: column;

	flex-wrap: unset;

	justify-content: unset;

}

.log-wrap .google-bg {

	margin-top: auto;

}

.custom_check {

    color: #685F78 !important;

    display: inline-block;

    position: relative;

    font-size: 14px !important;

    margin-bottom: 15px;

    padding-left: 25px;

    cursor: pointer;

	font-weight: 400 !important;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    line-height: 18px;

	font-family: 'Noto Sans', sans-serif;

}

.custom_check input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}

.custom_check input:checked ~ .checkmark {

    background-color: var(--dreamslms_primary_color);

    border-color: var(--dreamslms_primary_color);

}

.custom_check .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 15px;

    width: 15px;

    border: 1px solid var(--dreamslms_primary_color);

    background-color: #fff;

    border-radius: 2px;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.custom_check .checkmark::after {

    content: "\e92b";

    font-family: 'feather' !important;

    font-weight: 900;

    position: absolute;

    display: none;

    left: 2px;

    top: -2px;

    color: #ffffff;

    font-size: 9px;

}

.custom_check input:checked ~ .checkmark:after {

    display: block;

}



/*-----------------

	8. Register Step

-----------------------*/



.register-step .login-banner img {

    max-width: 350px;

}

.login-wrapper .register-box {

    padding: 40px;

}

.login-wrapper .register-box .img-logo {

	margin-bottom: 17px;

}

.profile-box {

	background: #FAFAFA;

	border-radius: 10px;

	padding: 20px 20px 4px 20px;

	height: 100%;

}

.profile-box h3 {

	font-size: 15px;

	color: #000;

	text-align: center;

	margin: 24px 0px;

}

.personal-detail {

	background: #FFFFFF;

	box-shadow: 0px 0px 7px 10px rgba(227, 227, 227, 0.16);

	border-radius: 10px;

	padding: 15px;

	margin-bottom: 16px;

	position: relative;

}

.personal-text h4 {

	font-size: 15px;

	font-weight: 500;

	color: #000;

	margin-bottom: 3px;

}

.personal-text p {

	font-size: 12px;

	color: #000;

	font-weight: 400;

}

.personal-detail span {

	background: rgba(224, 224, 224, 0.42);

    width: 30px;

    height: 30px;

	font-size: 14px;

	color: #000;

	margin-right: 10px;

	border-radius: 50px;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.personal-detail .active-color {

	background: #159F46;

	color: #fff;

}

.personal-form {

	background: #FFFFFF;

	border: 1px solid #c7c7c740;

	border-radius: 10px;

	padding: 20px;

	height: 100%;

	position: relative;

}

.personal-form h4 {

	font-size: 20px;

	color: #000000;

	margin-bottom: 28px;

}

.personal-form .form-select {

	border-color: rgba(255, 222, 218, 0.71);

	min-height: 40px;

	font-size: 14px;

	color: #C4C4C4;

}

.personal-form .form-select:focus {

	box-shadow: none;

}

.personal-form .form-group {

    margin-bottom: 15px;

}

.next-btn .btn-start {

	font-weight: 700;

	min-width: 163px;

	padding: 12px 15px;

}

.form-check-input:checked {

    background-color: var(--dreamslms_primary_color);

    border-color: var(--dreamslms_primary_color);

}

.form-check-input:focus {

	box-shadow: none;

	border-color: var(--dreamslms_primary_color);

}

.form-switch .form-check-input:checked {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;

}

.form-switch .form-check-input:focus {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ff5364'/%3e%3c/svg%3e");

}

.check-on .form-check-input {

	min-height: 30px;

    width: 70px;

	margin: 0;

	cursor: pointer;

}

.check-on {

	display: flex;

	align-items: center;

	padding: 0;

	margin: 10px 0px 30px;

}

.loginbox .check-on label {

	margin-bottom: 0;

	margin-left: 15px;

	font-size: 14px;

	color: #000000;

	font-weight: 400;

}

.btn-back {

	background: #777777;

	border-radius: 5px;

	padding: 12px 15px;

    font-weight: 700;

	color: #FFF;

	margin-right: 25px;

}

.btn-back:hover {

	background: #746e6e;

	color: #FFF;

}

.back-btn .btn-back {

    font-weight: 700;

    min-width: 163px;

    padding: 12px 15px;

}

.google-account {

	margin-bottom: 20px;

}

.account-list h4 {

	font-size: 16px;

	color: #000;

	font-weight: 400;

	margin-bottom: 20px;

}

.account-list p {

	color: #685F78;

	font-size: 14px;

}

.account-btn {

	margin-top: 10px;

}

.account-link,

.google-link {

	margin-top: 17px;

}

.account-link .btn-primary {

	min-width: 243px;

	background-color: #777777;

	border: 1px solid #777777;

	font-size: 14px;

	padding: 7px 15px;

}

.account-link .btn-primary:hover {

	opacity: 0.8;

}

.google-link .btn-primary {

	min-width: 191px;

	background-color: #fff;

	border: 1px solid #C4C4C4;

	padding: 7px 15px;

	font-size: 14px;

	color: #685f78;

}

.google-link .btn-primary:hover {

	background-color: #777777;

	border: 1px solid #777777;

	color: #fff;

}

.your-done p {

	font-size: 14px;

	color: #685F78;

}

.your-done p a {

	color: var(--dreamslms_primary_color);

}

.work-done {

	position: absolute;

	bottom: 20px;

}

.password-strength {

	display: flex;

	margin-top: 15px;

}

.password-strength span {

	width: 100%;

    height: 5px;

    background: #E3E3E3;

    margin-right: 10px;

	border-radius: 5px;

}

.password-strength span:last-child {

	margin-right: 0;

}

.weak-pass .password-strength span {

	background: #FF0000;

}

.reset-account p {

	font-size: 14px;

	color: var(--dreamslms_secondary_color);

	margin-top: 39px;

}

.reset-account p a {

    color: var(--dreamslms_primary_color);

}

.verification-code .form-group {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.verification-code .form-control {

	min-height: 70px;

    width: 70px;

	text-align: center;

	margin-right: 35px;

	margin-bottom: 20px;

}

.send-code a {

	color: #392C7D;

	font-size: 14px;

	text-decoration: underline;

}

.send-code {

	margin: 7px 0px 40px;

}

.active-bar:before {

	content: "";

	position: absolute;

	width: 2px;

	height: 40px;

	background: #159F46;

	left: 6px;

}

.progress{

    width: 100%;

    height: 6px!important;

    line-height: 110px;

    background: none;

    margin: 0 auto;

    box-shadow: none;

    position: relative;

}	

 .tutor-progress-bar-wrap {

		position: relative;

 }

/*

.progress:after{

}

 .progress:after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 12px solid #fff;

    position: absolute;

    top: 0;

    left: 0;

} */

.progress > span{

    width: 50%;

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    z-index: 1;

}

.progress .progress-left{

    left: 0;

}

.progress .progress-bar{

    width: 100%;

    height: 100%;

    background: none;

    border-width: 8px;

    border-style: solid;

    position: absolute;

    top: 0;

}

.progress .progress-left .progress-bar{

    left: 100%;

    border-top-right-radius: 80px;

    border-bottom-right-radius: 80px;

    border-left: 0;

    -webkit-transform-origin: center left;

    transform-origin: center left;

}

.progress .progress-right{

    right: 0;

}

.progress .progress-right .progress-bar{

    left: -100%;

    border-top-left-radius: 80px;

    border-bottom-left-radius: 80px;

    border-right: 0;

    -webkit-transform-origin: center right;

    transform-origin: center right;

    animation: loading-1 1.8s linear forwards;

}

.progress .progress-value{

    width: 90%;

    height: 90%;

    border-radius: 50%;

    background: #ffffff;

    font-size: 20px;

    color: #159f46;

    text-align: center;

    position: absolute;

    top: 5%;

    left: 5%;

}

.progress.blue .progress-bar{

    border-color: #159f46;

}

.progress.blue .progress-left .progress-bar{

    animation: loading-2 1.5s linear forwards 1.8s;

}

@keyframes loading-1{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(40deg);

        transform: rotate(40deg);

    }

}

@keyframes loading-1{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }

}

.circle-bar > div {

	display: inline-block;

	position: relative;

	text-align: center;

}

.circle-bar > div canvas {

    width: 110px !important;

    height: 110px !important;

}

.circle-bar > div p {

    left: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    text-align: center;

    margin: 0 auto;

    transform: translate(-50%, -50%);

	font-weight: 700;

	font-size: 24px;

	color: #159F46;

}

.circle-bar > div p span {

	font-weight: 500;

	font-size: 14px;

	color: #000000;

	display: block;

}

#passwordInfo, #passwordInfos {

  font-size: 12px;

  font-weight: 400;

  margin-top: 15px;

}

.poor-active span.active#poor, 

.poor-active span.active#poors {

	background: #FF0000;

}

.avg-active span.active#poor, .avg-active span.active#weak,

.avg-active span.active#poors, .avg-active span.active#weaks {

	background: #FFB54A;

}

.strong-active span.active#poor, .strong-active span.active#weak, .strong-active span.active#strong,

.strong-active span.active#poors, .strong-active span.active#weaks, .strong-active span.active#strongs {

	background: #1D9CFD;

}

.heavy-active span.active#poor, .heavy-active span.active#weak, .heavy-active span.active#strong, .heavy-active span.active#heavy,

.heavy-active span.active#poors, .heavy-active span.active#weaks, .heavy-active span.active#strongs, .heavy-active span.active#heavys {

	background: #159F46;

}

input[type=password]::-ms-reveal,

input[type=password]::-ms-clear

{

	display: none;

}



/*-----------------

	9. Courses

-----------------------*/



.top-bar {

	background: var(--dreamslms_primary_color);

	padding: 10px 15px;

	color: #fff;

}

.top-bar a {

	color: #fff;

}

.top-bar a:hover {

	color: #fff;

}

.header-page {

	position: sticky;

	z-index: 99;

	background-color: #fff;

}

.home .header-page{

	position: fixed;

    width: 100%;

	background-color: transparent;

}

.home .header-page.add-header-bg {

	background-color: #fff;

}

.header-page .scroll-sticky {

    margin-top: 0px;

}

.header-page .add-header-bg .header-border {

    border-bottom: 0;

}

.header-border {

	border-bottom: 1px solid #DFDFE0;

	padding-top:12px;

	padding-bottom:12px;

}

.card-body.course_tags {

   padding-bottom: 14px!important;

}

/*============================

  32.breadcrumb

============================*/



.breadcrumb-bar {

    padding: 40px 0 40px;

    position: relative;

    z-index: 1;

    background: linear-gradient(135deg, var(--dreamslms_primary_color) 0%, var(--dreamslms_secondary_color) 100%);

}



.breadcrumb-bar .breadcrumb-title {

    font-size: 36px;

    color: #212529;

    font-weight: 700;

    margin-bottom: 0;

}



@media (max-width: 991px) {

    .breadcrumb-bar .breadcrumb-title {

        font-size: 26px;

    }

}



@media (max-width: 767px) {

    .breadcrumb-bar .breadcrumb-title {

        font-size: 22px;

    }

}



.breadcrumb .breadcrumb-item {

    color: #212529;

    position: relative;

    font-size: 14px;

}



.breadcrumb .breadcrumb-item a {

    color: #212529;

}



.breadcrumb .breadcrumb-item a:hover {

    color: var(--dreamslms_secondary_color);

}



.breadcrumb .breadcrumb-item + .breadcrumb-item {

    margin-left: 26px;

}



.breadcrumb .breadcrumb-item + .breadcrumb-item:before {

    content: "";

    width: 15px;

    height: 5px;

    border-radius: 5px;

    background: var(--dreamslms_secondary_color);

    position: absolute;

    left: -16px;

    top: 50%;

    transform: translateY(-50%);

}



.breadcrumb .breadcrumb-item.active {

    color: #6c757d;

}



/* Background classes with WordPress-compatible image paths */

.breadcrumb-bg-01 {

    background: url('../images/bg/bg-1.png') no-repeat;

    background-size: cover;

}



.breadcrumb-bg-02 {

    background: url('../images/bg/bg-2.png') no-repeat;

    background-size: cover;

    background-position: center;

}



/* .breadcrumb-bg-03 {

    background: url('../images/bg/bg-3.png') no-repeat;

    background-size: cover;

} */



.breadcrumb-bg-04 {

    background-color: #212529;

}



/* .breadcrumb-bg-05 {

    background: url('../images/bg/bg-4.png') no-repeat;

    background-size: cover;

    background-position: center;

} */



.breadcrumb-bg-06 {

    background: url('../images/bg/bg-5.png') no-repeat;

    background-size: cover;

    background-position: center;

}

.course-content {

	background:#fafafa;

	padding: 80px 0px;

}

.course-design {

	border: 1px solid #e9ecef;

}

.course-design .product {

	background: #fff;

}

.course-design .product:hover {

	background: #fff;

}

.tutor-topbar-mark-btn {

	padding: 5px 10px;

	font-size: 14px;

}

.course-design .product:hover .course-info p, 

.course-design .product:hover .course-name p, 

.course-design .product:hover .course-name h4 a, 

.course-design .product:hover .btn-primary,

.course-design .product:hover .course-share i {

	color: #685F78;

}

.course-design .product:hover .product-content h3 a {

    color: var(--dreamslms_secondary_color);

}

.course-design .product:hover .rating-img img, 

.course-design .product:hover .course-view img {

    filter: none;

}

.course-design .product:hover {

	color: var(--dreamslms_secondary_color);

}

.course-design .product:hover .course-share i {

    color: var(--dreamslms_primary_color);

}

.course-design .all-category .btn-primary:hover{

	color: #fff;

}

.course-design .course-info p {

	font-size: 14px;

	display: flex;

}

.course-design .product {

	padding: 12px;

}

.product-content.dashboard ul.list-inline{

	display: inline-flex;

	align-items: center;

}

.product-content.dashboard ul.list-inline p{

	margin-bottom: 0 !important;

	margin-left: 5px;

}

.course-design .card-footer {

	padding: 12px;

}

.course-design .price h3 {

    font-size: 20px;

}

.course-info .course-view p span{

	margin-right: 2px;

}

.price {

    /* min-width: 140px; */

    padding: 6px 15px;

}

.price.nomin_width {

	min-width:inherit;

}

.price ins{

	text-decoration: none;

}



/*-----------------

	10. Pricing Plan

-----------------------*/



.title-sec {

	margin-bottom: 30px;

}

.title-sec h5 {

	font-weight: 700;

	font-size: 18px;

	color: var(--dreamslms_primary_color);

	margin-bottom: 18px;

}

.title-sec h2 {

	font-weight: 700;

	font-size: 36px;

	color: #0B0B0B;

	margin-bottom: 18px;

}

.title-sec p {

	font-weight: 500;

	color: #685F78;

	padding-bottom: 10px;

}

.plan-box {

	background: #FFFFFF;

	border-radius: 10px;

	padding: 20px;

	display: flex;

    justify-content: space-between;

	margin-bottom: 25px;

	border: 1px solid #e9ecef;

}

 

.plan-box h4 {

	color: var(--dreamslms_primary_color);

	margin-bottom: 16px;

	font-weight: 700;

}

.plan-box p {

	color: #685F78;

	font-size: 14px;

	margin-bottom: 16px;

}

.plan-box p:last-child {

	margin-bottom: 0;

}

.plan-box h3 {

	font-size: 36px;

	display: inline-flex;

}

.plan-box h3 span {

	font-size: 16px;

	position: relative;

    top: 7px;

}

.benefit-box {

	background: #FFFFFF;

	border-radius: 10px;

	padding: 20px;

	margin-bottom: 30px;

	border: 1px solid #e9ecef;

}

.benefit-box h5 {

	font-size: 18px;

	color: #0B0B0B;

	margin-bottom: 20px;

}

.benefit-box a {

	padding: 9px;

    font-weight: 700;

    font-size: 20px;

}

.benefit-box ul {

	padding-left: 15px;

	margin-bottom: 40px;

}

.benefit-box ul li {

	font-size: 14px;

	color: #685F78;

	margin-bottom: 10px;

}

.table>:not(:first-child) {

    border-top: 0;

}

.table-price tr {

	border-color: var(--dreamslms_primary_color_opacity);

}

.table-price thead tr {

	border-color: transparent;

}

.table-price tr.basic-cell {

	border-left: 1px solid transparent;

}

.table-price td {

	font-size: 18px;

	font-weight: 500;

	color: #685F78;

}

.table-price .self-cell {

	background: var(--dreamslms_primary_color);

	color: #FFF;

}

.table-price .business-cell {

	background: #392C7D;

	color: #FFF;

}

.enable-item {

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

	margin-bottom: 35px;

}

.enable-item .check-on .form-check-input {

    min-height: 28px;

    width: 53px;

}

.main-title {

	font-size: 36px;

	font-weight: 700;

	margin-bottom: 40px;

}

.price-sec {

	margin-bottom: 70px;

}

.price-box {

	background: #FFFFFF;

    border-radius: 10px;

    padding: 20px;

    margin-bottom: 25px;

    border: 1px solid #e9ecef;

}

.price-box h4 {

	color: var(--dreamslms_primary_color);

	margin-bottom: 16px;

	font-weight: 700;

}

.price-box p {

	color: #685F78;

	font-size: 14px;

	margin-bottom: 20px;

}

.price-box h3 {

	font-size: 36px;

	display: inline-flex;

	margin-bottom: 20px;

}

.price-box h3 span {

	font-size: 16px;

	position: relative;

    top: 7px;

}

.price-box h5 {

	font-size: 18px;

	color: #0B0B0B;

	margin-bottom: 30px;

}

.btn-free {

	padding: 12px;

    font-weight: 700;

	background: #FFFFFF;

	border: 1px solid var(--dreamslms_primary_color);

	border-radius: 5px;

	color: var(--dreamslms_primary_color);

	transition: 0.7s;

}

.price-box ul {

	padding-left: 15px;

	margin-bottom: 40px;

}

.price-box ul li {

	font-size: 14px;

	color: #685F78;

	margin-bottom: 10px;

}

.price-box:hover .btn-free {

	border: 1px solid var(--dreamslms_primary_color);

	background: var(--dreamslms_primary_color);

	color: #FFF;

}

.recom-badge {

	background: #392C7D;

	border-radius: 5px;

	padding: 4px;

	font-size: 14px;

	color: #FFFFFF;

	display: inline-block;

}



/*-----------------

	11. Notifications

-----------------------*/



.notify-sec h5 {

	font-weight: 700;

	font-size: 18px;

	color: var(--dreamslms_primary_color);

	margin-bottom: 38px;

}

.btn-mark {

	background: var(--dreamslms_primary_color);

	font-weight: 600;

	padding: 12px;

	color: #FFFFFF;

}

.btn-mark:hover {

	color: #FFF;

	background: #f94355;

}

.notify-item {

	background: #FFFFFF;

	backdrop-filter: blur(17px);

	border-radius: 10px;

	padding: 20px;

	margin-bottom: 20px;

}

.notify-item img {

	width: 50px;

	height: 50px;

	border: 1px solid #E3E3E3;

	border-radius: 50%;

}

.notify-content {

	display: flex;

}

.notify-detail {

	margin-left: 10px;

}

.notify-detail h6 {

	font-weight: 600;

	font-size: 18px;

}

.notify-detail h6 span {

	font-weight: 500;

	font-size: 14px;

	color: #A5ACB8;

}

.notify-detail p {

	font-size: 14px;

	color: #685F78;

	margin-bottom: 0;

}

.notify-item a.btn {

	background: #FFFFFF;

	border: 1px solid #303030;

	border-radius: 5px;

	font-weight: 600;

	color: #303030;

	padding: 12px;

    min-width: 150px;

}

.notify-item a.btn:hover {

	background: #303030;

	color: #FFF;

}

.dropdown-menu.dropdown-menu-right {

    left: auto;

    right: 0;

    margin-top: 15px;

}



/*-----------------

	12. Wishlists

-----------------------*/



.wishlist-item {

	background: #FFFFFF;

	border: 1px solid rgb(199 199 199 / 25%);

	border-radius: 5px;

	padding: 15px;

	margin-bottom: 20px;

}

.wishlist-item:last-child {

	margin-bottom: 0;

}

.wishlist-detail {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	width: 100%;

}

.wishlist-img {

	margin-right: 20px;

	position: relative;

}

.wishlist-img img {

	max-width: 205px;

	width: 100%;

	height: 154px;

	border-radius: 10px;

}

.wishlist-info {

	overflow: hidden;

}

.wishlist-info h5 {

	margin-bottom: 16px;

	white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.wishlist-info h5 a {

	color: #000000;

	font-family: 'Poppins', sans-serif;

}

.wishlist-info h5 a:hover {

	color: var(--dreamslms_primary_color);

}

.wishlist-info .course-view {

	margin-left: 30px;

}

.wishlist-item .remove-btn {

	text-align: right;

}

.price-amt {

	background: #FFFFFF;

	border-radius: 10px;

	position: absolute;

    bottom: 12px;

    right: 12px;

	padding: 6px 12px;

}

.price-amt h4 {

	color: var(--dreamslms_primary_color);

	font-weight: 700;

	font-family: 'Poppins', sans-serif;

	margin-bottom: 0;

}

.wishlist-item .remove-btn a {

	font-size: 16px;

	padding: 4px 12px;

}

.wish-card .card-header {

    border-bottom: 1px solid #DFDFE0;	

	padding: 35px;

}

.wish-card .card-header h5 {

    margin-bottom: 0;

	color: #000;

}

.wish-card .card-body {

    padding: 35px;

}

.wish-card {

	border-radius: 10px;

}

.wish-card .card-header {

	background: transparent;

}



/*-----------------

	13. Course Details

-----------------------*/



.subs-title {

	font-size: 22px;

	font-weight: 600;

 	margin-bottom: 24px;

}

 

.overview-sec h6 {

	font-weight: 600;

	font-size: 16px;

 	margin-bottom: 20px;

}

.overview-sec ul {

	padding-left: 20px;

	margin: 0 0 20px;

}

.single-courses .overview-sec ul {

	padding-left: 15px;

	margin: 0;

	margin-bottom: 15px;

}

.single-courses .overview-sec ul li:last-child {

 	margin: 0;

}

.overview-sec-body.designation_card_body {

	padding-bottom: 14px;

}

.overview-sec ul li {

	font-size: 14px;

	margin-bottom: 10px;

}

.overview-sec-body {

	padding-bottom: 24px;

}



.instructor-wrap-main {

	 

	border-bottom: 1px solid #e9ecef;

	margin-bottom: 15px;

	padding-bottom: 15px;

 

}

.instructor-wrap-main:last-child {

	 

	border-bottom: 0 solid #e9ecef;

	margin-bottom: 0;

	padding-bottom: 0;

 

}



.instructor-wrap {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-flex-pack: space-between;

	align-items: center;

 	margin-bottom: 0;

	flex-wrap: wrap;

}

.instructor-wrap.review_wrap{

	margin-bottom: 1.5rem;

}

.tutor-quiz-header .card .card-header {

 	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

}

 

#tutor-quiz-image-matching-choice {

	margin-bottom: 1.5rem;

}

#tutor-quiz-attempt-questions-wrap  .tutor-form-check-input {

    width: 18px;

    height: 18px;

	margin-top: 4px;

	margin-right: 5px;

}

#tutor-quiz-attempt-questions-wrap .tutor-form-check-input {

	appearance: auto;

}

.tutor-quiz-questions-pagination ul{

padding: 0;

list-style: none;

}

.tutor-quiz-questions-pagination ul li {

	display: inline-block;

 }

.tutor-quiz-questions-pagination ul li a {

 

		margin-right: 15px;

		border: 1px solid var(--dreamslms_primary_color_opacity);

		border-radius: 5px;

		width: 40px;

		height: 40px;

		color: #000000;

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

}

.tutor-quiz-questions-pagination ul li a.active{

    background-color: var(--dreamslms_primary_color);

    border-color: var(--dreamslms_primary_color);

    color: #fff;

}

.quiz-time-remaining { 

	margin-left: 12px;

}

.quiz-time-remaining .text-regular-body{ 

	margin-bottom: 0;

	font-size: 16px;

}

.quiz-time-remaining-progress-circle {

	display: none;

}

.instructor-wrap.review_wrap:last-child{

 	border-bottom: 0;

}

.instructor-wrap.review_wrap:last-child p {

	margin-bottom: 0;

}

.tutor-modal-content .tutor-px-lg-48.tutor-py-lg-24{

	padding: 0!important;

}





.tutor-modal-content .tutor-modal-actions{

	margin: 0!important;

	margin-top: 1.5rem!important;

}

 

.text-regular-body {

    font-weight: 400;

    font-size: 14px;

}

.tutor-table tr td {

    font-weight: 400;

}

.about-instructor {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	margin-bottom: 15px;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}

.abt-instructor-img {

	margin-right: 10px;

}

.abt-instructor-img img {

	width: 50px;

	height: 50px;

 	border-radius: 50%;

}

.instructor-wrap .rating {

	width: unset;

	margin-bottom: 15px;

	font-size: 14px;

}

.instructor-detail h6,

.instructor-detail h5 {

    font-weight: 600;

    font-size: 16px;

	margin-bottom: 5px;

}

.instructor-detail p {

  	margin-bottom: 0;

}

/* .course-info {

	border-bottom: 1px solid #e9ecef;

	margin-bottom: 15px;

	padding-bottom: 15px;

} */

 

.cou-info {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

	margin-right: 15px;

}

.cou-info:last-child {

	margin-right: 0;

}

.cou-info p {

	font-size: 16px;

	font-weight: 500;

}

.instructor-sec ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.instructor-sec ul li {

	font-size: 14px;

}

.rev-info {

	font-style: italic;

}

.btn-reply {

	background: #FFFFFF;

    border: 1px solid #392C7D;

    border-radius: 50px;

    padding: 6px 22px;

    font-weight: 500;

    font-size: 14px;

    color: #392C7D;

}

.btn-reply:hover {

	background: #392C7D;

	color: #FFF;

}

.comment-sec .form-control {

	background: rgba(229, 229, 229, 0.42);

}

.submit-btn {

	font-weight: 500;

    color: var(--dreamslms_primary_color);

    border-radius: 5px;

    padding: 10px 15px;

    min-width: 150px;

    border: 2px solid var(--dreamslms_primary_color);

   }

.submit-btn:hover {

	background: var(--dreamslms_primary_color);

	color: #FFF;

}

.cou-title a.cou-titleinner  {

	background: rgba(161, 196, 253, 0.12);

	border-radius: 5px;

	padding: 15px;

 	font-size: 14px;

	color: #685f78;

	position: relative;

	display: block;

	font-weight: 500;

	font-size: 15px;

 	margin-bottom: 0.5rem;

}

.list-group-item.cou-title:last-child  a.cou-titleinner {

	margin-bottom: 0;

}

.cou-title > a:after {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f078";

    position: absolute;

    top: 50%;

	transform: translateY(-50%);

    right: 15px;

    color: #685f78;

}

.list-group-item .text-truncate {

    color: #685f78;

}

.cou-title > a:not(.collapsed):after {

    content: "\f077";

}

.course-card ul {

	margin: 0;

	padding: 0;

}

.list-group-flush>.list-group-item {

    border-width: 0 0 0;

}

.list-group-flush>.list-group-item.cou-title ul li {

    border-width: 0 0 1px;

}

.list-group-flush>.list-group-item.cou-title ul li:last-child {

    border-width: 0 0 0;

}

.list-group-flush>.list-group-item.cou-title:last-child ul li:last-child {

     padding-bottom: 0;

}

.signup_bottom p {

	font-weight: normal;

}

.signup_bottom .link_color {

	color: var(--dreamslms_primary_color);

}

.signup_bottom .link_color:hover {

	color: #e72f41;

}



.list-group-flush>.list-group-item.cou-title{

	margin-bottom: 0.5rem;

}

.course-card ul li   {

	display: block;

	justify-content: space-between;

	border-bottom: 1px solid #C7C7C7;

	padding: 15px 0;

}

.course-card ul li.not_enrolled   {

	border-bottom: 1px solid #e9ecef!important;

 }

 .course-card ul li.not_enrolled:last-child   {

	border-bottom:none!important;

 }

 

.course-card ul li:last-child {

	border-width: 0;

}

.course-card ul li.cou-title{

    border-width: 0;

}

.course-card ul li p {

	font-size: 14px;

	margin-bottom: 0;

}

.course-card ul li a {

	font-size: 14px;

	text-decoration: underline;

}

.course-card ul li span {

	font-size: 15px;

	margin-left: 30px;

}

.course-enrolled-sidebar .card{

	border-radius: 10px;

}

.course-enrolled-sidebar .card-header{

	border-radius: 10px;

}

.video-sec img {

	width: 100%;

}

.video-thumbnail {

	position: relative;

}

.play-icon {

	position: absolute;

	top: 50%;

	left: 50%;

	background: rgb(1 1 1 / 40%);

	width: 90px;

	height: 90px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	border-radius: 50%;

	transform: translate(-50%, -50%);

	color: #FFF;

}

.play-icon i {

	font-size: 50px;

    padding-left: 8px;

}

.course-fee {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-flex-pack: center;

	flex-wrap: wrap;

}

.inner-banner {

	padding: 80px 0;

	background: url("../images/inner-banner.jpg");

	background-size: cover;

	background-repeat: no-repeat;

	position: relative;

}

.inner-banner:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0.76);

}

.inner-banner .container {

	position: relative;

}

.inner-banner p, .inner-banner h5, .inner-banner h2, .inner-banner .average-rating {

	color: #FFF;

}

.inner-banner h2 {

	font-size: 42px;

	margin-bottom: 15px;

}

.inner-banner p {

	font-size: 14px;

}

.web-badge {

	background: #FFB54A;

	border-radius: 50px;

	padding: 6px 15px;

	font-weight: 500;

	font-size: 14px;

	color: #FFF;

}



.tutor-login-modal label {

    margin-bottom: 10px;

    width: 100%;

    color: #685F78;

    font-weight: 500;

}



.web-badge:hover {

	background: #e19b36;

}

.sidebar-sec {

	margin-top: -305px;

}

 

.vid-bg {

	position: relative;

	z-index: 1;

}

.video-details {

	margin-top: 25px;

}

.tutor-course-sidebar-card-pricing .video-details {

	margin-top: 0;

	margin-bottom: 10px;

}

.video-details h2 {

	font-weight: 700;

	font-size: 30px;

	color: #159F46;

	font-family: 'Poppins', sans-serif;

	margin-bottom: 12px;

}

.video-details p {

	font-size: 14px;

	color: #777777;

	font-family: 'Poppins', sans-serif;

	margin-bottom: 12px;

}

.video-details p span {

	text-decoration: line-through;

}

.btn-enroll {

	background: #159F46;

	border: 1px solid #159F46;

	border-radius: 50px;

	font-weight: 500;

	font-size: 16px;

	color: #FFF;

	padding: 10px 20px;

	min-height: 50px;

}

.btn-enroll:hover {

	color: #FFF;

	background: #0c993e;

}

 

.tutor-course-sidebar-card-body .tutor-btn {

	background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

	border-radius: 50px;

	padding: 10px 20px;

	color: #fff;

	/* font-size: 16px;

	font-weight: 500; */

	 

 }

.tutor-course-sidebar-card-body .tutor-btn:hover {

	background: #e72f41;

	border: 1px solid #e72f41;

  	color: #fff;

  }

#tutor-lesson-sidebar-tab-content .tutor-accordion-item-body {

	margin-top: 1rem;

}

#tutor-lesson-sidebar-tab-content .tutor-accordion-item-header::after {

	right: 0;

}

#tutor-lesson-sidebar-tab-content .tutor-accordion-item-header::after{

	content: "\f054";

	font-family: "Font Awesome 6 Free"!important;

    font-weight: 900;

}

.btn-wish {

	background: #FFFFFF;

	border: 1px solid var(--dreamslms_primary_color);

	border-radius: 50px;

	padding: 10px 20px;

	color: var(--dreamslms_primary_color);

	font-size: 16px;

	font-weight: 500;

	margin-bottom: 15px;

	min-height: 50px;

}

.btn-wish:hover {

	background: var(--dreamslms_primary_color);

	color: #FFF;

}

.include-sec ul, .feature-sec ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.include-sec ul li {

	font-size: 14px;

	margin-bottom: 15px;

}

.include-sec ul li:last-child, .feature-sec ul li:last-child {

	margin-bottom: 0;

}

.feature-sec ul li {

 	padding: 10px 0;

 }

.feature-sec ul li span {

	font-weight: 700;

}

.feature-sec ul li:last-child {

	border: 0;

	padding-bottom: 0;

}

.com-info {

	display: flex;

}

.com-info h2 {

	font-size: 30px;

	color: #000;

	margin-bottom: 15px;

}

.complete-sec .video-thumbnail {

	max-width: 350px;

	margin-left: 15px;

}

.no-video .card {

	background: #FFF;

}

.no-video .video-details {

	margin: 0;

}

.btn-cart {

	background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

	border-radius: 50px;

	font-weight: 500;

	font-size: 14px;

	color: #FFF;

	padding: 13px 20px;

}

.btn-cart:hover {

	color: #FFF;

	background: #f4554e;

}

.overflow-links {

	margin: 0 0 10px;

	padding: 0;

	list-style: none;

}

.overflow-links li {	

	display: inline-block;

}

.overflow-links li a {

	border: 1px solid #392C7D;

	border-radius: 50px;

	min-width: 150px;

	padding: 8px 10px;

	font-weight: 500;

	font-size: 16px;

	color: #392C7D;

	display: inline-block;

	margin-bottom: 15px;

    text-align: center;

}

.overflow-links li a:hover, .overflow-links li a.active {

	background: #9C8FDB;

	color: #FFF;	

	border: 4px solid transparent;

    background-origin: border-box;

    background-clip: padding-box, border-box;

    background-image: linear-gradient(#9C8FDB, #9C8FDB), linear-gradient(to bottom, rgba(180, 167, 245, 1), rgba(57, 44, 125, 1));	

}

#Overview, #Course_Content, #Instructor, #Reviews  {

	scroll-margin-top: 80px;

}

.complete-sec .cou-info p {

	color: #000;

}

.br-1 {

	border-right: 1px solid rgb(199 199 199 / 25%);

}

.bb-1 {

	border-bottom: 1px solid rgb(199 199 199 / 25%);

}

.com-course .feature-sec ul li {

	border-bottom: 0;

	padding: 0 0 15px;

}

.com-course .feature-sec ul li:last-child {

	padding: 0;

}

.complete-sec h2 {

	 font-size: 30px;

	 margin-bottom: 15px;

}

.course-sec .course-info, .inner-banner .course-info,

.instructor-wrap .about-instructor {

	flex-wrap: wrap;

}

.course-sec .card {

	border-radius: 10px;

}

.page-content {

	background: #fafafa;

	padding: 80px 0 56px;

}



.about-instructor.page-content {

	padding: 80px 0 50px;

}

.instructor-page-content {

	padding: 60px 0 30px;

}

.cat-title {

	margin-bottom: 15px;	

}

.cat-title h4 {

	font-size: 18px;

	font-weight: 700;

 	margin-bottom: 0px;

	display: inline-block;

}

.cat-title span {

	float: right;

	margin-bottom: 15px;

}



/*-----------------

	14. Help Center

-----------------------*/



.help-sec {

	padding: 80px 0 50px;

	background: #FAFAFA;

}

.terms-content {

	padding: 80px 0 80px;

	background: #FAFAFA;

}

.terms-content p:last-child {

    margin-bottom: 0;

}

.terms-content ul {

    margin-bottom: 24px;

    list-style: none;

    padding: 0;

}

.terms-content ul li {

    position: relative;

    font-size: 14px;

    margin-bottom: 10px;

    padding-left: 30px;

}

.terms-content ul li:before {

    position: absolute;

    top: 0;

    left: 0;

    font-family: 'FontAwesome';

    font-weight: 900;

    content: "\f058";

    color: var(--dreamslms_primary_color);

}



.help-title {

	padding-bottom: 15px;

}

.help-title h1 {

	font-weight: 700;

	margin-bottom: 18px;

}

.help-title p {

	font-size: 18px;

	margin-bottom: 15px;

}

.faq-card {

	background: #FFFFFF;

	border: 1px solid #e9ecef;

	border-radius: 10px;	

	margin-bottom: 30px;

}

.faq-title {

	margin-bottom: 0;

}

.faq-title a {

	padding: 15px;

	font-weight: 600;

	font-size: 16px;

	color: var(--dreamslms_secondary_color);

	position: relative;

	display: block;

	padding-right: 60px;

}

.faq-title > a:after {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\2b";

    position: absolute;

    top: 50%;

	transform: translateY(-50%);

    right: 15px;

    color: var(--dreamslms_secondary_color);

}

.faq-title > a:not(.collapsed) {

	color: var(--dreamslms_primary_color);

}

.faq-title > a:not(.collapsed):after {

    content: "\f068";

	color: var(--dreamslms_primary_color);

}

.faq-detail {

	padding: 0 15px;

}

.faq-detail p {

	margin-bottom: 15px;

}

.support-sec {

	padding: 100px 0;

	background: url('../images/support-bg.png');

	background-size: cover;

}

.support-card {

	background: #FFF;

	border-radius: 10px;

	padding: 20px;

	position: relative;

}

.support-card p, .support-card h3 {

	margin-bottom: 15px;

}

.support-card .btn {

	min-width: 150px;

    font-weight: 700;

    padding: 12px 10px;

	border-radius: 5px;

	color: #FFF;

}

.btn-contact {

	background: #1D9CFD;

}

.btn-contact:hover {

	background: #0d92f7;

}

.btn-ticket {

	background: #58247E;

}

.btn-ticket:hover {

	background: #4d1377;

}

.support-img img {

	position: absolute;

	right: 0;

	bottom: 0;

}



.contact_form  .elementor-column img {

    border-radius: 10px;

}

.page-banner {

	padding: 88px 0;

	text-align: center;

	background: url('../images/ban-bg.png') #1565C0;

	background-repeat: no-repeat;

	background-size: cover;

}

.page-banner h1 {

	font-weight: 600;

	margin-bottom: 15px;

	color: #FFF;

}

.page-banner p {

	color: #FFF;

	margin-bottom: 0;

}

.sup-title {

	margin-bottom: 30px;

}

.support-wrap {

	background: #FFFFFF;

	border: 1px solid #e9ecef;

	border-radius: 10px;	

	padding: 30px;

}

.support-wrap h5 {

	color: #0B0B0B;

	font-weight: 700;

	text-align: center;

	margin-bottom: 34px;

}

.support-wrap label {

	color: #685F78;

	font-weight: 500;

	margin-bottom: 15px;

}

.btn-submit.btn-lg {

     font-size: 1rem;

}

.btn-submit {

	background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

	border-radius: 5px;

	color: #FFF;

}

.btn-submit:hover {

	background: #ff3448;

	color: #FFF;

}

.support-wrap .btn-submit {

	padding: 12px 10px;

	min-width: 200px;

}



/*-----------------

	15. Job Category

-----------------------*/



.category-box {

	background: #FFFFFF;

 	border-radius: 10px;

	padding: 1.5rem;

	margin-bottom: 1.5rem;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-flex-pack: space-between;

	border: 1px solid #e9ecef;

}

.category-title {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}

.category-img {

	margin-right: 15px;

}

.category-title h5 {

	font-weight: 600;

	font-size: 18px;

	margin-bottom: 0;

 }

.category-box span {

	width: 30px;

	height: 30px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	background: var(--dreamslms_primary_color);

	border-radius: 50%;

	color: #FFF;

	font-weight: 500;

	font-size: 14px;

}

.category-tab ul {

	margin: 0 0 40px;

	padding: 0;

	list-style: none;

}

.category-tab ul li {

	display: inline-block;

	margin: 0 20px 10px 0;

}

.category-tab ul li a {

	background: #E0E0E0;

	color: #685f78;

	padding: 10px 15px;

	display: inline-block;

	text-align: center;

	font-size: 24px;

    font-weight: 600;

}

.tutor-btn-ghost { 

	color: #685f78;

}

.tutor-color-secondary {

    color: #685f78;

}

.category-tab ul li a.active, .category-tab ul li a:hover  {

	background: var(--dreamslms_primary_color);

	color: #FFF;

}

.category-tab.tickets-tab-blk .nav-justified .nav-item {

	flex-grow: inherit;

}

.category-tab.tickets-tab-blk ul li a {

	font-size: 14px;

    padding: 10px 20px;

    border-radius: 5px;

	min-width: 120px;

    align-items: center;

	text-align: center;

}

.category-tab.tickets-tab-blk ul li a:focus {

  color: #0B0B0B;

}

.category-tab.tickets-tab-blk ul {

    margin: 0 0 10px;

}



/*-----------------

	16. Instructor

-----------------------*/



.instructor-box {

	background: #FFFFFF;

	border-radius: 10px;

	padding: 24px;

	margin-bottom: 24px;

    border: 1px solid #e9ecef;

}

.instructor-img {

	position: relative;

	text-align: center;

}

.instructor-img img {

	max-width: 180px;

	width: 100%;

	border-radius: 50%;

}

.rating-count {

	position: absolute;

	top: 0;

	right: 0;

}

.instructor-content {

	padding-top: 15px;

	text-align: center;

}

.instructor-content h5 {

 	margin-bottom: 10px;

	font-weight: 600;

}

.instructor-content h6 {

	color: #685F78;

	margin-bottom: 10px;

}

.instructor-content p {

	margin-bottom: 0;

	color: #685F78;

	font-weight: 500;

}

.instructor-content p a{

 	color: #685F78;

 }

 .instructor-content p a:hover{

	color: var(--dreamslms_primary_color);

}

.instructor-content .rating-img, .instructor-content .course-view {

	margin-bottom: 10px;

}

 



.instructor-content .rating {

	margin-bottom: 0;

}

.instruct-grid.instructor-box {

	padding: 0;

}

.instruct-grid .instructor-img img {

	border-radius: 10px;

	max-width: unset;

}

.instruct-grid .instructor-content {

	padding: 15px;

}

.instruct-grid .rating-count {

	right: 20px;

	top: 20px;

	color: var(--dreamslms_primary_color);

}



/*-----------------

	17. Instructor List

-----------------------*/



.instructor-list {

	background: #FFFFFF;

	border-radius: 10px;

	padding: 24px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-bottom: 24px;

    border: 1px solid #e9ecef;

}

.instructor-list .instructor-img img {

	width: 145px;

	border-radius: 7px;

}

.instructor-info {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}

.instructor-info > div {

	width: auto;

	margin-right: 20px;

}

.instructor-info .course-view {

	margin-left: 0;

}

.instructor-list .instructor-content {

	width: 100%;

	text-align: left;

	padding: 0 0 0 24px;

}

.instructor-list .instructor-content .rating-img, .instructor-list .instructor-content .course-view {

    margin-bottom: 0;

}

.instructor-list .instructor-content {

	position: relative;

}

.instructor-list .instructor-content .rating-count {

	right: 20px;

	top: 20px;

}

.instructor-badge .web-badge {

	display: inline-block;

	background: rgba(255, 222, 218, 0.36);

	border-radius: 5px;

	color: var(--dreamslms_primary_color);

	font-size: 14px;

	padding: 3px 10px;

	margin-top: 10px;

}

.instructor-badge .web-badge:hover {

	background: rgba(255, 222, 218, 0.66);

}

.review-sec .review-item:not(:last-child) {

	margin: 0 0 20px;

}

.edu-wrap {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	margin-bottom: 20px;

}

.edu-wrap:last-child {

	margin: 0;

}

.edu-name {

	margin-right: 15px;

}

.edu-name span {

	width: 50px;

	height: 50px;

	background:var(--dreamslms_primary_color_opacity_more);

	border-radius: 50%;

	color: var(--dreamslms_primary_color);

	font-size: 18px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

}

.edu-detail h6 {

	font-weight: 600;

 	margin-bottom: 6px;

}

.edu-detail p a{

	color: #685f78;

}

.edu-detail p a:hover{

	color: var(--dreamslms_primary_color);

}

.edu-detail p.edu-duration {

	font-style: italic;

	margin-bottom: 6px;

}

.edu-detail p {

	margin-bottom: 0;

}



/*-----------------

	18. Terms and Conditions

-----------------------*/



.terms-text {

    margin-bottom: 20px;

}

.terms-text h3 {

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 15px;

}

.terms-text h3 span, .terms-text p a {

	color: var(--dreamslms_primary_color);

}

.terms-text h4 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 15px;

}

.terms-text h5 {

	font-size: 16px;

    font-weight: 500;

	position: relative;

}

.terms-text p, .terms-text ul li {

    color: #685F78;

    font-size: 14px;

}



/*-----------------

	19. Instructor Profile

-----------------------*/



 

.profile-info-blk {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	flex-direction: column;

}

.profile-info-blk .profile-info-img {

	display: block;

	max-width: 100px;

    height: 100px;

    border-radius: 10px;

    border: 5px solid #FFFFFF;

	margin-bottom: 15px;

	background: #fff;

}

.profile-info-blk .profile-info-img img {

	border-radius: 10px;

}

.profile-info-blk h4 {

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-bottom: 0;

}

.profile-info-blk h4 a {

	font-size: 32px;

	font-weight: 600;

	color: #fff;

}

.profile-info-blk h4 a:hover {

	color: var(--dreamslms_primary_color);

}

.profile-info-blk h4 span {

	background: #fff;

	padding: 2px 10px;

	font-size: 14px;

	border-radius: 5px;

	margin-left: 20px;

}

.profile-info-blk p {

	font-size: 16px;

	font-weight: 400;

	color: #fff;

}

.profile-info-social {

	margin-top: 15px;

	margin-bottom: 0px;

}

.profile-info-social li a {

	color: #ffffff;

}

.profile-info-social li a:hover {

	color: var(--dreamslms_primary_color);

}

.profile-info-social li {

	font-size: 18px;

	display: inline-flex;

}

.profile-info-social li:not(:last-child) {

	margin-right: 14px;

}

.sidebar-tag-labels ul {

    display: flex;

	flex-wrap: wrap;

	padding: 0px;

	margin: 0px;

	gap: 10px;

}

.sidebar-tag-labels ul li a	{

	display: block;

 	background: var(--dreamslms_primary_color_opacity_more);;

	padding: 5px 10px;

	border-radius: 5px;

	color: var(--dreamslms_primary_color);

}

.sidebar-tag-labels ul li a:hover {

	background: rgba(255, 222, 218, 0.66);

}

.rating-grp {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	justify-content: space-between;

}

.profile-overview-list {

	word-wrap: break-word;

	margin-top: 23px;

}

.profile-overview-list .list-grp-blk:not(:last-child) {

	margin-bottom: 23px;

}

.profile-overview-list .list-content-blk h5 {

	font-size: 15px;

	font-weight: bold;

	color:var(--dreamslms_secondary_color);

	margin-bottom: 2px;

}

.profile-overview-list .list-content-blk p {

	margin:0px;

	word-wrap: break-word;

}

.contact-info-list {

	margin-top: 23px;

}

.contact-info-list .edu-wrap:not(:last-child) {

	margin-bottom: 23px;

}



/*-----------------

	20. Instructor Profile Edit

-----------------------*/



.edit-blk {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 20px;

}

.edit-blk h5{

	margin-bottom: 0px;

}

.edit-blk a	{

	width: 30px;

	height: 30px;

	background-color: #455A64;

	border-radius: 5px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.edit-blk a	i {

	color: #ffffff;

	font-size: 14px;

}



/*-----------------

	21. Students

-----------------------*/

.page-template-template-partstemplate-students-php ul.page-numbers{

	margin-bottom: 24px;

	margin-top: 26px;

}

.page-template-template-partstemplate-instructor-php ul.page-numbers{

	margin-bottom: 24px;

	margin-top: 26px;

}

.student-box {

	border: 1px solid #e9ecef;

	border-radius: 10px;

	padding: 24px;

	margin-bottom: 24px;

	background: #fff;

}

.student-img {

	position: relative;

	text-align: center;

}

.student-img img {

	min-width: 180px;

	min-height: 180px;

	max-width: 180px;

	width: 100%;

	border-radius: 50%;

}

.student-content {

	padding: 15px 0px;

	text-align: center;

}

.student-content h5 {

 	font-size: 20px;

	font-weight: 600;

	margin-bottom: 10px;

}

.student-content h6 {

	font-size: 14px;

	color: #685F78;

	margin-bottom: 15px;

}

.student-content p {

	color: #685F78;

	margin-bottom: 0px;

}

.student-box.student-grid {

	padding: 0px;

}

.student-grid .student-img img {

	border-radius: 10px;

    max-width: unset;

}



/*-----------------

	22. Students List

-----------------------*/



.student-list {

	border: 1px solid #e9ecef;

	border-radius: 10px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-bottom: 24px;

	padding: 24px;

	background: #fff;

}

.student-list .student-img img {

 	border-radius: 7px;

}

.student-info {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}

.student-list .student-content {

    width: 100%;

    text-align: left;

    padding: 0 0 0 24px;

}

.student-info > div {

	width: auto;

	margin-right: 20px;

}

.student-content h6 {

	font-size: 14px;

	color: #685F78;

	margin-bottom: 10px;

}

.student-content p a {

     color: #685F78;

 }

 .student-content p a:hover {

	color: var(--dreamslms_primary_color);

}

.student-list .student-content .loc-blk {

    margin-bottom:0;

}

.student-list .student-content {

	position: relative;

}

.student-list .student-content p{

	margin: 0px;

}

.student-list .profile-info-social {

    margin: 0px;

}

.student-list .profile-info-social li:not(:last-child) {

    margin-right: 10px;

}

.student-list .profile-info-social li a {

    color: #000000;

	font-size: 18px;

}

.student-list .profile-info-social li a:hover {

    color: var(--dreamslms_primary_color);

}



/*-----------------

	23. Students Profile

-----------------------*/



.page-banner.student-bg-blk {

    padding: 50px 0;

    text-align: center;

    background: url(../images/student-bg-banner.png) #FFB54A;

    background-repeat: no-repeat;

    background-size: cover;

}

.page-banner.student-bg-blk.instructor-bg-blk {

    padding: 50px 0;

    text-align: center;

    background: url(../images/student-bg-banner.png) #1565C0;

    background-repeat: no-repeat;

    background-size: cover;

}



/*------------------------------

	24. Settings - Students Payments

-------------------------------*/



.settings-btn-grp {

	margin-bottom: 40px;

}



.payment-method-blk .payment-list:not(:last-child) {

	margin-bottom: 32px;

}

.settings-inner-blk {

	background-color: #ffffff;

	border-radius: 10px;

}

.hvr-sweep-to-right a {

	font-size: 15px;

	font-weight: 700;

	color: var(--dreamslms_primary_color);

	padding: 8px 20px;

	border: 1px solid transparent;

	background-origin: border-box;

	background-clip: padding-box, border-box;

	background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #392C7D, #FF6575);

	border-radius: 10px;

	display: inline-block;

	vertical-align: middle;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	position: relative;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	overflow: hidden;

	min-height: 41px;

}

.hvr-sweep-to-right a:hover {

	color: white;

	background: var(--dreamslms_primary_color);

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.payment-list h5 {

	font-size: 14px;

	font-weight: 600;

	margin-bottom: 10px;

	color: #303030;

}

.payment-list p {

	font-size: 14px;

	font-weight: 400;

	color: #303030;

	margin-bottom: 0px;

}

.grp-action-style li:not(:last-child) {

	margin-right: 10px;

}

.btn-action-style {

	display: block;

	padding:3px 7px;

}

.btn-action-dark {

	min-width: 35px;

	background-color: #455A64;

	color: #ffffff;

}

.btn-action-primary:hover, .btn-action-dark:hover, .btn-action-method:hover, .btn-action-delete:hover {

	color: #ffffff;

}

.btn-action-dark i, .btn-action-method i, .btn-action-delete i {

	font-size: 14px;

}

.btn-action-primary {

	font-size: 14px;

	line-height: 22px;

	color: #ffffff;

	padding:4px 8px;

	text-transform: uppercase;

	background-color: #159F46;

}

.btn-action-method {

	min-width: 35px;

	display: block;

	background-color: var(--dreamslms_primary_color);

	color: #ffffff;

}

.btn-action-delete {

	min-width: 35px;

	background-color: #EB4334;

	color: #ffffff;

}

.modal-styles .modal-header, .modal-styles .modal-body {

	padding:23px;

}

.modal-styles .modal-header {

	border-color: rgba(199, 199, 199, 0.25);

}

.modal-styles .close {

	border-width: 0px;

	padding: 0;

	margin: 0px;

	font-size: 23px;

	background-color: transparent;

	color: #F12804;

}

.modal-styles .modal-title {

	color: #392C7D;

	font-size: 24px;

	font-weight: 700;

	text-transform: capitalize;

}

.modal-styles .btn-modal-style {

	display: block;

	padding: 10px 25px;

	color: #ffffff;

	border-radius: 5px;

	font-size: 16px;

	margin: 0px;

	font-weight: 600;

}

.modal-styles .btn-theme {

	background-color: var(--dreamslms_primary_color);

}

.modal-styles .btn-cancel {

	background-color: #455A64;

}

.modal-styles .btn-theme:hover, .modal-styles .btn-cancel:hover {

	opacity: 0.86;

	color:#ffffff;

}

.modal-styles .modal-footer .btn-modal-style:not(:last-child) {

	margin-right: 20px;

}

.modal-styles .form-control, .modal-styles .form-select {

    border-color: rgba(255, 222, 218, 0.71);

    border-radius: 5px;

    min-height: 40px;

}

.modal-styles .form-control::-webkit-input-placeholder {

	color: #a2a2a2;

}

.modal-styles .form-control::-moz-placeholder {

	color: #a2a2a2;

}

.modal-styles .form-control:-ms-input-placeholder {

	color: #a2a2a2;

}

.modal-styles .form-control::-ms-input-placeholder {

	color: #a2a2a2;

}

.modal-styles .form-control::placeholder {

	color: #a2a2a2;

}

.modal-styles .modal-footer {

	padding: 0px 23px 23px;

	border-top: 0px solid transparent;

}

.modal-styles.modal {

	z-index: 1050;

}

.pop-modal .modal-backdrop {

	z-index: 1040;

}



/*----------------------------------

	25. Settings - Students Invoices

------------------------------------*/



.settings-inner-blk table thead tr {

	font-size: 15px;

	font-weight: 500;

	background-color: #F0F0F0;

	border-radius: 5px;

}

.settings-inner-blk .settings-invoice-blk table thead tr {

	text-transform: uppercase;

}

.settings-inner-blk table tbody tr:last-child {

	border: 1px solid transparent;

}

 

.settings-invoice-blk table tbody tr td .invoice-no {

	color: var(--dreamslms_primary_color);

}

.settings-invoice-blk table tbody tr td .badge {

	font-size: 14px;

	padding: 7px 10px;

	font-weight: 400;

	border-radius: 5px;

	color: #ffffff;

}

.settings-invoice-blk table tbody tr td .badge.status-due {

	background: #E53935;

}

.settings-invoice-blk table tbody tr td .badge.status-completed {

	background: #159F46;

}

.settings-inner-blk table tbody tr td .btn-style {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	margin:0px auto;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	width: 38px;

	height: 38px;

	color: #685F78;

	border: 1px solid #F1F1F1;

	border-radius: 5px;

}

.settings-inner-blk table tbody tr td .btn-style i {

	font-size: 18px;

}

.settings-inner-blk table tbody tr {

	vertical-align: middle;

}

.most_popular_courses img.mp_img{

	max-width: 80px;

	border-radius: 10px;

 }

.tutor-table.most_popular_courses tbody tr td{

    border-bottom: 1px solid #e9ecef;

}

.tutor-table.most_popular_courses tbody tr:last-child td{

	border-bottom: none;

 }

.tutor-table tr th {

     padding: 16px 16px;

}

.tutor-table tr td {

    border-bottom: 1px solid #e9ecef;

}

.tutor-table tbody tr:last-child td{

	border-bottom: none;

 }



.dreamslms-next-previous-pagination .card{

margin-bottom: 0;

}

.settings-inner-blk table tbody tr td .btn-style:hover {

	background-color: var(--dreamslms_primary_color);

	color: #ffffff;

}

.settings-inner-blk table tbody tr td .btn-style svg{

	width: 18px;

	height: 18px;

}

.table-nowrap tr th, .table-nowrap tr td {

	white-space: nowrap;

}

 .tutor-pagination.tutor-mt-40 {

	margin-bottom: 1.5rem;

	padding: 0!important;

}

.tutor-announcement .tutor-pagination-wrapper.tutor-mt-40 {

	margin: 0!important;

	padding: 0 18px!important;

 }

 .tutor-announcement .tutor-pagination-wrapper .tutor-pagination-hints, 

 .tutor-announcement .tutor-pagination-wrapper .tutor-pagination-numbers {

	margin-top: 30px;

 }

 .tutor-pagination ul.tutor-pagination-numbers .page-numbers.next { 

	margin: 0!important;

	background-color: #fff;

}

 .tutor-pagination ul.tutor-pagination-numbers .page-numbers.current { 

	background-color: var(--dreamslms_primary_color);

    border-color: var(--dreamslms_primary_color);

    color: #fff;

}

 .tutor-pagination ul.tutor-pagination-numbers .page-numbers:last-child {

	margin: 0!important;

}

.tutor-notification {

	border: 1px solid #e9ecef;

}

.tutor-icon-angle-left, .tutor-icon-angle-right {

	width: 32px;

    height: 32px;

    background-color: var(--light);

    border-radius: 50px !important;

    font-size: 14px;

    font-weight: 400;

    border: none;

    color: var(--gray-700);

    box-shadow: none;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: normal;

}	

 .tutor-pagination ul.tutor-pagination-numbers .page-numbers{

	width: 32px;

    height: 32px;

    background-color: var(--light);

    border-radius: 50px !important;

    font-size: 14px;

    font-weight: 400;

    border: none;

    color: var(--gray-700);

    box-shadow: none;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: normal;

}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers:hover{

	color: #fff!important;

    background-color: var(--dreamslms_primary_color) !important;

 }

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next:hover {

	color: #000000;

}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev {

	margin-right: 0!important;

	background-color: #fff;

}

.tutor-fs-6 {

    font-size: .875rem;

}



/*----------------------------------

	26. Settings - Students Referral

------------------------------------*/



.settings-top-widget .stat-info span {

	color: #685F78;

	font-size: 14px;

	font-weight: 600;

}

.settings-top-widget .stat-info h3 {

	font-size: 28px;

	font-weight: 600;

	margin:16px 0px;

}

.settings-top-widget .stat-info p {

	color: #303030;

	font-size: 14px;

	margin-bottom: 0px;

}

.settings-top-widget .card {

	border-radius: 10px;

}

.settings-top-widget .stat-info.net-earn h3 {

	color: #1D9CFD;

}

.settings-top-widget .stat-info.bal h3 {

	color: #159F46;

}

.settings-top-widget .stat-info.avg h3 {

	color: var(--dreamslms_primary_color);

}

.settings-top-widget .stat-info.refer h3 {

	color: #1D9CFD;

}

.link-box h3{

	color: #392C7D;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 16px;

}

.link-box p {

	font-size: 14px;

	line-height: 17px;

	margin-bottom: 8px;

}

.link-box input {

	background: rgba(227, 227, 227, 0.41);

	border-color: rgba(255, 222, 218, 0.71);

    border-radius: 5px;

    min-height: 40px;

}

.link-box a {

	display: inline-block;

	background-color: var(--dreamslms_primary_color);

	border-radius: 5px;

	padding: 10px 25px;

	font-size: 15px;

	font-weight: 700;

	color: #ffffff;

}

.link-box a:hover, .link-box a:focus {

	opacity: 0.86;

}

.withdraw-box h4 {

	font-size: 16px;

	font-weight: 700;

	color: #303030;

	line-height: 26px;

}

.withdraw-box p {

	font-size: 14px;

	line-height: 17px;

	margin-bottom: 16px;

}

.filter-grp {

	margin-bottom: 23px;

}

.filter-grp h3 {

	font-size: 24px;

	font-weight: 600;

	color: #392C7D;

	margin:	0px;

}

.filter-grp select {

	border-radius: 10px;

}

.filter-blk div:not(:last-child) {

	margin-right: 14px;

}

.settings-referral-blk .refer-avatar-blk p {

	margin: 0px;

}

.settings-top-widget .card {

	border-radius: 10px;

}

.settings-top-widget .card.withdraw-box {

	background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #392C7D, #FF6575);	

}



/*----------------------------

	27. Setting - Support Tickets

------------------------------*/



.settings-top-widget .stat-info.ttl-tickets h3 {

	color: #1D9CFD;

}

.settings-top-widget .stat-info.open-tickets h3 {

	color: #159F46;

}

.settings-top-widget .stat-info.close-tickets h3 {

	color: var(--dreamslms_primary_color);

}

.ticket-grp p {

	margin:5px 0px 0px;

}

.tiket-suport.filter-grp {

    margin-bottom: 40px;

}

.tiket-suport .ticket-btn-grp {

	display: inline-flex;

}

.ticket-btn-grp a {

    background: #392C7D;

    border: 1px solid #392C7D;

    border-radius: 5px;

    font-size: 14px;

    color: #fff;

    padding: 13px 28px;

}

.ticket-btn-grp a:hover {

	opacity: 0.86;

}

.filter-tickets ul li:not(:last-child) {

	margin-right: 7px;

}

.filter-tickets ul li a {

	display: block;

	font-size: 14px;

	padding: 10px 30px;

	background: #E0E0E0;

}

.filter-tickets ul li a:hover, .filter-tickets ul li a:focus, .filter-tickets ul li a.active {

	color: #ffffff;

	background: var(--dreamslms_primary_color);

}

.settings-inner-blk table .link {

	color: var(--dreamslms_primary_color);

}

.settings-inner-blk .info-high {

	background: #E53935;

}

.settings-inner-blk .info-medium {

	background: #FFB54A;

}

.settings-inner-blk .info-low {

	background: #159F46;

}

.settings-menu .top-menu-bar li:last-child {

	margin-bottom: 23px;

}

.new-ticket-blk h4{

	font-size: 24px;

	margin-bottom: 23px;

	color: var(--dreamslms_primary_color);

}

.new-ticket-blk .form-control {

	border-color: rgba(255, 222, 218, 0.71);

	border-radius: 5px;

	min-height: 40px;

}

.new-ticket-blk .form-group {

    margin-bottom: 25px;

}

.new-ticket-blk .form-group label {

	font-weight: 500;

	color: #685F78;

	margin-bottom: 15px;

}

.settings-inner-blk .form-control::-webkit-input-placeholder {

	color: #a2a2a2;

}

.settings-inner-blk .form-control::-moz-placeholder {

	color: #a2a2a2;

}

.settings-inner-blk .form-control:-ms-input-placeholder {

	color: #a2a2a2;

}

.settings-inner-blk .form-control::-ms-input-placeholder {

	color: #a2a2a2;

}

.settings-inner-blk .form-control::placeholder {

	color: #a2a2a2;

}

.settings-inner-blk .form-select:focus {

	box-shadow: none;

}

.settings-inner-blk .country-select {

	border: 1px solid rgba(255, 222, 218, 0.71);

	color: #685f78;

	height: 40px;

}

.submit-ticket {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	flex-wrap: wrap;

}

.submit-ticket .btn-primary {

	background: #1D9CFD;

	border: 1px solid #1D9CFD;

	border-radius: 5px;

	font-size: 14px;

	font-weight: 600;

	min-width: 171px;

	padding: 13px 15px;

	margin-right: 12px;

}

.submit-ticket .btn-primary:hover {

	background: #187ac5;

	border: 1px solid #187ac5;

}

.submit-ticket .btn-dark {

	background: #685f78;

	border: 1px solid #685f78;

	border-radius: 5px;

	font-size: 14px;

	font-weight: 600;

	min-width: 171px;

	padding: 13px 15px;

}

.submit-ticket .btn-dark:hover {

	background: #5f6568;

	border: 1px solid #5f6568;

	color: #fff;

}



/*----------------------------

	28. Setting - Support View Tickets

------------------------------*/



.bug-software-head h2 {

	font-size: 24px;

	font-weight: 500;

	margin-bottom: 15px;

}

.bug-software-head p {

	color: var(--dreamslms_primary_color);

	font-size: 14px;

	font-weight: 400;

	margin-bottom: 0px;

}

.bdr-bottom-line {

	border-bottom: 1px solid rgb(199 199 199 / 25%);

}

.ticket-profile .course-name h4 {

	margin-bottom: 5px;

	font-size: 16px;

	font-weight: 600;

}

.ticket-profile .course-group-img img {

    max-width: 40px;

    height: 40px;

}

.ticket-profile .course-group-img {

	margin-bottom: 25px;

}

.admin-msg-list {

	padding: 0;

	margin: 0;

}

.admin-msg-list li {

	list-style: none;

	padding-bottom: 20px;

}

.comman-space-ticket {

	padding: 30px;

}

.requested-img img {

	width: 30px;

	height: 30px;

	border-radius: 50px;

	margin-right: 5px;

}

.ticket-view-blk {

	padding: 15px 0px;

}

.ticket-view-blk h5 {

	color: #685F78;

	font-size: 16px;

	font-weight: 500;

	margin-bottom: 10px;

}

.requested-img h4 {

	font-size: 16px;

	font-weight: 500;

	margin-bottom: 0;

	color: #000;

}

.ticket-view-blk p {

	font-size: 15px;

	font-weight: 500;

	margin-bottom: 0;

	color: #000;

}

.ticket-view-blk .btn-success {

	background: #159F46;

	border: 1px solid #159F46;

	border-radius: 3px;

	font-size: 14px;

	font-weight: 400;

	padding: 2px 12px;

}

.ticket-view-blk .btn-danger {

	background: #CC454E;

	border: 1px solid #CC454E;

	border-radius: 3px;

	font-size: 14px;

	font-weight: 400;

	padding: 2px 8px;

}

.ticket-view-blk h3 {

	color: #000000;

	font-size: 16px;

	font-weight: 500;

	margin-bottom: 0;

}

.ticket-close-btn {

	margin-top: 15px;

}

.ticket-close-btn .btn-danger {

	background: #CC454E;

	border: 1px solid #CC454E;

	border-radius: 5px;

	font-size: 15px;

	font-weight: 400;

	width: 100%;

	padding: 10px 15px;

}

.ticket-close-btn .btn-danger:hover {

	background: #ed0b1a;

	border: 1px solid #ed0b1a;

}

.btm-para-blk h2 {

	color: #fff;

	font-size: 36px;

	font-weight: 600;

	margin: 30px 0px;

}

.dropzone {

	background: #FBFBFF;

	border: 1px dashed rgba(255, 222, 218, 0.71);

	border-radius: 5px;

	padding: 10px;

	min-height: 70px;

	text-align: center;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

}

.dropzone.dz-clickable .dz-message {

	display: none;

}

.dropzone p {

	color: #C4C4C4;

	margin-bottom: 0;

}

.accept-drag-file p {

	color: #685F78;

	font-weight: 500;

	margin-top: 15px;

}

.your-replay-head h2 {

	font-size: 24px;

	font-weight: 600;

	color: #392C7D;

}

.your-replay-head  {

	margin-bottom: 30px;

}

.your-replay-head p {

	margin-bottom: 0;

	color: #303030;

	font-size: 14px;

}



/*----------------------------------

	29. Setting - Instructor My Courses

------------------------------------*/



.section-wrapper {

	background: #fafafa;

    padding: 80px 0px;

}

.custom-btn-blk a:hover {

	opacity: 0.86;

}

.instructor-info-blk {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.instructor-info-blk .instructor-info-img {

    display: block;

    max-width: 100px;

    height: 100px;

    border-radius: 10px;

    border: 5px solid #FFFFFF;

    margin-right: 8px;

}

.instructor-info-blk .instructor-info-content {

	text-align: left;

}

.instructor-info-blk h4 {

	font-size: 32px;

	font-weight: 600;

	color: #ffffff;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0px;

}

.instructor-info-blk h4 a{

	color: #ffffff;

}

.instructor-info-blk h4 span {

    background: #fff;

	color: #000000;

	font-weight: 400;

    padding: 2px 10px;

    font-size: 14px;

    border-radius: 5px;

    margin-left: 8px;

}

.instructor-info-blk p {

    font-size: 16px;

    font-weight: 400;

    color: #fff;

	margin: 0;

}

.instructor-overview-list {

	background: rgba(10, 20, 47, 0.33);

	border-radius: 10px;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	word-wrap: break-word;

	padding: 10px;

}

.instructor-overview-list .list-grp-blk:not(:last-child) {

	margin-right: 23px;

}

.instructor-overview-list .list-content-blk h5 {

	font-size: 15px;

	font-weight: bold;

	color:#ffffff;

	margin-bottom: 2px;

}

.instructor-overview-list .list-content-blk p {

	margin:0px;

	word-wrap: break-word;

}

.instructor-bg-blk .btm-para-blk {

	margin-top: 23px;

}

.custom-card {

	border: 4px solid transparent;

	background-origin: border-box;

	background-clip: padding-box, border-box;

	background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #E3E3E3, #FFDEDA);	

	border-radius: 10px;

}

.custom-card-header {

	padding:23px;

	border-bottom: 1px solid rgba(199, 199, 199, 0.23);

}

.custom-card-header h3 {

	font-size: 24px;

    font-weight: 600;

    color: #392C7D;

    margin: 0px;

}

.custom-card-header .custom-btn-blk a {

	background: #392C7D;

    border: 1px solid #392C7D;

    border-radius: 5px;

    font-size: 14px;

    color: #fff;

    padding: 13px 28px;

}

.courses-grp .course-design {

	background: #ffffff;

	border: 1px solid rgba(199, 199, 199, 0.25);

}

.courses-grp .list-course .product-img {

    -ms-flex: 0 0 205px;

    flex: 0 0 205px;

    margin-right: 24px;

    width: 205px;

	position: relative;

}



/*----------------------------

	30. Instructor - Dashboard

------------------------------*/



.sell-course-head h3 {

 	font-size: 22px;

	font-weight: 600;

	margin-bottom: 0;

}

.enrolled-courses .sell-course-head {

	 border: none;

	 margin-bottom: 1.5rem;

}

.recently_created_courses {

	margin-bottom: 1.5rem;

}

.recently_created_courses .sell-course-head {

	border: none;

	margin-bottom: 1.5rem;

}

.sell-course-head {

	border-bottom: 1px solid rgba(199, 199, 199, 0.25);

}

.sell-group-img {

	width: 150px;

	height: 112px;

	margin-right: 20px;

}

.sell-table-group p {

	font-size: 20px;

 	font-weight: 500;

	margin-bottom: 0;

}

.sell-tabel-info .course-info {

	margin: 7px 0px;

	width: 270px;

}

.sell-table-group .sell-tabel-info p {

	font-size: 16px;

}

.course-instruct-blk .badge {

	min-width: 79px;

	padding: 7px 10px;

}

.settings-inner-blk .info-inter {

    background: #1D9CFD;

}

.course-stip.progress-stip {

	height: 8px;

}

.instruct-search-blk .show-filter .form-control,

.instruct-search-blk .select-form .form-select {

    max-width: 222px;

	border-radius: 10px;

}

.instruct-search-blk .select-form .form-select {

	margin-left: auto;

	border: 1px solid #EB9481;

}

.instruct-search-blk .show-filter .form-control {

	border: 1px solid #EB9481;

}

.instructor-detail h5 {

	margin-bottom: 3px;

}

.choose-search-blk .select2-container--default .select2-selection--single,

.table-select-blk .select2-container--default .select2-selection--single,

.all-select-blk .select2-container--default .select2-selection--single {

    border: 1px solid #e9ecef;

	height: 40px;

	border-radius: 10px;

}

.choose-search-blk .select2-container--default .select2-selection--single .select2-selection__rendered,

.table-select-blk .select2-container--default .select2-selection--single .select2-selection__rendered,

.all-select-blk .select2-container--default .select2-selection--single .select2-selection__rendered {

	line-height: 40px;

	color: #685f78;

    font-size: 14px;

}

.choose-search-blk .select2-container--default .select2-selection--single .select2-selection__arrow,

.table-select-blk .select2-container--default .select2-selection--single .select2-selection__arrow,

.all-select-blk .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 36px;

}

.choose-search-blk .form-group {

	width: 222px;

	margin-left: auto;

}

.choose-search-blk.show-filter .form-control {

    border: 1px solid #e9ecef;

	border-radius: 10px;

}

.table-select-blk .form-group {

	width: 127px;

}

.instruct-search-blk {

	margin-bottom: 25px;

}

.course-instruct-blk .table-nowrap tr th,

.course-instruct-blk .table-nowrap tr td {

    white-space: inherit;

}

.sell-tabel-info {

	max-width: 270px;

}

.sell-course-head p {

 	margin-bottom: 0;

	margin-top: 10px;

}

.instruct-review-blk .rev-info {

    font-style: normal;

	font-size: 14px;

}

.review-item .text-primary{

	cursor: pointer;

}

.review-item .text-primary:hover{

	color: #e72f41 !important;

}

.instruct-review-blk .btn-reply {

    padding: 6px 11px;

}

.instruct-orders-info p {

	margin-bottom: 0;

	max-width: 280px;

}

.course-instruct-blk tr:last-child {

	border-color: #fff;

}

.student-meet-head .view-icons {

	margin-left: auto;

}

.student-search-form .form-group {

	width: 100%;

	margin-right: 20px;

}

.student-search-form .form-control {

	height: 50px;

}

.export-cvv-btn .btn-primary {

	background: var(--dreamslms_primary_color);

	border-radius: 5px;

	min-width: 125px;

	font-size: 14px;

	font-weight: 600;

	color: #fff;

	padding: 13px 15px;

}

.student-search-form {

	margin-top: 25px;

}

.export-cvv-btn .btn-primary:hover {

	background: #e73a4b;

}

.tak-instruct-group .student-box {

	padding: 0;

}

.student-box-blks {

	padding: 20px;

}

.enrol-student-foot ul {

	padding: 0;

	margin: 0;

}

.enrol-student-foot ul li {

	padding: 0;

	border-top: 1px solid rgb(199 199 199 / 25%);

	list-style: none;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	padding: 15px;

	color: #303030;

	font-size: 14px;

}

.enrol-student-foot ul li .instruct-stip {

	margin-left: auto;

}

.instruct-stip .progress-stip {

	width: 69px;

    margin-left: auto;

}

.instruct-stip span {

	color: #303030;

	font-size: 14px;

	margin-right: 5px;

}

.student-box-blks .student-content h5 {

	font-weight: 600;

}

.student-box-blks .student-content p {

	font-size: 14px;

}

.student-box-blks .student-img img {

    max-width: 100px;

}

.message-text-img {

	width: 38px;

	height: 38px;

	background: #FFFFFF;

	border: 1px solid #F1F1F1;

	border-radius: 5px;

	position: absolute;

	right: 20px;

	z-index: 999;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

}

.message-text-img:hover {

	background: #ff5364;

	border: 1px solid #ff5364;

	cursor: pointer;

}

.message-text-img:hover img {

	filter: invert(1) brightness(100);

}

.tak-instruct-group .student-box {

	border: 1px solid rgb(199 199 199 / 25%);

    background: rgb(255 255 255 / 25%);

	border-radius: 5px;

}

.instruct-check-list .form-check-input {

	width: 18px;

    height: 18px;

}

 

.download-widra {

	border: 1px solid #e9ecef;

	border-radius: 10px;

	width: 40px;

	height: 40px;

	margin-left: auto;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

}



/*----------------------------

	31. ck - Editer

------------------------------*/



.ck.ck-toolbar,

.ck.ck-editor__editable_inline {

	border: 0 !important;

}

.ck.ck-editor {

	border: 1px solid #e9ecef !important;

	border-radius: 5px !important;

	padding: 15px !important;

}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {

	box-shadow: none !important;

}

.ck.ck-editor__editable {

	height: 100px !important;

}



/*----------------------------

	32. Student Dashboard

------------------------------*/



.img-deposit-ticket {

	margin-left: auto;

}

.settings-top-widget .stat-info.ttl-tickets .student-ticket-view h3 {

    color: var(--dreamslms_primary_color);

	margin-top: 0;

}

.settings-top-widget .stat-info.open-tickets .student-ticket-view h3 {

    color: #392C7D;

	margin-top: 0;

}

.settings-top-widget .stat-info.close-tickets .student-ticket-view h3 {

    color: #159F46;

	margin-top: 0;

}

.settings-top-widget .stat-info .student-ticket-view p {

	margin-bottom: 15px;

	color: #685F78;

	font-weight: 600;

}

.student-ticket-view a {

	color: #392C7D;

	font-size: 16px;

	font-weight: 500;

	text-decoration: underline;

}



/*-----------------

	33. Deposit Instructor

-----------------------*/



.instructor-bg-blk .student-group {

	padding-bottom: 20px;

    margin-bottom: 20px;

}

.settings-top-widget .stat-info.medium-tickets h3 {

    color: #FFB54A;

	margin-top: 0;

}

.settings-top-widget .stat-info.blue-tickets h3 {

    color: #1D9CFD;

	margin-top: 0;

}

.student-deposit-blk .stat-info {

	width: 100%;

}



/*-----------------

	34. Deposit Payment Method

-----------------------*/



.radio-with-img {

	display: block;

}

.radio-with-img p.radio-deposit-item {

	display: inline-flex;

	width: 180px;

	height: 132px;

	box-sizing: border-box;

	border: none;

	margin-right: 25px;

	margin-bottom: 30px;

    align-items: baseline;

}

.radio-with-img p.radio-deposit-item label {

	display: block;

	height: 100%;

	width: 100%;

	padding: 10px;

	border-radius: 10px;

	border: 1px solid rgba(255, 222, 218, 0.71);

	color: #000;

	cursor: pointer;

	opacity: .8;

	transition: none;

	font-size: 13px;

	padding-top: 25px;

	text-align: center;

	margin: 0 ;

	font-size: 14px;

    font-weight: 400;

}

.radio-with-img p.radio-deposit-item label:hover, 

.radio-with-img p.radio-deposit-item label:focus, 

.radio-with-img p.radio-deposit-item label:active {

	background: rgba(21, 159, 70, 0.08);

	border: 1px solid #159F46;

	color: #000;

	margin: 0;

}

.radio-with-img p.radio-deposit-item label::after, 

.radio-with-img p.radio-deposit-item label:after, 

.radio-with-img p.radio-deposit-item label::before, 

.radio-with-img p.radio-deposit-item label:before {

	opacity: 0;

	width: 0;

	height: 0;

	margin: 0;

}

.radio-with-img p.radio-deposit-item label img {

	display: block;

	font-size: 50px;

	margin: auto;

	margin-bottom: 10px;

}

.radio-with-img p.radio-deposit-item input[type="radio"] {

	opacity: 0;

	width: 0;

	height: 0;

}

.radio-with-img p.radio-deposit-item input[type="radio"]:active ~ label {

	opacity: 1;

}

.radio-with-img p.radio-deposit-item input[type="radio"]:checked ~ label {

	opacity: 1;

	background: rgba(21, 159, 70, 0.08);

	border: 1px solid #159F46;

	color: #000;

}

.radio-with-img p.radio-deposit-item input[type="radio"]:hover, 

.radio-with-img p.radio-deposit-item input[type="radio"]:focus, 

.radio-with-img p.radio-deposit-item input[type="radio"]:active {

	margin: 0;

}

.radio-with-img p.radio-deposit-item input[type="radio"] + label:before, 

.radio-with-img p.radio-deposit-item input[type="radio"] + label:after {

	margin: 0;

}



/*-----------------

	35. Error

-----------------------*/

.error404  div#page {

    padding-top: 60px;

}

.error404 {

     align-items: center;

    color: #1f1f1f;

 	background-image: url(../images/error-bg1.png);

    background-repeat: no-repeat;

    background-position: center;

 }

.error404 .main-wrapper {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    width: 100%;

	min-height: unset;

	padding-top: 50px;

}

.error-box {

    margin: 0 auto;

    max-width: 570px;

    padding: 20px 0;

    text-align: center;

    width: 100%;

}

.error-logo {

	margin-bottom: 50px;

}

.error-logo img {

	width: 150px;

}

.error-box h3 {

    color: #FA5560;

	font-weight: 600;

    font-size: 36px;

	margin-top: 20px;

}

.error-box p {

    margin-bottom: 30px;

	color: #343A40;

	font-size: 14px;

}

.error-box .btn-primary {

    border-radius: 50px;

    font-size: 16px;

    font-weight: 600;

    min-width: 158px;

    padding: 9px 15px;

	background: var(--dreamslms_primary_color);

}

.error-box .btn-primary:hover,

.error-box .btn-primary:active:not(:disabled):not(.disabled) {

	background: #e72f41;

}

.come-soon-box h5 {

	font-size: 20px;

	margin: 50px 0px 25px;

}

.error-box h4 {

	font-size: 32px;

	margin-bottom: 0;

}

.error-box h6 {

	font-size: 16px;

	margin: 35px 0px;

}

.social-icon-soon ul {

	padding: 0;

	margin: 0;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

}

.social-icon-soon ul li i {

	font-size: 24px;

}

.social-icon-soon ul li {

	list-style: none;

}

.social-icon-soon ul li:not(:last-child) {

	margin-right: 15px;

}

.social-icon-soon ul li .face-book {

	color: #1877F2;

}

.social-icon-soon ul li .twit-ter {

	color: #1DA1F2;

}

.social-icon-soon ul li .insta-gram {

	color: #000100;

}

.social-icon-soon ul li .linked-in {

	color: #0A66C2;

}

.social-icon-soon ul li i:hover {

	color: #ff5364;

}

.subscribe-soon .btn-danger {

	background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

	min-width: 127px;

	font-size: 16px;

}

.subscribe-soon .btn-danger:hover {

	background: #e63333;

	border: 1px solid #e63333;

}

.subscribe-soon .form-control {

	height: 48px;

}

.countdown-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

	margin-bottom: 15px;

}

.error-box .big-text {

    font-weight: 700;

    font-size: 40px;

    line-height: 1;

    margin: 0;

	margin-bottom: 15px;

	padding-bottom: 15px;

	color: #fff;

	border-bottom: 1px solid #F2F2F2;

}

.countdown-el {

    text-align: center;

	background: rgba(0, 0, 0, 0.4);

	min-width: 140px;

	padding: 38px 20px;

	border-radius: 10px;

	color: #fff;

}

.countdown-el:not(:last-child) {

	margin-right: 15px;

}

.countdown-el span {

    font-size: 26px;

}



/*-----------------

	36. All Courses

-----------------------*/



.search-filter .filter-widget h4 {

	font-size: 22px;

    font-weight: 600;

    margin-bottom: 1.5rem;

}

.search-filter .filter-widget label {

	font-size: 14px;

}

.search-filter .filter-widget .custom_check input {

	margin-right: 10px;

}

.inner-banner h5 a {

	color: #fff;

}

.inner-banner h5 a:hover {

	color: var(--dreamslms_primary_color);

}

.view-icons {

    display: inline-flex;

}

.view-icons a {

	align-items: center;

	background-color: #fff;

	border: 1px solid #D2DCEC;

	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);

	border-radius: 5px;

	color: #685f78;

	display: flex;

	font-size: 20px;

	justify-content: center;

	text-align: center;

	margin-right: 10px;

	width: 40px;

	height: 40px;

}

.view-icons a:hover {

	border-color: var(--dreamslms_primary_color);

	color: var(--dreamslms_primary_color);

}

.view-icons a.active {

    background-color: var(--dreamslms_primary_color);

	border-color: var(--dreamslms_primary_color);

	color: #fff;

}

.show-result h4 {

	font-size: 16px;

	color: #685f78;

	margin-bottom: 0;

	font-weight: 500;

}

.clear-text {

	margin-left: auto;

}

.clear-text p,

.clear-filter h4 {

	margin-bottom: 0;

}

.clear-text p {

	color: #000;

	font-size: 14px;

	font-weight: 500;

}

.clear-filter {

	margin-bottom: 43px;

    padding: 0;

}

.clear-filter h4 {

	font-size: 20px;

	color: #685f78;

 }

.clear-filter h4 i {

	margin-right: 9px;

}

.card.search-filter,

.card.post-widget {

    margin-bottom: 24px;

    border-radius: 10px;

}

.showing-list {

	margin-bottom: 44px;

}

.course-design .product:hover .product-content h3 a:hover,

.course-design .product:hover .course-name h4 a:hover {

    color: var(--dreamslms_primary_color);

}

.course-share .active-heart i {

    color: var(--dreamslms_primary_color);

	font-weight: 900;

}

.course-design .price .free-color {

	color: #159F46;

}

 .price h3.free-color {

	color: #159F46;

	text-transform: uppercase;

}

.course-design .price {

    min-width: auto;

	padding: 8px 15px;

	text-align:center;

}

.lms-page li .page-link {

	margin-right: 0;

	border: 1px solid var(--light);

	border-radius: 5px;

	width: 32px;

	height: 32px;

	color: #000000;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.lms-page {

	margin-bottom: 24px;

	margin-top: 20px;

}

.blog .pagination.lms-page, .page-template-template-bloggrid .pagination.lms-page{

	margin-bottom: 24px;

	margin-top: 0;

}

.lms-pagination {

	margin-bottom: 20px;

}

.lms-page li .page-link:hover { 

	background-color: var(--dreamslms_primary_color);

	color: #fff;

}

.lms-page .page-item.active .page-link {

    background-color: var(--dreamslms_primary_color);

    border-color: var(--dreamslms_primary_color);

}

.page-item:first-child .page-link {

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}

.show-filter .form-control {

	border-color: rgba(255, 222, 218, 0.71);

    min-height: 40px;

    font-size: 14px;

	padding-left: 30px;

}

.show-filter .form-control::placeholder {

	color: #a2a2a2;

}

.search-filter .card-body {

	padding: 24px;

}

.show-filter .search-group {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

	position: relative;

}

.show-filter .search-group i {

	position: absolute;

	left: 9px;

	color: var(--dreamslms_primary_color);

}

.categories-head i {

	margin-left: auto;

	margin-bottom: 15px;

}

.course-design .product {

	width: 100%;

}

.course-design {

	width: 100%;

}

.list-course .product {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

}

.list-course .product-img {

    -ms-flex: 0 0 240px;

    flex: 0 0 240px;

    margin-right: 24px;

    width: 240px;

	position: relative;

}

.head-course-title {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.head-course-title .title {

	margin-bottom: 0;

	margin-right: 20px;

}

.list-course .course-view {

    margin-left: 30px;

}

.list-course .product-content {

	padding-top: 0;

}

.rating i {

    color: #dedfe0;

}

.rating i.filled {

    color: #FFB54A;

}

 

.product-content-title {

	max-width: 320px;

}



/*-----------------

	37. Search

-----------------------*/



.custom_one .checkmark {

	border-radius: 50px;

}

.filter-widget {

	margin-bottom: 20px;

}

.filter-widget h4 {

	font-size: 1rem;

	margin-bottom: 15px;

}

.filter-widget .custom_check {

	line-height: 18px;

}

.latest-posts {

	margin: 0;

	padding: 0;

}

.latest-posts li {

	display: table;

	width: 100%;

	margin-bottom: 20px;

}

.latest-posts li:last-child {

	padding-bottom: 0px;

	margin-bottom: 0px;

	border-bottom: none;

}

.post-thumb {

	border-radius: 4px;

	width: 60px;

	float: left;

	overflow: hidden;

}

.post-thumb a img {

	border-radius: 4px;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

	transform: translateZ(0);

	-moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	-ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	-o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

}

.post-thumb a:hover img {

    -webkit-transform: scale(1.15);

    -moz-transform: scale(1.15);

    transform: scale(1.15);

}

.post-info {

	margin-left: 92px;

}

.post-info h4 {

	font-size: 15px;

	margin: 0 0 5px;

}

.post-info h4 a {

	color: #000000;

	font-size: 14px;

}

.post-info h4 a:hover {

	color: var(--dreamslms_primary_color);

}

.post-info p {

	color: #df5f5e;

	font-size: 14px;

	margin: 0;

	font-weight: 500;

}

.free-color p {

	color: #159F46;

}

.post-info p i {

	color: var(--dreamslms_primary_color);

	font-size: 14px;

	margin-right: 4px;

}

.latest-head h4 {

	color: #0B0B0B;

	font-size: 18px;

}

.select-form .form-select {

    border-color: rgba(255, 222, 218, 0.71);

    min-height: 40px;

    font-size: 14px;

    color: var(--dreamslms_secondary_color);

}

.select-form .form-select:focus {

    box-shadow: none;

}



/*-----------------

	38. Blog

-----------------------*/

.page-content .blog {

	margin-bottom: 1.5rem;

}

.page-content .blog.blog_list {

	border-radius: 10px;

    position: relative;

    margin-bottom: 1.5rem;

    background: #fff;

    padding: 1.5rem;

    border: 1px solid #e9ecef;

}

.single-post .page-content .blog .blog-single-post {

    border-radius: 10px;

    position: relative;

    margin-bottom: 24px;

    padding: 1.5rem 1.5rem 15px;

    border-radius: 10px;

    border: 1px solid #e9ecef;

    background: #fff;

}

.section-blogs .blog {

	border: 1px solid #f0f0f0;

	box-shadow: 0 0 13px rgba(0,0,0,0.10);

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

}

.blog-image {

	overflow: hidden;

}

.blog-image,

.blog-image > a,

.blog-image img {

	display: block;

	position: relative;

	width: 100%;

	height: auto;

}

.blog-image img {

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

	transform: translateZ(0);

	-moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	-ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	-o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

}

.blog-image a:hover img {

    -webkit-transform: scale(1.15);

    -moz-transform: scale(1.15);

    transform: scale(1.15);

}

.blog-image {

	margin-bottom: 20px;

	border-radius: 10px 10px 0 0

}

.blog-content {

	position: relative;

}

.blog-title {

	font-size: 24px;

	margin: 0 0 20px;

	font-weight: 600;

	line-height: 1.4;

}

.single-post .blog-title {

	font-size: 32px;

 }

.blog-title a {

	color: var(--dreamslms_secondary_color);

}

.blog-title a:hover {

	color: var(--dreamslms_primary_color);

}

.blog-content p {

	margin: 0 0 20px;

	font-size: 14px;

	color: #685F78;

	font-weight: 400;

}

.blog.blog_list.blog_search .blog-content p {

	margin-bottom: 0;

  }

.blog-content h4 {

	font-size: 16px;

	color: #000;

	font-weight: 600;

}

.post-author img {

    border-radius: 100%;

    width: 30px;

    margin-right: 5px;

}

.read-more {

    display: inline-block;

    font-size: 16px;

    padding: 0;

    color: #1e88e5;

    text-decoration: underline;

    font-weight: bold;

}

.blog-info {

    color: #26292c;

    font-size: 14px;

    margin-bottom: 20px;

}

.blog-info a {

	color: #685F78;

	font-size: 14px;

	font-weight: 400;

	text-transform: capitalize;

}

.blog-info a:hover {

	color: var(--dreamslms_primary_color);

}

.entry-meta {

	color: #26292c;

	font-size: 14px;

	list-style: none;

	margin-bottom: 15px;

	padding: 0;

}

.entry-meta li {

    display: inline-block;

    margin-right: 15px;

}

.entry-meta li:last-child {

	margin-right: 0;

}

.blog-pagination .pagination {

	margin-bottom: 30px;

}

.blog-pagination .pagination li a {

    padding: 12px 20px;

    font-weight: 600;

    color: #26292c;

    margin-right: 10px;

    border-radius: inherit !important;

	border-color: #f0f0f0;

}

.blog-pagination .pagination li.disabled a {

	border-color: #f0f0f0;

}

.blog-pagination .pagination li.active a {

	background: #1e88e5;

	border-color: transparent;

	color: #ffffff;

}

.post-left ul {

	margin: 0;

	padding-left: 0;

	list-style: none;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}

.post-left ul li {

	padding: 0px 20px;

	border-left: 1px solid #C4C4C4;

	color: #685F78;

	font-weight: 400;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.post-left ul li:first-child {

	border:0;

	padding-left: 0;

}

.post-left ul li img {

	margin-right: 8px;

}

.post-author a {

	display: flex;

	align-items: center;

}

.latest-posts {

	margin: 0;

	padding: 0;

}

.latest-posts li {

	display: table;

	width: 100%;

	margin-bottom: 20px;

}

.latest-posts li:last-child {

	padding-bottom: 0px;

	margin-bottom: 0px;

	border-bottom: none;

}

.post-thumb {

	border-radius: 4px;

	width: 80px;

	float: left;

	overflow: hidden;

}

.post-thumb a img {

	border-radius: 4px;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

	transform: translateZ(0);

	-moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	-ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	-o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;

}

.post-thumb a:hover img {

    -webkit-transform: scale(1.15);

    -moz-transform: scale(1.15);

    transform: scale(1.15);

}

.blog-widget .post-info {

	margin-left: 95px;

}

.blog-widget .post-info h4 {

	font-size: 14px;

	margin: 0 0 7px;

	font-weight: 500;

}

.blog-widget .post-info h4 a {

	color: var(--dreamslms_secondary_color);

}

.blog-widget .post-info h4 a:hover {

	color: var(--dreamslms_primary_color);

}

.blog-widget .post-info p {

	color: #685f78;

	font-size: 13px;

	margin: 0;

}

.category-widget .categories {

	list-style: none;

	margin: 0;

	padding: 0;

}

.category-widget .categories li {

    margin-bottom: 20px;

}

.category-widget .categories li:last-child {

    border-bottom: none;

    margin-bottom: 0;

    padding-bottom: 0;

}

.category-widget .categories li a {

    color: var(--dreamslms_secondary_color);

    font-size: 14px;

    font-weight: 500;

}

.category-widget .categories li a:hover {

	color: var(--dreamslms_primary_color);

}

.category-widget .categories > li > a > i {

	color: var(--dreamslms_primary_color);

	font-size: 18px;

	margin-right: 19px;

}

.tags-card {

	padding-bottom: 5px;

}

.tags-widget .card-body {

	padding-bottom: 1rem;

}

.tags {

	list-style: none;

	margin: 0;

	overflow: hidden;

	padding: 0;

}

.tags li {

	float: left;

}

.tag {

 background: var(--light-900);

    border-radius: 5px;

    padding: 8px 12px;

    display: inline-flex

;

    border: inherit;

}

.tag:hover {

	background-color: var(--dreamslms_primary_color_opacity);

	border-color: var(--dreamslms_primary_color_opacity);

	color: #fff;

}

.comment-by {

	display: block;

	font-size: 14px;

	line-height: 21px;

	margin: 0 0 10px;

}

.comments-list .comment-block p {

    font-size: 14px;

    margin-bottom: 5px;

}

.blog-col {

	width: 100%;

}

.custom-edit-service h4 {

	padding-bottom: 15px;

	margin-bottom: 0;

}

.custom-edit-service label{

	font-size: 16px;

}

.custom-edit-service textarea.form-control {

	min-height: 200px;

}

.custom-edit-service .service-upload {

	border: 1px solid #dcdcdc;

    border-radius: .25rem;

    text-align: center;

    padding: 70px 0;

    margin-bottom: 30px;

    background-color: #fff;

    position: relative;

}

.custom-edit-service .service-upload i {

	font-size: 50px;

    color: #858585;

}

.custom-edit-service .service-upload span {

	font-size: 15px;

    color: #858585;

    margin-top: 14px;

    display: block;

}

.custom-edit-service .service-upload input[type="file"] {

	position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}

.custom-edit-service .upload-wrap {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    list-style: none;

    padding: 0;

    margin: 0;

}

.custom-edit-service .upload-wrap li {

	margin: 10px;

}

.custom-edit-service .upload-wrap li .upload-images {

	width: 100px;

}

.custom-edit-service .upload-wrap li img {

	max-width: 100%;

	height: auto;

}

.blog-read .btn-primary {

	background: var(--dreamslms_btn_primary_back);

	border: 1px solid var(--dreamslms_btn_primary_back);

	box-sizing: border-box;

	border-radius: 5px;

	font-size: 15px;

	color: var(--dreamslms_btn_primary_color);

	text-decoration: none;

	padding: 10px 20px;

	font-weight: 500;

}

.blog-read .btn-primary:hover { 

	background: var(--dreamslms_btn_primary_hover);

	border: 1px solid var(--dreamslms_btn_primary_hover);

 }

.blog-widget {

	padding: 1.5rem;

	border: 1px solid #e9ecef;

    margin-bottom: 1.5rem;

    border-radius: 10px;

}

.blog-widget.widget_tag_cloud {

	padding-bottom: 15px;

}

.tags-card {

	padding-bottom: 5px;

}

.blog-widget .card-body {

	padding: 0px;

}

.blog-widget .card-header {

    border-bottom: 0px;

	padding: 0px;

	margin-bottom: 1.5rem;

}

.blog-search .input-group .btn-primary {

	background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

	padding: 15px;

}

.blog-search .input-group .form-control {

	background: rgba(229, 229, 229, 0.42);

	border: 0;

}

.blog-search .input-group .form-control::placeholder {

	color: #a2a2a2;

	font-size: 14px;

}

.blog-widget .card-header .card-title {

   font-size: 22px;

   font-weight: 600;

}

.post-widget .post-info p img {

	margin-right: 6px;

}

.load-more .btn-primary {

	background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

	border-radius: 5px;

	font-size: 18px;

	font-weight: 700;

	padding: 9px 48px;

	margin-top: 25px;

}

.load-more .btn-primary:hover {

	background: #ed4051;

	border: 1px solid #ed4051;

}



/*-----------------

	39. Blog Grid

-----------------------*/



.blog-grid-box {

	background: #fff;

    padding: 24px;

    margin: 0px 10px;

    margin-top: -20px;

    position: relative;

	border-radius: 5px;

}

.blog-grid-box .post-left ul li,

.grid-modern .post-left ul li {

    padding: 0px 15px;

}

.blog-grid-box .post-left ul li:first-child,

.grid-modern .post-left ul li:first-child {

	padding-left: 0;

}

.grid-blog .blog-image {

	margin-bottom: 0;

}

.grid-blog {

	margin-bottom: 20px;

}



/*-----------------

	40. Blog Modern

-----------------------*/



.grid-modern .blog-image {

	border-radius: 10px 10px 0px 0px;

	margin-bottom: 25px;

}

.blog-modern-box {

	position: absolute;

	bottom: 0;

	padding: 20px;

}

.blog-modern-box .blog-title a {

    font-size: 20px;

	color: #fff;

}

.blog-modern-box .blog-title a:hover {

	color: #ff5364;

}

.blog-modern-box .post-left ul li {

	color: #fff;

	font-size: 12px;

}



/*-----------------

	41. Mycourse

-----------------------*/



.mycourse-student {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.student-filter {

	margin-left: auto;

}

.show-filter .mycourse-student .form-control {

	max-width: 222px;

}

.student-filter .select-form .form-select {

    min-width: 222px;

}

.student-group .course-share {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	align-items: center;

	justify-content: center;

}

.course-student-header {

	background: #645b73;

	padding: 25px 0px;

}

.student-group .course-group-img img {

	max-width: 100px;

    height: 100px;

    border-radius: 10px;

	border: 5px solid #FFFFFF;

}

.student-group:before {

	content: "";

	position: absolute;

	width: 100%;

	height: 1px;

	bottom: 0;

	background: #fff;

	opacity: 0.25;

}

.student-group {

	position: relative;

}

.student-group .course-name h4 {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}

.student-group .course-name h4 a {

	font-size: 32px;

	font-weight: 600;

	color: #fff;

}

.student-group .course-name h4 a:hover {

	color: var(--dreamslms_primary_color);

}

.student-group .course-name h4 span {

	background: #fff;

	padding: 2px 10px;

	font-size: 14px;

	border-radius: 10px;

	margin-left: 20px;

}

.student-group .course-name p {

	font-size: 16px;

	font-weight: 400;

	color: #fff;

}

.student-group .course-share .btn-primary {

	background-color: var(--dreamslms_primary_color);

    border: 1px solid var(--dreamslms_primary_color);

	font-size: 14px;

	font-weight: 600;

	padding: 13px 26px;

}

.student-group .course-group-img img {

	margin-right: 25px;

}

.my-student-list ul {

	display: flex;

	padding: 0;

	margin: 0;

}

.my-student-list ul li {

	list-style: none;

	margin-right: 20px;

}

.my-student-list ul li a {

	color: #fff;

	padding: 0px 10px;

	padding-bottom: 10px;

}

.my-student-list ul li .active {

	border-bottom: 4px solid #fff;

}

.my-student-list ul li a:hover {

	border-bottom: 4px solid #fff;

}

.student-group .course-group {

	padding-bottom: 20px;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.rating-student {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.product .rating-student .rating {

	margin-left: 0;

}

.edit-rate {

	margin-left: auto;

	cursor: pointer;

}

.progress-stip {

	display: flex;

    height: 20px;

    overflow: hidden;

    background-color: #e9ecef;

    border-radius: 50px;

}

.active-stip {

	width: 35%;

}

.progress-stip .bg-success {

    background-color: #159f46 !important;

}

.start-leason .btn-primary {

	background: #392C7D;

	border: 1px solid #C4C4C4;

	border-radius: 5px;

	width: 100%;

	font-size: 14px;

	font-weight: 600;

	padding: 13px 15px;

}

.course-design .product:hover .start-leason .btn-primary {

    color: #fff;

}

.edit-rate a {

	font-size: 14px;

}

.student-percent p {

	font-size: 14px;

	margin: 20px 0px;

}

.start-leason .btn-primary:hover {

    background: #3b2999;

    border: 1px solid #3b2999;

}

.student-widget {

	border: 1px solid #e9ecef;

	border-radius: 10px;

	margin-bottom: 40px;

}

.message-student-widget {

	margin-bottom: 20px;

}

.student-widget-group {

	background: #fff;

	padding: 20px;

	border-radius: 10px;

	padding-bottom: 0;

}

.group-btn .btn-primary {

	width: 100%;

	padding: 13px 15px;

}

.course-design .product:hover .group-btn .btn-primary {

    color: #fff;

}

.publish-btn {

	font-size: 14px;

	font-weight: 600;

	background: #FF725E;

	border: 1px solid #C4C4C4;

	border-radius: 5px;

}

.publish-btn:hover {

	background: #ed5843;

	border: 1px solid #ed5843;

}

.cancel-btn {

	font-size: 14px;

	font-weight: 600;

	background: #777777;

	border: 1px solid #C4C4C4;

	border-radius: 5px;

}

.cancel-btn:hover {

	background: #5e5959;

	border: 1px solid #5e5959;

}

.publish-rate {

	display: none;

}

.purchase-widget .student-widget-group {

	padding: 25px;

}

.lesson-group .cou-title {

	margin-bottom: 0;

}

.lesson-group .cou-title span {

	float: right;

}

.lesson-group .cou-title a {

	background: transparent;

}

.lesson-group .course-card {

	background: #FFFFFF;

	border: 1px solid #e9ecef;

	border-radius: 10px;

	margin-bottom: 10px;

}

.lesson-group .course-card.list-group-item {

	border-radius: 5px;

	margin-bottom: 1.5rem;

}

.lesson-group .card-collapse {

	padding: 15px;

}

.lesson-group .course-card ul li {

	border-bottom: 0;

}

.play-intro {

	color: var(--dreamslms_primary_color);

}

.lesson-percent {

	border-bottom: 1px solid #e9ecef;

}

.lesson-percent p {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	font-size: 12px;

}

.lesson-percent p span {

	margin-left: auto;

}

.progress-stip .bg-success {

	border-radius: 50px;

}

.lesson-widget-group {

	background: #fff;

    padding: 1.5rem;

    border-radius: 10px;

}

.lesson-introduction .tittle {

	color: var(--dreamslms_primary_color);

	font-size: 24px;

	font-weight: 500;

	margin-bottom: 20px;

}

.lesson-introduction .tittle .tutor-quiz-wrap {

	font-size: 16px;

    font-weight: normal;

	color: var(--dreamslms_secondary_color) !important;

}



.introduct-video img {

	width: 100%;

}



/*-----------------

	42. Message

-----------------------*/



.chat-page .content {

	padding: 110px 0 0 0;

}

.chat-page .footer {

	display: none;

}

.chat-window {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    position: relative;

}

.chat-cont-left {

    border-right: 1px solid #f0f0f0;

    -ms-flex: 0 0 34%;

    flex: 0 0 34%;

    left: 0;

	margin-right: 1%;

    max-width: 35%;

    position: relative;

    z-index: 4;

	background: #fff;

	border: 1px solid rgb(199 199 199 / 25%);

	border-radius: 5px;

	margin-bottom: 20px;

}

.chat-cont-left .chat-header {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

    background-color: #fff;

    border-bottom: 1px solid #f0f0f0;

    color: #161c2d;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

    height: 72px;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-flex-pack: space-between;

    padding: 0 15px;

}

.chat-cont-left .chat-header span {

    font-size: 20px;

    font-weight: 500;

    text-transform: capitalize;

}

.chat-cont-left .chat-header .chat-compose {

    color: #8a8a8a;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

}

.chat-cont-left .chat-search {

    background-color: #fff;

    width: 100%;

}

.chat-cont-left .chat-search .input-group {

    width: 100%;

}

.chat-cont-left .chat-search .input-group .form-control {

    background-color: #fff;

    border-radius: 50px;

    padding-left: 36px;

}

.chat-cont-left .chat-search .input-group .form-control:focus {

    border-color: #ccc;

    box-shadow: none;

}

.chat-cont-left .chat-search .input-group .input-group-prepend {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

    bottom: 0;

    color: #666;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

    right: 15px;

    pointer-events: none;

    position: absolute;

    top: 0;

    z-index: 4;

}

.chat-window .chat-scroll {

    min-height: calc(100vh - 150px);

    max-height: calc(100vh - 150px);

    overflow-y: auto;

    border-radius: 5px;

}

.chat-cont-right .chat-scroll {

    min-height: calc(100vh - 300px);

    max-height: calc(100vh - 300px);

}

.chat-cont-left .chat-users-list {

    background-color: #fff;

	border-radius: 5px;

}

.chat-cont-left .chat-users-list a.media {

    background: #fff;

    padding: 10px 15px;

    transition: all 0.2s ease 0s;

	border-bottom: 1px solid rgb(199 199 199 / 25%);

}

.chat-cont-left .chat-users-list a.media .media-img-wrap {

    margin-right: 15px;

    position: relative;

}

.chat-cont-left .chat-users-list a.media .media-img-wrap .avatar {

    height: 45px;

    width: 45px;

}

.chat-cont-left .chat-users-list a.media .media-img-wrap .status {

	bottom: 7px;

	height: 10px;

	right: 4px;

	position: absolute;

	width: 10px;

	border: 2px solid #fff;

}

.chat-cont-left .chat-users-list a.media .media-body {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-flex-pack: space-between;

}

.badge-active {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}

.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name, 

.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat {

    max-width: 250px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name {

    color: var(--dreamslms_secondary_color);

	font-weight: 600;

	font-size: 16px;

    text-transform: capitalize;

	text-align: left;

}

.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat {

    color: #685F78;

    font-size: 14px;

    line-height: 24px;

	text-align: left;

}

.chat-cont-left .chat-users-list a.media .media-body > div:last-child {

    text-align: right;

}

.chat-cont-left .chat-users-list a.media .media-body > div:last-child .last-chat-time {

    color: #8a8a8a;

    font-size: 13px;

}

.chat-cont-left .chat-users-list a.media.read-chat .media-body > div:last-child .last-chat-time {

	color: #8a8a8a;

}

.chat-cont-right {

    -ms-flex: 0 0 65%;

    flex: 0 0 65%;

    max-width: 65%;

	background: #fff;

	border: 1px solid rgb(199 199 199 / 25%);

	border-radius: 5px;

	margin-bottom: 20px;

	padding-top: 0;

}

.chat-cont-right .chat-header {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

    background: #fff;

	border-bottom: 1px solid rgb(199 199 199 / 25%);

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

    height: 72px;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-flex-pack: space-between;

    padding: 0 15px;

}

.chat-cont-right .chat-header .back-user-list {

    display: none;

    margin-right: 5px;

    margin-left: -7px;

}

.chat-cont-right .chat-header .media {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}

.chat-cont-right .chat-header .media .media-img-wrap {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-right: 15px;

}

.chat-cont-right .chat-header .media .media-img-wrap .avatar {

	height: 50px;

	width: 50px;

}

.chat-cont-right .chat-header .media .media-img-wrap .status {

    border: 2px solid #fff;

    bottom: 0;

    height: 10px;

    position: absolute;

    right: 3px;

    width: 10px;

}

.chat-cont-right .chat-header .media .media-body .user-name {

    color: #161c2d;

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

}

.chat-cont-right .chat-header .media .media-body .user-status {

    color: #666;

    font-size: 14px;

}

.chat-cont-right .chat-header .chat-options {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

}

.chat-cont-right .chat-header .chat-options > a {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

    border-radius: 50%;

    color: #8a8a8a;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

    height: 30px;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

    margin-left: 10px;

    width: 30px;

}

.chat-cont-right .chat-body {

    background-color: #fff;

}

.chat-cont-right .chat-body ul.list-unstyled {

    margin: 0 auto;

    padding: 15px;

    width: 100%;

}

.chat-cont-right .chat-body .media .avatar {

    height: 30px;

    width: 30px;

	bottom: 0;

    position: absolute;

}

.chat-cont-right .chat-body .media .media-body .msg-box > div {

	padding: 10px;

	border-radius: 10px;

	display: inline-block;

	position: relative;

	margin-bottom: 20px;

}

.chat-cont-right .chat-body .media .media-body .msg-box > div p {

    color: #303030;

    margin-bottom: 0;

}

.chat-cont-right .chat-body .media .media-body .msg-box .chat-msg-info {

	color: #685F78;

}

.chat-cont-right .chat-body .media .media-body .msg-box + .msg-box {

	margin-top: 5px;

}

.chat-cont-right .chat-body .media.received {

	margin-bottom: 20px;

	position: relative;

}

.chat-cont-right .chat-body .media:last-child {

	margin-bottom: 0;

}

.chat-cont-right .chat-body .media.received .media-body .msg-box > div {

	background-color: #F5F5F5;

}

.chat-cont-right .chat-body .media.received .media-body .msg-box .chat-msg-info {

	justify-content: start;

}

.chat-cont-right .chat-body .media.sent {

    margin-bottom: 20px;

	position: relative;

}

.chat-cont-right .chat-body .media.sent .avatar {

    height: 30px;

    width: 30px;

    bottom: 0;

    right: 0;

    position: absolute;

}

.chat-cont-right .chat-body .media.sent .media-body {

	-webkit-box-align: flex-end;

	-ms-flex-align: flex-end;

	align-items: flex-end;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: column;

	flex-direction: column;

	justify-content: flex-end;

	-webkit-justify-content: flex-end;

	-ms-flex-pack: flex-end;

    margin-left: 0;

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box > div {

    background-color: var(--dreamslms_primary_color);

	float: right;

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box > div p {

    color: #fff;

}

.chat-cont-right .chat-body .chat-date {

    font-size: 14px;

    margin: 1.875rem 0;

    overflow: hidden;

    position: relative;

    text-align: center;

    text-transform: capitalize;

}

.chat-cont-right .chat-body .chat-date:before {

    background-color: #e0e3e4;

    content: "";

    height: 1px;

    margin-right: 28px;

    position: absolute;

    right: 50%;

    top: 50%;

    width: 100%;

}

.chat-cont-right .chat-body .chat-date:after {

    background-color: #e0e3e4;

    content: "";

    height: 1px;

    left: 50%;

    margin-left: 28px;

    position: absolute;

    top: 50%;

    width: 100%;

}

.chat-cont-right .chat-footer {

    background-color: #fff;

    padding: 10px;

    position: relative;

}

.chat-cont-right .chat-footer .input-group {

    width: 100%;

	background-color: #f5f5f6;

    border: none;

    border-radius: 50px;

	padding: 5px;

}

.chat-cont-right .chat-footer .input-group .form-control {

    background-color: #f5f5f6;

    border: none;

    border-radius: 50px;

}

.chat-cont-right .chat-footer .input-group .form-control:focus {

    background-color: #f5f5f6;

    border: none;

    box-shadow: none;

}

.chat-cont-right .chat-footer .input-group .btn, 

.chat-cont-right .chat-footer .input-group .btn {

    background-color: transparent;

    border: none;

    color: #9f9f9f;

}

.chat-cont-right .chat-footer .input-group .btn.msg-send-btn {

}

.msg-typing {

	width: auto;

	height: 24px;

	padding-top: 8px

}

.msg-typing span {

	height: 8px;

	width: 8px;

	float: left;

	margin: 0 1px;

	background-color: #a0a0a0;

	display: block;

	border-radius: 50%;

	opacity: .4

}

.msg-typing span:nth-of-type(1) {

	animation: 1s blink infinite .33333s

}

.msg-typing span:nth-of-type(2) {

	animation: 1s blink infinite .66666s

}

.msg-typing span:nth-of-type(3) {

	animation: 1s blink infinite .99999s

}

.chat-cont-left .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #ff5837;

    background-color: #fff;

    border-color: #dee2e6 #dee2e6 #fff;

}

.chat-cont-right .chat-body .media.received .media-body .msg-box {

	position: relative;

}

.chat-cont-right .chat-body .media.received .media-body .msg-box h6, .chat-cont-right .chat-body .media.sent .media-body .msg-box h6 {

    font-size: 10px;

    margin-bottom: 0;

	color: #ff5b37;

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box h6 {

	text-align: right;

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box {

    padding-left: 50px;

    position: relative;

}

.chat-msg-info {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: end;

	-webkit-justify-content: end;

	-ms-flex-pack: end;

    clear: both;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    list-style: none;

    padding: 0;

}

.chat-msg-info li {

    font-size: 13px;

    padding-right: 16px;

    position: relative;

}

.chat-msg-info li:not(:last-child):after {

	position: absolute;

	right: 8px;

	top: 50%;

	content: '';

	height: 4px;

	width: 4px;

	background: #d2dde9;

	border-radius: 50%;

	transform: translate(50%, -50%)

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after {

    right: auto;

    left: 8px;

    transform: translate(-50%, -50%);

    background: #aaa;

}

.chat-cont-right .chat-body .media.received .media-body .msg-box > div .chat-time {

    color: #f6f6f6;

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-time {

    color: #919191;

}

.chat-msg-info li a {

	color: #777;

}

.chat-msg-info li a:hover {

	color: #2c80ff

}

.chat-seen i {

	color: #00d285;

	font-size: 16px;

}

.chat-msg-attachments {

	padding: 4px 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	width: 100%;

	margin: 0 -1px

}

.chat-msg-attachments > div {

	margin: 0 1px

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-info {

    flex-direction: row-reverse;

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-attachments {

	flex-direction: row-reverse

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-info li {

    padding-left: 16px;

    padding-right: 0;

    position: relative;

}

.chat-attachment img {

    max-width: 100%;

}

.chat-attachment {

	position: relative;

	max-width: 130px;

	overflow: hidden;

}

.chat-attachment {

	border-radius: .25rem;

}

.chat-attachment:before {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: #000;

	content: "";

	opacity: 0.4;

	transition: all .4s;

}

.chat-attachment:hover:before {

	opacity: 0.6;

}

.chat-attach-caption {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	color: #fff;

	padding: 7px 15px;

	font-size: 13px;

	opacity: 1;

	transition: all .4s;

}

.chat-attach-download {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	opacity: 0;

	transition: all .4s;

	color: #fff;

	width: 32px;

	line-height: 32px;

	background: rgba(255, 255, 255, 0.2);

	text-align: center;

}

.chat-attach-download:hover {

	color: #495463;

	background: #fff;

}

.chat-attachment:hover .chat-attach-caption {

	opacity: 0;

}

.chat-attachment:hover .chat-attach-download {

	opacity: 1;

}

.chat-attachment-list {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	margin: -5px;

}

.chat-attachment-list li {

	width: 33.33%;

	padding: 5px;

}

.chat-attachment-item {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	border: 5px solid rgba(230, 239, 251, 0.5);

	height: 100%;

	min-height: 60px;

	text-align: center;

	font-size: 30px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

}

.chat-cont-right .chat-body .media.sent .media-body .msg-box > div:hover .chat-msg-actions {

	opacity: 1;

}

.chat-msg-actions {

	position: absolute;

	left: -30px;

	top: 50%;

	transform: translateY(-50%);

	opacity: 0;

	transition: all .4s;

	z-index: 2;

}

.chat-msg-actions > a {

    padding: 0 10px;

    color: #495463;

    font-size: 24px;

}

.chat-msg-actions > a:hover {

	color: #2c80ff;

}

@keyframes blink {

	50% {

		opacity: 1

	}

}

.btn-file {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

    font-size: 20px;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

    overflow: hidden;

    padding: 0 0.75rem;

    position: relative;

    vertical-align: middle;

}

.btn-file input {

    cursor: pointer;

    filter: alpha(opacity=0);

    font-size: 23px;

    height: 100%;

    margin: 0;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

}

.bgg-yellow {

	background: #FF7A03;

	color: #fff;

    border-radius: 50%;

    width: 17px;

    line-height: 17px;

    padding: 0;

    height: 17px;

}

.avatar > img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}

.chat-cont-right .chat-footer .input-group .btn-file i {

	font-size: 16px;

}

.add-compose {

	border-bottom: 1px solid rgb(199 199 199 / 25%);

	margin-bottom: 20px;

	padding-bottom: 20px;

}

.add-compose i {

	margin-right: 10px;

}

.add-compose .btn-primary {

	color: var(--dreamslms_primary_color);

	font-size: 14px;

	background: #FFFFFF;

	border: 1px solid var(--dreamslms_primary_color);

	border-radius: 50px;

	padding: 13px 41px;

}

.add-compose .btn-primary:hover {

	background-color: #FF875A;

    border: 1px solid #FF875A;

	color: #fff;

}



/*-----------------

	43. Cart

-----------------------*/



.cart-remove .btn-primary {

	font-size: 16px;

	border: 1px solid var(--dreamslms_primary_color);

	background: #FFFFFF;

	color: var(--dreamslms_primary_color);

	font-weight: 500;

    border-radius: 0;

    padding: 4px 11px;

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.cart-remove .btn-primary:hover {

	font-size: 16px;

	border: 1px solid var(--dreamslms_primary_color);

	background: var(--dreamslms_primary_color);

	color: #fff;

}

.course-design .product:hover {

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.course-design .product:hover .cart-remove .btn-primary {

    color: #fff;

	background: var(--dreamslms_primary_color);

	transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

.cart-widget .student-widget .course-design {

	border: 1px solid #e9ecef;

	border-radius: 5px;

	background: #fff;

	padding: 0;

}

.cart-widget .student-widget-group {

	padding: 0;

}

.cart-head {

	padding: 20px;

	border-bottom: 1px solid #e9ecef;

}

.cart-head h4 {

	margin-bottom: 0;

	font-size: 20px;

}

.cart-group,

.cart-total {

	padding: 20px;

}

.cart-total {

	border-top: 1px solid #e9ecef;

}

.check-outs .btn-primary {

	background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

 	color: #fff;

	padding: 12px 15px;

	font-size: 16px;

	font-weight: 700;

}

.check-outs .btn-primary:hover {

	background: #e14151;

	border: 1px solid #e14151;

}

.condinue-shop .btn-primary {

	background: #fff;

	border: 1px solid var(--dreamslms_primary_color);

	width: 100%;

	color: var(--dreamslms_primary_color);

	padding: 12px 15px;

	font-size: 16px;

	font-weight: 700;

}

.condinue-shop .btn-primary:hover {

	background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

	color: #fff;

}

.cart-subtotal p {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	width: 100%;

	font-size: 20px;

	font-weight: 500;

	color: #000000;

}

.cart-subtotal span {

	margin-left: auto;

 	font-weight: 600;

}

.order-total span {

	margin-left: auto;

 	font-weight: 600;

}



/*-----------------

	44. Ceckout

-----------------------*/



.checkout-form {

	padding: 20px;

}

.add-course-info {

	padding: 1.5rem;

}

.show-filter.add-course-info {

	padding: 0;

}

.checkout-form label {

	color: var(--dreamslms_secondary_color);

    font-weight: 600;

	font-size: 14px;

}

.dash_my_profile.checkout-form label {

	font-size: 16px;

	margin-bottom: 5px;

}

.checkout-form .form-control,

.checkout-form .form-select {

	border-color: #e9ecef;

    border-radius: 5px;

 }

.checkout-form .form-control:focus {

	border: 1px solid #d3d3d3;

}

.checkout-form .form-group {

	margin-bottom: 1.5rem;

}

.checkout-form .form-select:focus {

	box-shadow: none;

}

.checkout-form .form-control::placeholder {

	font-size: 14px;

	color: #685f78;

}

.checkout-widget .student-widget-group {

	padding: 0;

}

.ship-check .form-check-input {

	border-radius: 0;

	border-color: var(--dreamslms_primary_color_opacity);

	margin-right: 10px;

	font-size: 20px;

	margin-top: 0;

}

.ship-check {

	font-size: 14px;

	margin-bottom: 15px;

}

.pay-method {

	margin-top: 40px;

}

.payment-btn .btn-primary {

	background: var(--dreamslms_primary_color);

	border: 1px solid var(--dreamslms_primary_color);

	color: #fff;

	padding: 12px 15px;

	font-size: 16px;

	font-weight: 700;

	min-width: 600px;

}

.payment-btn .btn-primary:hover {

	background: #e14151;

	border: 1px solid #e14151;

}

.select-plan-group .student-widget-group {

	padding: 20px;

}

.plan-header {

	background: #392C7D;

}

.plan-header h4 {

	font-size: 24px;

	color: #fff;

	text-align: center;

	padding: 15px 15px;

    margin-bottom: 0;

}

.basic-plan h3 {

	font-size: 24px;

	color: var(--dreamslms_primary_color);

	margin-bottom: 15px;

}

.basic-plan h2 {

	font-size: 36px;

	color: #392C7D;

	font-weight:700;

	margin-bottom: 0;

}

.basic-plan h2 span {

	font-size: 18px;

}

.basic-plan p {

	font-size: 14px;

	margin-bottom: 15px;

}

.plan-header {

	margin-bottom: 20px;

}

.benifits-feature ul {

	padding: 0;

	margin: 0;

}

.benifits-feature ul li {

	list-style: none;

}

.wallet-method .custom_radio {

    color: #555;

    display: inline-flex;

    align-items: center;

    position: relative;

    font-size: 14px;

    padding-left: 30px;

    margin-bottom: 10px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.wallet-method .custom_radio .checkmark {

    height: 25px;

    width: 25px;

}

.wallet-method .custom_radio .checkmark {

    position: absolute;

    left: 0;

    height: 20px;

    width: 20px;

    background-color: #fff;

    border: 1px solid #ffe6e1;

    border-radius: 50%;

}

.wallet-method .custom_radio input {

    position: absolute;

    opacity: 0;

}

.wallet-method .custom_radio input:checked ~ .checkmark:after {

    opacity: 1;

}

.wallet-method .custom_radio .checkmark:after {

    display: block;

    content: "";

    position: absolute;

    opacity: 0;

    top: 4px;

    left: 4px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #ff5b37;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.wallet-method {

	margin: 10px 0px;

}

.benifits-feature {

	margin: 30px 0px;

}

.benifits-feature h3 {

	font-size: 18px;

	color: #000;

	font-weight: 700;

	margin-bottom: 30px;

}

.benifits-feature ul li {

	font-size: 14px;

	color: #685F78;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-bottom: 15px;

}

.benifits-feature ul li i {

	font-size: 7px;

	margin-right: 10px;

}

.plan-change .btn-primary {

	font-size: 16px;

	font-weight: 700;

	color: #392C7D;

	background:#fff;

	border: 1px solid #392C7D;

	border-radius: 0px;

	width: 100%;

	padding: 12px 15px;

}

.plan-change .btn-primary:hover {

	background: #392C7D;

	border: 1px solid #392C7D;

	color: #fff;

}



/*-----------------

	45. Student Profile

-----------------------*/



.settings-widget {

	border: 1px solid #e9ecef;

    margin-bottom: 24px;

	border-radius: 10px;

	background: #fff;

}

.settings-menu {

	background: #fff;

	border-radius: 10px;

	padding: 1.5rem;

}

.settings-menu h3 {

	font-size: 18px;

    font-weight: 600;

    margin-bottom: 1.5rem;

}

.settings-menu ul {

	display: block;

	border: 0;

	padding: 0px;

	margin: 0;

	list-style: none;

}

.settings-menu ul li {

 	position: relative;

	margin-bottom: 24px;

}

.settings-menu ul li:last-child {

	margin-bottom: 0;

}

.settings-menu ul li a {

    color: #685f78;

    font-weight: 500;

    padding: 0;

    border: 0 ;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    -webkit-align-items: center;

    line-height: normal;

 }

.settings-menu ul li:hover a, 

.settings-menu ul li:focus a, 

.settings-menu ul li a:focus {

    color: var(--dreamslms_primary_color);

 }

.settings-menu ul li:hover a {

	color: var(--dreamslms_primary_color);

}

.settings-menu ul .active a {

    color: var(--dreamslms_primary_color);

}

.settings-menu ul .active i {

	color: var(--dreamslms_primary_color);

}

.settings-menu ul li a i {

	margin-right: 8px;

    font-size: 18px;

    min-width: 20px;

}

.profile-bg img {

	width: 100%;

	border-radius: 5px 5px 0 0;

}

.profile-bg {

	position: relative;

}

.profile-bg h5 {

	position: absolute;

	background: #FFFFFF;

	border-radius: 10px;

	padding: 3px 10px;

	color: #000000;

	font-size: 14px;

	right: 20px;

	top: 20px;

	margin: 0;

}

.profile-img img {

	width: 150px;

    height: 150px;

    border-radius: 50%;

    position: absolute;

    bottom: -60px;

	left: 50%;

	-webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

	border: 5px solid #FFFFFF;

}

.profile-name h4 {

	font-size: 22px;

 	font-weight: 600;

	margin-bottom: 5px;

}

.profile-name p {

	color: #685F78;

	font-size: 14px;

	margin-bottom: 20px;

}

.profile-group {

	padding: 1.5rem;

	padding-top: 70px;

}

.profile-heading {

	padding: 1.5rem;

	border-bottom: 1px solid rgb(199 199 199 / 25%);

}



.profile-heading h3 {

	font-size: 22px;

	font-weight: 600;

	margin-bottom: 10px;

	margin-top: 0;

}

.profile-heading p {

	margin-bottom: 0;

}

.profile-details .course-group {

	padding: 25px;

	border-bottom: 1px solid rgb(199 199 199 / 25%);

}

.profile-share {

    margin-left: auto;

}

.profile-share .btn-success {

	background: transparent;

	color: #159F46;

	border: 1px solid #159F46;

	margin-right: 10px;

	border-radius: 0;

	padding: 7px 22px;

	font-weight: 500;

	border-radius: 5px;

}

.settings-menu .profile-bg {

	min-height: 120px;

	background: var(--dreamslms_primary_color);

	border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.tutor-qna-filter .tutor-form-select {

    border: 1px solid #e9ecef;

}

.tutor-form-select,.tutor-form-control{

	border: 1px solid #e9ecef;

 }

 .tutor-form-control:focus, .tutor-form-control.is-active {

    border-color: #e9ecef !important;

    box-shadow: unset;

}

.tutor-card.tutor-course-card .course-box.course-design .card-footer{

	border-radius: 0 0 10px 10px !important;

}

.profile-share .btn-success:hover {

	background: #159F46;

	color: #fff;

	border: 1px solid #159F46;

}

.profile-share .btn-danger {

	background: transparent;

	color: #FF0000;

	border-radius: 0;

	padding: 7px 22px;

	font-weight: 500;

	border-radius: 5px;

}

.profile-share .btn-danger:hover {

	background: #FF0000;

	color: #fff;

	border: 1px solid #FF0000;

}

.profile-details .course-name h4 a {

    color: #392C7D;

	font-size: 18px;

	font-weight: 600;

}

.profile-details .course-name h4 a:hover {

	color: var(--dreamslms_primary_color);

}

.profile-details .course-name p {

	color: #303030;

	font-size: 14px;

}

.profile-details .course-group-img img {

    max-width: 100px;

    height: 100px;

    border-radius: 50px;

}

.checkout-form.personal-address {

	padding: 1.5rem;

	margin-bottom: 0;

}

.personal-address h4 {

	font-size: 22px;

 	margin-bottom: 10px;

	font-weight: 600;

}

.your_avatar {

	font-size: 22px;

 	margin-bottom: 10px;

	font-weight: 600;

}

.personal-address p {

	font-size: 14px;

 }

.country-select {

	color: #C4C4C4;

	font-size: 14px;

}

.update-profile {

	margin-top: 10px

}

.update-profile .btn-primary {

	font-size: 16px;

    padding: 7px 15px;

	font-weight: 700;

	border: 1px solid #ff875a;

	border-radius: 5px;

	min-width: 200px;

}

.update-profile .btn-primary:hover {

	background-color: #fff;

    border: 1px solid #e72f41;

	color: #e72f41;

}

.border-line {

    border-bottom: 1px solid rgb(199 199 199 / 25%);

}

.personal-info-head p span {

	color: var(--dreamslms_primary_color);

}

.save-social .btn-primary {

	min-width: 237px;

}

.secure-alert .check-on label {

    margin-bottom: 0;

    margin-left: 15px;

    font-size: 14px;

    color: #000000;

    font-weight: 400;

}

.secure-alert .check-on {

	margin: 0px 0px 25px;

}

.un-subscribe {

	padding: 25px;

}

.un-subscribe .btn-danger {

	background: transparent;

	color: #FF0000;

	padding: 10px 15px;

	font-size: 16px;

	font-weight: 500;

}

.un-subscribe .btn-danger:hover {

	background: #FF0000;

	color: #fff;

}

.link-accounts.personal-form {

	border: 0;

	padding: 24px;

	border-radius: 0;

	background: transparent;

}

.comman-space {

	padding: 1.5rem;

}

.edit-new-address {

	margin-bottom: 30px;

}

.edit-new-address label {

	font-size: 14px;

	color: #303030;

	font-weight: 400;

}

.wallet-radio-blk .custom_radio {

    margin-bottom: 0px;

}

.wallet-radio-blk .custom_radio input:checked ~ .checkmark {

    background-color: #ff5364;

}

.wallet-radio-blk .custom_radio .checkmark:after {

    background: #fff;

}

.wallet-radio-blk .custom_radio input:checked ~ .checkmark:after {

    opacity: 1;

}

.address-edits {

	margin-left: auto;

}

.edit-new-address .form-check-input{

	width: 20px;

	height: 20px;

}

.address-edits .edit-btn-blk {

	padding: 5px 7px;

	background-color: #455A64;

	border: 1px solid #455A64;

    border: 0;

	color: #fff;

	border-radius: 5px;

}

.add-new-address  {

	margin-bottom: 40px;

}

.grad-border .btn-primary {

	border: 1px solid transparent;

    background-origin: border-box;

    background-clip: padding-box, border-box;

    background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #392C7D, #FF6575);

    border-radius: 10px;

}

.grad-border .btn-default {

	background: rgba(227, 227, 227, 0.41);

	border-radius: 10px;

	color: #C7C7C7;

	min-width: 173px;

	padding: 7px 15px;

	cursor: not-allowed;

}

.add-new-address .btn-primary {

	font-size: 15px;

	font-weight: 700;

	color: var(--dreamslms_primary_color);

	padding: 8px 20px;

}

.add-new-address .btn-primary:hover:focus,

.active-change-plan .btn-primary:hover:focus,

.upgrade-now .btn-primary:hover:focus {

	color: #fff;

}

.upgrade-now .btn-primary {

	font-size: 15px;

	font-weight: 700;

	color: var(--dreamslms_primary_color);

	padding: 8px 16px;

}

.upgrade-now {

	margin-left: auto;

}

.active-btns .btn-success {

	background-color: #159F46;

	border: 1px solid #159F46;

	color: #fff;

	font-size: 14px;

	padding: 1px 11px;

}

.active-btns .btn-danger {

	color: #fff;

	font-size: 14px;

	padding: 1px 11px;

}

.subscribtion-active h5 {

	color: #303030;

	font-size: 16px;

	font-weight: 700;

	margin: 10px 0px;

}

.subscribtion-active p {

	color: #303030;

	font-size: 14px;

	font-weight: 400;

	margin-bottom: 0;

}

.active-change-plan {

	margin-left: auto;

}

.active-change-plan .btn-primary {

	font-size: 15px;

	font-weight: 700;

	color: var(--dreamslms_primary_color);

	padding: 8px 39px;

}

.bill-widget {

	width: 100%;

	margin-bottom: 10px;

}

.monthly-subscribtion.comman-space {

	padding-bottom: 15px;

}

.monthly-group {

	margin-bottom: 30px;

}

.bill-name-group h5 {

	font-size: 14px;

	color: #303030;

	font-weight: 600;

	margin-bottom: 2px;

}

.bill-name-group p {

	font-size: 14px;

	color: #303030;

	font-weight: 400;

	margin-bottom: 0;

}

.plan-icons i {

	font-size: 18px;

}

.plan-icons {

	background: #FF875A;

    color: #fff;

    width: 44px;

    height: 44px;

	border-radius: 5px;

	margin-right: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	justify-content: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

}



/*-----------------

    46. Instructor Profile

-----------------------*/



.btn-dark {

    font-weight: 600;

    background: #392C7D;

    border: 1px solid #392C7D;

    color: #fff;

    border-radius: 5px;

    padding: 12px 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

}

.btn-dark:hover {

    background: #fff;

    border: 1px solid #392C7D;

    color: #392C7D;

}

.btn-black {

    font-weight: 600;

    background: #685f78;

    border: 1px solid #685f78;

    color: #fff;

    border-radius: 5px;

    padding: 12px 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

}

.btn-black:hover {

    background: #fff;

    border: 1px solid #685f78;

    color: #685f78;

}

.btn-success-dark {

   font-weight: 600;

    background: #159F46;

    border: 1px solid #159F46;

    color: #fff;

    border-radius: 5px;

    padding: 12px 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center; 

}

.btn-success-dark:hover {

    background: #fff;

    border: 1px solid #159F46;

    color: #159F46;

}

.instructor-profile {

    text-align: left;

}

.instructor-profile-pic {

    max-width: 100px;

    height: 100px;

    border-radius: 5px;

    border: 5px solid #FFFFFF;

    margin-right: 10px;

}

.instructor-profile-content h4 {

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0px;

}

.instructor-profile-content h4 a {

    font-size: 32px;

    font-weight: 600;

    color: #fff;

}

.instructor-profile-content h4 a:hover {

	color: var(--dreamslms_primary_color);

}

.instructor-profile-content h4 span {

    background: #fff;

    color: #000000;

    padding: 2px 10px;

    font-size: 14px;

    border-radius: 5px;

    margin-left: 20px;

}

.instructor-profile-content p {

    font-weight: 400;

    color: #fff;

    margin-bottom: 0;

}

.instructor-profile-menu {

    background: rgba(10, 20, 47, 0.33);

    border-radius: 10px;

    padding: 15px 20px;

    text-align: left;

    max-width: 480px;

    margin-left: auto;

}

.instructor-profile-menu ul {

    justify-content: space-between;

}

.instructor-profile-menu-img {

    margin-right: 10px;

}

.instructor-profile-menu-content h4 {

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 2px;

}

.instructor-profile-menu-content p {

    font-size: 15px;

    font-weight: 400;

    color: #fff;

    margin-bottom: 0;

}

.instructor-profile-text {

    text-align: left;

    padding-top: 30px;

}

.instructor-profile-text p {

    font-size: 15px;

    letter-spacing: 0.05em;

    color: #FFFFFF;

    margin-bottom: 0;

}

.instructor-card .card-header {

    background: transparent;

    border-bottom: 1px solid rgb(199 199 199 / 25%);

    padding: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    -ms-flex-pack: space-between;

}

.instructor-card .card-header h4 {

    font-weight: 600;

    font-size: 24px;

    color: #392C7D;

    margin-bottom: 0;

}

.instructor-card .btn {

    font-size: 14px;

    min-width: 170px;

    padding: 13px 15px;

}

.instructor-card .card-body {

    padding: 20px;

}

.instructor-grid {

    background: #FFFFFF;

    border: 1px solid rgb(199 199 199 / 25%);

    border-radius: 5px;

    padding: 15px;

    margin-bottom: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.instructor-grid .product {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    width: 100%;

}

.instructor-grid  .product-img {

    -ms-flex: 0 0 240px;

    flex: 0 0 240px;

    margin-right: 0;

    width: 240px;

    border-radius: 10px;

}

.instructor-grid .instructor-product-content {

    margin-left: 15px;

}

.instructor-grid .instructor-product-content h3 {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 0;

    font-family: 'Poppins', sans-serif;

    max-width: 460px;

    line-height: 30px;

}

.instructor-grid .instructor-product-content h3 a {

    color: #000;

}

.instructor-grid .instructor-product-content h3 a:hover {

    color: var(--dreamslms_primary_color);

}

.instructor-grid .course-view {

    margin-left: 30px;

}

.instructor-grid .course-info p {

    font-size: 16px;

    font-weight: 500;

}



/*-----------------

    47. Add Course

-----------------------*/



.add-course-header {

    padding-bottom: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    -ms-flex-pack: space-between;

}

.add-course-header h2 {

    font-weight: 600;

    font-size: 32px;

    color: #000000;

    margin-bottom: 0;

}

.add-course-btns ul li {

    margin-right: 17px;

}

.add-course-btns ul li:last-child {

    margin-right: 0;

}

.add-course-btns .btn {

    font-weight: 600;

    font-size: 14px;

    padding: 13px 15px;

    min-width: 170px;

    display: inline-flex;

}

.multistep-form #first {

    display: block;

}

.multistep-form fieldset {

    display: none;

    width: 100%;

}

.widget-setcount {

    padding: 30px 30px 30px;

    margin-bottom: 30px;

    border-bottom: 1px solid rgb(199 199 199 / 25%);

}

.widget-setcount ul {

    padding: 0;

    margin: 0;

    display: flex;

    flex-wrap: wrap;

    list-style: none;

}

.widget-setcount ul li {

    margin-right: 30px;

    position: relative;

}

.widget-setcount ul li:last-child {

    margin-right: 0;

}

.widget-setcount ul li p {

    font-weight: 500;

    color: var(--dreamslms_secondary_color);

    display: inline-flex;

    align-items: center;

    margin-bottom: 0;

    padding-top: 20px;

    border-top: 4px solid #C1C9D2;

	min-width: 173px;

}

.widget-setcount ul span {

    border: 1px solid #8792A2;

    width: 15px;

    height: 15px;

    border-radius: 50px;

    margin-right: 4px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #B1B5B8;

    background: #fff;

}

.progress-activated span:before {

    content: "\f00c";

    font-family: 'Font Awesome 6 Free';

    font-weight: 900;

    font-size: 12px;

    background: #159F46;

    color: #fff;

    width: 16px;

    height: 16px;

    border-radius: 50px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    position: absolute;

}

.progress-active p {

    border-top: 5px solid #159F46 !important;

}

.progress-activated p {

    border-top: 5px solid #159F46 !important;

}

.progress-active span {

    color: #159F46 !important;

    border-color: #159F46 !important;

    position: relative;

    border: 5px solid #159f46 !important;

}

.add-course-inner-header {

    padding: 0 30px 30px;

}

.add-course-inner-header h4 {

    font-weight: 500;

    font-size: 24px;

    color: var(--dreamslms_primary_color);

    margin-bottom: 0;

}

.add-course-form {

    padding: 0 30px 30px;

}

.add-course-info .form-group {

    margin-bottom: 20px;

}

.add-course-info .add-course-label {

    font-weight: 500;

    color: #685F78;

    margin-bottom: 10px;

}

.add-course-info .form-control {

     border: 1px solid #e9ecef;

    border-radius: 5px;

 }

.add-course-info .form-control:focus {

	border: 1px solid #e9ecef;

	color: #685f78;

}

.add-course-info .select2-container--default .select2-selection--single {

    border: 1px solid #e9ecef;

}

.add-course-info .select2-container .select2-selection--single {

    height: 40px;

}

.add-course-info .select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #685f78;

    line-height: 40px;

    font-size: 14px;

}

.add-course-info .select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 8px;

}

.add-course-info textarea.form-control {

    min-height: 150px;

	color: #685f78;

}

.widget-btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    -ms-flex-pack: space-between;

    padding: 30px 30px;

    border-top: 1px solid rgb(199 199 199 / 25%);

}

.widget-btn .btn {

    font-size: 14px;

    font-weight: 600;

    min-width: 170px;

    padding: 13px 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

}

.widget-btn .btn-info-light {

    color: #fff;

    background: #1D9CFD;

    border: 1px solid #1D9CFD;

    border-radius: 5px;

}

.widget-btn .btn-info-light:hover {

    color: #1D9CFD;

    background: #fff;

    border: 1px solid #1D9CFD;

}

.relative-form {

    position: relative;

    background: #FFFFFF;

    border: 1px solid #e9ecef;

    border-radius: 5px;

    color: #6e82a3;

    min-height: 40px;

    padding: 6px 15px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.relative-form span {

    font-size: 14px;

}

.relative-file-upload {

    color: #fff;

    background: var(--dreamslms_primary_color);

    border: 1px solid var(--dreamslms_primary_color);

    border-radius: 5px;

    padding: 8px 18px;

    font-size: 14px;

    margin-bottom: 0;

    cursor: pointer;

    position: absolute;

    right: 0;

    min-width: 238px;

    text-align: center;

}

.relative-file-upload input[type="file"] {

    position: absolute;

    top: 0;

    right: 0;

    text-align: right;

    filter: alpha(opacity=0);

    opacity: 0;

    outline: none;

    background: #fff;

    cursor: inherit;

    display: block;

}

.add-image-box {

    min-height: 250px;

    background: #edede8;

    border-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    width: 100%;

}

.add-image-box a {

    font-size: 200px;

    color: #a1a2a0;

}

.add-video-box {

    background: rgba(255, 222, 218, 0.71);

}

.add-video-box a {

    font-size: 40px;

    color: var(--dreamslms_primary_color);

}

.add-course-section {

    padding: 0 40px 40px;

}

.add-course-section .btn {

    font-weight: 600;

    font-size: 14px;

    color: #1D9CFD;

    background: #FFFFFF;

    border: 1px solid #1D9CFD;

    border-radius: 5px;

    min-width: 105px;

    padding: 7px 10px;

}

.add-course-section .btn:hover {

    color: #FFFFFF;

    background: #1D9CFD;

    border: 1px solid #1D9CFD;

}

.curriculum-grid {

    padding: 20px;

    margin-bottom: 30px;

    background: rgba(227, 227, 227, 0.41);

    border-radius: 10px;

}

.curriculum-head {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    -ms-flex-pack: space-between;

    padding-bottom: 20px;

}

.curriculum-head p {

    font-size: 16px;

    margin-bottom: 0;

    color: #000000;

}

.curriculum-head .btn {

    font-weight: 600;

    font-size: 14px;

    color: #1D9CFD;

    background: #FFFFFF;

    border: 1px solid #1D9CFD;

    border-radius: 5px;

    min-width: 105px;

    padding: 7px 10px;

}

.curriculum-head .btn:hover {

    color: #FFFFFF;

    background: #1D9CFD;

    border: 1px solid #1D9CFD;

}

.faq-grid {

    background: #FFFFFF;

    border: 1px solid #F0F0F0;

    padding: 20px;

    margin-bottom: 16px;

}

.faq-header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    -ms-flex-pack: space-between;

    position: relative;

}

.faq-header .faq-collapse {

    color: #000000;

    font-weight: 600;

    width: 100%;

    text-align: left;

    position: relative;

    display: inline-flex;

    align-items: center;

}

.faq-header .faq-collapse i {

    font-size: 20px;

    margin-right: 10px;

    color: #757575;

}

.faq-header .faq-collapse.collapsed:after {

    content: "\f078";

    font-family: 'Font Awesome 6 Free';

    font-weight: 600;

    font-size: 16px;

    color: #000;

    position: absolute;

    right: 0;

    top: 0;

}

.faq-header .faq-collapse:after {

    content: "\f077";

    font-family: 'Font Awesome 6 Free';

    font-weight: 600;

    font-size: 16px;

    color: #000;

    position: absolute;

    right: 0;

    top: 0;

}

.faq-right {

    position: absolute;

    right: 30px;

}

.faq-right a {

    font-size: 18px;

    color: #000000;

    margin-right: 8px;

}

.faq-right a:hover {

    color: var(--dreamslms_primary_color);

}

.faq-body {

    padding-top: 20px;

    padding-left: 25px;

}

.add-article-btns .btn {

    font-weight: 600;

    font-size: 14px;

    color: #685F78;

    margin-right: 12px;

    background: #FFFFFF;

    border: 1px solid #685F78;

    border-radius: 5px;

    min-width: 130px;

    padding: 7px 8px;

}

.add-article-btns .btn:hover {

    color: #FFFFFF;

    background: #685F78;

    border: 1px solid #685F78;

}

.form-group-tagsinput .bootstrap-tagsinput {

    display: block;

    border-radius: 5px;

    color: #000;

    background: #FFFFFF;

    border: 1px solid #e9ecef;

    box-shadow: unset;

    min-height: 60px;

    padding-top: 8px;

    padding-left: 10px;

    padding-right: 10px;

}

.form-group-tagsinput .bootstrap-tagsinput .tag {

    margin-right: 5px;

    margin-bottom: 5px;

    color: #685f78;

    border: 1px solid #e9ecef;

    background: rgba(227, 227, 227, 0.41) !important;

    font-size: 14px;

    font-weight: 400;

    padding: 12px 12px;

}

.form-group-tagsinput .bootstrap-tagsinput input {

    line-height: 42px;

    font-size: 14px;

}

.add-course-msg {

    text-align: center;

    padding-bottom: 30px;

}

.add-course-msg i {

    color: #159F46;

    font-size: 40px;

}

.add-course-msg h4 {

    font-weight: 400;

    font-size: 24px;

    color: #000000;

    margin-top: 20px;

    margin-bottom: 10px;

}

.add-course-msg p {

    font-size: 16px;

    color: #000000;

    margin-bottom: 0;

}



/*-----------------

    Instructor Dashboard

-----------------------*/



.settings-menu .instructor-title {

    padding-top: 10px;

}

.instructor-card {

    border-radius: 10px;

    margin-bottom: 25px;

}

.instructor-inner h6 {

	color: #685f78;

     margin-bottom: 15px;

	 font-weight: 500;

 }

.instructor-inner h4 {

    font-weight: 600;

    font-size: 28px;

    margin-bottom: 16px;

}

.instructor-inner .instructor-text-success {

    color: #159F46;

}

.instructor-inner .instructor-text-info {

    color: #1D9CFD;

}

 

.instructor-inner p {

    font-size: 14px;

    letter-spacing: 0.05em;

    color: #303030;

    margin-bottom: 0;

}



/*-----------------

	48. Invoices

-----------------------*/



.invoice-list-blk .card {

	border-radius: 10px;

}

.invoice-item .invoice-logo {

    margin-bottom: 30px;

}

.invoice-item .invoice-logo img {

    width: auto;

    max-height: 52px;

}

.invoice-item .invoice-text h2 {

	color:#161c2d;

	font-size:36px;

	font-weight:600;

}

.invoice-item .invoice-details {

	text-align: right;

	font-weight: 500

}

.invoice-item .invoice-details strong {

	color:#161c2d

}

.invoice-item .invoice-details-two {

	text-align:left

}

.invoice-item .invoice-text {

	padding-top:42px;

	padding-bottom:36px

}

.invoice-item .invoice-text h2 {

	font-weight:400

}

.invoice-info {

	margin-bottom: 30px;

}

.invoice-info p {

	margin-bottom: 0;

}

.invoice-info.invoice-info2 {

    text-align: right;

}

.invoice-item .customer-text {

	font-size: 18px;

	color: #161c2d;

	font-weight: 600;

	margin-bottom: 8px;

	display: block

}

.invoice-table tr th,

.invoice-table tr td,

.invoice-table-two tr th,

.invoice-table-two tr td {

	color: #161c2d;

	font-weight: 600;

	padding: 10px 20px;

	line-height: inherit

}

.invoice-table tr td,

.invoice-table-two tr td {

	font-weight: 500;

}

.invoice-table-two {

	margin-bottom:0

}

.invoice-table-two tr th,

.invoice-table-two tr td {

	border-top: 0;

}

.invoice-table-two tr td {

	text-align: right

}

.invoice-info h5 {

    font-size: 16px;

    font-weight: 500;

}

.other-info {

    margin-top: 10px;

}

.dropdown-btn {

	position: absolute;

    right: 20px;

    top: 17px;

	color: #fff;

	font-size: 12px;

}

.main-nav > li {

    position: relative;

}



/* 

.admin-bar .main-menu-wrapper {

    top: 32px;

}



.admin-bar .main-menu-wrapper {

    top: 32px;

} */

 

.course-sec .profile_courses  .card {

	margin-bottom: 0!important;

}



.elementor-widget-wrap>.elementor-element.elementor-widget-dreamslms-headline {

     margin: 0!important;

}

.master-skill .blur-border.course-radius {

	margin-bottom: 24px;

}



.tutor-modal-content {

    background-color: #fff;

}

.tutor-quiz-attempt-details .tooltip-wrap.tooltip-icon span{

    margin-right: 0.5rem;

    min-height: 20px;

    display: inline-flex;

    align-items: center;

}

.tutor-table tr td {

      font-size: 14px;

}

.tutor-table tr td:first-child {

    border-left: 1px solid #e9ecef;

	min-width: 250px;

}

.tutor-table tr:last-child td{

	border-bottom: 1px solid #e9ecef!important;

}

.tutor-table .tutor-color-secondary {

	font-weight: 500;

}

.tutor-table tr td:last-child {

    border-right: 1px solid #e9ecef;

}

.review_dashboard {

	padding-bottom: 1rem;

	margin-bottom: 1rem;

	border-bottom: 1px solid #e9ecef; 

}

.review_dashboard:last-child {

	padding-bottom: 0rem;

	margin-bottom: 0rem;

	border:none;

}

.pb-25 {

	padding-bottom: 25px;

}

.mb-26 {

	margin-bottom: 26px;

}

.my_quiz_attemts .tutor-my-24 {

	margin: 0px!important;

}

.small, small {

    font-size: 13px;

}



.post-type-archive-courses .course-item h5 del {

	font-size: 16px; margin-left: 10px;

}





.tutor-checkout-page .tutor-form-select, .tutor-checkout-page .tutor-form-control {

    border: 1px solid #e9ecef !important;

}



 



.woocommerce-checkout .add-course-info .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 35px;

}

.woocommerce-checkout .add-course-info .select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 6px;

}



@media (max-width: 1399px) {

  .banner-content  h1 {

        font-size: 42px;

    }

}



.woocommerce-checkout

.woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table thead tr:first-child th {

	padding : 8px!important ;

}

.woocommerce-checkout .table th, .woocommerce-checkout .table td {

    white-space: normal;

}



.post-type-archive-courses .course-item h5 del {

	font-size: 16px; margin-left: 10px;

}



.tutor-btn-secondary:hover, .tutor-btn-secondary:focus, .tutor-btn-secondary:active {

    color: #000;

 }



.tutor-checkout-page .tutor-form-select, .tutor-checkout-page .tutor-form-control {

    border: 1px solid #e9ecef !important;

}



.show-filter.add-course-info {

	  padding: 0;

	  flex: 0 0 70%;

  }

  

@media (min-width: 1299.98px) and (max-width: 1399.98px) {

	.course-content-list {

	   flex-direction :column;

	}

	  .course-item .course-content-list  .badge {

		margin-top:10px;

	}

  }

 .woocommerce ul.order_details.wc-bacs-bank-details {

	  margin-top: 30px;

 }



 .ppcp-messages {

     margin-top: 25px;

}



.ppc-button-wrapper {

	margin-top: 25px;

}



.leading-section-five .course-count p {

   font-size: 15px;

}
[data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    transition-property: opacity, transform;
}
header.header-one {
  margin-top: 0 !important;
  background: #392C7D !important;
}
.elementor-3032 .elementor-element.elementor-element-2b2bc8ec{
	padding:0px !important;
}
.home-five-course .categories-item.categories-item-six{
	max-width: calc(100% - 14px) !important;
	
}
/* Fix course categories layout to display horizontally like demo */
.home-five-course .categories-wrapper,
.home-five-course .categories-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.home-five-course .categories-item.categories-item-six {
	flex: 0 0 calc(33.333% - 14px);
	max-width: calc(33.333% - 14px) !important;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.home-five-course .categories-item.categories-item-six {
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px) !important;
	}
}

@media (max-width: 480px) {
	.home-five-course .categories-item.categories-item-six {
		flex: 0 0 100%;
		max-width: 100% !important;
	}
}

.elementor-widget-wrap > .elementor-element{
	padding:0px !important;
}

section.blogs-section-five {
    padding-top: 140px !important;
}
section.testimonial-section-five .header-five-title.text-center {
    padding-top: 60px !important;
}
section.blogs-section-five {
    padding-top: 80px !important;
}
.course-share {
  position: relative;
}
.course-share .col-auto {
  position: absolute;
  margin-left:180px;;
}
.elementor-widget {
  position: relative;
  padding: 10px;}
.elementor-heading-title.elementor-size-default {
  padding-left: 0 !important;
  text-align: center !important;
}
.instructor-item-seven .instructor-img {
  width: 200px;
  height: 165px;
  flex-shrink: 0;
  margin-right: 20px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.instructor-item-seven .instructor-img {
  width: 200px;
  height: 165px;
  flex-shrink: 0;
  margin-right: 20px;
  border-radius: 10px;}
  .instructor-detail-content .instructor-details .instructor-img {
    width: 280px;
    height: 180px;
  }

/* Message Icon Styling */
.dreamslms-message-icon {
    position: relative;
}

.dreamslms-message-icon a {
    color: #666;
    font-size: 18px;
    padding: 8px;
    border-radius: 50%;
    background-color: #f8f9fa;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.dreamslms-message-icon a:hover {
    background-color: #e9ecef;
    color: #495057;
    transform: scale(1.1);
}

.dreamslms-message-icon a:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dreamslms-message-icon {
        margin-right: 10px;
    }
    
    .dreamslms-message-icon a {
        font-size: 16px;
        padding: 6px;
    }
}