@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');
@font-face {
    font-family: 'Conv_Hero New Light';
    src: url('../fonts/Hero New Light.eot');
    src: local('☺'), url('../fonts/Hero New Light.woff') format('woff'), url('../fonts/Hero New Light.ttf') format('truetype'), url('../fonts/Hero New Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Hero New Regular';
    src: url('../fonts/Hero New Regular.eot');
    src: local('☺'), url('../fonts/Hero New Regular.woff') format('woff'), url('../fonts/Hero New Regular.ttf') format('truetype'), url('../fonts/Hero New Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Hero New Medium';
    src: url('../fonts/Hero New Medium.eot');
    src: local('☺'), url('../fonts/Hero New Medium.woff') format('woff'), url('../fonts/Hero New Medium.ttf') format('truetype'), url('../fonts/Hero New Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Hero New SemiBold';
    src: url('../fonts/Hero New SemiBold.eot');
    src: local('☺'), url('../fonts/Hero New SemiBold.woff') format('woff'), url('../fonts/Hero New SemiBold.ttf') format('truetype'), url('../fonts/Hero New SemiBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Hero New Bold';
    src: url('../fonts/Hero New Bold.eot');
    src: local('☺'), url('../fonts/Hero New Bold.woff') format('woff'), url('../fonts/Hero New Bold.ttf') format('truetype'), url('../fonts/Hero New Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Hero New ExtraBold';
    src: url('../fonts/Hero New ExtraBold.eot');
    src: local('☺'), url('../fonts/Hero New ExtraBold.woff') format('woff'), url('../fonts/Hero New ExtraBold.ttf') format('truetype'), url('../fonts/Hero New ExtraBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
}
body {
    background: white;
    font-family: 'Conv_Hero New Regular';
}
body.rtl {
    text-align: right;
    font-family: 'Tajawal', sans-serif !important;
}
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6, body.rtl a, body.rtl span, body.rtl p, body.rtl li, body.rtl th, body.rtl td {
    font-family: 'Tajawal', sans-serif !important;
}
body.rtl label {
    font-size: 16px;
}
.sidebar {
    padding: 0;
    background: #f3fdfb;
    width: 21rem !important;
}
.sidebar .sidebar-brand {
    height: auto;
    padding: 0 0 45px 0;
}
.sidebar .sidebar-brand img {
    width: 178px;
}
.sidebar-dark .nav-item {
    margin-bottom: 20px;
}
.sidebar-dark .nav-item .nav-link {
    display: flex;
    color: #798582;
    border-radius: 13px;
    padding: 11px 20px 10px 15px;
    font-family: 'Conv_Hero New Regular';
}
.sidebar-dark .nav-item .nav-link i {
    color: #798582;
    font-size: 20px;
    margin-right: 15px;
}
.sidebar .nav-item .nav-link span {
    font-size: 14px;
}
.sidebar-dark .nav-item .nav-link:hover {
    color: white;
    background: #a8ce04;
}
.sidebar-dark .nav-item.active .nav-link {
    color: white;
    background: #a8ce04;
}
.side-bar-fixed {
    height: 100vh;
    position: fixed;
    padding: 25px 22px 0 22px;
}
/*//// side bar styling end here ////*/
#wrapper #content-wrapper {
    background: white;
}
.topbar {
    height: auto;
}
.navbar {
    z-index: 5;
    position: fixed;
    padding: 30px 30px 15px;
    width: calc(100vw - 295px);
}
.topbar .nav-item .nav-link {
    height: auto;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link i {
    color: #057e67;
    font-size: 20px;
}
.topbar .nav-item .nav-link .img-profile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.topbar .navbar-search {
    flex: 1;
    margin-right: 20px;
}
.topbar .navbar-search input {
    height: 44px;
    background: #f9f9f9;
    padding: 7px 15px 7px 45px;
    border-radius: 10px !important;
    font-family: 'Conv_Hero New Regular';
}
.topbar .navbar-search input::placeholder {
    color: #798582;
}
.topbar .navbar-search i {
    top: 15px;
    left: 15px;
    z-index: 4;
    color: #a2b1ae;
    position: absolute;
}
.topbar.navbar-light .navbar-nav .nav-item:last-of-type .nav-link {
    padding-right: 0;
}
/**/
.text-teal {
    color: #019d81;
}
.text-dark-aqua {
    color: #057e67;
}
.cusDropzone.dropzone {
    border-radius: 15px;
    border: dashed 2px #d3e1de;
    min-height: 150px;
    padding: 0;
}
.dz-message {
    color: #343434;
    font-size: 14px;
}
/*//// Top bar styling end here ////*/
.fixed-breadcrumb {
    top: 95px;
    z-index: 2;
    position: fixed;
    background: white;
    width: calc(100vw - 295px);
}
.pr-pl-30 {
    padding-left: 30px;
    padding-right: 30px;
}
h1 {
    color: #343434;
    font-size: 28px;
    font-family: 'Conv_Hero New Bold';
}
.announcement-container {
    padding: 20px 30px;
    background: #fdf3db;
    border-radius: 25px;
    margin-bottom: 40px;
}
.announcement-container p {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Regular';
}
.announcement-container p strong {
    font-size: 20px;
    font-weight: 100;
    font-family: 'Conv_Hero New Medium';
}
.announcement-container p span:first-of-type {
    margin-left: 0;
    margin-right: 13px;
}
.announcement-container p span {
    margin-left: 10px;
}
.announcement-container p .speaker-icon {
    width: 44px;
    height: 44px;
    display: flex;
    background: white;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}
.announcement-container p .speaker-icon i {
    color: #ffac07;
    font-size: 18px;
}
.announcement-container a {
    width: 30px;
    height: 30px;
    color: #343434;
    background: white;
    border-radius: 6px;
    text-decoration: none;
}
.mt-110 {
    margin-top: 110px;
}
.pl-30 {
    padding-left: 30px;
}
h2 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
h2 a {
    color: #019d81;
    font-size: 16px;
    text-decoration: none;
}
h2 a:hover {
    color: #057e67;
    text-decoration: none;
}
.ungraded-box {
    padding: 20px;
    border-radius: 26px;
    background: #f0f6d3;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ungraded-box:hover {
    box-shadow: 0 46px 36px -19px rgba(199, 200, 192, 0.71);
}
.ungraded-box span {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.ungraded-box h3 {
    color: #343434;
    font-size: 19px;
    line-height: 28px;
    font-family: 'Conv_Hero New Medium';
}
.ungraded-box h4 {
    color: #343434;
    font-size: 15px;
    font-family: 'Conv_Hero New Regular';
}
.ungraded-box h4 i {
    color: #a2b1ae;
    font-size: 20px;
    margin-right: 10px;
}
.ungraded-box h5 {
    color: #343434;
    font-size: 15px;
    font-family: 'Conv_Hero New Regular';
}
.ungraded-box .progress {
    background-color: #dbe0c0;
}
.ungraded-box .progress .progress-bar {
    background-color: #a8ce04;
}
.ungraded-box h6 {
    color: #343434;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.ungraded-box .view-button {
    color: white;
    height: 44px;
    font-size: 14px;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.ungraded-box .view-button:hover {
    color: #057e67;
    background: white;
    transition: all 0.3s ease;
    box-shadow: 0 0 5px 0 #057e67;
}
.info-bg {
    background: #e2fdf8;
}
.info-bg .progress {
    background-color: #cee7e2;
}
.info-bg .progress .progress-bar {
    background-color: #057e67;
}
.card {
    border: 0;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 30px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.card:hover {
    box-shadow: 0 46px 36px -19px rgba(199, 200, 192, 0.71);
}
.card a {
    text-decoration: none;
}
.card img {
    height: 135px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}
.card h2 {
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    color: white;
    font-size: 14px;
    position: absolute;
    padding: 5px 15px 5px 15px;
    background: rgba(0, 0, 0, 0.2);
    font-family: 'Conv_Hero New Bold';
}
.card .card-body {
    border: 1px solid #d3e1de;
    border-top: 0;
    padding: 15px 20px 20px 20px;
    border-radius: 0 0 20px 20px;
}
.card .card-body span {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.card .card-body h3 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.card .card-body h3 i {
    color: #a2b1ae;
    font-size: 20px;
    margin-right: 10px;
}
.card .card-body img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.card .card-body h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.card .card-body h5 {
    color: #343434;
    font-size: 12px;
    font-family: 'Conv_Hero New Regular';
}
.calendar-section {
    background: #f3fdfb;
    padding: 25px 15px 15px;
    border-radius: 20px 0 0 20px;
    height: 100%;
}
.calendar-section h2 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.calendar-section .card {
    padding: 15px;
    border-radius: 25px;
}
.calendar-section .card span {
    color: #798582;
    font-size: 11px;
    margin-bottom: 5px;
    font-family: 'Conv_Hero New Medium';

}
.calendar-section .card h3 {
    color: #343434;
    font-size: 16px;
    margin-bottom: 6px;
    font-family: 'Conv_Hero New Medium';
}
.calendar-section .card h5 {
    color: #343434;
    font-size: 12px;
    font-family: 'Conv_Hero New Regular';
}
.calendar-section .card h5 i {
    color: #a2b1ae;
    font-size: 18px;
    margin-top: -3px;
    margin-right: 10px;
}
.nav-tabs {
    border-color: #d3e1de;
}
.nav-tabs .nav-item {
    margin-bottom: 0;
}
.nav-tabs .nav-item .nav-link {
    border: 0;
    color: #798582;
    font-size: 14px;
    position: relative;
    padding: 10px 15px 12px 15px;
    font-family: 'Conv_Hero New Medium';
    background: transparent;
}
.nav-tabs .nav-item .nav-link.active,
.nav-pills .nav-link.active {
    color: #019d81;
}
.nav-tabs .nav-item .nav-link.active:before {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 23px;
    height: 3px;
    margin: 0 auto;
    position: absolute;
    background: #a8ce04;
    display: inline-block;
}
#calendarFull {
    width: 100%;
    margin-top: 20px;
}
/* ------- Agenda View ------- */
#agendaView > table{
    width: 100%;
    min-height: 500px;
    background: #FFF;
}
#agendaView .fc-agendaView-event-start,
#agendaView .fc-agendaView-event-end{
    width: 20%;
}
#agendaView .fc-agendaView-event-title{
    width: 60%;
}
#agendaView th{
    height: 30px;
    font-size: 14px;
    vertical-align: text-bottom;
    font-weight: bold;
    padding: 10px 0 0 10px;
}
#agendaView td{
    height: 30px;
    padding: 10px 0 0 10px;
    font-size: 14px;
    vertical-align: text-bottom;
}
.fc-state-default {
    font-size: 14px;
    color: #343440 !important;
    background: #f3fdfb !important;
    font-family: 'Conv_Hero New Regular';
}
.fc-state-active {
    box-shadow: 0 0 0 0 !important;
    background: #e0fff9 !important;
}
.fc-header-title h2 {
    color: #343434;
    font-size: 20px;
    font-family: 'Conv_Hero New Bold';
}
.fc-day-content div {
    height: auto !important;
}
.breadcrumb {
    padding: 0;
    margin-bottom: 20px;
    background-color: inherit;
}
.breadcrumb .breadcrumb-item {
    color: #343434;
    display: block;
    font-size: 14px;
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Conv_Hero New Regular';
}
.breadcrumb .breadcrumb-item a {
    color: #798582;
    font-size: 14px;
    position: relative;
    padding-right: 25px;
    text-decoration: none;
    font-family: 'Conv_Hero New Regular';
}
.breadcrumb .breadcrumb-item:before {
    display: none;
}
.breadcrumb .breadcrumb-item a::before {
    top: 7px;
    transform: rotate(45deg);
}
.breadcrumb .breadcrumb-item a::after {
    top: 11px;
    transform: rotate(-45deg);
}
.breadcrumb .breadcrumb-item a::before, .breadcrumb .breadcrumb-item a::after {
    right: 4px;
    content:"";
    width: 6px;
    height: 1px;
    position: absolute;
    background: #343434;
    display: inline-block;
}
.class2a-banner {
    position: relative;
    margin: 0 30px 30px;
}
.mt-155 {
    margin-top: 155px;
}
.nav-tabs-fixed {
    top: 135px;
    width: 80%;
    z-index: 2;
    position: fixed;
    background: white;
}
.class2a-banner img {
    width: 100%;
    height: 350px;
}
.class2a-banner h2 {
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    color: white;
    font-size: 25px;
    position: absolute;
    border-radius: 0 0 30px 30px;
    padding: 10px 15px 15px 25px;
    font-family: 'Conv_Hero New Bold';
}
div.dataTables_wrapper div.dataTables_filter input {
    height: 40px;
    min-width: 250px;
    border-radius: 15px;
    background: #f9f9f9;
    border-color: #f9f9f9;
    padding: 0 15px 0 15px;
}
.class-teacher img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.class-teacher h3 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.class-teacher h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.tabs-wrapper h2 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.editBtnTransparent a,
.editBtn a,
.addBtn a,
.createNewBtn a,
.tabs-wrapper h2 a {
    color: white;
    font-size: 13px;
    padding: 12px 30px;
    background: #057e67;
    border-radius: 15px;
    text-decoration: none;
    transition: all 0.5s ease;
    font-family: 'Conv_Hero New Medium';
    display: block;
}
.editBtnTransparent a {color: #019d81;border: 1px solid #019d81;background: transparent;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.editBtnTransparent a:hover {box-shadow: 0 0 4px 0 #019d81;}
.createNewBtn a {padding: 11.4px 16px;}

.editBtn a:hover,
.addBtn a:hover,
.createNewBtn a:hover,
.tabs-wrapper h2 a:hover {
    color: #057e67;
    background: white;
    transition: all 0.5s ease;
    box-shadow: 0 0 5px 0 #057e67;
}
.tabs-wrapper p {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Regular';
}
.progress {
    background-color: #e9e9e9;
}
.progress .progress-bar {
    background-color: #057e67;
}
.tabs-wrapper .card {
    margin-bottom: 25px;
}
.tabs-wrapper .card h2 {
    color: white;
    font-size: 18px;
}
.tabs-wrapper h6 {
    color: #343434;
    font-size: 11px;
    font-family: 'Conv_Hero New Medium';
}
.tabs-wrapper span {
    color: #798582;
    font-size: 11px;
    font-family: 'Conv_Hero New Regular';
}
.has-search {
    margin-bottom: 30px;
}
.has-search input {
    height: 44px;
    background: #f9f9f9;
    padding: 8px 15px 7px 45px;
    border-radius: 10px !important;
}
.has-search i {
    top: 15px;
    left: 15px;
    z-index: 4;
    position: absolute;
}
.teacher-table th {
    padding: 0;
    border: 0 !important;
}
.fc-border-separate .fc-widget-header {
    font-size: 14px;
    padding: 8px 0 4px;
    color: #343434;
}
.teacher-table th:before, .teacher-table th:after {
    display: none !important;
}
div.dataTables_wrapper div.dataTables_info {
    color: #798582;
    font-size: 14px;
}
div.dataTables_wrapper div.dataTables_length label {
    display: flex;
    color: #798582;
    font-size: 14px;
    align-items: center;
}
div.dataTables_wrapper div.dataTables_length select {
    margin: 0 10px;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-size: 14px;
}
.teacher-table tbody tr:first-of-type td:first-of-type {
    border-top: 0;
}
.teacher-table td {
    border: 0;
    padding: 0;
}
.teacher-table td div img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.teacher-table td div h4 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.teacher-table td div h5 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.teacher-table .teacher-detail {
    margin-bottom: 10px;
    border-radius: 20px;
    border: 1px solid #d3e1de;
    padding: 14px 15px 14px 20px;
}
.dataTables_wrapper .row:last-of-type {
    margin-bottom: 45px;
}
.paginate_button a {
    padding: 0;
    width: 42px;
    height: 42px;
    display: flex;
    margin: 0 5px;
    color: #798582;
    font-size: 14px;
    background: none;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.paginate_button a:hover, .paginate_button a:focus {
    background: none;
}
.page-item.active .page-link {
    color: white;
    background: #a6cc01;
    border-color: #a6cc01;
}
.dataTables_paginate .pagination .previous a {
    border: 0;
    font-size: 0;
    position: relative;
}
.dataTables_paginate .pagination .previous a:before {
    top: 16px;
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    background: #343434;
    display: inline-block;
    transform: rotate(-45deg);
}
.dataTables_paginate .pagination .previous a:after {
    top: 24px;
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    background: #343434;
    display: inline-block;
    transform: rotate(45deg);
}
.dataTables_paginate .pagination .next a {
    border: 0;
    font-size: 0;
    position: relative;
}
.dataTables_paginate .pagination .next a:before {
    top: 16px;
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    background: #343434;
    display: inline-block;
    transform: rotate(45deg);
}
.dataTables_paginate .pagination .next a:after {
    top: 24px;
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    background: #343434;
    display: inline-block;
    transform: rotate(-45deg);
}
.teacher-detail .dropdown-toggle {
    outline: none;
    line-height: 1;
    font-size: 20px;
    border: 0 !important;
    color: #a2b1ae !important;
    padding: 7px 10px 4px 10px;
    box-shadow: 0 0 0 0 !important;
    background-color: inherit !important;
}
.teacher-detail .dropdown-toggle:after {
    display: none;
}
/*/// table styling ///*/
.custom-style th {
    border-top: 0;
    color: #343434;
    font-size: 12px;
    border-bottom: 0 !important;
}
.custom-style td {
    color: #343434;
    font-size: 12px;
    vertical-align: inherit;
}
.custom-style td div img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.custom-style td div h4 {
    color: #343434;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.custom-style th:before {
    right: 18px;
    font-size: 12px;
}
.custom-style th:after {
    right: 6px;
    font-size: 12px;
}
.custom-style td .dropdown-toggle {
    outline: none;
    line-height: 1;
    font-size: 20px;
    border: 0 !important;
    color: #a2b1ae !important;
    padding: 7px 10px 4px 10px;
    box-shadow: 0 0 0 0 !important;
    background-color: inherit !important;
}
.custom-style td .dropdown-toggle:after {
    display: none;
}
/*/// table styling ///*/
#aboutTab {
    padding-bottom: 30px;
}
.science-progress {
    width: 200px;
}
.science-progress .progress {
    background: #e9e9e9;
}
.science-progress .progress .progress-bar {
    background: #a8ce04;
}
.science-progress h6 {
    color: #343434;
    font-size: 11px;
    font-family: 'Conv_Hero New Medium';
}
.science-progress span {
    color: #798582;
    font-size: 11px;
    font-family: 'Conv_Hero New Regular';
}
.weekly-cards {
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 60px;
}
.weekly-cards .card {
    padding: 0;
    width: auto;
    min-width: 185px;
    border-radius: 20px;
    margin: 0 25px 10px 0;
    border: 1px solid #d3e1de;
}
.weekly-cards .card a {
    padding: 9px 15px;
    border-radius: 20px;
}
.weekly-cards .card h4 {
    width: 100%;
    color: #343434;
    display: block;
    font-size: 16px;
    margin: 2px 0 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Conv_Hero New Medium';
}
.weekly-cards .card span {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
/* width */
.weekly-cards::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
/* Track */
.weekly-cards::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.weekly-cards::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 15px;
}
/* Handle on hover */
.weekly-cards::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.lesson-cards .card {
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 25px;
    border: 1px solid #d3e1de;
}
.lesson-cards .card h3 {
    color: #343434;
    font-size: 18px;
    font-family: 'Conv_Hero New Medium';
}
.lesson-cards .card h3 li {
    color: #019d81;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.lesson-cards .card h3 a {
    height: 42px;
    color: #798582;
    font-size: 14px;
    background: none;
    margin: 0 0 0 15px;
    border-radius: 15px;
    display: inline-block;
    border: 1px solid #d3e1de;
    transition: all 0.5s ease;
    padding: 12px 30px 8px 30px;
    font-family: 'Conv_Hero New Regular';
}
.lesson-cards .card h3 a:hover {
    color: #019d81;
    border-color: #019d81;
    transition: all 0.5s ease;
    box-shadow: 0 0 4px 0 #019d81;
}
.lesson-cards .card h3 a.active {
    color: #019d81;
    border: 1px solid #019d81;
}
.courses-btn {
    margin-bottom: 20px;
}
.courses-btn li {
    color: #019d81;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}

#courseStartTimeText{
    color: #019d81;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.courses-btn li a {
    height: 42px;
    font-size: 14px;
    margin: 0 0 0 15px;
    background: #019d81;
    border-radius: 15px;
    display: inline-block;
    text-decoration: none;
    color: #ffffff !important;
    border: 1px solid #019d81;
    transition: all 0.5s ease;
    padding: 12px 30px 8px 30px;
    font-family: 'Conv_Hero New Regular';
}
.courses-btn li a:hover {
    background: white;
    border-color: #019d81;
    transition: all 0.5s ease;
    color: #019d81 !important;
    box-shadow: 0 0 4px 0 #019d81;
}
.courses-btn li a.active {
    color: #019d81;
    border: 1px solid #019d81;
}
.lesson-cards .card span {
    color: #798582;
    font-size: 11px;
    font-family: 'Conv_Hero New Medium';
}
.lesson-cards .card p {
    color: #343434;
    font-size: 16px;
}
.lesson-cards .card h6 {
    color: #343434;
    font-size: 14px;
}
.lesson-cards .card h6 i {
    color: #a2b1ae;
    font-size: 18px;
    margin-right: 6px;
}
.tabs-wrapper .show-more {
    color: #019d81;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.documents-table.circle-style td div img {
    width: 25px !important;
    height: 30px !important;
    border-radius: 0 !important;
}
.documents-table td div img.rounded-0 {
    border-radius: 0 !important;
}
.lesson-details {
    margin-top: 155px;
}
.lesson-details h3 {
    color: #343434;
    font-size: 28px;
    font-family: 'Conv_Hero New Bold';
}
.lesson-details h3 span {
    color: #019d81;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.lesson-details h3 span:before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 8px;
    border-radius: 50%;
    background: #019d81;
    display: inline-block;
}
.lesson-details .remove-before:before {
    display: none;
}
.lesson-details h3 span a {
    color: white;
    font-size: 13px;
    margin-left: 15px;
    padding: 13px 30px;
    background: #057e67;
    border-radius: 15px;
    text-decoration: none;
    transition: all 0.5s ease;
    font-family: 'Conv_Hero New Medium';
}
.lesson-details h3 span a:hover {
    color: #057e67;
    background: white;
    transition: all 0.5s ease;
    box-shadow: 0 0 5px 0 #057e67;
}
.lesson-details span {
    color: #798582;
    font-size: 13px;
    font-family: 'Conv_Hero New Regular';
}
.lesson-details h6 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.lesson-details h6 i {
    color: #a2b1ae;
    font-size: 18px;
    margin-right: 5px;
}
.lesson-details h2 a {
    color: white;
    font-size: 13px;
    padding: 13px 30px;
    background: #057e67;
    border-radius: 15px;
    text-decoration: none;
    transition: all 0.5s ease;
    font-family: 'Conv_Hero New Medium';
}
.lesson-details h2 a:hover {
    color: #057e67;
    background: white;
    transition: all 0.5s ease;
    box-shadow: 0 0 5px 0 #057e67;
}
.lesson-details .ungraded-box h3 {
    font-size: 19px;
    font-family: 'Conv_Hero New Medium';
}
.lesson-details h3 .dropdown-toggle {
    outline: none;
    line-height: 1;
    font-size: 20px;
    border: 0 !important;
    color: #a2b1ae !important;
    padding: 7px 10px 4px 10px;
    box-shadow: 0 0 0 0 !important;
    background-color: inherit !important;
}
.lesson-details h3 .dropdown-toggle:after {
    display: none;
}
.ptb-5 {
    padding: 5px 0;
}
.marks-wrapper .card {
    width: 185px;
    margin-right: 10px;
    border-radius: 20px;
    box-shadow: 0 0 0 0;
    border: 1px solid #d3e1de;
    padding: 16px 15px 13px 15px;
}
.marks-wrapper .card h4 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.marks-wrapper .card span {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.comments-card {
    padding: 15px;
    min-height: 270px;
    border-radius: 25px;
    border: 1px solid #d3e1de;
}
.comments-card img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.comments-card h5 {
    color: #343434;
    font-size: 14px;
    margin-top: 2px;
    font-family: 'Conv_Hero New Medium';
}
.comments-card h5 span {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Regular';
}
.comments-card p {
    color: #343434;
    font-size: 14px;
}
.comments-card .form-group input {
    height: 42px;
    color: #343434;
    font-size: 16px;
    background: none;
    border-radius: 15px;
    padding: 2px 45px 0 15px;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Medium';
}
.comments-card .form-group input::placeholder {
    color: #798582;
}
.comments-card .form-group i {
    top: 11px;
    right: 20px;
    color: #057e67;
    font-size: 18px;
    position: absolute;
    transform: rotate(45deg);
}
.assessments-comment {
    padding: 0 0 15px;
    min-height: inherit;
}
.assessments-comment .nav-tabs {
    padding: 7px 15px 0 15px;
}
.on-time {
    color: #019d81 !important;
}
.on-late {
    color: #ffac07 !important;
}
.on-no {
    color: #ff4e5d !important;
}
.progress-text h6 {
    color: #343434;
    font-size: 11px;
    font-family: 'Conv_Hero New Medium';
}
.progress-text span {
    color: #798582;
    font-size: 12px;
}
.tab-content .container {
    max-width: 100%;
}

.shadow-nav {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.shadow-right-side {
    box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.11);
}
.top-nav {
    flex: 1;
    margin-top: 9px;
    margin-left: 50px;
    padding-left: 30px;
    border-left: 1px solid #d3e1de;
}
.top-nav li {
    color: #343434;
    font-size: 22px;
    list-style: none;
    font-family: 'Conv_Hero New Bold';
}
.top-nav li a {
    width: 40px;
    height: 40px;
    color: white;
    border-radius: 9px;
    background: #ff4e5d;
    text-decoration: none;
}
.top-space {
    top: 73px;
    padding-top: 20px;
}
.top-space .breadcrumb {
    margin-bottom: 16px;
}
.student-details {
    margin-top: 25px;
}
.student-details .dataTables_wrapper .row:last-of-type {
    margin-bottom: 25px;
}
.quiz-box {
    padding: 25px 30px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.quiz-box h3 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Regular';
}
.quiz-box h3 span {
    font-family: 'Conv_Hero New Bold';
}


input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #343434;
    margin-bottom: 0;
}
input[type="radio"]:checked + label:before {
    border-color: #057e67 !important;
}
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #d3e1de;
    border-radius: 100%;
    background: #fff;
}
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #057e67;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.quiz-box .form-check {
    padding: 13px 0;
}
.quiz-box .form-check span.connect {
    display: none;
    color: #019d81;
    font-size: 14px;
    font-family: 'Conv_Hero New Bold';
}
.quiz-box .form-check span.connect i {
    margin-right: 3px;
}
.quiz-box .form-check span.wrong {
    display: none;
    color: #ff4e5d;
    font-size: 14px;
    font-family: 'Conv_Hero New Bold';
}
.quiz-box .form-check span.wrong i {
    margin-right: 3px;
}
.quiz-box input[type="radio"]:checked ~ span.connect {
    display: inline-block;
}
.quiz-box input[type="radio"]:checked ~ span.wrong {
    display: inline-block;
}
.quiz-box .form-group input {
    border: 0;
    outline: none;
    color: #343434;
    font-size: 16px;
    padding-left: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    border-bottom: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.quiz-box a {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-decoration: none;
}
.quiz-box a.delete-box {
    color: #ff4e5d;
    border: 1px solid #ff4e5d;
}
.quiz-box a.success-box {
    color: #019d81;
    border: 1px solid #019d81;
}
.return-btn {
    color: white;
    font-size: 13px;
    background: #057e67;
    border-radius: 15px;
    text-decoration: none;
    transition: all 0.5s ease;
    padding: 12px 30px 11px 30px;
    font-family: 'Conv_Hero New Medium';
}
.return-btn:hover {
    color: #057e67;
    background: white;
    text-decoration: none;
    transition: all 0.5s ease;
    box-shadow: 0 0 5px 0 #057e67;
}
.quiz-section h2 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.marks-box {
    flex: 1;
    display: flex;
    color: #798582;
    font-size: 14px;
    border-radius: 15px;
    justify-content: flex-end;
    border: 1px solid #d3e1de;
    padding: 10px 20px 6px 20px;
}
.marks-box span {
    color: #343434;
}
.option-box .dropdown-toggle {
    outline: none;
    line-height: 1;
    font-size: 20px;
    border: 0 !important;
    color: #a2b1ae !important;
    padding: 7px 10px 4px 10px;
    box-shadow: 0 0 0 0 !important;
    background-color: inherit !important;
}
.option-box .dropdown-toggle:after {
    display: none;
}
.border-space {
    border-bottom: 1px solid #d3e1de;
}
.private-comments img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.private-comments h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.private-comments h5 {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Regular';
}
.private-comments p {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.private-comments input {
    height: 42px;
    font-size: 14px;
    border-radius: 15px;
}
.mt-55 {
    margin-top: 55px;
}
.quiz-form {
    padding: 30px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
}
.quiz-form label {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.quiz-form input {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.quiz-form input::placeholder {
    color: #798582;
}
.quiz-form textarea::placeholder {
    color: #798582;
}
.quiz-form textarea {
    resize: none;
    height: 150px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.quiz-form select {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.radio-input input[type="radio"]+ label:before {
    top: -11px;
}
.radio-input input[type="radio"]+ label:after {
    top: -7px;
}
.radio-input input {
    border: 0;
    outline: none;
    padding-left: 0;
    margin-left: 5px;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    border-bottom: 1px solid transparent;
}
.radio-input input:focus {
    box-shadow: 0 0 0 0;
    border-color: #a8ce04;
}
.radio-input input::placeholder {
    color: #343434;
}
.cancel-option {
    width: 30px;
    height: 30px;
    color: #343434;
    margin-left: 15px;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #d3e1de;
}
.cancel_opt {position: absolute;left: 0;cursor: pointer;}
.cancel-option:hover {color: #343434;text-decoration: none;}
.correct-option {width: 30px;height: 30px;}
.correct-option i {color: #019d81;}
.add-fields label {
    font-size: 16px;
    color: #019d81 !important;
    font-family: 'Conv_Hero New Regular';
}
.add-fields input[type="radio"]+ label:before {
    top: -1px;
}
.add-fields input[type="radio"]+ label:after {
    top: 3px;
}
.quiz-form h4 {
    color: #019d81;
    font-size: 16px;
    font-family: 'Conv_Hero New Regular';
}
.quiz-form h4 span {
    color: #343434;
    font-family: 'Conv_Hero New Bold';
}
.style-change {
    outline: none;
    padding-left: 0;
    box-shadow: 0 0 0 0;
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #d3e1de !important;
}
.style-change:focus {
    outline: none;
    box-shadow: 0 0 0 0;
}
.w-66 {
    width: 66%;
}
.quiz-form button {
    color: white;
    height: 42px;
    outline: none;
    font-size: 13px;
    border-radius: 15px;
    background: #057e67;
    padding: 0 30px 0 30px;
    transition: all 0.5s ease;
    font-family: 'Conv_Hero New Medium';
}
.quiz-form button:hover {
    color: #057e67;
    background: white;
    transition: all 0.5s ease;
    box-shadow: 0 0 5px 0 #057e67;
}
.form-details {
    padding: 30px 20px 30px 0;
}
.form-details label {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.form-details input {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.form-details input::placeholder {
    color: #798582;
}
.form-details .date-pick i {
    top: 12px;
    z-index: 1;
    right: 15px;
    color: #057e67;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
}
.form-details .date-pick input {
    z-index: 2;
    background: none;
    position: relative;
}
.form-details select {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.form-details button {
    flex: 1;
    color: white;
    height: 42px;
    outline: none;
    font-size: 13px;
    border-radius: 15px;
    background: #057e67;
    letter-spacing: 0.5px;
    padding: 0 30px 0 30px;
    transition: all 0.5s ease;
    font-family: 'Conv_Hero New Medium';
}
.form-details button:hover {
    color: #057e67;
    background: white;
    transition: all 0.5s ease;
    box-shadow: 0 0 5px 0 #057e67;
}
.form-details .dropdown button {
    padding: 0;
    width: 42px;
    display: flex;
    margin-left: 10px;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
    color: white !important;
    background: #057e67 !important;
}
.form-details .dropdown button:after {
    display: none;
}
.form-details .dropdown button:hover {
    box-shadow: 0 0 0 0;
}
.add-question .modal-dialog {
    max-width: 700px;
}
.add-question .modal-dialog .modal-content {
    border-radius: 35px;
}
.add-question .modal-dialog .modal-content .modal-body {
    padding: 30px;
}
.add-question .modal-dialog .modal-content .modal-body h2 {
    color: #343434;
    font-size: 20px;
    font-family: 'Conv_Hero New Bold';
}
.add-question .modal-dialog .modal-content .modal-body h2 button {
    opacity: 1;
    width: 30px;
    height: 30px;
    display: flex;
    color: #343434;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3e1de;
}
.add-question .modal-dialog .modal-content .modal-body h2 button i {
    font-size: 16px;
}
.add-question .modal-dialog .modal-content .modal-body h4 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.add-question .modal-dialog .modal-content .modal-body h4 span {
    padding-bottom: 10px;
    border-bottom: 1px solid #d3e1de;
}
.add-question .modal-dialog .modal-content .modal-body h4 span span {
    border: 0;
    font-size: 14px;
    margin-left: 30px;
}
.add-question .modal-dialog .modal-content .modal-body .done-btn {
    color: white;
    height: 42px;
    outline: none;
    font-size: 13px;
    border-radius: 15px;
    background: #057e67;
    letter-spacing: 0.5px;
    padding: 0 45px 0 45px;
    transition: all 0.5s ease;
    font-family: 'Conv_Hero New Medium';
}
.add-question .modal-dialog .modal-content .modal-body .done-btn:hover {
    color: #057e67;
    background: white;
    transition: all 0.5s ease;
    box-shadow: 0 0 5px 0 #057e67;
}
.add-question .modal-dialog .modal-content .modal-body input:focus {
    border-color: #a8ce04 !important;
}
.close-input {
    opacity: 1;
    width: 30px;
    height: 30px;
    display: flex;
    color: #343434;
    background: none;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3e1de;
}
.border-style::placeholder {
    color: #019d81;
    border-color: #d3e1de !important;
}
.close-input i {
    font-size: 16px;
}
/*/// checkbox ///*/
input[type=checkbox] + label {
    display: block;
    cursor: pointer;
    padding: 0.2em;
    color: #343434;
    font-size: 16px;
    margin: 0 0 25px 0;
    position: relative;
    font-family: 'Conv_Hero New Regular';
}
input[type=checkbox] {
    display: none;
}
input[type=checkbox] + label:before {
    content: "\2714";
    border: 1px solid #d3e1de;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 15px;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
}
input[type=checkbox] + label:active:before {
    transform: scale(0);
}
input[type=checkbox]:checked + label:before {
    background-color: inherit;
    border-color: #019d81;
    color: #019d81;
    padding: 0 0 0 4px;
}
input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
}
input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb;
}
input[type="checkbox"] + label:last-child { margin-bottom: 0; }
/*/// checkbox ///*/

.radio-check label {
    width: 100%;
    position: relative;
    padding-left: 33px !important;
}
.radio-check label:before {
    top: -1px !important;
}
.radio-check label:after {
    top: 3px !important;
}
.radio-check label span {
    top: 1px;
    right: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease;
}
.radio-check label span i {
    color: #019d81;
}
.radio-check input[type="radio"]:checked + label span {
    opacity: 1;
    transition: all 0.3s ease;
}
.files-upload h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.files-upload h4 i {
    color: #a2b1ae;
    font-size: 23px;
    margin-right: 15px;
}
.files-upload a {
    height: 42px;
    color: white;
    font-size: 14px;
    background: #a8ce04;
    border-radius: 13px;
    padding: 0 0 0 15px;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.files-upload a i {
    font-size: 26px;
    margin-right: 16px;
}
.upload-wrapper {
    padding: 20px 30px;
    background: #242424;
}
.upload-wrapper h4 {
    color: #ffffff;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.upload-wrapper h4 i {
    color: #ffffff;
    font-size: 23px;
    margin-right: 15px;
}
.upload-wrapper a {
    margin-right: 30px;
    text-decoration: none;
}
.upload-wrapper a i {
    color: white;
    font-size: 20px;
}
.upload-wrapper .option-box .dropdown-toggle {
    padding: 0;
    color: white !important;
    transform: rotate(90deg);
}
.files-wrapper {
    min-height: 600px;
}
.files-wrapper img {
    width: 373px;
    height: 373px;
}
/*///// table circle styling /////*/
.circle-style {
    border: 0 !important;
}
.circle-style th {
    border-right: 0 !important;
}
.circle-style td {
    border: 0 !important;
    padding: 0 !important;
}
.circle-style td div {
    min-height: 56px;
    padding: 18px 15px;
    margin-bottom: 10px;
    border-top: 1px solid #e3e6f0;
    border-bottom: 1px solid #e3e6f0;
}
.circle-style td .mh-56 {
    min-height: 56px;
}
.circle-style td:first-of-type div {
    padding: .75rem;
    border-radius: 20px 0 0 20px;
    border-left: 1px solid #e3e6f0;
}
.circle-style td:last-of-type div {
    border-radius: 0 20px 20px 0;
    border-right: 1px solid #e3e6f0;
}
.circle-style td div div {
    margin: 0;
    min-height: initial;
    border: 0 !important;
    padding: 0 !important;
}
.circle-style td .dropdown button {
    padding: 0;
    height: 17px;
}
.circle-style td .dropdown-menu {
    padding: 5px 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 0 4px 0 #cecece;
}
.circle-style td div img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50% !important;
}
/*///// table circle styling /////*/
.dash-after {
    position: relative;
}
.dash-after:before {
    left: 0;
    right: 0;
    top: 7px;
    width: 9px;
    content: "";
    height: 2px;
    opacity: 0.9;
    margin: 0 auto;
    background: white;
    position: absolute;
    display: inline-block;
}
/*///// Tutor Styling Start Here /////*/
.custom-header .navbar {
    padding: 10px 30px;
}
.custom-header .navbar .logo-img {
    width: 210px;
}
.custom-header .navbar ul:last-of-type li:last-of-type {
    margin-right: 0;
}
.custom-header .navbar ul li a {
    font-size: 14px;
    border-radius: 15px;
    color: #343434 !important;
    padding: 10px 15px 9px !important;
    font-family: 'Conv_Hero New Medium';
}
.custom-header .navbar ul li a.active {
    color: #019d81 !important;
}
.custom-header .navbar ul li a.border {
    border: 1px solid #019d81 !important;
}
.video-header .navbar-expand-lg .navbar-nav .dropdown-menu {
    right: 0;
    left: auto;
}
.video-header .navbar .logo-img {
    width: 70px;
    height: 70px;
}
.video-header .navbar-expand-lg .navbar-nav .dropdown-menu a {
    border-radius: 0;
}
.video-header .navbar-expand-lg .navbar-nav .dropdown-toggle {
    border-radius: 9px;
    background: #f9f9f9;
    padding: 8px 12px 8px 12px !important;
}
.video-header .navbar-expand-lg .navbar-nav .dropdown-toggle i {
    color: #a2b1ae;
    font-size: 22px;
    margin-top: 3px;
}
.header-title {
    display: flex;
    color: #343434;
    font-size: 22px;
    margin-left: 10px;
    align-items: center;
    padding: 3px 0 3px 20px;
    border-left: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Bold';
}
.video-header .navbar-nav li .progress {
    height: 7px;
    width: 200px;
    margin-top: 5px;
}
.video-header .navbar-nav li .progress .progress-bar {
    background: #a8ce04;
}
.video-header .navbar-nav li span {
    color: #343434;
    font-size: 11px;
    font-family: 'Conv_Hero New Medium';
}
.video-header .navbar-nav li span small {
    color: #798582;
    font-size: 11px;
    font-family: 'Conv_Hero New Regular';
}
.custom-header .navbar ul:last-of-type li:last-of-type a {
    border: 1px solid #019d81;
}
.custom-header .navbar ul li a.teach-btn {
    background: #019d81;
    color: white !important;
    padding: 10px 20px 9px !important;
}
/*/// Header Styling End Here ///*/
.banner-section {
    background: #e2fdf8;
}
.banner-section .nav-tabs .nav-item .nav-link {
    color: #343434;
    font-size: 18px;
}
.banner-section .nav-tabs .nav-item .nav-link.active {
    background: none;
}
.pg-t-90 {
    padding-top: 90px;
}
.pg-b-90 {
    padding-bottom: 90px;
}
.pg-t-60 {
    padding-top: 60px;
}
.pg-b-60 {
    padding-bottom: 60px;
}
.pg-r-90 {
    padding-right: 90px;
}
.banner-section h1 {
    color: #343434;
    font-size: 40px;
    font-family: 'Conv_Hero New Bold';
}
.searching-area {
    background: white;
    margin-bottom: 38px;
    border-radius: 15px;
    box-shadow: 0 8px 50px -13px rgba(0, 0, 0, 0.25);
}
.searching-area label {
    margin: 0;
    color: #343434;
    font-size: 10px;
    font-family: 'Conv_Hero New Medium';
}
.searching-area .form-control {
    border: 0;
    height: auto;
    outline: none;
    color: #798582;
    font-size: 12px;
    padding: 0 0 0 0;
    box-shadow: 0 0 0 0;
}
.searching-area select.form-control {
    background: none;
    margin-left: -4px;
}
.searching-area select.form-control:focus {
    background: none;
}
.searching-area .select-boxes {
    padding: 0 15px;
    min-width: 260px;
    position: relative;
}
.searching-area .select-boxes:first-of-type {
    padding-left: 0;
}
.searching-area .select-boxes:last-of-type:after {
    display: none;
}
.searching-area .select-boxes:after {
    content: "";
    width: 1px;
    height: 22px;
    top: 12px;
    right: 0;
    position: absolute;
    background: #d3e1de;
    display: inline-block;
}
.searching-btn {
    border: 0;
    width: 135px;
    height: 41px;
    font-size: 13px;
    border-radius: 12px;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.searching-btn:hover {
    text-decoration: none;
}
.searching-btn.border-btn {
    color: #057e67;
    border: 1px solid #057e67;
}
.searching-btn.bg-btn {
    color: #ffffff;
    background: #057e67;
}
.banner-img {
    width: 907px;
    margin: 0 auto;
    display: block;
}
.section-heading {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.section-heading a {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.section-heading span span {
    color: #019d81;
}
.section-heading .dropdown-toggle {
    height: 42px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 15px;
    background: #057e67;
    border-color: #057e67;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.section-heading select {
    height: 42px;
    outline: none;
    font-size: 14px;
    padding: 0 15px;
    margin-right: 15px;
    border-radius: 15px;
    border-color: #d3e1de;
    font-family: 'Conv_Hero New Medium';
}
.featured-card {
    width: 100%;
    max-width: 261px;
    max-height: 441px;
    position: relative;
    text-align: center;
    border-radius: 25px;
    background: #ffffff;
    padding: 35px 25px 25px;
    border: 1px solid #d3e1de;
}
.featured-card:hover {
    border-color: #057e67;
}
.featured-card img {
    height: 130px;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 50%;
    width: 130px !important;
}
.offline {
    top: 15px;
    right: 15px;
    color: #b0b0b0;
    font-size: 12px;
    position: absolute;
    font-family: 'Conv_Hero New Regular';
}
.offline:before {
    content: "";
    width: 10px;
    height: 10px;
    margin: 0 4px 0 0;
    border-radius: 50%;
    background: #dddddd;
    display: inline-block;
}
.online-active {
    color: #343434;
}
.online-active:before {
    background: #a7cb12;
}
.featured-card h3 {
    color: #343434;
    font-size: 14px;
    margin-bottom: 5px;
    font-family: 'Conv_Hero New Medium';
}
.featured-card .subjects {
    height: 115px;
    overflow: hidden;
    margin: 20px 0 12px;
}
.featured-card .subjects span {
    color: #343434;
    font-size: 12px;
    border-radius: 8px;
    background: #f4f4f4;
    display: inline-block;
    margin: 0 2px 8px 2px;
    padding: 3px 10px 2px 10px;
    font-family: 'Conv_Hero New Regular';
}
.featured-card .request-btn {
    height: 42px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 15px;
    background: #057e67;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.featured-card .request-btn:hover {
    color: #057e67;
    background: white;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0 #057e67;
}
.mg-b-50 {
    margin-bottom: 50px;
}
.mg-b-40 {
    margin-bottom: 40px;
}
.mg-t-30 {
    margin-top: 30px;
}
.featured-slider {
    margin-bottom: 40px;
}
.featured-slider .slick-track {
    margin-bottom: 50px;
}
.slick-slider {
    margin-bottom: 0 !important;
}
#business {
    opacity: 1;
}
.custom-nav-tabs li:first-of-type a {
    margin-right: 15px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pg-t-30 {
    padding-top: 30px;
}
.pg-t-15 {
    padding-top: 15px;
}
/*//// slick arrows ////*/
.slick-prev {
    border-radius: 15px;
    left: -60px !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #d3e1de !important;
}
.slick-prev:before {
    top: 13px;
    width: 2px;
    left: 18px;
    height: 10px;
    position: absolute;
    background: #343434;
    display: inline-block;
    content: "" !important;
    transform: rotate(45deg);
}
.slick-prev:after {
    top: 19px;
    width: 2px;
    left: 18px;
    height: 10px;
    position: absolute;
    background: #343434;
    display: inline-block;
    content: "" !important;
    transform: rotate(-45deg);
}
.slick-next {
    border-radius: 15px;
    width: 42px !important;
    right: -60px !important;
    height: 42px !important;
    border: 1px solid #d3e1de !important;
}
.slick-next:before {
    top: 13px;
    width: 2px;
    right: 18px;
    height: 10px;
    position: absolute;
    background: #343434;
    display: inline-block;
    content: "" !important;
    transform: rotate(-45deg);
}
.slick-next:after {
    top: 19px;
    width: 2px;
    right: 18px;
    height: 10px;
    position: absolute;
    background: #343434;
    display: inline-block;
    content: "" !important;
    transform: rotate(45deg);
}
/*//// slick arrows ////*/

/*//// rating styling ////*/
.rating_review_Wrp {display: flex;align-items: center;justify-content: space-between;border-top: 1px solid rgba(150, 150, 150, 0.5);padding-top: 10px;}
/****** Style Star Rating Widget *****/
.star-rating {display:flex;flex-direction: row-reverse;}
.star-rating input {display:none;}
.star-rating label {background: url(../img/unfill-star.png) no-repeat;background-size: cover;padding:0 !important;position: relative;width: 18px;height: 17px;cursor:pointer;margin: 0 2px 0 0;}
.star-rating label:last-child {margin: 0;}
.star-rating :checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {background: url(../img/fill-star.png) no-repeat;background-size: cover;position: relative;width: 18px;height: 17px;}
.star-rating label:before,
.star-rating label:after {display: none;}
/*//// rating styling ////*/

/* LMS Admin Start*/
/* Dashboard */
.recent_activity_wrap {padding-left: 30px;padding-right: 30px;}
.recent_activity .card {margin-bottom: 18px;}
.recent_activity .card:hover {box-shadow: none;}
.recent_activity .card .card-body h4 a {font-size: 14px;color: #343434;font-family: 'Conv_Hero New Medium';}
.recent_activity .card .card-body h4 {font-size: 14px;color: #343434;font-family: 'Conv_Hero New Regular';}
.recent_activity .card .card-body .date_timing,
.recent_announcement .class-teacher .date_timing {font-size: 12px;color: #798582;font-family: 'Conv_Hero New Regular';}
.recent_announcement .class-teacher img {width: 30px;height: 30px;border-radius: 0}
.recent_announcement .todays_attendence_wrap .class-teacher {margin-top: 15px;}

.teacher_card_wrap .nav-tabs .nav-link {background: transparent}
.teacher_card_wrap .nav-tabs .nav-item:first-child {padding-left: 30px;}
.teacher_card_wrap .nav-tabs .nav-item {padding: 11.2px 0px 0px 10px;}
.teacher_card_wrap .tab-content {overflow: hidden}
.teacher_card_wrap .class-teacher,
.todays_attendence_wrap .class-teacher {margin-top: 20px}
.todays_attendence_wrap .class-teacher:first-child,
.recent_announcement .todays_attendence_wrap .class-teacher:first-child,
.teacher_card_wrap .class-teacher:first-child {margin-top: 0px}
.teacher_card_wrap .scroll-view {position: relative;height: 175px;overflow: hidden;}
.todays_attendence_wrap .scroll-view {position: relative;height: 240px;overflow: hidden;}

.text-present,
.text-active {color: #019d81 !important;font-size: 14px !important;}
.text-absent {color: #ff4e5d !important;font-size: 14px !important;}
.text-late {color: #ffac07 !important;font-size: 14px !important;}

/*  */
.form_inner_title {font-size: 22px;color: #343434;font-family: 'Conv_Hero New Medium';}
.generate_password {color: #019d81;font-size: 16px;font-family: 'Conv_Hero New Medium';position: absolute;right: 15px;top: 40px;}
.generate_password:hover {color: #019d81;text-decoration: none;}

.avatar-lg {width: 120px;height: 120px;border-radius: 50%;}
.avatar-lg .img_upload_icon {position: relative;display: block;}
.avatar-lg i {position: absolute;right: 10px;bottom: 8px;color: #057e67;background-color: #fff;font-size: 24px;line-height: 16px;}

/**/
.teacher_profile_wrp h3 {font-size: 25px;color: #343434;font-family: 'Conv_Hero New Medium';}
.teacher_profile_wrp p,
.teacher_profile_wrp span,
.teacher_detail_wrap span {font-size: 14px;color: #343434;font-family: 'Conv_Hero New Regular';}

.avatar-lg.dropzone {min-height: auto;padding: 0;border: 0;background: transparent}
.avatar-lg.dropzone .dz-preview,
.avatar-lg.dropzone .dz-message {margin: 0}

.teacher_detail_recent .scroll-view {position: relative;height: 310.2px;overflow: hidden;}
.teacher_detail_wrap h4 {color: #343434;font-size: 16px;font-family: 'Conv_Hero New Medium';}
.teacher_detail_recent h4 {font-family: 'Conv_Hero New Regular';}
.teacher_detail_recent h4 a {color: #343434;font-size: 14px;font-family: 'Conv_Hero New Medium';}
.teacher_inner_detail,
.teacher_detail_recent .class-teacher {margin-top: 15px;}
.teacher_inner_detail:first-child,
.teacher_detail_recent .class-teacher:first-child {margin-top: 0px;}

.student_subjects_percentage {margin: 0;padding: 0;}
.student_subjects_percentage li {list-style: none;margin-right: 30px;}
.student_subjects_percentage li:last-child {margin-right: 0;}
.student_subjects_percentage .student_subjects {display: block;color: #343434;font-size: 12px;font-family: 'Conv_Hero New Medium';margin-bottom: 2px;}
.student_subjects_percentage .student_percentage {display: block;color: #343434;font-size: 14px;font-family: 'Conv_Hero New Regular';}

.attendance_table td:first-child div {padding: 18px 15px !important;font-family: 'Conv_Hero New Medium';}

.chat_btn a {position: relative;padding: 0;border-radius: 9.5px;width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.chat_btn a:before {left: 0;right: 0;top: 19px;width: 9px;content: "";height: 2px;opacity: 0.9;margin: 0 auto;background: #057e67;position: absolute;display: inline-block;}

.chat_btn a:hover i {color: #057e67 !important;}
.chat_btn a:hover:before {background: #fff !important;}

.top-nav li .class_name {
    color: #798582;
    margin-right: 20px;
}
/**/
.chat_left_side {position: fixed;}
.video-call-img-wrp img {width: 392.9px;}
.chat_left_side span {display: block;color: #030a2c;font-size: 12px;}

.chat_wrap .scroll-view {position: relative;height: 278px;overflow: hidden;}
.chat-content-w .chat-message {margin-top: 20px;}
.chat-content-w .chat-message:first-child {margin-top: 0;}
.chat-content-w .chat-message .chat-message-content {font-size: 16px;font-family: "Conv_Hero New Light";padding: 10px 15px;background-color: #f3fdfb;color: #343434;max-width: 242px;display: inline-block;margin-bottom: -20px;margin-left: 20px;border-radius: 15px;text-align: left;}
.chat-content-w .chat-message .chat-message-avatar {display: inline-block;vertical-align: bottom;}
.chat-content-w .chat-message .chat-message-avatar img {width: 30px;height: 30px;border-radius: 100px;display: inline-block;box-shadow: 0px 0px 0px 5px #fff;}
.chat-content-w .chat-message .chat-message-date {font-family: "Conv_Hero New Light";display: inline-block;vertical-align: bottom;margin-left: 10px;margin-right: 10px;font-size: .72rem;color: rgba(0,0,0,0.3);}
.chat-content-w .chat-message.self {text-align: right;}
.chat-content-w .chat-message.self .chat-message-content {background-color: #057e67;color: #ffffff;margin-right: 20px;margin-left: 0px;}
.chat-content-w .chat-date-separator {font-family: "Conv_Hero New Light";text-align: center;color: rgba(0,0,0,0.3);font-size: .81rem;position: relative;margin: 25px 0px;}
.chat-content-w .chat-date-separator:before {content: "";background-color: rgba(0,0,0,0.1);height: 1px;width: 100%;position: absolute;top: 50%;left: 0px;right: 0px;}
.chat-content-w .chat-date-separator span {display: inline-block;background-color: #fff;padding: 0px 10px;position: relative;}
.chat-type-message {padding: 10px 20px;border-top: 1px solid #f5f5f5;}
.chat-type-message span {color: #000000;font-size: 14px;font-family: 'Conv_Hero New Regular';}
.chat-type-message input {border: 0;border-radius: 0;height: 30px;font-size: 16px;padding: 0 15px 0 0;}
.chat-type-message input:focus {outline: 0;box-shadow: none;}

#time {color: #019d81;font-size: 14px;font-family: 'Conv_Hero New Regular';}

.code_editor .sidebar {width: 14rem!important;padding: 15.5px 20px;}
.code_editor .add_files {color: #798582;font-size: 14px;font-family: 'Conv_Hero New Medium';}
.code_editor .input-group .fa-search {padding: 11px 0 0 11px;}
.code_editor input.form-control {padding: 0 0 0 5px;}
.code_editor input.form-control:focus {box-shadow: none;}
.code_editor .sidebar .nav-item .nav-link {width: auto !important;}
.google_docs_wrap {height: calc(100vh - 121.9px);}
.google_docs_wrap a {color: #343434;font-size: 20px;font-family: 'Conv_Hero New Medium';margin-left: 15px;}
.google_docs_wrap a:hover,
.code_editor .add_files:hover {text-decoration: none;}
.file_sharing.scroll-view {position: relative;height: calc(100vh - 121.9px);overflow: hidden;}
.file_sharing .cusDropzone.dropzone {border-radius: 35px;}

.chat_tags_wrp span {display: inline-block;border: 1px solid #a2b1ae;border-radius: 8px;color: #798582;font-size: 13px;font-family: 'Conv_Hero New Medium';padding: 5px 12px;}
.Students_wrp .scroll-view {position: relative;height: 182px;overflow: hidden;}
.users_wrp span {color: #343434;font-size: 14px;font-family: 'Conv_Hero New Regular';}
.Students_wrp .dropleft .dropdown-menu {transform: translate3d(8px, 30px, 0px) !important;left: -150px !important;}
.dropleft .dropdown-toggle::before {border: 0 !important;}

/* custom margin */
.mg-1 {
    margin: 1px; }

.mg-1-f {
    margin: 1px !important; }

.mg-y-1 {
    margin-top: 1px;
    margin-bottom: 1px; }

.mg-y-1-f {
    margin-top: 1px !important;
    margin-bottom: 1px !important; }

.mg-x-1 {
    margin-left: 1px;
    margin-right: 1px; }

.mg-x-1-f {
    margin-left: 1px !important;
    margin-right: 1px !important; }

.mg-t-1 {
    margin-top: 1px; }

.mg-r-1 {
    margin-right: 1px; }

.mg-b-1 {
    margin-bottom: 1px; }

.mg-l-1 {
    margin-left: 1px; }

.mg-t-1-f {
    margin-top: 1px !important; }

.mg-r-1-f {
    margin-right: 1px !important; }

.mg-b-1-f {
    margin-bottom: 1px !important; }

.mg-l-1-f {
    margin-left: 1px !important; }

.mg-2 {
    margin: 2px; }

.mg-2-f {
    margin: 2px !important; }

.mg-y-2 {
    margin-top: 2px;
    margin-bottom: 2px; }

.mg-y-2-f {
    margin-top: 2px !important;
    margin-bottom: 2px !important; }

.mg-x-2 {
    margin-left: 2px;
    margin-right: 2px; }

.mg-x-2-f {
    margin-left: 2px !important;
    margin-right: 2px !important; }

.mg-t-2 {
    margin-top: 2px; }

.mg-r-2 {
    margin-right: 2px; }

.mg-b-2 {
    margin-bottom: 2px; }

.mg-l-2 {
    margin-left: 2px; }

.mg-t-2-f {
    margin-top: 2px !important; }

.mg-r-2-f {
    margin-right: 2px !important; }

.mg-b-2-f {
    margin-bottom: 2px !important; }

.mg-l-2-f {
    margin-left: 2px !important; }

.mg-3 {
    margin: 3px; }

.mg-3-f {
    margin: 3px !important; }

.mg-y-3 {
    margin-top: 3px;
    margin-bottom: 3px; }

.mg-y-3-f {
    margin-top: 3px !important;
    margin-bottom: 3px !important; }

.mg-x-3 {
    margin-left: 3px;
    margin-right: 3px; }

.mg-x-3-f {
    margin-left: 3px !important;
    margin-right: 3px !important; }

.mg-t-3 {
    margin-top: 3px; }

.mg-r-3 {
    margin-right: 3px; }

.mg-b-3 {
    margin-bottom: 3px; }

.mg-l-3 {
    margin-left: 3px; }

.mg-t-3-f {
    margin-top: 3px !important; }

.mg-r-3-f {
    margin-right: 3px !important; }

.mg-b-3-f {
    margin-bottom: 3px !important; }

.mg-l-3-f {
    margin-left: 3px !important; }

.mg-4 {
    margin: 4px; }

.mg-4-f {
    margin: 4px !important; }

.mg-y-4 {
    margin-top: 4px;
    margin-bottom: 4px; }

.mg-y-4-f {
    margin-top: 4px !important;
    margin-bottom: 4px !important; }

.mg-x-4 {
    margin-left: 4px;
    margin-right: 4px; }

.mg-x-4-f {
    margin-left: 4px !important;
    margin-right: 4px !important; }

.mg-t-4 {
    margin-top: 4px; }

.mg-r-4 {
    margin-right: 4px; }

.mg-b-4 {
    margin-bottom: 4px; }

.mg-l-4 {
    margin-left: 4px; }

.mg-t-4-f {
    margin-top: 4px !important; }

.mg-r-4-f {
    margin-right: 4px !important; }

.mg-b-4-f {
    margin-bottom: 4px !important; }

.mg-l-4-f {
    margin-left: 4px !important; }

.mg-5 {
    margin: 5px; }

.mg-5-f {
    margin: 5px !important; }

.mg-y-5 {
    margin-top: 5px;
    margin-bottom: 5px; }

.mg-y-5-f {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }

.mg-x-5 {
    margin-left: 5px;
    margin-right: 5px; }

.mg-x-5-f {
    margin-left: 5px !important;
    margin-right: 5px !important; }

.mg-t-5 {
    margin-top: 5px; }

.mg-r-5 {
    margin-right: 5px; }

.mg-b-5 {
    margin-bottom: 5px; }

.mg-l-5 {
    margin-left: 5px; }

.mg-t-5-f {
    margin-top: 5px !important; }

.mg-r-5-f {
    margin-right: 5px !important; }

.mg-b-5-f {
    margin-bottom: 5px !important; }

.mg-l-5-f {
    margin-left: 5px !important; }

.mg-6 {
    margin: 6px; }

.mg-6-f {
    margin: 6px !important; }

.mg-y-6 {
    margin-top: 6px;
    margin-bottom: 6px; }

.mg-y-6-f {
    margin-top: 6px !important;
    margin-bottom: 6px !important; }

.mg-x-6 {
    margin-left: 6px;
    margin-right: 6px; }

.mg-x-6-f {
    margin-left: 6px !important;
    margin-right: 6px !important; }

.mg-t-6 {
    margin-top: 6px; }

.mg-r-6 {
    margin-right: 6px; }

.mg-b-6 {
    margin-bottom: 6px; }

.mg-l-6 {
    margin-left: 6px; }

.mg-t-6-f {
    margin-top: 6px !important; }

.mg-r-6-f {
    margin-right: 6px !important; }

.mg-b-6-f {
    margin-bottom: 6px !important; }

.mg-l-6-f {
    margin-left: 6px !important; }

.mg-7 {
    margin: 7px; }

.mg-7-f {
    margin: 7px !important; }

.mg-y-7 {
    margin-top: 7px;
    margin-bottom: 7px; }

.mg-y-7-f {
    margin-top: 7px !important;
    margin-bottom: 7px !important; }

.mg-x-7 {
    margin-left: 7px;
    margin-right: 7px; }

.mg-x-7-f {
    margin-left: 7px !important;
    margin-right: 7px !important; }

.mg-t-7 {
    margin-top: 7px; }

.mg-r-7 {
    margin-right: 7px; }

.mg-b-7 {
    margin-bottom: 7px; }

.mg-l-7 {
    margin-left: 7px; }

.mg-t-7-f {
    margin-top: 7px !important; }

.mg-r-7-f {
    margin-right: 7px !important; }

.mg-b-7-f {
    margin-bottom: 7px !important; }

.mg-l-7-f {
    margin-left: 7px !important; }

.mg-8 {
    margin: 8px; }

.mg-8-f {
    margin: 8px !important; }

.mg-y-8 {
    margin-top: 8px;
    margin-bottom: 8px; }

.mg-y-8-f {
    margin-top: 8px !important;
    margin-bottom: 8px !important; }

.mg-x-8 {
    margin-left: 8px;
    margin-right: 8px; }

.mg-x-8-f {
    margin-left: 8px !important;
    margin-right: 8px !important; }

.mg-t-8 {
    margin-top: 8px; }

.mg-r-8 {
    margin-right: 8px; }

.mg-b-8 {
    margin-bottom: 8px; }

.mg-l-8 {
    margin-left: 8px; }

.mg-t-8-f {
    margin-top: 8px !important; }

.mg-r-8-f {
    margin-right: 8px !important; }

.mg-b-8-f {
    margin-bottom: 8px !important; }

.mg-l-8-f {
    margin-left: 8px !important; }

.mg-9 {
    margin: 9px; }

.mg-9-f {
    margin: 9px !important; }

.mg-y-9 {
    margin-top: 9px;
    margin-bottom: 9px; }

.mg-y-9-f {
    margin-top: 9px !important;
    margin-bottom: 9px !important; }

.mg-x-9 {
    margin-left: 9px;
    margin-right: 9px; }

.mg-x-9-f {
    margin-left: 9px !important;
    margin-right: 9px !important; }

.mg-t-9 {
    margin-top: 9px; }

.mg-r-9 {
    margin-right: 9px; }

.mg-b-9 {
    margin-bottom: 9px; }

.mg-l-9 {
    margin-left: 9px; }

.mg-t-9-f {
    margin-top: 9px !important; }

.mg-r-9-f {
    margin-right: 9px !important; }

.mg-b-9-f {
    margin-bottom: 9px !important; }

.mg-l-9-f {
    margin-left: 9px !important; }

.mg-10 {
    margin: 10px; }

.mg-10-f {
    margin: 10px !important; }

.mg-y-10 {
    margin-top: 10px;
    margin-bottom: 10px; }

.mg-y-10-f {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }

.mg-x-10 {
    margin-left: 10px;
    margin-right: 10px; }

.mg-x-10-f {
    margin-left: 10px !important;
    margin-right: 10px !important; }

.mg-t-10 {
    margin-top: 10px; }

.mg-r-10 {
    margin-right: 10px; }

.mg-b-10 {
    margin-bottom: 10px; }

.mg-l-10 {
    margin-left: 10px; }

.mg-t-10-f {
    margin-top: 10px !important; }

.mg-r-10-f {
    margin-right: 10px !important; }

.mg-b-10-f {
    margin-bottom: 10px !important; }

.mg-l-10-f {
    margin-left: 10px !important; }

.mg-12 {
    margin: 12px; }

.mg-12-f {
    margin: 12px !important; }

.mg-y-12 {
    margin-top: 12px;
    margin-bottom: 12px; }

.mg-y-12-f {
    margin-top: 12px !important;
    margin-bottom: 12px !important; }

.mg-x-12 {
    margin-left: 12px;
    margin-right: 12px; }

.mg-x-12-f {
    margin-left: 12px !important;
    margin-right: 12px !important; }

.mg-t-12 {
    margin-top: 12px; }

.mg-r-12 {
    margin-right: 12px; }

.mg-b-12 {
    margin-bottom: 12px; }

.mg-l-12 {
    margin-left: 12px; }

.mg-t-12-f {
    margin-top: 12px !important; }

.mg-r-12-f {
    margin-right: 12px !important; }

.mg-b-12-f {
    margin-bottom: 12px !important; }

.mg-l-12-f {
    margin-left: 12px !important; }

.mg-15 {
    margin: 15px; }

.mg-15-f {
    margin: 15px !important; }

.mg-y-15 {
    margin-top: 15px;
    margin-bottom: 15px; }

.mg-y-15-f {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }

.mg-x-15 {
    margin-left: 15px;
    margin-right: 15px; }

.mg-x-15-f {
    margin-left: 15px !important;
    margin-right: 15px !important; }

.mg-t-15 {
    margin-top: 15px; }

.mg-r-15 {
    margin-right: 15px; }

.mg-b-15 {
    margin-bottom: 15px; }

.mg-l-15 {
    margin-left: 15px; }

.mg-t-15-f {
    margin-top: 15px !important; }

.mg-r-15-f {
    margin-right: 15px !important; }

.mg-b-15-f {
    margin-bottom: 15px !important; }

.mg-l-15-f {
    margin-left: 15px !important; }

.mg-20 {
    margin: 20px; }

.mg-20-f {
    margin: 20px !important; }

.mg-y-20 {
    margin-top: 20px;
    margin-bottom: 20px; }

.mg-y-20-f {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }

.mg-x-20 {
    margin-left: 20px;
    margin-right: 20px; }

.mg-x-20-f {
    margin-left: 20px !important;
    margin-right: 20px !important; }

.mg-t-20 {
    margin-top: 20px; }

.mg-r-20 {
    margin-right: 20px; }

.mg-b-20 {
    margin-bottom: 20px; }

.mg-l-20 {
    margin-left: 20px; }

.mg-t-20-f {
    margin-top: 20px !important; }

.mg-r-20-f {
    margin-right: 20px !important; }

.mg-b-20-f {
    margin-bottom: 20px !important; }

.mg-l-20-f {
    margin-left: 20px !important; }

.mg-25 {
    margin: 25px; }

.mg-25-f {
    margin: 25px !important; }

.mg-y-25 {
    margin-top: 25px;
    margin-bottom: 25px; }

.mg-y-25-f {
    margin-top: 25px !important;
    margin-bottom: 25px !important; }

.mg-x-25 {
    margin-left: 25px;
    margin-right: 25px; }

.mg-x-25-f {
    margin-left: 25px !important;
    margin-right: 25px !important; }

.mg-t-25 {
    margin-top: 25px; }

.mg-r-25 {
    margin-right: 25px; }

.mg-b-25 {
    margin-bottom: 25px; }

.mg-l-25 {
    margin-left: 25px; }

.mg-t-25-f {
    margin-top: 25px !important; }

.mg-r-25-f {
    margin-right: 25px !important; }

.mg-b-25-f {
    margin-bottom: 25px !important; }

.mg-l-25-f {
    margin-left: 25px !important; }

.mg-30 {
    margin: 30px; }

.mg-30-f {
    margin: 30px !important; }

.mg-y-30 {
    margin-top: 30px;
    margin-bottom: 30px; }

.mg-y-30-f {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }

.mg-x-30 {
    margin-left: 30px;
    margin-right: 30px; }

.mg-x-30-f {
    margin-left: 30px !important;
    margin-right: 30px !important; }

.mg-t-30 {
    margin-top: 30px; }

.mg-r-30 {
    margin-right: 30px; }

.mg-b-30 {
    margin-bottom: 30px; }

.mg-l-30 {
    margin-left: 30px; }

.mg-t-30-f {
    margin-top: 30px !important; }

.mg-r-30-f {
    margin-right: 30px !important; }

.mg-b-30-f {
    margin-bottom: 30px !important; }

.mg-l-30-f {
    margin-left: 30px !important; }

.mg-35 {
    margin: 35px; }

.mg-35-f {
    margin: 35px !important; }

.mg-y-35 {
    margin-top: 35px;
    margin-bottom: 35px; }

.mg-y-35-f {
    margin-top: 35px !important;
    margin-bottom: 35px !important; }

.mg-x-35 {
    margin-left: 35px;
    margin-right: 35px; }

.mg-x-35-f {
    margin-left: 35px !important;
    margin-right: 35px !important; }

.mg-t-35 {
    margin-top: 35px; }

.mg-r-35 {
    margin-right: 35px; }

.mg-b-35 {
    margin-bottom: 35px; }

.mg-l-35 {
    margin-left: 35px; }

.mg-t-35-f {
    margin-top: 35px !important; }

.mg-r-35-f {
    margin-right: 35px !important; }

.mg-b-35-f {
    margin-bottom: 35px !important; }

.mg-l-35-f {
    margin-left: 35px !important; }

.mg-40 {
    margin: 40px; }

.mg-40-f {
    margin: 40px !important; }

.mg-y-40 {
    margin-top: 40px;
    margin-bottom: 40px; }

.mg-y-40-f {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }

.mg-x-40 {
    margin-left: 40px;
    margin-right: 40px; }

.mg-x-40-f {
    margin-left: 40px !important;
    margin-right: 40px !important; }

.mg-t-40 {
    margin-top: 40px; }

.mg-r-40 {
    margin-right: 40px; }

.mg-b-40 {
    margin-bottom: 40px; }

.mg-l-40 {
    margin-left: 40px; }

.mg-t-40-f {
    margin-top: 40px !important; }

.mg-r-40-f {
    margin-right: 40px !important; }

.mg-b-40-f {
    margin-bottom: 40px !important; }

.mg-l-40-f {
    margin-left: 40px !important; }

.mg-45 {
    margin: 45px; }

.mg-45-f {
    margin: 45px !important; }

.mg-y-45 {
    margin-top: 45px;
    margin-bottom: 45px; }

.mg-y-45-f {
    margin-top: 45px !important;
    margin-bottom: 45px !important; }

.mg-x-45 {
    margin-left: 45px;
    margin-right: 45px; }

.mg-x-45-f {
    margin-left: 45px !important;
    margin-right: 45px !important; }

.mg-t-45 {
    margin-top: 45px; }

.mg-r-45 {
    margin-right: 45px; }

.mg-b-45 {
    margin-bottom: 45px; }

.mg-l-45 {
    margin-left: 45px; }

.mg-t-45-f {
    margin-top: 45px !important; }

.mg-r-45-f {
    margin-right: 45px !important; }

.mg-b-45-f {
    margin-bottom: 45px !important; }

.mg-l-45-f {
    margin-left: 45px !important; }

.mg-50 {
    margin: 50px; }

.mg-50-f {
    margin: 50px !important; }

.mg-y-50 {
    margin-top: 50px;
    margin-bottom: 50px; }

.mg-y-50-f {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }

.mg-x-50 {
    margin-left: 50px;
    margin-right: 50px; }

.mg-x-50-f {
    margin-left: 50px !important;
    margin-right: 50px !important; }

.mg-t-50 {
    margin-top: 50px; }

.mg-r-50 {
    margin-right: 50px; }

.mg-b-50 {
    margin-bottom: 50px; }

.mg-l-50 {
    margin-left: 50px; }

.mg-t-50-f {
    margin-top: 50px !important; }

.mg-r-50-f {
    margin-right: 50px !important; }

.mg-b-50-f {
    margin-bottom: 50px !important; }

.mg-l-50-f {
    margin-left: 50px !important; }

.mg-55 {
    margin: 55px; }

.mg-55-f {
    margin: 55px !important; }

.mg-y-55 {
    margin-top: 55px;
    margin-bottom: 55px; }

.mg-y-55-f {
    margin-top: 55px !important;
    margin-bottom: 55px !important; }

.mg-x-55 {
    margin-left: 55px;
    margin-right: 55px; }

.mg-x-55-f {
    margin-left: 55px !important;
    margin-right: 55px !important; }

.mg-t-55 {
    margin-top: 55px; }

.mg-r-55 {
    margin-right: 55px; }

.mg-b-55 {
    margin-bottom: 55px; }

.mg-l-55 {
    margin-left: 55px; }

.mg-t-55-f {
    margin-top: 55px !important; }

.mg-r-55-f {
    margin-right: 55px !important; }

.mg-b-55-f {
    margin-bottom: 55px !important; }

.mg-l-55-f {
    margin-left: 55px !important; }

.mg-60 {
    margin: 60px; }

.mg-60-f {
    margin: 60px !important; }

.mg-y-60 {
    margin-top: 60px;
    margin-bottom: 60px; }

.mg-y-60-f {
    margin-top: 60px !important;
    margin-bottom: 60px !important; }

.mg-x-60 {
    margin-left: 60px;
    margin-right: 60px; }

.mg-x-60-f {
    margin-left: 60px !important;
    margin-right: 60px !important; }

.mg-t-60 {
    margin-top: 60px; }

.mg-r-60 {
    margin-right: 60px; }

.mg-b-60 {
    margin-bottom: 60px; }

.mg-l-60 {
    margin-left: 60px; }

.mg-t-60-f {
    margin-top: 60px !important; }

.mg-r-60-f {
    margin-right: 60px !important; }

.mg-b-60-f {
    margin-bottom: 60px !important; }

.mg-l-60-f {
    margin-left: 60px !important; }

.mg-65 {
    margin: 65px; }

.mg-65-f {
    margin: 65px !important; }

.mg-y-65 {
    margin-top: 65px;
    margin-bottom: 65px; }

.mg-y-65-f {
    margin-top: 65px !important;
    margin-bottom: 65px !important; }

.mg-x-65 {
    margin-left: 65px;
    margin-right: 65px; }

.mg-x-65-f {
    margin-left: 65px !important;
    margin-right: 65px !important; }

.mg-t-65 {
    margin-top: 65px; }

.mg-r-65 {
    margin-right: 65px; }

.mg-b-65 {
    margin-bottom: 65px; }

.mg-l-65 {
    margin-left: 65px; }

.mg-t-65-f {
    margin-top: 65px !important; }

.mg-r-65-f {
    margin-right: 65px !important; }

.mg-b-65-f {
    margin-bottom: 65px !important; }

.mg-l-65-f {
    margin-left: 65px !important; }

.mg-70 {
    margin: 70px; }

.mg-70-f {
    margin: 70px !important; }

.mg-y-70 {
    margin-top: 70px;
    margin-bottom: 70px; }

.mg-y-70-f {
    margin-top: 70px !important;
    margin-bottom: 70px !important; }

.mg-x-70 {
    margin-left: 70px;
    margin-right: 70px; }

.mg-x-70-f {
    margin-left: 70px !important;
    margin-right: 70px !important; }

.mg-t-70 {
    margin-top: 70px; }

.mg-r-70 {
    margin-right: 70px; }

.mg-b-70 {
    margin-bottom: 70px; }

.mg-l-70 {
    margin-left: 70px; }

.mg-t-70-f {
    margin-top: 70px !important; }

.mg-r-70-f {
    margin-right: 70px !important; }

.mg-b-70-f {
    margin-bottom: 70px !important; }

.mg-l-70-f {
    margin-left: 70px !important; }

.mg-75 {
    margin: 75px; }

.mg-75-f {
    margin: 75px !important; }

.mg-y-75 {
    margin-top: 75px;
    margin-bottom: 75px; }

.mg-y-75-f {
    margin-top: 75px !important;
    margin-bottom: 75px !important; }

.mg-x-75 {
    margin-left: 75px;
    margin-right: 75px; }

.mg-x-75-f {
    margin-left: 75px !important;
    margin-right: 75px !important; }

.mg-t-75 {
    margin-top: 75px; }

.mg-r-75 {
    margin-right: 75px; }

.mg-b-75 {
    margin-bottom: 75px; }

.mg-l-75 {
    margin-left: 75px; }

.mg-t-75-f {
    margin-top: 75px !important; }

.mg-r-75-f {
    margin-right: 75px !important; }

.mg-b-75-f {
    margin-bottom: 75px !important; }

.mg-l-75-f {
    margin-left: 75px !important; }

.mg-80 {
    margin: 80px; }

.mg-80-f {
    margin: 80px !important; }

.mg-y-80 {
    margin-top: 80px;
    margin-bottom: 80px; }

.mg-y-80-f {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }

.mg-x-80 {
    margin-left: 80px;
    margin-right: 80px; }

.mg-x-80-f {
    margin-left: 80px !important;
    margin-right: 80px !important; }

.mg-t-80 {
    margin-top: 80px; }

.mg-r-80 {
    margin-right: 80px; }

.mg-b-80 {
    margin-bottom: 80px; }

.mg-l-80 {
    margin-left: 80px; }

.mg-t-80-f {
    margin-top: 80px !important; }

.mg-r-80-f {
    margin-right: 80px !important; }

.mg-b-80-f {
    margin-bottom: 80px !important; }

.mg-l-80-f {
    margin-left: 80px !important; }

.mg-85 {
    margin: 85px; }

.mg-85-f {
    margin: 85px !important; }

.mg-y-85 {
    margin-top: 85px;
    margin-bottom: 85px; }

.mg-y-85-f {
    margin-top: 85px !important;
    margin-bottom: 85px !important; }

.mg-x-85 {
    margin-left: 85px;
    margin-right: 85px; }

.mg-x-85-f {
    margin-left: 85px !important;
    margin-right: 85px !important; }

.mg-t-85 {
    margin-top: 85px; }

.mg-r-85 {
    margin-right: 85px; }

.mg-b-85 {
    margin-bottom: 85px; }

.mg-l-85 {
    margin-left: 85px; }

.mg-t-85-f {
    margin-top: 85px !important; }

.mg-r-85-f {
    margin-right: 85px !important; }

.mg-b-85-f {
    margin-bottom: 85px !important; }

.mg-l-85-f {
    margin-left: 85px !important; }

.mg-90 {
    margin: 90px; }

.mg-90-f {
    margin: 90px !important; }

.mg-y-90 {
    margin-top: 90px;
    margin-bottom: 90px; }

.mg-y-90-f {
    margin-top: 90px !important;
    margin-bottom: 90px !important; }

.mg-x-90 {
    margin-left: 90px;
    margin-right: 90px; }

.mg-x-90-f {
    margin-left: 90px !important;
    margin-right: 90px !important; }

.mg-t-90 {
    margin-top: 90px; }

.mg-r-90 {
    margin-right: 90px; }

.mg-b-90 {
    margin-bottom: 90px; }

.mg-l-90 {
    margin-left: 90px; }

.mg-t-90-f {
    margin-top: 90px !important; }

.mg-r-90-f {
    margin-right: 90px !important; }

.mg-b-90-f {
    margin-bottom: 90px !important; }

.mg-l-90-f {
    margin-left: 90px !important; }

.mg-95 {
    margin: 95px; }

.mg-95-f {
    margin: 95px !important; }

.mg-y-95 {
    margin-top: 95px;
    margin-bottom: 95px; }

.mg-y-95-f {
    margin-top: 95px !important;
    margin-bottom: 95px !important; }

.mg-x-95 {
    margin-left: 95px;
    margin-right: 95px; }

.mg-x-95-f {
    margin-left: 95px !important;
    margin-right: 95px !important; }

.mg-t-95 {
    margin-top: 95px; }

.mg-r-95 {
    margin-right: 95px; }

.mg-b-95 {
    margin-bottom: 95px; }

.mg-l-95 {
    margin-left: 95px; }

.mg-t-95-f {
    margin-top: 95px !important; }

.mg-r-95-f {
    margin-right: 95px !important; }

.mg-b-95-f {
    margin-bottom: 95px !important; }

.mg-l-95-f {
    margin-left: 95px !important; }

.mg-100 {
    margin: 100px; }

.mg-100-f {
    margin: 100px !important; }

.mg-y-100 {
    margin-top: 100px;
    margin-bottom: 100px; }

.mg-y-100-f {
    margin-top: 100px !important;
    margin-bottom: 100px !important; }

.mg-x-100 {
    margin-left: 100px;
    margin-right: 100px; }

.mg-x-100-f {
    margin-left: 100px !important;
    margin-right: 100px !important; }

.mg-t-100 {
    margin-top: 100px; }

.mg-r-100 {
    margin-right: 100px; }

.mg-b-100 {
    margin-bottom: 100px; }

.mg-l-100 {
    margin-left: 100px; }

.mg-t-100-f {
    margin-top: 100px !important; }

.mg-r-100-f {
    margin-right: 100px !important; }

.mg-b-100-f {
    margin-bottom: 100px !important; }

.mg-l-100-f {
    margin-left: 100px !important; }

/* custom padding */
.pg-1 {
    padding: 1px; }

.pg-1-f {
    padding: 1px !important; }

.pg-y-1 {
    padding-top: 1px;
    padding-bottom: 1px; }

.pg-y-1-f {
    padding-top: 1px !important;
    padding-bottom: 1px !important; }

.pg-x-1 {
    padding-left: 1px;
    padding-right: 1px; }

.pg-x-1-f {
    padding-left: 1px !important;
    padding-right: 1px !important; }

.pg-t-1 {
    padding-top: 1px; }

.pg-r-1 {
    padding-right: 1px; }

.pg-b-1 {
    padding-bottom: 1px; }

.pg-l-1 {
    padding-left: 1px; }

.pg-t-1-f {
    padding-top: 1px !important; }

.pg-r-1-f {
    padding-right: 1px !important; }

.pg-b-1-f {
    padding-bottom: 1px !important; }

.pg-l-1-f {
    padding-left: 1px !important; }

.pg-2 {
    padding: 2px; }

.pg-2-f {
    padding: 2px !important; }

.pg-y-2 {
    padding-top: 2px;
    padding-bottom: 2px; }

.pg-y-2-f {
    padding-top: 2px !important;
    padding-bottom: 2px !important; }

.pg-x-2 {
    padding-left: 2px;
    padding-right: 2px; }

.pg-x-2-f {
    padding-left: 2px !important;
    padding-right: 2px !important; }

.pg-t-2 {
    padding-top: 2px; }

.pg-r-2 {
    padding-right: 2px; }

.pg-b-2 {
    padding-bottom: 2px; }

.pg-l-2 {
    padding-left: 2px; }

.pg-t-2-f {
    padding-top: 2px !important; }

.pg-r-2-f {
    padding-right: 2px !important; }

.pg-b-2-f {
    padding-bottom: 2px !important; }

.pg-l-2-f {
    padding-left: 2px !important; }

.pg-3 {
    padding: 3px; }

.pg-3-f {
    padding: 3px !important; }

.pg-y-3 {
    padding-top: 3px;
    padding-bottom: 3px; }

.pg-y-3-f {
    padding-top: 3px !important;
    padding-bottom: 3px !important; }

.pg-x-3 {
    padding-left: 3px;
    padding-right: 3px; }

.pg-x-3-f {
    padding-left: 3px !important;
    padding-right: 3px !important; }

.pg-t-3 {
    padding-top: 3px; }

.pg-r-3 {
    padding-right: 3px; }

.pg-b-3 {
    padding-bottom: 3px; }

.pg-l-3 {
    padding-left: 3px; }

.pg-t-3-f {
    padding-top: 3px !important; }

.pg-r-3-f {
    padding-right: 3px !important; }

.pg-b-3-f {
    padding-bottom: 3px !important; }

.pg-l-3-f {
    padding-left: 3px !important; }

.pg-4 {
    padding: 4px; }

.pg-4-f {
    padding: 4px !important; }

.pg-y-4 {
    padding-top: 4px;
    padding-bottom: 4px; }

.pg-y-4-f {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }

.pg-x-4 {
    padding-left: 4px;
    padding-right: 4px; }

.pg-x-4-f {
    padding-left: 4px !important;
    padding-right: 4px !important; }

.pg-t-4 {
    padding-top: 4px; }

.pg-r-4 {
    padding-right: 4px; }

.pg-b-4 {
    padding-bottom: 4px; }

.pg-l-4 {
    padding-left: 4px; }

.pg-t-4-f {
    padding-top: 4px !important; }

.pg-r-4-f {
    padding-right: 4px !important; }

.pg-b-4-f {
    padding-bottom: 4px !important; }

.pg-l-4-f {
    padding-left: 4px !important; }

.pg-5 {
    padding: 5px; }

.pg-5-f {
    padding: 5px !important; }

.pg-y-5 {
    padding-top: 5px;
    padding-bottom: 5px; }

.pg-y-5-f {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

.pg-x-5 {
    padding-left: 5px;
    padding-right: 5px; }

.pg-x-5-f {
    padding-left: 5px !important;
    padding-right: 5px !important; }

.pg-t-5 {
    padding-top: 5px; }

.pg-r-5 {
    padding-right: 5px; }

.pg-b-5 {
    padding-bottom: 5px; }

.pg-l-5 {
    padding-left: 5px; }

.pg-t-5-f {
    padding-top: 5px !important; }

.pg-r-5-f {
    padding-right: 5px !important; }

.pg-b-5-f {
    padding-bottom: 5px !important; }

.pg-l-5-f {
    padding-left: 5px !important; }

.pg-6 {
    padding: 6px; }

.pg-6-f {
    padding: 6px !important; }

.pg-y-6 {
    padding-top: 6px;
    padding-bottom: 6px; }

.pg-y-6-f {
    padding-top: 6px !important;
    padding-bottom: 6px !important; }

.pg-x-6 {
    padding-left: 6px;
    padding-right: 6px; }

.pg-x-6-f {
    padding-left: 6px !important;
    padding-right: 6px !important; }

.pg-t-6 {
    padding-top: 6px; }

.pg-r-6 {
    padding-right: 6px; }

.pg-b-6 {
    padding-bottom: 6px; }

.pg-l-6 {
    padding-left: 6px; }

.pg-t-6-f {
    padding-top: 6px !important; }

.pg-r-6-f {
    padding-right: 6px !important; }

.pg-b-6-f {
    padding-bottom: 6px !important; }

.pg-l-6-f {
    padding-left: 6px !important; }

.pg-7 {
    padding: 7px; }

.pg-7-f {
    padding: 7px !important; }

.pg-y-7 {
    padding-top: 7px;
    padding-bottom: 7px; }

.pg-y-7-f {
    padding-top: 7px !important;
    padding-bottom: 7px !important; }

.pg-x-7 {
    padding-left: 7px;
    padding-right: 7px; }

.pg-x-7-f {
    padding-left: 7px !important;
    padding-right: 7px !important; }

.pg-t-7 {
    padding-top: 7px; }

.pg-r-7 {
    padding-right: 7px; }

.pg-b-7 {
    padding-bottom: 7px; }

.pg-l-7 {
    padding-left: 7px; }

.pg-t-7-f {
    padding-top: 7px !important; }

.pg-r-7-f {
    padding-right: 7px !important; }

.pg-b-7-f {
    padding-bottom: 7px !important; }

.pg-l-7-f {
    padding-left: 7px !important; }

.pg-8 {
    padding: 8px; }

.pg-8-f {
    padding: 8px !important; }

.pg-y-8 {
    padding-top: 8px;
    padding-bottom: 8px; }

.pg-y-8-f {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }

.pg-x-8 {
    padding-left: 8px;
    padding-right: 8px; }

.pg-x-8-f {
    padding-left: 8px !important;
    padding-right: 8px !important; }

.pg-t-8 {
    padding-top: 8px; }

.pg-r-8 {
    padding-right: 8px; }

.pg-b-8 {
    padding-bottom: 8px; }

.pg-l-8 {
    padding-left: 8px; }

.pg-t-8-f {
    padding-top: 8px !important; }

.pg-r-8-f {
    padding-right: 8px !important; }

.pg-b-8-f {
    padding-bottom: 8px !important; }

.pg-l-8-f {
    padding-left: 8px !important; }

.pg-9 {
    padding: 9px; }

.pg-9-f {
    padding: 9px !important; }

.pg-y-9 {
    padding-top: 9px;
    padding-bottom: 9px; }

.pg-y-9-f {
    padding-top: 9px !important;
    padding-bottom: 9px !important; }

.pg-x-9 {
    padding-left: 9px;
    padding-right: 9px; }

.pg-x-9-f {
    padding-left: 9px !important;
    padding-right: 9px !important; }

.pg-t-9 {
    padding-top: 9px; }

.pg-r-9 {
    padding-right: 9px; }

.pg-b-9 {
    padding-bottom: 9px; }

.pg-l-9 {
    padding-left: 9px; }

.pg-t-9-f {
    padding-top: 9px !important; }

.pg-r-9-f {
    padding-right: 9px !important; }

.pg-b-9-f {
    padding-bottom: 9px !important; }

.pg-l-9-f {
    padding-left: 9px !important; }

.pg-10 {
    padding: 10px; }

.pg-10-f {
    padding: 10px !important; }

.pg-y-10 {
    padding-top: 10px;
    padding-bottom: 10px; }

.pg-y-10-f {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

.pg-x-10 {
    padding-left: 10px;
    padding-right: 10px; }

.pg-x-10-f {
    padding-left: 10px !important;
    padding-right: 10px !important; }

.pg-t-10 {
    padding-top: 10px; }

.pg-r-10 {
    padding-right: 10px; }

.pg-b-10 {
    padding-bottom: 10px; }

.pg-l-10 {
    padding-left: 10px; }

.pg-t-10-f {
    padding-top: 10px !important; }

.pg-r-10-f {
    padding-right: 10px !important; }

.pg-b-10-f {
    padding-bottom: 10px !important; }

.pg-l-10-f {
    padding-left: 10px !important; }

.pg-12 {
    padding: 12px; }

.pg-12-f {
    padding: 12px !important; }

.pg-y-12 {
    padding-top: 12px;
    padding-bottom: 12px; }

.pg-y-12-f {
    padding-top: 12px !important;
    padding-bottom: 12px !important; }

.pg-x-12 {
    padding-left: 12px;
    padding-right: 12px; }

.pg-x-12-f {
    padding-left: 12px !important;
    padding-right: 12px !important; }

.pg-t-12 {
    padding-top: 12px; }

.pg-r-12 {
    padding-right: 12px; }

.pg-b-12 {
    padding-bottom: 12px; }

.pg-l-12 {
    padding-left: 12px; }

.pg-t-12-f {
    padding-top: 12px !important; }

.pg-r-12-f {
    padding-right: 12px !important; }

.pg-b-12-f {
    padding-bottom: 12px !important; }

.pg-l-12-f {
    padding-left: 12px !important; }

.pg-15 {
    padding: 15px; }

.pg-15-f {
    padding: 15px !important; }

.pg-y-15 {
    padding-top: 15px;
    padding-bottom: 15px; }

.pg-y-15-f {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }

.pg-x-15 {
    padding-left: 15px;
    padding-right: 15px; }

.pg-x-15-f {
    padding-left: 15px !important;
    padding-right: 15px !important; }

.pg-t-15 {
    padding-top: 15px; }

.pg-r-15 {
    padding-right: 15px; }

.pg-b-15 {
    padding-bottom: 15px; }

.pg-l-15 {
    padding-left: 15px; }

.pg-t-15-f {
    padding-top: 15px !important; }

.pg-r-15-f {
    padding-right: 15px !important; }

.pg-b-15-f {
    padding-bottom: 15px !important; }

.pg-l-15-f {
    padding-left: 15px !important; }

.pg-20 {
    padding: 20px; }

.pg-20-f {
    padding: 20px !important; }

.pg-y-20 {
    padding-top: 20px;
    padding-bottom: 20px; }

.pg-y-20-f {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }

.pg-x-20 {
    padding-left: 20px;
    padding-right: 20px; }

.pg-x-20-f {
    padding-left: 20px !important;
    padding-right: 20px !important; }

.pg-t-20 {
    padding-top: 20px; }

.pg-r-20 {
    padding-right: 20px; }

.pg-b-20 {
    padding-bottom: 20px; }

.pg-l-20 {
    padding-left: 20px; }

.pg-t-20-f {
    padding-top: 20px !important; }

.pg-r-20-f {
    padding-right: 20px !important; }

.pg-b-20-f {
    padding-bottom: 20px !important; }

.pg-l-20-f {
    padding-left: 20px !important; }

.pg-25 {
    padding: 25px; }

.pg-25-f {
    padding: 25px !important; }

.pg-y-25 {
    padding-top: 25px;
    padding-bottom: 25px; }

.pg-y-25-f {
    padding-top: 25px !important;
    padding-bottom: 25px !important; }

.pg-x-25 {
    padding-left: 25px;
    padding-right: 25px; }

.pg-x-25-f {
    padding-left: 25px !important;
    padding-right: 25px !important; }

.pg-t-25 {
    padding-top: 25px; }

.pg-r-25 {
    padding-right: 25px; }

.pg-b-25 {
    padding-bottom: 25px; }

.pg-l-25 {
    padding-left: 25px; }

.pg-t-25-f {
    padding-top: 25px !important; }

.pg-r-25-f {
    padding-right: 25px !important; }

.pg-b-25-f {
    padding-bottom: 25px !important; }

.pg-l-25-f {
    padding-left: 25px !important; }

.pg-30 {
    padding: 30px; }

.pg-30-f {
    padding: 30px !important; }

.pg-y-30 {
    padding-top: 30px;
    padding-bottom: 30px; }

.pg-y-30-f {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }

.pg-x-30 {
    padding-left: 30px;
    padding-right: 30px; }

.pg-x-30-f {
    padding-left: 30px !important;
    padding-right: 30px !important; }

.pg-t-30 {
    padding-top: 30px; }

.pg-r-30 {
    padding-right: 30px; }

.pg-b-30 {
    padding-bottom: 30px; }

.pg-l-30 {
    padding-left: 30px; }

.pg-t-30-f {
    padding-top: 30px !important; }

.pg-r-30-f {
    padding-right: 30px !important; }

.pg-b-30-f {
    padding-bottom: 30px !important; }

.pg-l-30-f {
    padding-left: 30px !important; }

.pg-35 {
    padding: 35px; }

.pg-35-f {
    padding: 35px !important; }

.pg-y-35 {
    padding-top: 35px;
    padding-bottom: 35px; }

.pg-y-35-f {
    padding-top: 35px !important;
    padding-bottom: 35px !important; }

.pg-x-35 {
    padding-left: 35px;
    padding-right: 35px; }

.pg-x-35-f {
    padding-left: 35px !important;
    padding-right: 35px !important; }

.pg-t-35 {
    padding-top: 35px; }

.pg-r-35 {
    padding-right: 35px; }

.pg-b-35 {
    padding-bottom: 35px; }

.pg-l-35 {
    padding-left: 35px; }

.pg-t-35-f {
    padding-top: 35px !important; }

.pg-r-35-f {
    padding-right: 35px !important; }

.pg-b-35-f {
    padding-bottom: 35px !important; }

.pg-l-35-f {
    padding-left: 35px !important; }

.pg-40 {
    padding: 40px; }

.pg-40-f {
    padding: 40px !important; }

.pg-y-40 {
    padding-top: 40px;
    padding-bottom: 40px; }

.pg-y-40-f {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }

.pg-x-40 {
    padding-left: 40px;
    padding-right: 40px; }

.pg-x-40-f {
    padding-left: 40px !important;
    padding-right: 40px !important; }

.pg-t-40 {
    padding-top: 40px; }

.pg-r-40 {
    padding-right: 40px; }

.pg-b-40 {
    padding-bottom: 40px; }

.pg-l-40 {
    padding-left: 40px; }

.pg-t-40-f {
    padding-top: 40px !important; }

.pg-r-40-f {
    padding-right: 40px !important; }

.pg-b-40-f {
    padding-bottom: 40px !important; }

.pg-l-40-f {
    padding-left: 40px !important; }

.pg-45 {
    padding: 45px; }

.pg-45-f {
    padding: 45px !important; }

.pg-y-45 {
    padding-top: 45px;
    padding-bottom: 45px; }

.pg-y-45-f {
    padding-top: 45px !important;
    padding-bottom: 45px !important; }

.pg-x-45 {
    padding-left: 45px;
    padding-right: 45px; }

.pg-x-45-f {
    padding-left: 45px !important;
    padding-right: 45px !important; }

.pg-t-45 {
    padding-top: 45px; }

.pg-r-45 {
    padding-right: 45px; }

.pg-b-45 {
    padding-bottom: 45px; }

.pg-l-45 {
    padding-left: 45px; }

.pg-t-45-f {
    padding-top: 45px !important; }

.pg-r-45-f {
    padding-right: 45px !important; }

.pg-b-45-f {
    padding-bottom: 45px !important; }

.pg-l-45-f {
    padding-left: 45px !important; }

.pg-50 {
    padding: 50px; }

.pg-50-f {
    padding: 50px !important; }

.pg-y-50 {
    padding-top: 50px;
    padding-bottom: 50px; }

.pg-y-50-f {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }

.pg-x-50 {
    padding-left: 50px;
    padding-right: 50px; }

.pg-x-50-f {
    padding-left: 50px !important;
    padding-right: 50px !important; }

.pg-t-50 {
    padding-top: 50px; }

.pg-r-50 {
    padding-right: 50px; }

.pg-b-50 {
    padding-bottom: 50px; }

.pg-l-50 {
    padding-left: 50px; }

.pg-t-50-f {
    padding-top: 50px !important; }

.pg-r-50-f {
    padding-right: 50px !important; }

.pg-b-50-f {
    padding-bottom: 50px !important; }

.pg-l-50-f {
    padding-left: 50px !important; }

.pg-55 {
    padding: 55px; }

.pg-55-f {
    padding: 55px !important; }

.pg-y-55 {
    padding-top: 55px;
    padding-bottom: 55px; }

.pg-y-55-f {
    padding-top: 55px !important;
    padding-bottom: 55px !important; }

.pg-x-55 {
    padding-left: 55px;
    padding-right: 55px; }

.pg-x-55-f {
    padding-left: 55px !important;
    padding-right: 55px !important; }

.pg-t-55 {
    padding-top: 55px; }

.pg-r-55 {
    padding-right: 55px; }

.pg-b-55 {
    padding-bottom: 55px; }

.pg-l-55 {
    padding-left: 55px; }

.pg-t-55-f {
    padding-top: 55px !important; }

.pg-r-55-f {
    padding-right: 55px !important; }

.pg-b-55-f {
    padding-bottom: 55px !important; }

.pg-l-55-f {
    padding-left: 55px !important; }

.pg-60 {
    padding: 60px; }

.pg-60-f {
    padding: 60px !important; }

.pg-y-60 {
    padding-top: 60px;
    padding-bottom: 60px; }

.pg-y-60-f {
    padding-top: 60px !important;
    padding-bottom: 60px !important; }

.pg-x-60 {
    padding-left: 60px;
    padding-right: 60px; }

.pg-x-60-f {
    padding-left: 60px !important;
    padding-right: 60px !important; }

.pg-t-60 {
    padding-top: 60px; }

.pg-r-60 {
    padding-right: 60px; }

.pg-b-60 {
    padding-bottom: 60px; }

.pg-l-60 {
    padding-left: 60px; }

.pg-t-60-f {
    padding-top: 60px !important; }

.pg-r-60-f {
    padding-right: 60px !important; }

.pg-b-60-f {
    padding-bottom: 60px !important; }

.pg-l-60-f {
    padding-left: 60px !important; }

.pg-65 {
    padding: 65px; }

.pg-65-f {
    padding: 65px !important; }

.pg-y-65 {
    padding-top: 65px;
    padding-bottom: 65px; }

.pg-y-65-f {
    padding-top: 65px !important;
    padding-bottom: 65px !important; }

.pg-x-65 {
    padding-left: 65px;
    padding-right: 65px; }

.pg-x-65-f {
    padding-left: 65px !important;
    padding-right: 65px !important; }

.pg-t-65 {
    padding-top: 65px; }

.pg-r-65 {
    padding-right: 65px; }

.pg-b-65 {
    padding-bottom: 65px; }

.pg-l-65 {
    padding-left: 65px; }

.pg-t-65-f {
    padding-top: 65px !important; }

.pg-r-65-f {
    padding-right: 65px !important; }

.pg-b-65-f {
    padding-bottom: 65px !important; }

.pg-l-65-f {
    padding-left: 65px !important; }

.pg-70 {
    padding: 70px; }

.pg-70-f {
    padding: 70px !important; }

.pg-y-70 {
    padding-top: 70px;
    padding-bottom: 70px; }

.pg-y-70-f {
    padding-top: 70px !important;
    padding-bottom: 70px !important; }

.pg-x-70 {
    padding-left: 70px;
    padding-right: 70px; }

.pg-x-70-f {
    padding-left: 70px !important;
    padding-right: 70px !important; }

.pg-t-70 {
    padding-top: 70px; }

.pg-r-70 {
    padding-right: 70px; }

.pg-b-70 {
    padding-bottom: 70px; }

.pg-l-70 {
    padding-left: 70px; }

.pg-t-70-f {
    padding-top: 70px !important; }

.pg-r-70-f {
    padding-right: 70px !important; }

.pg-b-70-f {
    padding-bottom: 70px !important; }

.pg-l-70-f {
    padding-left: 70px !important; }

.pg-75 {
    padding: 75px; }

.pg-75-f {
    padding: 75px !important; }

.pg-y-75 {
    padding-top: 75px;
    padding-bottom: 75px; }

.pg-y-75-f {
    padding-top: 75px !important;
    padding-bottom: 75px !important; }

.pg-x-75 {
    padding-left: 75px;
    padding-right: 75px; }

.pg-x-75-f {
    padding-left: 75px !important;
    padding-right: 75px !important; }

.pg-t-75 {
    padding-top: 75px; }

.pg-r-75 {
    padding-right: 75px; }

.pg-b-75 {
    padding-bottom: 75px; }

.pg-l-75 {
    padding-left: 75px; }

.pg-t-75-f {
    padding-top: 75px !important; }

.pg-r-75-f {
    padding-right: 75px !important; }

.pg-b-75-f {
    padding-bottom: 75px !important; }

.pg-l-75-f {
    padding-left: 75px !important; }

.pg-80 {
    padding: 80px; }

.pg-80-f {
    padding: 80px !important; }

.pg-y-80 {
    padding-top: 80px;
    padding-bottom: 80px; }

.pg-y-80-f {
    padding-top: 80px !important;
    padding-bottom: 80px !important; }

.pg-x-80 {
    padding-left: 80px;
    padding-right: 80px; }

.pg-x-80-f {
    padding-left: 80px !important;
    padding-right: 80px !important; }

.pg-t-80 {
    padding-top: 80px; }

.pg-r-80 {
    padding-right: 80px; }

.pg-b-80 {
    padding-bottom: 80px; }

.pg-l-80 {
    padding-left: 80px; }

.pg-t-80-f {
    padding-top: 80px !important; }

.pg-r-80-f {
    padding-right: 80px !important; }

.pg-b-80-f {
    padding-bottom: 80px !important; }

.pg-l-80-f {
    padding-left: 80px !important; }

.pg-85 {
    padding: 85px; }

.pg-85-f {
    padding: 85px !important; }

.pg-y-85 {
    padding-top: 85px;
    padding-bottom: 85px; }

.pg-y-85-f {
    padding-top: 85px !important;
    padding-bottom: 85px !important; }

.pg-x-85 {
    padding-left: 85px;
    padding-right: 85px; }

.pg-x-85-f {
    padding-left: 85px !important;
    padding-right: 85px !important; }

.pg-t-85 {
    padding-top: 85px; }

.pg-r-85 {
    padding-right: 85px; }

.pg-b-85 {
    padding-bottom: 85px; }

.pg-l-85 {
    padding-left: 85px; }

.pg-t-85-f {
    padding-top: 85px !important; }

.pg-r-85-f {
    padding-right: 85px !important; }

.pg-b-85-f {
    padding-bottom: 85px !important; }

.pg-l-85-f {
    padding-left: 85px !important; }

.pg-90 {
    padding: 90px; }

.pg-90-f {
    padding: 90px !important; }

.pg-y-90 {
    padding-top: 90px;
    padding-bottom: 90px; }

.pg-y-90-f {
    padding-top: 90px !important;
    padding-bottom: 90px !important; }

.pg-x-90 {
    padding-left: 90px;
    padding-right: 90px; }

.pg-x-90-f {
    padding-left: 90px !important;
    padding-right: 90px !important; }

.pg-t-90 {
    padding-top: 90px; }

.pg-r-90 {
    padding-right: 90px; }

.pg-b-90 {
    padding-bottom: 90px; }

.pg-l-90 {
    padding-left: 90px; }

.pg-t-90-f {
    padding-top: 90px !important; }

.pg-r-90-f {
    padding-right: 90px !important; }

.pg-b-90-f {
    padding-bottom: 90px !important; }

.pg-l-90-f {
    padding-left: 90px !important; }

.pg-95 {
    padding: 95px; }

.pg-95-f {
    padding: 95px !important; }

.pg-y-95 {
    padding-top: 95px;
    padding-bottom: 95px; }

.pg-y-95-f {
    padding-top: 95px !important;
    padding-bottom: 95px !important; }

.pg-x-95 {
    padding-left: 95px;
    padding-right: 95px; }

.pg-x-95-f {
    padding-left: 95px !important;
    padding-right: 95px !important; }

.pg-t-95 {
    padding-top: 95px; }

.pg-r-95 {
    padding-right: 95px; }

.pg-b-95 {
    padding-bottom: 95px; }

.pg-l-95 {
    padding-left: 95px; }

.pg-t-95-f {
    padding-top: 95px !important; }

.pg-r-95-f {
    padding-right: 95px !important; }

.pg-b-95-f {
    padding-bottom: 95px !important; }

.pg-l-95-f {
    padding-left: 95px !important; }

.pg-100 {
    padding: 100px; }

.pg-100-f {
    padding: 100px !important; }

.pg-y-100 {
    padding-top: 100px;
    padding-bottom: 100px; }

.pg-y-100-f {
    padding-top: 100px !important;
    padding-bottom: 100px !important; }

.pg-x-100 {
    padding-left: 100px;
    padding-right: 100px; }

.pg-x-100-f {
    padding-left: 100px !important;
    padding-right: 100px !important; }

.pg-t-100 {
    padding-top: 100px; }

.pg-r-100 {
    padding-right: 100px; }

.pg-b-100 {
    padding-bottom: 100px; }

.pg-l-100 {
    padding-left: 100px; }

.pg-t-100-f {
    padding-top: 100px !important; }

.pg-r-100-f {
    padding-right: 100px !important; }

.pg-b-100-f {
    padding-bottom: 100px !important; }

.pg-l-100-f {
    padding-left: 100px !important; }

.pricing-section {
    margin-bottom: 100px;
}
.pricing-section h2 {
    color: #343434;
    font-size: 40px;
    font-family: 'Conv_Hero New Bold';
}
.pricing-section .table th {
    color: #343434;
    font-size: 18px;
    text-align: center;
    background: #f7f7f7;
    border-color: #e7e7e7;
    padding: 16px 15px 15px 15px;
    font-family: 'Conv_Hero New Bold';
}
.pricing-section .table td {
    color: #343434;
    font-size: 16px;
    text-align: center;
    border-color: #e7e7e7;
    vertical-align: middle;
    padding: 16px 15px 15px 15px;
    font-family: 'Conv_Hero New Regular';
}
.categories-section {
    background: #fafce6;
}
.m-h-665 {
    min-height: 665px;
}
.categories-section .categories-left {
    top: 0;
    left: 0;
    width: 340px;
    position: absolute;
}
.categories-section .categories-right {
    right: 0;
    bottom: 0;
    width: 430px;
    position: absolute;
}
.categories-section h2 {
    color: #343434;
    font-size: 40px;
    margin-bottom: 20px;
    font-family: 'Conv_Hero New Bold';
}
.categories-section p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.categories-section .signup-btn {
    width: 160px;
    height: 42px;
    color: #ffffff;
    margin: 0 auto;
    font-size: 14px;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.categories-section .signup-btn:hover {
    color: #057e67;
    background: white;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0 #057e67;
}
.categories-section .categories-card {
    padding: 25px;
    min-height: 295px;
    border-radius: 25px;
    background: #ffffff;
    border: 1px solid #d3e1de;
}
.categories-section .categories-card img {
    width: 80px;
    margin-bottom: 20px;
}
.categories-section .categories-card h3 {
    color: #343434;
    font-size: 22px;
    margin-bottom: 8px;
    font-family: 'Conv_Hero New Bold';
}
.categories-section .categories-card p {
    color: #343434;
    font-size: 14px;
    margin-bottom: 17px;
    font-family: 'Conv_Hero New Medium';
}
.categories-section .categories-card a {
    height: 42px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.categories-section .categories-card a:hover {
    color: #057e67;
    background: white;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0 #057e67;
}
.teach-section {
    min-height: 470px;
    background: #e2fdf8;
}
.teach-section h2 {
    color: #343434;
    font-size: 40px;
    margin-bottom: 20px;
    font-family: 'Conv_Hero New Bold';
}
.teach-section p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    font-family: 'Conv_Hero New Regular';
}
.teach-section a {
    width: 160px;
    height: 42px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.teach-section a:hover {
    color: #057e67;
    background: white;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0 #057e67;
}
.teach-section .teach-image-right {
    right: 0;
    bottom: 0;
    width: 675px;
    position: absolute;
}
footer {
    margin-bottom: -4px;
    background: #057e67;
    padding: 14px 0 12px;
}
footer p {
    color: #ffffff;
    font-size: 14px;
    margin-top: 4px;
    font-family: 'Conv_Hero New Medium';
}
footer ul li {
    list-style: none;
}
footer ul li:last-of-type {
    color: white;
    padding: 1px 0 0 10px;
}
footer ul li a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    padding: 0 10px 0 10px;
    border-right: 1px solid #ffffff;
    font-family: 'Conv_Hero New Medium';
}
footer ul li:last-of-type a {
    border-right: 0;
}
footer ul li a:hover {
    color: #ffffff;
    text-decoration: none;
}

.checkout-section {}
.checkout-section {
    min-height: 520px;
    background: #fafce6;
}
.checkout-section h2 {
    color: #343434;
    font-size: 40px;
    margin-bottom: 20px;
    font-family: 'Conv_Hero New Bold';
}
.checkout-section p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    font-family: 'Conv_Hero New Regular';
}
.checkout-section a {
    width: 160px;
    height: 42px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.checkout-section a:hover {
    color: #057e67;
    background: white;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0 #057e67;
}
.checkout-section .teach-image-right {
    right: 0;
    bottom: 0;
    width: 655px;
    position: absolute;
}
.study-section {
    margin-bottom: 0;
    min-height: calc(100vh - 149px);
}
.study-section h2 {
    color: #343434;
    font-size: 40px;
    font-family: 'Conv_Hero New Bold';
}
.study-section .categories-card {
    padding: 25px;
    min-height: 272px;
    border-radius: 25px;
    border: 1px solid #d3e1de;
}
.study-section .categories-card img {
    margin-bottom: 20px;
}
.study-section .categories-card h3 {
    color: #343434;
    font-size: 22px;
    margin-bottom: 8px;
    font-family: 'Conv_Hero New Bold';
}
.study-section .categories-card p {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.top-tutor-courses {
    background: #fafafa;
    padding-bottom: 100px;
}
.courses-card {
    min-height: 382px;
    max-height: 382px;
    position: relative;
    border-radius: 25px;
    background: #ffffff;
    border: 1px solid #d3e1de;
}
.courses-card .courses-banner {
    width: 130px;
    height: 130px;
    display: block;
    margin: 0 auto 0;
}
.card-logo-img {
    display: block;
    padding-top: 15px;
    border-radius: 25px 25px 0 0;
    background: rgb(226 253 248);
}
.courses-card .courses-details {
    padding: 20px;
}
.courses-card .courses-details p {
    color: #343434;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-family: 'Conv_Hero New Medium';
}
.courses-card .courses-details a p {
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.courses-card .courses-details .rating-box span {
    color: #ffac07;
    font-size: 14px;
    margin-left: 5px;
    font-family: 'Conv_Hero New Bold';
}
.courses-card .courses-details h4 {
    color: #343434;
    font-size: 14px;
    margin-bottom: 2px;
    font-family: 'Conv_Hero New Bold';
}
.courses-card .courses-details .user-avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.mh-b-10 {
    margin-bottom: 10px;
}
.mg-r-10 {
    margin-right: 10px;
}
.l-h-20 {
    line-height: 20px;
}
.lesson-space {
    min-height: 468px;
    background: #e2fdf8;
}
.lesson-space h2 {
    color: #343434;
    font-size: 40px;
    margin-bottom: 20px;
    font-family: 'Conv_Hero New Bold';
}
.lesson-space p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    font-family: 'Conv_Hero New Regular';
}
.lesson-space a {
    width: 160px;
    height: 42px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.lesson-space a:hover {
    color: #057e67;
    background: white;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0 #057e67;
}
.lesson-space .lesson-scape-right {
    right: 0;
    bottom: 0;
    width: 658px;
    position: absolute;
}
.newsletter h2 {
    color: #343434;
    font-size: 40px;
    font-family: 'Conv_Hero New Bold';
}
.newsletter form {
    padding: 6px;
    margin: 0 auto;
    max-width: 750px;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 8px 51px -13px rgba(0, 0, 0, 0.25);
}
.newsletter form .form-group {
    flex: 1;
}
.newsletter form input {
    border: 0;
    height: 43px;
    outline: none;
    color: #343434;
    font-size: 14px;
    box-shadow: 0 0 0 0;
    font-family: 'Conv_Hero New Regular';
}
.newsletter form input:focus {
    box-shadow: 0 0 0 0;
}
.newsletter form button {
    width: 115px;
    height: 43px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 12px;
    background: #057e67;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.newsletter form button:hover {
    color: #057e67;
    background: white;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0 #057e67;
}
.newsletter form button:focus {
    box-shadow: 0 0 4px 0 #057e67;
}
.m-w-300 {
    min-width: 300px !important;
}
.m-w-290 {
    min-width: 290px !important;
}
.m-h-390 {
    min-height: 390px;
}
.modal-body .close {
    top: 6px;
    right: 10px;
    outline: none;
    position: absolute;
}
.additional-modal .modal-dialog {
    max-width: 520px;
}
.additional-modal .modal-body {
    padding: 30px 25px;
}
.additional-modal .modal-body h2 {
    color: #2f2d2d;
    font-size: 22px;
    font-family: 'Conv_Hero New Bold';
}
.additional-modal .modal-body form label {
    color: #2f2d2d;
    font-size: 12px;
    margin-bottom: 10px;
    font-family: 'Conv_Hero New SemiBold';
}
.additional-modal .modal-body form textarea {
    resize: none;
    height: 150px;
    color: #2f2d2d;
    font-size: 16px;
    border-radius: 7px;
    padding: 10px 15px;
    box-shadow: 0 0 0 0;
    border-color: #dbdbdb;
}
.additional-modal .modal-body form textarea::placeholder {
    color: #798582;
}
.cusDropzone.dropzone {
    padding: 0;
    min-height: 150px;
    border-radius: 5px;
    border: dashed 2px #dbdbdb;
}
.dropzone .dz-message {
    margin: 2em 0;
    color: #9c9c9c;
    font-size: 12px;
    text-align: center;
    font-family: 'Conv_Hero New Regular';
}
.dropzone .dz-message .text-dark-aqua {
    color: #057e67;
    cursor: pointer;
    font-size: 16px;
}
.btn-primary {
    color: white;
    height: 60px;
    font-size: 18px;
    background: #057e67;
    border-color: #057e67;
    font-family: 'Conv_Hero New SemiBold';
}
.btn-primary:hover {
    color: #057e67;
    background: white;
    border-color: #057e67;
    box-shadow: 0 0 4px 0 #057e67;
}
.border-primary {
    height: 60px;
    color: #057e67;
    font-size: 18px;
    background: white;
    border-color: #057e67 !important;
    font-family: 'Conv_Hero New SemiBold';
}
.border-primary:hover {
    color: #057e67;
    box-shadow: 0 0 4px 0 #057e67;
}
.border-primary img {
    width: 20px;
    margin-right: 7px;
}
.Login-modal .modal-dialog {
    max-width: 520px;
}
.Login-modal .modal-body {
    padding: 30px 25px;
}
.Login-modal .modal-body h2 {
    color: #2f2d2d;
    font-size: 22px;
    font-family: 'Conv_Hero New Bold';
}
.Login-modal .modal-body h3 {
    color: #2f2d2d;
    font-size: 16px;
    font-family: 'Conv_Hero New Bold';
}
.Login-modal .modal-body form label {
    color: #2f2d2d;
    font-size: 12px;
    margin-bottom: 10px;
    font-family: 'Conv_Hero New SemiBold';
}
.Login-modal .modal-body form input {
    height: 60px;
    outline: none;
    color: #2f2d2d;
    font-size: 16px;
    border-radius: 7px;
    box-shadow: 0 0 0 0;
    border-color: #dbdbdb;
    font-family: 'Conv_Hero New Regular';
}
.forgot-link {
    top: 53%;
    z-index: 1;
    right: 15px;
    color: #057e67;
    font-size: 18px;
    position: absolute;
    font-family: 'Conv_Hero New Regular';
}
.forgot-link:hover {
    color: #057e67;
    text-decoration: none;
}
.Login-modal .modal-body form span {
    color: #2f2d2d;
    font-size: 16px;
    line-height: 18px;
    font-family: 'Conv_Hero New Regular';
}
.modal-content {
    border-radius: 8px;
}
/*/// custom dropdown ///*/
.custom-dropdown {
    line-height: 16px;
}
.custom-dropdown .dropdown-toggle {
    border: 0;
    padding: 0;
    color: #798582;
    font-size: 12px;
    background: none;
    position: relative;
}
.custom-dropdown .dropdown-toggle:active, .custom-dropdown .dropdown-toggle:focus {
    color: #798582 !important;
    background: none !important;
    box-shadow: 0 0 0 0 !important;
    border-color: inherit !important;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #798582;
    border-color: inherit;
    background-color: inherit;
}
.custom-dropdown .dropdown-toggle i {
    top: 3px;
    right: 0;
    color: #343434;
    font-size: 15px;
    position: absolute;
}
.custom-dropdown .dropdown-toggle:after {
    display: none;
}
.custom-dropdown .dropdown-menu {
    border-radius: 15px;
    transform: translate3d(0px, 40px, 0px) !important;
}
.custom-dropdown .dropdown-menu ul {
    width: 300px;
    padding: 15px 0;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 50px -13px rgba(0, 0, 0, 0.25);
}
.custom-dropdown .dropdown-menu ul li {
    list-style: none;
}
.custom-dropdown .dropdown-menu a {
    display: flex;
    color: #343434;
    font-size: 13px;
    background: none;
    margin-bottom: 10px;
    padding: 5px 20px 5px;
    font-family: 'Conv_Hero New Medium';
}
.custom-dropdown .dropdown-menu li:last-of-type a {
    margin-bottom: 0;
}
.custom-dropdown .dropdown-menu a i {
    font-size: 16px;
}
.custom-dropdown .dropdown-menu a:hover {
    color: #019d81;
    text-decoration: none;
}
.custom-dropdown .dropdown-menu li .sab-menu {
    top: auto;
    left: 300px;
    display: none;
    position: absolute;
    transform: translateY(-50px);
    box-shadow: 0 8px 50px -13px rgba(0, 0, 0, 0.25);
}
.custom-dropdown .dropdown-menu li:hover .sab-menu {
    display: block;
    overflow: auto;
    max-height: 400px;
}
/* width */
.custom-dropdown .dropdown-menu li:hover .sab-menu::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
/* Track */
.custom-dropdown .dropdown-menu li:hover .sab-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.custom-dropdown .dropdown-menu li:hover .sab-menu::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 15px;
}
/* Handle on hover */
/*/// custom dropdown ///*/

/*/// Courses Header ///*/
.courses-header .navbar-nav li:last-of-type a {
    border: 0 !important;
    padding-right: 0 !important;
}
.courses-header .navbar-nav li a img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}
.courses-header .navbar-nav .dropdown-toggle {
    position: relative;
}
.navbar-nav .dropdown-toggle:after {
    display: none;
}
.navbar-nav .dropdown-toggle .arrow-icon {
    right: 0;
    top: 14px;
    position: absolute;
}
.courses-header .navbar-nav .arrow-remove .dropdown-menu {
    right: 0;
    left: auto;
}
.courses-header .navbar-nav .dropdown-menu a {
    border-radius: 0;
}
.tx-20 {
    font-size: 20px;
}
.navbar-nav li a .badge {
    top: 2px;
    right: 5px;
    padding: 0;
    width: 20px;
    height: 20px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 50%;
    position: absolute;
    background: #ff4e5d;
    font-family: 'Conv_Hero New Medium';
}
.shopping-menu {
    right: 0;
    border: 0;
    left: auto;
    width: 320px;
    padding: 20px 0;
    border-radius: 15px;
    box-shadow: 0 5px 32px 0 rgba(0, 0, 0, 0.15);
}
.shopping-menu .cart-list {
    height: 250px;
    overflow: auto;
    padding: 0 20px;
    margin-bottom: 30px;
}
.shopping-menu .cart-list img {
    width: 66px;
    height: 67px;
}
.shopping-menu .cart-list h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.shopping-menu .cart-list p {
    width: 206px;
    color: #343434;
    display: block;
    font-size: 12px;
    overflow: hidden;
    margin: 6px 0 6px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Conv_Hero New Regular';
}
.shopping-menu .cart-list h3 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Bold';
}
.cart-footer {
    padding: 20px 20px 0;
    border-top: 1px solid #d3e1de;
}
.cart-footer span {
    color: #343434;
    font-size: 12px;
    font-family: 'Conv_Hero New Regular';
}
.cart-footer h5 {
    color: #343434;
    font-size: 14px;
    margin: 2px 0 0 0;
    font-family: 'Conv_Hero New Bold';
}
.shopping-menu .cart-footer .view-cart {
    width: 130px;
    height: 41px;
    font-size: 13px;
    background: #057e67;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-family: 'Conv_Hero New Medium';
}
.shopping-menu .cart-footer .view-cart:hover {
    background: #ffffff;
    color: #057e67 !important;
    box-shadow: 0 0 4px 0 #057e67;
}
/*/// Courses Header ///*/

/*/// custom sroll ///*/
/* width */
.vertical-scroll::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.vertical-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.vertical-scroll::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 15px;
}
/* Handle on hover */
.vertical-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/*/// custom sroll ///*/
.pg-t-150 {
    padding-top: 150px;
}
.w-400 {
    width: 400px;
}
.courses-bg {
    background: url(../img/courses-banner.png) no-repeat center;
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: 0;
}
.countdown {
    color: #a8ce04;
    font-size: 35px;
    font-family: 'Conv_Hero New Bold';
}
.countdown span {
    color: #a8ce04;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.courses-bg h2 {
    color: #343434;
    font-size: 35px;
    margin-bottom: 15px;
    font-family: 'Conv_Hero New Bold';
}
.courses-bg p {
    color: #343434;
    font-size: 20px;
    font-family: 'Conv_Hero New Regular';
}
.reviews-section .reviews-card {
    padding: 30px;
    margin-bottom: 15px;
    border-radius: 25px;
    border: 1px solid #d3e1de;
}
.reviews-section .reviews-card:last-of-type {
    margin-bottom: 0;
}
.reviews-section .reviews-card img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}
.reviews-section .reviews-card .reviews-details {
    flex: 1;
}
.reviews-section .reviews-card h2 {
    color: #343434;
    font-size: 20px;
    margin-bottom: 12px;
    font-family: 'Conv_Hero New Medium';
}
.reviews-section .reviews-card h2 strong {
    top: -15px;
    position: relative;
}
.reviews-section .reviews-card .rating_review_Wrp span {
    color: #ffac07;
    font-size: 14px;
    margin-left: 5px;
    font-family: 'Conv_Hero New Bold';
}
.reviews-section .reviews-card .reviews-details .subjects {
    color: #343434;
    font-size: 12px;
    border-radius: 8px;
    margin-right: 10px;
    background: #f4f4f4;
    padding: 3px 10px 3px 10px;
    font-family: 'Conv_Hero New Regular';
}
.reviews-section .reviews-card p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.reviews-section .reviews-card p a {
    color: #019d81;
}
.reviews-card-bg {
    width: 200px;
    height: 42px;
    color: white;
    outline: none;
    font-size: 14px;
    padding-top: 2px;
    margin-right: 10px;
    border-radius: 15px;
    background: #057e67;
    border: 1px solid transparent;
    font-family: 'Conv_Hero New Medium';
}
.reviews-card-bg:hover {
    color: #057e67;
    background: #ffffff;
    text-decoration: none;
    border-color: #057e67;
    box-shadow: 0 0 4px 0 #057e67;
}
.reviews-card-border {
    width: 200px;
    height: 42px;
    color: #057e67;
    outline: none;
    font-size: 14px;
    padding-top: 2px;
    border-radius: 15px;
    background: #ffffff;
    border: 1px solid #057e67;
    font-family: 'Conv_Hero New Medium';
}
.reviews-card-border:nth-of-type(2) {
    margin-right: 10px;
}
.reviews-card-border:hover {
    color: #057e67;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67;
}
.tutor-help {
    background: #e2fdf8;
}
.tutor-help h2 {
    color: #343434;
    font-size: 35px;
    margin-bottom: 15px;
    font-family: 'Conv_Hero New Bold';
}
.tutor-help p {
    color: #343434;
    font-size: 20px;
    font-family: 'Conv_Hero New Regular';
}
.courses-bottom {
    width: 1055px;
    display: block;
    margin: 0 auto;
}
.mg-b-90 {
    margin-bottom: 90px;
}
.pg-t-50 {
    padding-top: 50px;
}
.pg-b-50 {
    padding-bottom: 50px;
}
.mg-b-35 {
    margin-bottom: 35px;
}
.search-subject h3 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.search-subject span {
    color: #343434;
    font-size: 20px;
    border-radius: 15px;
    background: #f4f4f4;
    margin: 0 10px 15px 0;
    display: inline-block;
    padding: 6px 12px 6px 12px;
    font-family: 'Conv_Hero New Regular';
}
.filter-wrapper h3 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.flex-1 {
    flex: 1;
}
.w-p-33 {
    width: 33.33%;
}
.pagination-wrapper span {
    color: #798582;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.pagination-wrapper ul li {
    list-style: none;
}
.pagination-wrapper ul li a {
    width: 42px;
    height: 42px;
    color: #798582;
    font-size: 14px;
    margin-left: 10px;
    position: relative;
    border-radius: 15px;
    text-decoration: none;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.pagination-wrapper ul li a.active {
    color: #ffffff;
    background: #a6cc01;
    border-color: #a6cc01;
}
.pagination-wrapper ul li:first-of-type a {
    border: 0;
}
.pagination-wrapper ul li:last-of-type a {
    border: 0;
}
.pg-t-20 {
    padding-top: 20px;
}
.pg-b-20 {
    padding-bottom: 20px;
}
.w-260 {
    width: 260px;
}
.cart-section .cart-wrapper h2 {
    color: #343434;
    font-size: 40px;
    margin-bottom: 15px;
    font-family: 'Conv_Hero New Bold';
}
.cart-section .cart-wrapper .cart-box {
    padding: 25px;
    max-width: 802px;
    margin-right: 30px;
    border-radius: 20px;
    border: 1px solid #d3e1de;
}
.cart-section .cart-wrapper .cart-box img {
    width: 110px;
}
.cart-section .cart-wrapper .cart-box h5 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 0 0;
    font-family: 'Conv_Hero New Medium';
}
.cart-section .cart-wrapper .cart-box h6 {
    color: #343434;
    font-size: 12px;
    margin: 5px 0 5px 0;
    font-family: 'Conv_Hero New Regular';
}
.cart-section .cart-wrapper .cart-box h4 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 0 0;
    font-family: 'Conv_Hero New Bold';
}
.cart-section .cart-wrapper .cart-box .cart-close {
    top: 14px;
    right: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #d3e1de;
}
.cart-section .cart-wrapper .cart-box .cart-close i {
    color: #343434;
}
.cart-section .cart-wrapper span {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Regular';
}
.cart-section .cart-wrapper h3 {
    color: #343434;
    font-size: 25px;
    margin: 5px 0 8px 0;
    font-family: 'Conv_Hero New Bold';
}
.cart-section .cart-wrapper .checkout-btn {
    height: 42px;
    color: #ffffff;
    font-size: 13px;
    border-radius: 12px;
    background: #057e67;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.cart-section .cart-wrapper .checkout-btn:hover {
    color: #057e67;
    background: #ffffff;
    box-shadow: 0 0 4px 0 #057e67;
}
.design-section .design-wrapper .design-banner {
    width: 100%;
}
.design-section .design-wrapper .design-details h2 {
    color: #343434;
    font-size: 25px;
    margin: 0 0 10px 0;
    font-family: 'Conv_Hero New Bold';
}
.design-section .design-wrapper .design-details p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 10px 0;
    font-family: 'Conv_Hero New Regular';
}
.design-section .design-wrapper .design-details .rating_review_Wrp span {
    color: #ffac07;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 2px;
    font-family: 'Conv_Hero New Bold';
}
.design-section .design-wrapper .design-details small {
    color: #343434;
    font-size: 14px;
    margin-left: 5px;
    font-family: 'Conv_Hero New Regular';
}
.design-section .design-wrapper .design-details i {
    color: #a2b1ae;
}
.design-section .design-wrapper .design-details img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.design-section .design-wrapper .design-details h4 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 2px 0;
    font-family: 'Conv_Hero New Medium';
}
.design-section .design-wrapper .design-details h3 {
    color: #343434;
    font-size: 16px;
    margin: 0 10px 0 0;
    font-family: 'Conv_Hero New Bold';
}
.design-section .design-wrapper .design-details h5 {
    margin: 0;
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.design-section .design-wrapper .design-details a {
    width: 130px;
    height: 42px;
    color: #057e67;
    font-size: 13px;
    margin-right: 10px;
    border-radius: 12px;
    text-decoration: none;
    border: 1px solid #057e67;
}
.design-section .design-wrapper .design-details a:hover {
    box-shadow: 0 0 4px 0 #057e67;
}
.design-section .design-wrapper .design-details a.fill-bg {
    color: #ffffff;
    background: #057e67;
}
.design-section .design-wrapper .design-details a.fill-bg:hover {
    color: #057e67;
    background: #ffffff;
    box-shadow: 0 0 4px 0 #057e67;
}
.tabs-container h2 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.tabs-container p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.tabs-container ul li {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.tabs-container .ul-details li {
    color: #343434;
    font-size: 14px;
    margin: 0 0 0 30px;
    font-family: 'Conv_Hero New Regular';
}
.tabs-container .ul-details li:first-of-type {
    margin-left: 0;
    list-style: none;
}
.accordion .card {
    border-radius: 0;
    box-shadow: 0 0 0 0;
}
.accordion .card .card-header {
    border: 0;
    padding: 0;
    background: none;
    box-shadow: 0 0 0 0;
}
.accordion .card .card-header h2 {
    padding: 0;
    position: static;
    background: none;
}
.accordion .card .card-header h2 button {
    width: 100%;
    display: flex;
    color: #343434;
    font-size: 16px;
    border-radius: 20px;
    background: #e2fdf8;
    align-items: center;
    text-decoration: none;
    padding: 18px 20px 16px 20px;
    justify-content: space-between;
    font-family: 'Conv_Hero New Bold';
}
.accordion .card .card-header h2 button ul li {
    color: #343434;
    font-size: 14px;
    margin: 0 15px 0 15px;
    font-family: 'Conv_Hero New Regular';
}
.accordion .card .card-header h2 button ul li:first-of-type {
    list-style: none;
}
.accordion .card .card-header h2 button ul li:last-of-type {
    margin: 0;
    list-style: none;
}
.accordion .card .card-header h2 button ul li i {
    transition: all 0.5s ease;
}
.accordion .card .card-header h2 button[aria-expanded="true"] ul li i {
    transform: rotate(180deg);
    transition: all 0.5s ease;
}
.accordion .card .card-body {
    border: 0;
    border-radius: 0;
    padding: 10px 0 0 0;
}
.accordion .card .card-body .card-detail {
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 20px;
    border: 1px solid #d3e1de;
}
.accordion .card .card-body .card-detail img {
    width: 110px;
    height: 62px;
    border-radius: 7px;
}
.accordion .card .card-body .card-detail h4 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 5px 0;
    font-family: 'Conv_Hero New Medium';
}
.accordion .card .card-body .card-detail p {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.accordion .card .card-body .card-detail i {
    color: #057e67;
    font-size: 34px;
}
.accordion .card .card-body .card-detail span {
    color: #057e67;
    font-size: 14px;
    margin-right: 20px;
    font-family: 'Conv_Hero New Regular';
}
/*//// Featured Review ////*/
.featured-review h2 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.see-more-reviews {
    width: 200px;
    height: 42px;
    color: #057e67;
    font-size: 13px;
    padding-top: 4px;
    margin-right: 10px;
    border-radius: 12px;
    text-decoration: none;
    border: 1px solid #057e67;
    font-family: 'Conv_Hero New Medium';
}
.see-more-reviews:hover {
    color: #057e67;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67;
}
.featured-review-wrapper {
    padding: 25px;
    border-radius: 25px;
    border: 1px solid #d3e1de;
}
.featured-review-wrapper img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}
.featured-review-wrapper .user-img {
    width: 40px;
    height: 40px;
}
.featured-review-wrapper h4 {
    color: #343434;
    font-size: 16px;
    margin: 0 0 6px 0;
    font-family: 'Conv_Hero New Medium';
}
.featured-review-wrapper h5 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 5px 0;
    font-family: 'Conv_Hero New Regular';
}
.featured-review-wrapper h5:last-of-type {
    margin-bottom: 0;
}
.featured-review-wrapper .rating_review_Wrp span {
    color: #798582;
    font-size: 14px;
    margin-left: 5px;
    font-family: 'Conv_Hero New Regular';
}
.featured-review-wrapper p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
/*//// Featured Review ////*/

/*//// Reviews Wrapper ////*/
.reviews-wrapper h2 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.reviews-wrapper .reviews-progress {
    padding: 25px;
    border-radius: 25px;
    border: 1px solid #d3e1de;
}
.reviews-wrapper .reviews-progress h2 {
    color: #ffac07;
    font-size: 60px;
    margin: 0 0 0 0;
    font-family: 'Conv_Hero New Bold';
}
.reviews-wrapper .reviews-progress h4 {
    color: #ffac07;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.reviews-wrapper .reviews-progress .rating-counter {
    width: 200px;
    position: relative;
}
.reviews-wrapper .reviews-progress .rating-counter:after {
    right: 0;
    width: 1px;
    content: "";
    height: 97px;
    position: absolute;
    background: #d3e1de;
    display: inline-block;
}
.reviews-wrapper .reviews-progress .rating-counter .star-rating {
    margin: 0 auto !important;
}
.pg-l-50 {
    padding-left: 50px;
}
.mg-b-30 {
    margin-bottom: 30px;
}
.reviews-wrapper .reviews-progress .progress {
    height: 7px;
    margin: 0 20px;
    background-color: #e9e9e9;
}
.reviews-wrapper .reviews-progress .progress .progress-bar {
    border-radius: 15px;
}
.reviews-wrapper .reviews-progress span {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.reviews-wrapper .reviews-progress .rating-box {
    top: -2px;
    position: relative;
}
.bg-green {
    background: #057e67 !important;
}
.bg-l-green {
    background: #179b81 !important;
}
.bg-light-green {
    background: #a8ce04 !important;
}
.bg-orange {
    background: #ffac07 !important;
}
.bg-red {
    background: #ff4e5d !important;
}
.tutor-reviews h2 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.tutor-review-card {
    padding: 25px;
    border-radius: 25px;
    border: 1px solid #d3e1de;
}
.tutor-review-card img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}
.tutor-review-card h3 {
    color: #343434;
    font-size: 20px;
    margin: 15px 0 5px 0;
    font-family: 'Conv_Hero New Medium';
}
.tutor-review-card h5 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 12px 0;
    font-family: 'Conv_Hero New Regular';
}
.tutor-review-card .rating-box span {
    color: #ffac07;
    font-size: 14px;
    margin-left: 5px;
    font-family: 'Conv_Hero New Bold';
}
.tutor-review-card small {
    color: #343434;
    font-size: 14px;
    margin-left: 5px;
    font-family: 'Conv_Hero New Regular';
}
.tutor-review-card i {
    color: #a2b1ae;
    font-size: 18px;
}
.tutor-review-card p {
    margin-bottom: 20px;
}
.tutor-review-card p:last-of-type {
    margin-bottom: 0;
}
.tutor-review-card p a {
    color: #019d81;
}
.mg-b-60 {
    margin-bottom: 60px;
}
/*//// Reviews Wrapper ////*/
.enrolled-section h2 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.enrolled-section .design-wrapper {
    padding: 20px 25px;
    border-radius: 25px;
    border: 1px solid #d3e1de;
}
.enrolled-section .design-wrapper .design-banner {
    width: 100%;
}
.enrolled-section .design-wrapper .avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.enrolled-section .design-wrapper h4 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 2px 0;
    font-family: 'Conv_Hero New Medium';
}
.enrolled-section .design-wrapper a {
    width: 160px;
    height: 42px;
    color: #ffffff;
    font-size: 13px;
    margin-right: 10px;
    background: #057e67;
    border-radius: 12px;
    text-decoration: none;
    border: 1px solid #057e67;
}
.enrolled-section .design-wrapper a:hover {
    color: #057e67;
    background: #ffffff;
    box-shadow: 0 0 4px 0 #057e67;
}
.enrolled-section .design-wrapper label {
    color: #343434;
    font-size: 14px;
    margin: 0 0 4px 0;
    font-family: 'Conv_Hero New Medium';
}
.enrolled-section .design-wrapper label span {
    color: #019d81;
    margin-left: 5px;
}
.enrolled-section .design-wrapper .progress {
    height: 7px;
}
.mg-r-30 {
    margin-right: 30px;
}
.profile-section .profile-details img {
    width: 173px;
    height: 173px;
    border-radius: 50%;
}
.profile-section .profile-details h3 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.profile-section .profile-details h5 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Regular';
}
.profile-section .profile-details .rating-box span {
    top: -5px;
    color: #ffac07;
    font-size: 20px;
    margin-left: 5px;
    position: relative;
    font-family: 'Conv_Hero New Bold';
}
.profile-section .profile-details a {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    background: #a2b1ae;
    text-decoration: none;
}
.profile-section .profile-details a i {
    color: #ffffff;
}
.profile-section .profile-details a:hover {
    background: #057e67;
}
.profile-section .review-box {
    min-width: 165px;
    margin-right: 25px;
    border-radius: 20px;
    padding: 15px 15px 10px;
    border: 1px solid #d3e1de;
}
.profile-section .review-box h4 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.profile-section .review-box span {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.profile-section h2 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.profile-section p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.profile-section p a {
    color: #019d81;
}
.p-lr-12 {
    padding: 0 12px;
}
.video-section {
    min-height: calc(100vh - 248px);
}
.video-section .video-banner img {
    width: 100%;
}
.video-section .course-contents h3 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.video-section .course-contents h4 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 3px 0;
    position: relative;
    font-family: 'Conv_Hero New Medium';
}
.video-section .course-contents h4 i {
    color: #a2b1ae;
    margin-right: 3px;
}
.video-section .course-contents h4 span {
    top: 7px;
    right: 0;
    color: #057e67;
    font-size: 14px;
    position: absolute;
    font-family: 'Conv_Hero New Medium';
}
.video-section .course-contents h5 {
    color: #019d81;
    font-size: 14px;
    margin: 0 0 0 20px;
    font-family: 'Conv_Hero New Regular';
}
.announcements h3 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.announcements img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.announcements h4 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 4px 0;
    font-family: 'Conv_Hero New Medium';
}
.announcements p {
    color: #343434;
    font-size: 14px;
    margin: 0 0 0 0;
    line-height: 18px;
    font-family: 'Conv_Hero New Regular';
}
.request-live-btn {
    right: 0;
    top: 13px;
    width: 170px;
    height: 42px;
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Conv_Hero New Medium';
}
.request-live-btn:hover {
    color: #057e67;
    background: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67;
}
.video-section .tabs-container p {
    font-size: 14px;
}
.video-section .tabs-container h4 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.video-section .tabs-container h5 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.mg-r-55 {
    margin-right: 55px;
}
.video-section .tabs-container ul li {
    font-size: 14px;
    line-height: 24px;
}
.video-section .tutor-review-card img {
    width: 90px;
    height: 90px;
}
.video-section .tabs-container label {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.video-section .tabs-container input {
    height: 42px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
}
.video-section .tabs-container select {
    height: 42px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
}
.introduction-basics span {
    width: 60px;
    height: 29px;
    color: #019d81;
    font-size: 14px;
    padding-top: 2px;
    margin-right: 10px;
    border-radius: 15px;
    border: 1px solid #057e67;
    font-family: 'Conv_Hero New Regular';
}
.video-section .tabs-container .introduction-basics h5 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Bold';
}
.introduction-basics h6 {
    color: #343434;
    font-size: 16px;
    margin-left: 10px;
    font-family: 'Conv_Hero New Regular';
}
.video-section .tabs-container .bg-text {
    border-radius: 25px;
    background: #e2fdf8;
    padding: 11px 15px 11px 15px;
}
.applyBtn {
    height: auto;
}
.checkout-wrapper h2 {
    color: #343434;
    font-size: 40px;
    font-family: 'Conv_Hero New Bold';
}
.checkout-wrapper label {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.checkout-wrapper input {
    height: 42px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Medium';
}
.checkout-wrapper select {
    height: 42px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Medium';
}
.checkout-wrapper h3 {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.checkout-wrapper .cart-box {
    width: 100%;
    padding: 25px;
    border-radius: 20px;
    border: 1px solid #d3e1de;
}
.checkout-wrapper .cart-box img {
    width: 110px;
}
.checkout-wrapper .cart-box h5 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 0 0;
    font-family: 'Conv_Hero New Medium';
}
.checkout-wrapper .cart-box h6 {
    color: #343434;
    font-size: 12px;
    margin: 5px 0 5px 0;
    font-family: 'Conv_Hero New Regular';
}
.checkout-wrapper .cart-box h4 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 0 0;
    font-family: 'Conv_Hero New Bold';
}
.checkout-wrapper .cart-close {
    top: 14px;
    right: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #d3e1de;
}
.checkout-wrapper .cart-close i {
    color: #343434;
}
.checkout-wrapper input[type=checkbox] + label:before {
    top: -3px;
    margin-right: 8px;
    position: relative;
}
.checkout-wrapper span {
    color: #798582;
    font-size: 16px;
    font-family: 'Conv_Hero New Regular';
}
.checkout-wrapper h5 {
    color: #343434;
    font-size: 16px;
    margin-bottom: 13px;
    font-family: 'Conv_Hero New Regular';
}
.checkout-wrapper h5 span {
    color: #343434;
    font-family: 'Conv_Hero New Bold';
}
.checkout-wrapper h4 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Bold';
}
.checkout-wrapper h4 span {
    color: #343434;
    font-size: 25px;
    font-family: 'Conv_Hero New Bold';
}
.complete-payment-btn {
    height: 42px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 12px;
    background: #057e67;
    font-family: 'Conv_Hero New Medium';
}
.complete-payment-btn:hover {
    color: #057e67;
    background: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67;
}
/*///// Tutor Styling Start Here /////*/

/* list_view_box */
.list_view_box .years-carousel1 {
    background: #fff !important;
    padding: 18px 15px 12px;
    margin-bottom: 10px;
    border-radius: 0;
    border: 1px solid #d3e1de;
    border-left: 0;
    border-right: 0;
}
.list_view_box .modal-body input[type="radio"]:checked, input[type="radio"]:not(:checked) {
    display: none;
}
.list_view_box.calendar_view_box .years-carousel1 {margin-bottom: 20px;}
.list_view_box .milestone1 ul li .name {font-size: 14px !important;font-family: 'Conv_Hero New ExtraBold';color: #000000;}
.list_view_box .milestone1 ul li {background: #fff;border: solid 0.5px #969696;display: flex;justify-content: space-between;margin-bottom: 10px;padding: 15px;border-radius: 8px;}
.list_view_box .milestone1 ul li .name {margin-right: 15px;}
.list_view_box .milestone1 ul li .time {font-size: 11px;color: #000000;font-family: 'Conv_Hero New Regular';}
.list_view_box .milestone1 ul li .urgent {font-size: 11px;color: #d22934;font-family: 'Conv_Hero New Regular';margin-right: 15px;}
.list_view_box .milestone1 ul li .join_btn {width: 86px;height: 20px;font-size: 11px;color: #175a7c;font-family: 'Conv_Hero New Medium';border-radius: 4.8px;background-color: #e7f7ff;display: inline-flex;align-items: center;justify-content: center;}
.list_view_box .owl-nav button.owl-prev {left: 40px !important;top: -32px !important;}
.list_view_box .owl-nav button.owl-next {right: 40px !important;top: -32px !important;}

.years-carousel1 .owl-item {
    width: 70.5px !important;
}
.years a {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-direction: column;
}
.years a .weekDay {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.years a .monthDate {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.years a.active .weekDay {
    color: #019d81;
}
.years a.active .monthDate {
    color: #019d81;
}
.side-space {
    padding: 20px 30px;
}
.side-space [type="checkbox"]:checked,
.side-space [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.side-space [type="checkbox"]:checked + label,
.side-space [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: flex;
    color: #666;
    width: 104px;
    height: 42px;
    align-items: center;
    justify-content: center;
}
.side-space [type="checkbox"]:checked + label span {
    z-index: 2;
    height: 42px;
    display: flex;
    color: #ffffff;
    font-size: 13px;
    position: relative;
    align-items: center;
    justify-content: center;
}
.side-space [type="checkbox"]:not(:checked) + label span {
    height: 42px;
    display: flex;
    color: #343434;
    font-size: 13px;
    position: relative;
    align-items: center;
    justify-content: center;
    font-family: 'Conv_Hero New Medium';
}
.side-space [type="checkbox"]:checked + label:before,
.side-space [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 42px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #d3e1de;
}
.side-space [type="checkbox"]:checked + label:after,
.side-space [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 100%;
    height: 42px;
    border-radius: 12px;
    background: #057e67;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.side-space [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.side-space [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.side-space h2 {
    color: #2f2d2d;
    font-size: 22px;
    font-family: 'Conv_Hero New Bold';
}
.side-space select {
    border: 0;
    padding: 0;
    width: auto;
    outline: none;
    color: #343434;
    font-size: 16px;
    box-shadow: 0 0 0 0;
    display: inline-block;
    font-family: 'Conv_Hero New Bold';
}
.side-space select:focus {
    box-shadow: 0 0 0 0;
}
.side-space a {
    height: 60px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 8px;
    background: #057e67;
    text-decoration: none;
    font-family: 'Conv_Hero New SemiBold';
}
.side-space a:hover {
    color: #057e67;
    background: #ffffff;
    box-shadow: 0 0 4px 0 #057e67;
}
.years-carousel1 .owl-nav {
    width: 100px;
    position: absolute;
    top: -61px;
    right: 25px;
}
.years-carousel1 .owl-nav .owl-prev, .years-carousel1 .owl-nav .owl-next{
    width: 46px;
    height: 42px;
    outline: none;
    border: 1px solid #d3e1de !important;
}
.years-carousel1 .owl-nav .owl-prev {
    border-radius: 15px 0 0 15px;
}
.years-carousel1 .owl-nav .owl-next {
    border-left: 0 !important;
    border-radius: 0 15px 15px 0;
}
.years-carousel1 .owl-nav .owl-prev span, .years-carousel1 .owl-nav .owl-next span {
    color: #343434;
    font-size: 26px;
}
    /* Calendar view */
.list_view_box.calendar_view_box .calendar_view_card_wrp {display: flex;margin-bottom: 15px}
.list_view_box.calendar_view_box .calendar_view_card_wrp:last-child {margin: 0;}
.list_view_box.calendar_view_box .calendar_view_card {display: block;background: rgba(163, 189, 202, 0.5);padding: 9px 8px;border: solid 0.5px rgba(150, 150, 150, 0.5) !important;margin-right: 23px;margin-bottom: 0;    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.list_view_box.calendar_view_box .calendar_view_card:hover {background: #ffffff;}
.list_view_box.calendar_view_box .calendar_view_card:last-child,
.list_view_box.calendar_view_box .calendar_view_card .urgent {margin-right: 0px;}
.list_view_box.calendar_view_box .calendar_view_card .time {display: block;}
.list_view_box.calendar_view_box .calendar_view_card .name {margin-right: 30px;}

.schedule-classes img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.schedule-classes h3 {
    margin: 0;
    color: #343434;
    font-size: 20px;
    font-family: 'Conv_Hero New Medium';
}
.calendar-popup {
    max-width: 525px;
}
.payment-popup {
    max-width: 525px;
    margin: 25px auto;
}
.payment-popup .modal-body {
    padding: 40px 25px 30px;
}
.payment-popup .modal-body h2 {
    color: #2f2d2d;
    font-size: 22px;
    font-family: 'Conv_Hero New Bold';
}
.payment-popup .modal-body h3 {
    color: #2f2d2d;
    font-size: 16px;
    font-family: 'Conv_Hero New Bold';
}
.payment-popup .modal-body h3 span {
    color: #343434;
}
.payment-popup .modal-body label {
    color: #2f2d2d;
    font-size: 12px;
    font-family: 'Conv_Hero New SemiBold';
}
.payment-popup .modal-body input {
    height: 60px;
    color: #2f2d2d;
    font-size: 16px;
    border-radius: 7px;
    border-color: #dbdbdb;
    font-family: 'Conv_Hero New Regular';
}
.continue-btn {
    height: 60px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 8px;
    background: #057e67;
    text-decoration: none;
    font-family: 'Conv_Hero New SemiBold';
}
.continue-btn:hover {
    color: #057e67;
    background: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67;
}

/*//// Platform Teacher Styling ////*/
.teacher-heading {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.courses-wrapper input {
    border: 0;
    height: 44px;
    width: 350px;
    outline: none;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    background: #f9f9f9;
    padding: 0 15px 0 48px;
    font-family: 'Conv_Hero New Regular';
}
.courses-wrapper i {
    top: 15px;
    left: 15px;
    z-index: 4;
    color: #a2b1ae;
    position: absolute;
}
.courses-wrapper .new-course-btn {
    width: 180px;
    height: 42px;
    outline: none;
    color: #ffffff;
    font-size: 14px;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.courses-wrapper .new-course-btn:hover {
    color: #057e67;
    background: #ffffff;
    box-shadow: 0 0 4px #057e67;
}
.courses-wrapper .teacher-details {
    padding: 25px;
    border-radius: 20px;
    border: 1px solid #d3e1de;
}
.courses-wrapper .teacher-details img {
    width: 110px;
    height: 110px;
    border-radius: 4px;
}
.courses-wrapper .teacher-details h4 {
    margin: 0;
    color: #343434;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Conv_Hero New Medium';
}
.courses-wrapper .teacher-details .rating-box span {
    color: #ffac07;
    font-size: 14px;
    margin-left: 5px;
    font-family: 'Conv_Hero New Bold';
}
.courses-wrapper .teacher-details h6 {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.courses-wrapper .teacher-details a {
    color: #057e67;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Conv_Hero New Bold';
}
.courses-wrapper .teacher-details a small {
    color: #343434;
}
.courses-wrapper .teacher-details h2 {
    margin: 0;
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.courses-wrapper .teacher-details h5 {
    color: #343434;
    font-size: 14px;
    margin-bottom: 15px;
    font-family: 'Conv_Hero New Regular';
}
.courses-wrapper .teacher-details h3 {
    margin: 0;
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.courses-wrapper .teacher-details span {
    color: #343434;
    font-size: 12px;
    font-family: 'Conv_Hero New Regular';
}
.dots-toggle {
    top: -25px;
    right: 15px;
    outline: none;
    line-height: 1;
    font-size: 20px;
    position: absolute;
    border: 0 !important;
    color: #a2b1ae !important;
    padding: 7px 10px 4px 10px;
    box-shadow: 0 0 0 0 !important;
    background-color: inherit !important;
}
.dots-toggle:after {
    display: none;
}
.dots-dropdown a {
    color: #343434 !important;
    font-size: 14px !important;
}
.courses-wrapper .custom-style i {
    position: static;
}
.courses-wrapper .custom-style th {
    border: 0 !important;
}
.course-steps {
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    position: fixed;
    padding: 15px 30px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.course-steps h3 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Bold';
}
.course-steps h3 .close-button {
    width: 42px;
    height: 42px;
    border-radius: 9px;
    background: #ff4e5d;
    text-decoration: none;
}
.course-steps h3 .close-button:hover {
    background: #ffffff;
    box-shadow: 0 0 4px 0 #ff4e5d;
}
.course-steps h3 .close-button:hover i {
    color: #ff4e5d;
}
.course-steps h3 .close-button i {
    color: #ffffff;
}
.course-steps h3 .save-button {
    border: 0;
    width: 130px;
    height: 42px;
    margin-top: 0;
    color: #ffffff;
    font-size: 13px;
    margin-right: 20px;
    border-radius: 12px;
    background: #057e67;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.course-steps h3 .save-button:hover {
    color: #057e67;
    background: #ffffff;
    box-shadow: 0 0 4px 0 #057e67;
}
/*//// Platform Teacher Styling ////*/

/* Course Steps */
.signup-wrap .stepsWrp {
    background: #f3fdfb;
    padding: 40px 30px 30px;
    height: calc(100vh - 51px);
}
.signup-wrap .stepsInnerWrp {
    position: fixed;
    z-index: 1;
}
#msform {
    position: relative;
}
.signup-wrap .contentInnerWrp {
    overflow: auto;
    position: relative;
    padding: 70px 70px 50px;
    height: calc(100vh - 51px);
}
#msform fieldset:not(:first-of-type) {
    display: none
}
.contentInnerWrp .btn.next {
    width: 90px;
    height: 50px;
    display: inline-block;
    font-family: 'Conv_Hero New Bold';
}
#msform .action-button-previous {
    font-family: 'Conv_Hero New Bold';
    font-size: 18px;
    width: 120px;
    height: 50px;
    background: #e2fdf8;
    color: #2f2d2d;
    border: 0;
    display: inline-block;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#msform .action-button-previous:hover {
    background: #d6faf4;
}
#progressbar {
    overflow: hidden;
    color: rgba(47, 45, 45, 0.5);
    padding: 0;
    margin: 0;
}
#progressbar .active {
    color: #2f2d2d;
}
#progressbar li {
    font-size: 12px;
    font-family: 'Conv_Hero New SemiBold';
    list-style-type: none;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
#progressbar li.active strong {
    text-decoration: none;
}
#progressbar li strong {
    margin-left: 24px;
    text-decoration: line-through;
}
#progressbar #personal_information:before {
    content: "1"
}
#progressbar #subjects:before {
    content: "2"
}
#progressbar #general_education:before {
    content: "3"
}
#progressbar #languages:before {
    content: "4"
}
#progressbar #qiyas:before {
    content: "5"
}
#progressbar #quran:before {
    content: "6"
}
#progressbar #upload_books:before {
    content: "7"
}
#progressbar #payment_information:before {
    content: "8"
}
#progressbar #terms_condition:before {
    content: "9"
}

#progressbar li:before {
    width: 26px;
    height: 26px;
    color: rgba(0, 0, 0, 0.36);
    background: #c4e6e0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#progressbar li:after {
    content: '';
    width: 1px;
    height: 36px;
    background: rgba(197, 197, 197, 0.28);
    position: absolute;
    left: 12px;
    top: 25px;
    z-index: 0;
}
#progressbar li:last-child:after {
    display: none;
}
#progressbar li.active:before,
#progressbar li.active:after {
    background: #a6cc00;
    color: #ffffff;
}
.fs-10 {
    font-size: 10px;
}
.contentInnerWrp h3 {
    color: #343434;
    font-size: 28px;
    font-family: 'Conv_Hero New Bold';
}
.contentInnerWrp p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.contentInnerWrp h5 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 5px 0;
    font-family: 'Conv_Hero New Medium';
}
.contentInnerWrp h6 {
    color: #343434;
    font-size: 12px;
    margin: 0 0 0 0;
    font-family: 'Conv_Hero New Regular';
}
.radio-wrapper {
    width: 280px;
    display: flex;
    margin-right: 30px;
    position: relative;
    flex-direction: column;
    padding: 30px 30px 20px;
    align-items: flex-start;
}
.radio-wrapper label {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 0 !important;
    position: absolute !important;
}
.radio-wrapper label:before {
    width: 100% !important;
    height: 100% !important;
    border-radius: 15px !important;
    border: 1px solid #d3e1de !important;
}
.radio-wrapper label:after {
    display: none;
}
.radio-wrapper a {
    height: 40px;
    color: #798582;
    font-size: 13px;
    position: relative;
    border-radius: 9px;
    background: #f9f9f9;
    text-decoration: none;
    padding: 0 15px 0 15px;
    font-family: 'Conv_Hero New Bold';
}
.radio-wrapper a i {
    color: #a2b1ae;
    font-size: 18px;
}
.radio-wrapper p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    margin: 15px 0 0 0;
    font-family: 'Conv_Hero New Regular';
}
input[type="radio"]:checked ~ a {
    color: #ffffff;
    background: #057e67;
}
input[type="radio"]:checked ~ a i {
    color: #ffffff;
}
.contentInnerWrp .btn.next {
    width: 130px;
    height: 42px;
    color: #ffffff;
    font-size: 13px;
    border-radius: 12px;
    background: #057e67;
    border: 1px solid #057e67;
    font-family: 'Conv_Hero New Medium';
}
.contentInnerWrp .btn.next:hover {
    color: #057e67;
    background: #ffffff;
    box-shadow: 0 0 4px 0 #057e67 !important;
}
#msform .action-button-previous {
    height: 42px;
    color: #057e67;
    font-size: 13px;
    background: none;
    border-radius: 12px;
    border: 1px solid #057e67;
    font-family: 'Conv_Hero New Medium';
}
#msform .action-button-previous:hover {
    background: none;
    box-shadow: 0 0 4px 0 #057e67 !important;
}
.h-p-100 {
    height: 100%;
}
.contentInnerWrp label {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.contentInnerWrp input {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border-color: #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.contentInnerWrp input::placeholder {
    color: #798582;
}
.contentInnerWrp textarea {
    resize: none;
    height: 150px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border-color: #d3e1de;
}
.contentInnerWrp .dropzone .dz-message {
    font-size: 14px;
}
.contentInnerWrp .dropzone .dz-message .text-dark-aqua {
    color: #019d81;
    font-size: 14px;
}
.contentInnerWrp .dropzone i {
    color: #057e67;
    font-size: 34px;
    margin-bottom: 10px;
}
.contentInnerWrp .cusDropzone.dropzone {
    padding: 0;
    min-height: 250px;
    border-radius: 35px;
    border: dashed 2px #dbdbdb;
}
.field-wrapper {
    padding: 25px 30px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: 1px solid #d3e1de;
}
.field-container {
    padding: 25px 30px;
    border-radius: 20px;
    background: #fafafa;
}
.course-overview {
    padding: 25px 30px;
    margin-bottom: 10px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid #d3e1de;
}
.course-overview img {
    width: 112px;
    height: 62px;
}
.course-overview h3 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 8px 0;
    font-family: 'Conv_Hero New Medium';
}
.course-overview h4 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 7px 0;
    font-family: 'Conv_Hero New Regular';
}
.course-overview h4 a {
    right: 0;
    top: -8px;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 7px;
    background: #ffffff;
    text-decoration: none;
    border: 1px solid #d3e1de;
}
.course-overview h4 a i {
    color: #343434;
}
.course-overview h5 {
    margin: 0;
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.field-container .add-content {
    width: 130px;
    height: 42px;
    color: #057e67;
    font-size: 13px;
    border-radius: 12px;
    text-decoration: none;
    border: 1px solid #057e67;
    font-family: 'Conv_Hero New Medium';
}
.field-container .add-content:hover {
    box-shadow: 0 0 4px 0 #057e67;
}
.field-container .dropdown-toggle {
    width: 160px;
    height: 42px;
    display: flex;
    padding-top: 9px;
    margin-left: 10px;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
    border-color: #057e67 !important;
}
.field-container .dropdown-toggle:after {
    display: none;
}
.field-container .dropdown-toggle:active, .field-container .dropdown-toggle:focus {
    background: none;
}
.field-container .dropdown-toggle i {
    color: #057e67;
    font-size: 18px;
    margin: 0 0 0 10px;
}
.add-lecture {
    color: #057e67;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.add-lecture:hover {
    color: #057e67;
    text-decoration: none;
}
.add-section {
    width: 150px;
    height: 42px;
    color: #ffffff;
    font-size: 13px;
    border-radius: 12px;
    background: #057e67;
    border: 1px solid #057e67;
    font-family: 'Conv_Hero New Medium';
}
.add-section:hover {
    color: #057e67;
    background: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67;
}
/*//// Switch Styling ////*/
.contentInnerWrp .switch input {
    display:none;
}
.contentInnerWrp .switch {
    display:inline-block;
    width:60px;
    height:30px;
    margin:8px;
    transform:translateY(50%);
    position:relative;
}
/* Style Wired */
.contentInnerWrp .slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: #f3fdfb;
    border-radius:30px;
    box-shadow:0 0 0 2px #e0f3ef, 0 0 4px #f3fdfb;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
    transition:.4s;
}
.contentInnerWrp .slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background: #c4e6e0;
    border-radius:30px;
    transform:translateX(-30px);
    transition:.4s;
}
.contentInnerWrp input:checked + .slider:before {
    transform:translateX(30px);
    background: #ffffff;
}
.contentInnerWrp input:checked + .slider {
    background: #a6cc01;
    box-shadow:0 0 0 2px #a6cc01,0 0 2px #a6cc01;
}
/* Style Flat */
.contentInnerWrp .switch.flat .slider {
    box-shadow:none;
}
.contentInnerWrp .switch.flat .slider:before {
    background:#FFF;
}
.contentInnerWrp .switch.flat input:checked + .slider:before {
    background:white;
}
.contentInnerWrp .switch.flat input:checked + .slider {
    background: #a6cc01;
}
/*//// Switch Styling ////*/

.contentInnerWrp label:before {
    top: -2px;
    position: relative;
}
.repeat-heading {
    display: flex;
    color: #057e67;
    font-size: 14px;
    margin-bottom: 18px;
    font-family: 'Conv_Hero New Medium';
}
.repeat-heading:hover {
    color: #057e67;
    text-decoration: none;
}
.w-170 {
    width: 170px;
}
.dash-border {
    width: 8px;
    height: 2px;
    margin-top: 40px;
    background: #343434;
    display: inline-block;
}
.arabic-para p {
    font-size: 22px;
}
.schedule-availability {
    width: 200px;
    height: 42px;
    color: #ffffff;
    font-size: 13px;
    border-radius: 12px;
    background: #057e67;
    border: 1px solid #057e67;
    font-family: 'Conv_Hero New Medium';
}
.schedule-availability:hover {
    color: #057e67;
    background: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67 !important;
}
.message-container {
    height: calc(100vh - 172px);
    border-top: 1px solid #d3e1de;
}
.users-card {
    padding: 20px 0 0 30px;
}
.chating-scroll {
    overflow: auto;
    height: calc(100vh - 257px);
}
.chating-scroll::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.chating-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.chating-scroll::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 15px;
}
/* Handle on hover */
.chating-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.users-card .search-wrapper input {
    border: 0;
    height: 44px;
    outline: none;
    font-size: 16px;
    border-radius: 15px;
    background: #f9f9f9;
    padding: 0 15px 0 48px;
    font-family: 'Conv_Hero New Regular';
}
.users-card .search-wrapper i {
    top: 15px;
    left: 17px;
    color: #a2b1ae;
    position: absolute;
}
.users-card .selected-users {
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 20px;
    border: 1px solid #d3e1de;
}
.users-card .selected-users img {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    border-radius: 50%;
}
.users-card .selected-users h3 {
    float: right;
    padding: 10px;
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.message-wrapper {
    border-left: 1px solid #d3e1de;
}
.message-wrapper .current-user {
    padding: 18px 30px 15px;
    border-bottom: 1px solid #d3e1de;
}
.message-wrapper .current-user img {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    border-radius: 50%;
}
.message-wrapper .current-user h3 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.message-section {
    overflow: auto;
    height: calc(100vh - 297px);
    padding: 25px 30px 2px 30px;
}
.message-section::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.message-section::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.message-section::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 15px;
}
/* Handle on hover */
.message-section::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.message-section .different-user {
    margin-bottom: 25px;
}
.message-section .different-user img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
}
.message-section .different-user h3 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.message-section .different-user p {
    width: 250px;
    color: #343434;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 15px;
    background: #f3fdfb;
    font-family: 'Conv_Hero New Light';
}
.message-section .different-user p:last-of-type {
    border-bottom-left-radius: 0;
}
.message-section .different-user h6 {
    width: 250px;
    color: #999999;
    font-size: 12px;
    text-align: right;
    font-family: 'Conv_Hero New Light';
}
.message-section .present-user {
    margin-bottom: 25px;
}
.message-section .present-user p {
    width: 250px;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 15px;
    background: #057e67;
    font-family: 'Conv_Hero New Light';
}
.message-section .present-user p:last-of-type {
    border-bottom-right-radius: 0;
}
.message-section .present-user h6 {
    width: 250px;
    color: #999999;
    font-size: 12px;
    text-align: right;
    font-family: 'Conv_Hero New Light';
}
.message-type-wrapper {
    padding: 10px 30px;
    border-top: 1px solid #f5f5f5;
}
.message-type-wrapper input {
    border: 0;
    outline: none;
    font-size: 16px;
    padding: 0 15px 0 0;
    font-family: 'Conv_Hero New Medium';
}
.message-type-wrapper a {
    text-decoration: none;
}
.message-type-wrapper a i {
    color: #a2b1ae;
    font-size: 20px;
    margin-left: 20px;
}
/*/// Courses Details Wrapper ///*/
.courses-details-wrapper .side-bar-container {
    padding: 40px;
    background: #f3fdfb;
    height: calc(100vh - 72px);
}
.courses-details-wrapper .side-bar-container ul li {
    list-style: none;
    margin-bottom: 35px;
}
.courses-details-wrapper .side-bar-container ul li.active a {
    color: #343434;
}
.courses-details-wrapper .side-bar-container ul li a {
    color: #798582;
    font-size: 12px;
    text-decoration: none;
    font-family: 'Conv_Hero New SemiBold';
}
.courses-details-wrapper .content-wrapper {
    overflow: auto;
    padding: 70px 30px 40px;
    height: calc(100vh - 72px);
}
.courses-details-wrapper .content-wrapper::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.courses-details-wrapper .content-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.courses-details-wrapper .content-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 15px;
}
/* Handle on hover */
.courses-details-wrapper .content-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.courses-details-wrapper .content-wrapper h3 {
    color: #343434;
    font-size: 28px;
    font-family: 'Conv_Hero New Bold';
}
.courses-details-wrapper .content-wrapper p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.courses-details-wrapper .content-wrapper h5 {
    color: #343434;
    font-size: 14px;
    margin: 0 0 5px 0;
    font-family: 'Conv_Hero New Medium';
}
.courses-details-wrapper .content-wrapper h6 {
    color: #343434;
    font-size: 12px;
    margin: 0 0 0 0;
    font-family: 'Conv_Hero New Regular';
}
.courses-details-wrapper .content-wrapper label {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.courses-details-wrapper .content-wrapper input {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border-color: #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.courses-details-wrapper .content-wrapper input::placeholder {
    color: #798582;
}
.courses-details-wrapper .content-wrapper textarea {
    resize: none;
    height: 150px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border-color: #d3e1de;
}
.courses-details-wrapper .content-wrapper .dropzone .dz-message {
    font-size: 14px;
}
.courses-details-wrapper .content-wrapper .dropzone .dz-message .text-dark-aqua {
    color: #019d81;
    font-size: 14px;
}
.courses-details-wrapper .content-wrapper .dropzone i {
    color: #057e67;
    font-size: 34px;
    margin-bottom: 10px;
}
.courses-details-wrapper .content-wrapper .cusDropzone.dropzone {
    padding: 0;
    min-height: 250px;
    border-radius: 35px;
    border: dashed 2px #dbdbdb;
}
/*//// Switch Styling ////*/
.courses-details-wrapper .content-wrapper .switch input {
    display:none;
}
.courses-details-wrapper .content-wrapper .switch {
    display:inline-block;
    width:60px;
    height:30px;
    margin:8px;
    transform:translateY(50%);
    position:relative;
}
/* Style Wired */
.courses-details-wrapper .content-wrapper .slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: #f3fdfb;
    border-radius:30px;
    box-shadow:0 0 0 2px #e0f3ef, 0 0 4px #f3fdfb;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
    transition:.4s;
}
.courses-details-wrapper .content-wrapper .slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background: #c4e6e0;
    border-radius:30px;
    transform:translateX(-30px);
    transition:.4s;
}
.courses-details-wrapper .content-wrapper input:checked + .slider:before {
    transform:translateX(30px);
    background: #ffffff;
}
.courses-details-wrapper .content-wrapper input:checked + .slider {
    background: #a6cc01;
    box-shadow:0 0 0 2px #a6cc01,0 0 2px #a6cc01;
}
/* Style Flat */
.courses-details-wrapper .content-wrapper .switch.flat .slider {
    box-shadow:none;
}
.courses-details-wrapper .content-wrapper .switch.flat .slider:before {
    background:#FFF;
}
.courses-details-wrapper .content-wrapper .switch.flat input:checked + .slider:before {
    background:white;
}
.courses-details-wrapper .content-wrapper .switch.flat input:checked + .slider {
    background: #a6cc01;
}
/*//// Switch Styling ////*/
.text-snot-green {
    color: #a6cc00;
}
/*/// Courses Details Wrapper ///*/

.live-session {
    border-radius: 25px;
    background: #f0f6d3;
    padding: 24px 30px 22px;
}
.live-session-icon img {
    width: 44px;
    height: 44px;
    margin-right: 15px;
}
.live-session-icon h2 {
    color: #343434;
    font-size: 20px;
    margin-right: 15px;
    font-family: 'Conv_Hero New Medium';
}
.live-session-icon h4 {
    color: #343434;
    font-size: 16px;
    margin-right: 15px;
    font-family: 'Conv_Hero New Regular';
}
.live-session-user img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    border-radius: 50%;
}
.live-session-user h3 {
    color: #343434;
    font-size: 14px;
    margin-right: 15px;
    font-family: 'Conv_Hero New Medium';
}
.live-session-user h5 {
    color: #343434;
    font-size: 14px;
    margin-right: 15px;
    font-family: 'Conv_Hero New Regular';
}
.live-session-join .new-course-btn {
    width: 150px;
    height: 42px;
    outline: none;
    color: #ffffff;
    font-size: 14px;
    margin-right: 30px;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.live-session-join .new-course-btn:hover {
    color: #057e67;
    background: #ffffff;
    box-shadow: 0 0 4px #057e67;
}
.live-session-join .close-box {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: #ffffff;
    text-decoration: none;
}
.live-session-join .close-box i {
    color: #343434;
}
.request-sessions h2 {
    color: #343434;
    font-size: 22px;
    font-family: 'Conv_Hero New Medium';
}
.request-sessions .request-box {
    padding: 15px 20px;
    border-radius: 20px;
    background: #e2fdf8;
}
.request-sessions .request-box h3 {
    color: #343434;
    font-size: 14px;
    position: relative;
    font-family: 'Conv_Hero New Medium';
}
.request-sessions .request-box h3 img {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    border-radius: 50%;
}
.request-sessions .request-box h3 span {
    color: #343434;
    font-size: 14px;
    margin-left: 18px;
    font-family: 'Conv_Hero New Regular';
}
.request-sessions .request-box h3 span i {
    color: #a2b1ae;
    font-size: 18px;
    margin-right: 3px;
}
.request-sessions .request-box h3 small {
    top: 8px;
    right: 0;
    color: #019d81;
    font-size: 14px;
    position: absolute;
    font-family: 'Conv_Hero New Regular';
}
.request-sessions .request-box p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.course-accordion {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.request-sessions .request-box .new-course-btn {
    width: 130px;
    height: 42px;
    outline: none;
    color: #057e67;
    font-size: 14px;
    margin-right: 30px;
    border-radius: 12px;
    text-decoration: none;
    border: 1px solid #057e67;
    font-family: 'Conv_Hero New Medium';
}
.request-slider .slick-prev {
    top: -35px;
    right: 40px;
    left: auto !important;
    border-radius: 15px 0 0 15px;
}
.request-slider .slick-next {
    top: -35px;
    left: auto;
    right: 0 !important;
    border-radius: 0 15px 15px 0;
}

.video-section .course-contents .course-accordion[aria-expanded="true"] i {
    color: #a8ce04;
    transform: rotate(180deg);
    transition: all 0.3s ease;
}
.video-section .course-contents .course-accordion {
    padding: 11px 15px 10px 15px;
}
.video-section .course-contents .course-accordion h3 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.video-section .course-contents .course-accordion i {
    color: #343434;
    font-size: 18px;
    transition: all 0.3s ease;
}
.video-section .course-contents .card-header {
    padding: 0;
    border-bottom: 0;
    border-radius: 5px;
}
.video-section .course-contents .card {
    margin-bottom: 15px;
    box-shadow: 0 0 0 0;
}
.video-section .course-contents .card-block {
    padding: 15px 15px 0;
}
.accordion-scroll {
    overflow-y: auto;
    max-height: 390px;
    overflow-x: hidden;
}
.accordion-scroll::-webkit-scrollbar {
    width: 10px;
}
.accordion-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.accordion-scroll::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 15px;
}
.accordion-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.video-section .course-contents h4 i.reading{
    color: #019d81;
}
.session-request .modal-dialog {
    max-width: 520px;
}
.session-request .modal-dialog .modal-body {
    padding: 30px 40px;
}
.session-request .modal-dialog .modal-body h2 {
    color: #2f2d2d;
    font-size: 22px;
    font-family: 'Conv_Hero New Bold';
}
.session-request .modal-dialog .modal-body .user-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.session-request .modal-dialog .modal-body h3 {
    color: #343434;
    font-size: 20px;
    font-family: 'Conv_Hero New Medium';
}
.session-request .modal-dialog .modal-body h4 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.session-request .modal-dialog .modal-body h5 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.session-request .modal-dialog .modal-body p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.session-request .modal-dialog .modal-body .user-img {
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
.session-request .modal-dialog .modal-body h6 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.session-request .modal-dialog .modal-body span {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.session-request .modal-dialog .modal-body .close span {
    font-size: inherit;
}
.bg-button {
    width: 50%;
    height: 68px;
    color: #ffffff;
    font-size: 18px;
    margin-left: 5px;
    border-radius: 8px;
    background: #057e67;
    text-decoration: none;
    border: 2px solid transparent;
    font-family: 'Conv_Hero New SemiBold';
}
.bg-button:hover {
    color: #057e67;
    background: #ffffff;
    text-decoration: none;
    border-color: #057e67;
    box-shadow: 0 0 4px 0 #057e67;
}
.br-button {
    width: 50%;
    height: 68px;
    color: #057e67;
    font-size: 18px;
    margin-right: 5px;
    border-radius: 8px;
    text-decoration: none;
    border: 2px solid #057e67;
    font-family: 'Conv_Hero New SemiBold';
}
.br-button:hover {
    color: #057e67;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67;
}
.accepted {
    color: #019d81;
}
.payment-pending {
    color: #ffac07;
}
.declined {
    color: #ff4e5d;
}
.quick-search {
    z-index: 1;
    width: 560px;
    position: relative;
    padding: 25px 30px;
    border-radius: 8px;
    margin: 30px auto 0;
    background: #ffffff;
}
.quick-search h2 {
    color: #2f2d2d;
    font-size: 22px;
    font-family: 'Conv_Hero New Bold';
}
.quick-search h3 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.quick-search h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.quick-search p {
    color: #343434;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Conv_Hero New Regular';
}
.quick-search img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
}
.quick-search h5 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.quick-search h6 {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.quick-search-wrapper {
    height: auto;
    min-height: 900px;
    background: #e2fdf8;
}
.quick-search-image {
    bottom: 0;
    position: absolute;
}
.quick-search-image img {
    width: 1050px;
}
.additional-info textarea {
    resize: none;
    height: 150px;
}
.additional-info input {
    height: 60px;
    border-radius: 7px;
}

.write-review {
    width: 130px;
    height: 42px;
    color: #ffffff;
    font-size: 13px;
    padding-top: 3px;
    border-radius: 12px;
    background: #057e67;
    font-family: 'Conv_Hero New Medium';
}
.write-review:hover {
    color: #057e67;
    background: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67;
}
.write-review-modal .modal-body {
    padding: 40px;
}
.write-review-modal .modal-body h2 {
    color: #2f2d2d;
    font-size: 22px;
    font-family: 'Conv_Hero New Bold';
}
.write-review-modal .modal-body h4 {
    color: #2f2d2d;
    font-size: 16px;
    font-family: 'Conv_Hero New Bold';
}
.write-review-modal .modal-body label {
    display: block;
    color: #2f2d2d;
    font-size: 12px;
    font-family: 'Conv_Hero New Bold';
}
.write-review-modal .modal-body textarea {
    width: 100%;
    resize: none;
    height: 165px;
    padding: 15px;
    outline: none;
    border-radius: 7px;
    border-color: #dbdbdb;
}
.submit-button {
    height: 60px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 8px;
    background: #057e67;
    text-decoration: none;
    font-family: 'Conv_Hero New SemiBold';
}
.submit-button:hover {
    color: #057e67;
    background: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 4px 0 #057e67;
}
.notification-menu {
    right: 0;
    left: auto;
    width: 250px;
    padding: 15px;
    border-radius: 15px;
}
.notification-menu h3 {
    color: #343434;
    font-size: 16px;
    margin-bottom: 15px;
    font-family: 'Conv_Hero New Medium';
}
.notification-menu img {
    width: 31px;
    height: 31px;
    border-radius: 50%;
}
.notification-menu h4 {
    top: -4px;
    color: #343434;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    font-family: 'Conv_Hero New Medium';
}
.notification-menu h5 {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Regular';
}
.navbar .navbar-nav .nav-item .notification-menu a {
    text-decoration: none;
    color: #019d81 !important;
    font-size: 16px !important;
    padding: 0 15px 0 15px !important;
}
.notification-wrapper {
    border-radius: 25px;
    padding: 30px 30px 5px;
    border: 1px solid #d3e1de;
}
.notification-wrapper img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.notification-wrapper h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.notification-wrapper h5 {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Regular';
}

.edit-profile {
    width: 100%;
    padding: 50px 45px 30px;
    height: calc(100vh - 55px);
}
.mn-h-calc {
    height: calc(100vh - 135px);
}
.mn-h-135 {
    min-height: 135px;
}
.edit-profile .drop-zone {
    max-width: 120px;
    height: 120px;
    padding: 0;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 0;
    border-radius: 50%;
}
.edit-profile .drop-zone img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.edit-profile .drop-zone--over {
    border-style: solid;
}
.edit-profile .drop-zone__input {
    display: none;
}
.edit-profile .drop-zone__thumb {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    background-size: cover;
    background-color: #cccccc;
}
.edit-profile .drop-zone .upload-image {
    z-index: 1;
    right: 7px;
    bottom: 4px;
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    border-radius: 10px;
    background: #057e67;
    align-items: center;
    text-decoration: none;
    justify-content: center;
}
.edit-profile .drop-zone .upload-image i {
    color: #ffffff;
    font-size: 16px;
}
.edit-profile label {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.edit-profile .form-control {
    height: 42px;
    border-radius: 15px;
    border-color: #d3e1de;
}
.edit-profile .form-group a {
    right: 15px;
    bottom: 7px;
    color: #019d81;
    font-size: 16px;
    position: absolute;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.w-150 {
    width: 150px;
}
.h-42 {
    height: 42px;
}
.tx-14 {
    font-size: 14px;
}

/*/// Library style ///*/
.search-field {
    position: relative;
}
.search-field input {
    height: 44px;
    background: #f9f9f9;
    padding: 7px 15px 7px 45px;
    border-radius: 10px !important;
    font-family: 'Conv_Hero New Regular';
}
.search-field input:focus {
    background: #f9f9f9;
}
.search-field i {
    top: 15px;
    left: 15px;
    z-index: 4;
    color: #a2b1ae;
    position: absolute;
}
.w-350 {
    width: 350px;
}
.library-row .library-details {
    width: 20%;
    margin-right: 14px;
}
.library-row .library-details:last-of-type {
    margin-right: 0;
}
.library-row .library-details img {
    width: 190px;
    height: 248px;
    object-fit: cover;
    margin-bottom: 12px;
    border-radius: 15px;
    background: rgba(0,0,0,0.1);
}
.library-row .library-details h2 {
    margin: 0;
    color: #343434;
    font-size: 18px;
    overflow: hidden;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Conv_Hero New Bold';
}
.library-row .library-details p {
    color: #343434;
    font-size: 14px;
    margin: 5px 0 10px 0;
    font-family: 'Conv_Hero New Regular';
}
.library-row .library-details .rating_review_Wrp span {
    top: 2px;
    left: 5px;
    color: #ffcc00;
    font-size: 14px;
    position: relative;
    font-family: 'Conv_Hero New Bold';
}
.library-row .library-details a:hover {
    text-decoration: none;
}
.library-modal .modal-dialog {
    max-width: 800px;
}
.library-modal .modal-dialog .modal-content {
    border-radius: 20px;
}
.library-modal .modal-dialog .modal-content .modal-body {
    padding: 30px;
}
.library-modal .modal-dialog .modal-content .modal-body img {
    width: 190px;
}
.library-modal .modal-dialog .modal-content .modal-body h2 {
    color: #343434;
    font-size: 22px;
    margin-bottom: 6px;
    font-family: 'Conv_Hero New Bold';
}
.library-modal .modal-dialog .modal-content .modal-body h4 {
    color: #343434;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Conv_Hero New Regular';
}
.library-modal .modal-dialog .modal-content .modal-body p {
    color: #343434;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Conv_Hero New Regular';
}
.library-modal .modal-dialog .modal-content .modal-body p a {
    color: #057e67;
}
.library-modal .modal-dialog .modal-content .modal-body .rating-box {
    margin-bottom: 8px;
}
.library-modal .modal-dialog .modal-content .modal-body .read-button {
    width: 150px;
    height: 42px;
    color: #ffffff;
    font-size: 13px;
    padding-top: 3px;
    margin-right: 20px;
    border-radius: 15px;
    background: #057e67;
    text-decoration: none;
    font-family: 'Conv_Hero New Medium';
}
.languages-list a:last-of-type {
    margin-right: 0;
}
.languages-list a.active {
    color: #a8ce04;
}

.review-star ul {
    margin: 0;
    padding: 0;
    width: auto;
    display: flex;
    list-style: none;
    align-items: center;
}
.review-star .rating_div ul li {
    margin: 0 5px 0 0;
}
.review-star .star-ratings-css {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    color: #c5c5c5;
    overflow: hidden;
    position: relative;
    unicode-bidi: bidi-override;
}
.review-star .star-ratings-css-top {
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    display: flex;
    color: #ffaa00;
    overflow: hidden;
    position: absolute;
    align-items: center;
}
.review-star .star-ratings-css em {
    margin: 0 1px;
    font-size: 24px;
    line-height: 17px;
    font-style: inherit;
}
.review-star .star-ratings-css-bottom {
    padding: 0;
    z-index: 0;
    display: flex;
}
.logout-btn {
    border: 0;
    width: 100px;
    height: 41px;
    outline: none;
    font-size: 14px;
    padding-top: 7px;
    background: #057e67;
    border-radius: 12px;
    text-decoration: none;
    color: #ffffff !important;
    font-family: 'Conv_Hero New Medium';
}
.logout-btn:focus {
    outline: none;
}
.form-control.error {
    border-color: red;
    color: #6e707e;
    font-size: inherit;
    position: relative;
    line-height: inherit;
    width: 100%;
}
.form-control.error ~ .forgot-link {
    top: 38%;
}
label.error {
    color: red;
    width: 100%;
    font-size: 14px;
    margin: 10px 0 0 0;
}

.session-slider {
    height: 90px;
}
.session-slider .slick-next {
    top: 50px !important;
    border-radius: 5px;
    width: 22px !important;
    right: -25px !important;
    height: 22px !important;
    border: 1px solid #d3e1de !important;
}
.session-slider .slick-next:before {
    top: 5px;
    width: 2px;
    right: 9px;
    height: 7px;
    position: absolute;
    background: #343434;
    display: inline-block;
    content: "" !important;
    transform: rotate(-45deg);
}
.session-slider .slick-next:after {
    top: 9px;
    width: 2px;
    right: 9px;
    height: 7px;
    position: absolute;
    background: #343434;
    display: inline-block;
    content: "" !important;
    transform: rotate(45deg);
}
.session-slider .slick-prev {
    top: 50px !important;
    border-radius: 5px;
    width: 22px !important;
    left: -25px !important;
    height: 22px !important;
    border: 1px solid #d3e1de !important;
}
.session-slider .slick-prev:before {
    top: 5px;
    width: 2px;
    left: 9px;
    height: 7px;
    position: absolute;
    background: #343434;
    display: inline-block;
    content: "" !important;
    transform: rotate(45deg);
}
.session-slider .slick-prev:after {
    top: 9px;
    width: 2px;
    left: 9px;
    height: 7px;
    position: absolute;
    background: #343434;
    display: inline-block;
    content: "" !important;
    transform: rotate(-45deg);
}
.field-wrapper.course_section {
    position: relative;
}
.field-wrapper.course_section span {
    top: 15px;
    right: 20px;
    position: absolute;
}
.courses-details-wrapper .response .alert {
    left: 0;
    z-index: 2;
    right: 10px;
    position: static;
}
.modal-body .response .alert.alert-danger {
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    position: absolute;
}
a.btn-tool {
    border: 0 !important;
    background: transparent;
    color: #798582 !important;
    font-size: 14px !important;
    position: relative !important;
    padding: 14px 15px 12px 15px !important;
    font-family: 'Conv_Hero New Medium' !important;
}
.remove-bg {
    padding: 0;
    background: none;
}
.active_btn_tool:before {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 23px;
    height: 3px;
    margin: 0 auto;
    position: absolute;
    background: #a8ce04;
    display: inline-block;
}
.dcg-basic-keypad {
    background: #f3fdfb !important;
}
.dcg-keypad-btn-container .dcg-keypad-btn.dcg-keypad-btn-dark {
    color: white !important;
    background: #019d81 !important;
}
.dcg-keypad-btn-container .dcg-keypad-btn.dcg-keypad-btn-dark:hover {
    box-shadow: 0 2px 8px 0 #b1b1b1;
}
.dcg-keypad-control-bar {
    background-color: #d4d4d4;
}
form .btn-primary {
    height: auto;
}
.wpwl-form-card {
    padding: 25px 15px 5px;
    background-color: white;
}
.wpwl-control, .wpwl-group-registration {
    height: 42px;
    border-radius: 15px;
    border: 1px solid #d3e1de;
    font-family: 'Conv_Hero New Medium';
}
.wpwl-label-brand {
    width: 100%;
    display: block;
}
.wpwl-wrapper {
    width: 100%;
    padding-right: 0 !important;
}
.wpwl-group-cardNumber, .wpwl-group-cardHolder, .wpwl-group-birthDate {
    width: 100%;
    padding-right: 0;
}
.wpwl-group-expiry, .wpwl-group-brandLogo, .wpwl-group-cvv {
    width: 100%;
}
.wpwl-brand-card {
    right: 0;
    top: -7px;
    position: absolute;
}
.ellipse-2 {
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.ellipses {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.slide-tabs {
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.slide-tabs li {
    display: inline-block;
}
.previous-scroll {
    top: 40px;
    left: -50px;
    width: 42px;
    height: 42px;
    display: flex;
    position: absolute;
    border-radius: 15px;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    border: 1px solid #d3e1de;
}
.previous-scroll:hover {
    text-decoration: none;
}
.previous-scroll i {
    color: #c9c9c9;
    font-size: 24px;
}
.next-scroll {
    top: 40px;
    width: 42px;
    right: -50px;
    height: 42px;
    display: flex;
    position: absolute;
    border-radius: 15px;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    border: 1px solid #d3e1de;
}
.next-scroll:hover {
    text-decoration: none;
}
.next-scroll i {
    color: #c9c9c9;
    font-size: 24px;
}

.owl-theme .owl-nav button {
    top: 40%;
    width: 42px;
    height: 42px;
    outline: none;
    position: absolute;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    display: flex !important;
    background: none !important;
    border-radius: 15px !important;
    border: 1px solid #d3e1de !important;
}
.owl-theme .owl-nav button span {
    color: #a2a2a2;
    font-size: 28px;
}
.owl-theme .owl-nav .owl-next {
    right: -70px;
}
.owl-theme .owl-nav .owl-prev {
    left: -70px;
}

/*/// new screens styling ///*/
.published-btn {
    right: 0;
    bottom: 0;
    width: 110px;
    height: 32px;
    outline: none;
    padding-top: 3px;
    position: absolute;
    border-radius: 15px;
    background: #057e67;
    color: #ffffff !important;
    font-size: 14px !important;
    text-decoration: none !important;
    font-family: 'Conv_Hero New Medium' !important;
}
.br-15 {
    border-radius: 15px;
}
.w-110 {
    width: 110px;
}
.subjects-tags span {
    color: #343434;
    font-size: 12px;
    border-radius: 8px;
    background: #f4f4f4;
    display: inline-block;
    margin: 0 2px 8px 2px;
    padding: 3px 10px 2px 10px;
    font-family: 'Conv_Hero New Regular';
}
.subjects-tags span:first-of-type {
    margin-left: 0;
}
.degrees-certificates img {
    width: 62px;
    height: 62px;
    border-radius: 4px;
}
.degrees-certificates h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.degrees-certificates h5 {
    color: #798582;
    font-size: 12px;
    font-family: 'Conv_Hero New Medium';
}
.payment-information h3 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Medium';
}
.payment-information h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Regular';
}
.setting-section label {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.setting-section input {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border-color: #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.setting-section .cusDropzone.dropzone {
    width: 425px;
    min-height: 235px;
    border-radius: 35px;
}
.setting-section select {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border-color: #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.setting-section .location-icon {
    top: 15px;
    right: 15px;
    color: #343434;
    position: absolute;
}
.setting-section textarea {
    resize: none;
    height: 150px;
    color: #343434;
    font-size: 16px;
    padding-top: 10px;
    border-radius: 15px;
    border-color: #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.setting-section h4 {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.setting-section h3 {
    color: #343434;
    font-size: 16px;
    font-family: 'Conv_Hero New Regular';
}
.setting-section h5 {
    color: #343434;
    font-size: 13px;
    font-family: 'Conv_Hero New Regular';
}
.setting-section .custom-radio label {
    width: 260px;
    height: 85px;
    display: flex;
    outline: none;
    color: #343434;
    font-size: 43px;
    padding-left: 0;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    font-family: 'Conv_Hero New Bold';
}
.setting-section .custom-radio label small:first-of-type {
    color: #343434;
    font-size: 24px;
    margin-top: -15px;
    font-family: 'Conv_Hero New Medium';
}
.setting-section .custom-radio label small:last-of-type {
    color: #343434;
    font-size: 21px;
    margin-bottom: -15px;
    font-family: 'Conv_Hero New Medium';
}
.setting-section .custom-radio input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 0;
    outline: none;
    border: 2px solid #d3e1de;
    border-radius: 15px;
    background: none;
}
.setting-section .custom-control-input:checked~.custom-control-label::before {
    border-color: #057e67 !important;
}
.setting-section .custom-radio input[type="radio"]:checked + label:after {
    display: none;
}
.setting-section ul li {
    color: #343434;
    font-size: 16px;
    list-style: none;
    line-height: 24px;
    font-family: 'Conv_Hero New Regular';
}
.create-announcement .modal-dialog {
    max-width: 775px;
}
.create-announcement h2 {
    color: #343434;
    font-size: 20px;
    font-family: 'Conv_Hero New Bold';
}
.create-announcement label {
    color: #343434;
    font-size: 14px;
    font-family: 'Conv_Hero New Medium';
}
.create-announcement input {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border-color: #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.create-announcement select {
    height: 42px;
    color: #343434;
    font-size: 16px;
    border-radius: 15px;
    border-color: #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.create-announcement textarea {
    resize: none;
    height: 150px;
    color: #343434;
    font-size: 16px;
    padding-top: 10px;
    border-radius: 15px;
    border-color: #d3e1de;
    font-family: 'Conv_Hero New Regular';
}
.create-announcement input[type=checkbox] + label:before {
    margin-top: -3px;
}
.reset-password {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 150px);
}
.reset-password form {
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 0 4px 0 #cecece;
}
.review-form {
    display: block;
    width: 400px;
    margin: 0 auto;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 0 4px 0 #cecece;
}
.review-form label {
    display: block;
}
.review-form textarea {
    width: 100%;
    resize: none;
    height: 150px;
    padding: 15px;
    border-radius: 5px;
    border-color: #d3e1de;
}
.review-form button {
    border: 0;
    outline: none;
}
.add-file-button button {
    outline: none;
    color: #ffffff;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0 0 0 0;
    letter-spacing: 0.3px;
    padding: 10px 20px 10px 20px;
    background: #057e67 !important;
}
.add-file-button button:hover, .add-file-button button:focus {
    color: #ffffff;
    outline: none;
    box-shadow: 0 0 0 0;
}
.toolbar {
    margin-bottom: 15px;
}
#session_file {
    font-family: 'Conv_Hero New Regular';
}
.mh-100 {
    min-height: calc(100vh - 149px);
}
.featured-tutors {
    min-height: calc(100vh - 264px);
}
.custom-control-label::after {
    display: none;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #42bba5;
    background-color: #42bba5;
}
.w-90 {
    width: 90px;
}
.h-34 {
    height: 34px;
}

.notification-checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.notification-checkbox label {
    margin-bottom: 0;
    margin-left: 10px;
}
.notification-checkbox input {
    width: 18px;
    height: 18px;
    outline: none;
    box-shadow: 0 0 0 0;
    display: inline-block;
}
.notification-checkbox input:focus {
    box-shadow: 0 0 0 0;
}
.calc-h {
    min-height: calc(100vh - 456px);
}
.add-user .add-users-card .selected-users {
    padding: 5px 10px;
}
.add-user .add-users-card .selected-users img {
    width: 30px;
    height: 30px;
}
.add-user .add-users-card .chating-scroll {
    height: auto;
    max-height: calc(100vh - 257px);
}
.grades-title input {
    width: 60px;
    text-align: center;
    margin: 0 10px 0 10px;
}
.grades-title .grades {
    min-width: 150px;
}
.video-js {
    width: 100%;
    min-height: 500px;
}
.bx-shadow {
    box-shadow: 0 0 6px 0 #d8d8d8;
}
.library-modal.show {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}
/*/// new screens styling ///*/

/*//// Radio Boxes ////*/
.side-space [type="radio"]:not(:checked) + label span {
    height: 42px;
    display: flex;
    color: #343434;
    font-size: 13px;
    position: relative;
    align-items: center;
    justify-content: center;
    font-family: 'Conv_Hero New Medium';
}
.side-space [type="radio"]:checked + label,
.side-space [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: flex;
    color: #666;
    width: 104px;
    height: 42px;
    align-items: center;
    justify-content: center;
}
.side-space [type="radio"]:checked + label:before,
.side-space [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 42px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #d3e1de;
}
.side-space [type="radio"]:checked + label:after,
.side-space [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 100%;
    height: 42px;
    border-radius: 12px;
    background: #057e67;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.side-space [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.side-space [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.side-space [type="radio"]:checked + label span {
    z-index: 2;
    height: 42px;
    display: flex;
    color: #ffffff;
    font-size: 13px;
    position: relative;
    align-items: center;
    justify-content: center;
}
/*//// Radio Boxes ////*/
.modal-body .close.close-modal {
    top: 0;
    right: 15px;
}

.fc .fc-more-popover {top: 100px}
.fc .fc-more-popover .fc-popover-body {
    height: 500px;
    overflow: auto;
}
.live-session-wrapper {
    height: 90px;
    overflow: hidden;
}
.contact-wrap {
    min-height: calc(100vh - 150px);
}
.live-tag {
    top: 12px;
    left: 13px;
    color: white;
    font-size: 12px;
    position: absolute;
    background: #e54041;
    padding: 3px 10px 3px 10px;
}
input[type=submit] {
    color: white;
    margin-top: 15px;
    background: #057e67;
    padding: 9px 20px;
}
.card_type h3 {
    color: #000000;
}
.card_type .custom-radio {
    padding-left: 0;
    margin-bottom: 15px;
}
.card_type .custom-radio input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before{
    width: 20px;
    height: 20px;
}
.not_found_error {
    width: 100%;
    color: #929292;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alert ul {
    margin-bottom: 0;
    padding: 5px 0 0 25px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .searching-area {
        flex-direction: column;
    }
    .mobile-view-column {
        width: 100%;
        flex-direction: column;
    }
    .searching-area .select-boxes:after {
        display: none;
    }
    .searching-area .select-boxes {
        padding: 0;
        margin-bottom: 15px;
        min-width: 100% !important;
    }
    .banner-img {
        width: 100%;
    }
    .checkout-section .teach-image-right {
        width: 60%;
    }
    .owl-theme .owl-nav .owl-next {
        right: -40px;
    }
    .owl-theme .owl-nav .owl-prev {
        left: -16px;
    }
    .study-section .categories-card {
        margin-bottom: 15px;
        min-height: inherit;
    }
    footer ul li a {
        font-size: 11px;
    }
    footer .col-lg-6 {
        padding: 0;
    }
    .teach-section .teach-image-right {
        width: 50%;
    }
    .categories-section .categories-left {
        width: 100px;
    }
    .categories-section .categories-right {
        width: 100px;
    }
    .pricing-section .table {
        white-space: nowrap;
    }
    .section-heading {
        font-size: 22px;
        max-width: 260px;
    }
    .featured-tutors .previous-scroll {
        top: 0;
        left: auto;
        right: 50px;
    }
    .featured-tutors .next-scroll {
        top: 0;
        right: 5px;
    }
    .owl-stage .owl-item .item {
        margin-left: 20px;
    }
    .owl-stage .owl-item .item .featured-card {
        margin: 0 auto;
    }
    .courses-card {
        margin: 0 0 0 25px;
    }
    .featured-tutors .owl-theme .owl-nav .owl-next {
        right: -29px;
    }
    .lesson-space .lesson-scape-right {
        width: 100%;
        margin-top: 15px;
        position: static;
    }
}

/*///// Chat Styling /////*/
.chat-window a span {
    top: -3px;
    position: relative;
}
.chat-window .glyphicon-minus:before {
    content: "";
    width: 15px;
    height: 2px;
    border-radius: 5px;
    background: #ffffff;
    display: inline-block;
}
.chat-window .glyphicon-plus:before {
    content: "";
    width: 15px;
    height: 2px;
    border-radius: 5px;
    background: #ffffff;
    display: inline-block;
}
.chat-window .glyphicon-plus:after {
    content: "";
    width: 15px;
    height: 2px;
    top: 17px;
    right: 10px;
    position: absolute;
    border-radius: 5px;
    background: #ffffff;
    display: inline-block;
    transform: rotate(90deg);
}
.chat-window .glyphicon-remove:before {
    content: "";
    width: 15px;
    height: 2px;
    border-radius: 5px;
    background: #ffffff;
    display: inline-block;
    transform: rotate(-45deg);
}
.chat-window .glyphicon-remove:after {
    content: "";
    width: 15px;
    height: 2px;
    top: 15px;
    right: 0;
    position: absolute;
    border-radius: 5px;
    background: #ffffff;
    display: inline-block;
    transform: rotate(45deg);
}
.panel{
    width: 260px;
    margin-bottom: 0;
}
.chat-window{
    right: 0;
    z-index: 4;
    bottom: 52px;
    position:fixed;
    margin-left:10px;
}
.chat-window:nth-of-type(2) {
    right: 262px;
}
.chat-window:nth-of-type(3) {
    right: 524px;
}
.chat-window:nth-of-type(4) {
    right: 786px;
}
.chat-window:nth-of-type(5) {
    right: 1048px;
}
.chat-window > div > .panel{
    border-radius: 5px 5px 0 0;
}
.icon_minim{
    padding:2px 10px;
}
.msg_container_base{
    background: #e5e5e5;
    margin: 0;
    padding: 0 10px 10px;
    max-height: 300px;
    min-height: 300px;
    overflow-x: hidden;
}
.top-bar {
    background: #057e67;
    color: white;
    padding: 8px 5px 6px;
    position: relative;
    overflow: hidden;
}
.top-bar h3 {
    margin: 0;
    width: 150px;
    display: block;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.msg_receive{
    padding-left:0;
    margin-left:0;
}
.msg_sent{
    padding-bottom:20px !important;
    margin-right:0;
}
.messages {
    background: white;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-width:100%;
}
.messages > p {
    font-size: 13px;
    margin: 0 0 0.2rem 0;
}
.messages > time {
    font-size: 11px;
    color: #ccc;
}
.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}
img {
    /*display: block;*/
    /*width: 100%;*/
}
.avatar {
    position: relative;
}
.base_receive > .avatar:after {
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    position: absolute;
    border: 5px solid #057e67;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}
.base_sent {
    justify-content: flex-end;
    align-items: flex-end;
}
.base_sent > .avatar:after {
    content: "";
    left: 0;
    width: 0;
    bottom: 0;
    height: 0;
    position: absolute;
    border: 5px solid #057e67;
    border-top-color: transparent;
    border-right-color: transparent;
    box-shadow: 1px 1px 2px rgba(black, 0.2);
}
.msg_sent > time{
    float: right;
}
.msg_container_base::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.msg_container_base::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}
.msg_container_base::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.panel-footer .input-group input {
    height: 36px;
    font-size: 13px;
    border-right: 0;
    padding-top: 8px;
    box-shadow: 0 0 0 0;
    border-radius: 0 0 0 0;
}
.panel-footer .input-group button {
    width: 70px;
    height: 36px;
    font-size: 16px;
    padding-top: 6px;
    border-radius: 0;
    box-shadow: 0 0 0 0;
}
.panel-footer .input-group button:active, .panel-footer .input-group button:focus {
    color: #ffffff;
    background: #057e67;
    box-shadow: 0 0 0 0;
}
/*///// Chat Styling /////*/

.multiple-users {
    z-index: 2;
    bottom: 5px;
    right: 1314px;
    position: fixed;
    display: inline-block;
}
.multiple-users .dropdown-toggle {
    color: #000000;
    font-size: 20px;
    background: #e2fdf8;
    border-color: #e2fdf8;
    padding: 5px 10px 2px 10px;
    box-shadow: 0 0 6px 0 #6b6b6b;
}
.multiple-users .dropdown-toggle:after {
    display: none;
}
.multiple-users .dropdown-toggle:focus, .multiple-users .dropdown-toggle:active {
    color: #000000 !important;
    background: #e2fdf8 !important;
    box-shadow: 0 0 0 0 !important;
    border-color: #e2fdf8 !important;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #000000 !important;
    background: #e2fdf8 !important;
    border-color: #e2fdf8 !important;
}
.multiple-users .dropdown-menu {
    width: 250px;
}
.multiple-users .dropdown-menu a {
    display: flex;
    padding: 7px 10px;
    align-items: center;
}
.multiple-users .dropdown-menu a img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.multiple-users .dropdown-menu a span {
    width: 200px;
    display: block;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    margin: 2px 0 0 10px;
    text-overflow: ellipsis;
}
.custom-width {
    width: 173px;
}
.loading-btn {
    color: #ffffff;
    margin: 0 0 0 5px;
}
.chat-window .messages > p {
   word-break: break-all;
}
.form-control:disabled, .form-control[readonly] {
    background-color: inherit;
}
.select2.select2-container {
    width: 100%;
}
.modal-body label {
    display: block;
}