:root {
  /* Colors */
  --c-prm: #1476d2; /* Primary color */
  --c-sec: #e27447; /* Secondary color */
  --c-acc: #f6f8f9; /* Accent color */
  --c-bg1: #ffffff; /* Background 1 */
  --c-bg2: #f0f1f5; /* Background 2 */
  --c-bg3: #f6f7f9; /* Background 3 */
  --c-bg4: #e9f0fb; /* Background 4 */
  --c-tx: #222222;  /* Text color */

  /* Base Font Size */
  --fs-base: 16px; /* Base font size (16px = 1rem) */

  /* Fixed Font Sizes (No Scaling) */
  --fs-s: 0.875rem; /* 14px */
  --fs-m: 1rem;     /* 16px */
  --fs-l: 1.25rem;  /* 20px */
  --fs-xl: 1.5rem;  /* 24px */
  --fs-xxl: 2rem;   /* 32px */

  /* Shadows */
  --bs-card: 0px 0px 40px rgba(29, 58, 83, .15);	

  /* Borders */	
  --br-card: .7rem;
  --br-button: .325rem;
}

   /* Custom CSS */
h1, h2, h3, h4, h5, h6 {
	color: var(--c-tx);
}
.header-mobile {
	position: relative;
}
:root {
  --res-pad: 100px; /* Laptop and up (≥ 1440px) */
}
@media (max-width: 1439px) {
  :root {
    --res-pad: 80px; /* Tablet Landscape (< 1440px) */
  }
}
@media (max-width: 1199px) {
  :root {
    --res-pad: 60px; /* Tablet Portrait (< 1200px) */
  }
}
@media (max-width: 1023px) {
  :root {
    --res-pad: 50px; /* Mobile Landscape (< 1024px) */
  }
}
@media (max-width: 879px) {
  :root {
    --res-pad: 50px; /* Mobile Portrait (< 880px) */
  }
}
@media (max-width: 767px) {
  :root {
    --res-pad: 40px; /* Extra small screens (< 768px) */
  }
}

@media (max-width: 767px) {

	.elementor-widget-sidebar .widget, .sidebar .widget, .apus-sidebar .widget {
    	padding: 0 1rem 0.9375rem;
	}
	.tutor-widget-course-categories .tutor-form-check-input {
    	background-color: var(--c-bg3) !important;
		border: 1px solid rgba(0, 0, 0, .25) !important;
	}
	.tutor-widget-course-levels .tutor-form-check-input {
    	background-color: var(--c-bg3) !important;
		border: 1px solid rgba(0, 0, 0, .25) !important;
	}
	.btn-theme.btn-outline {
    	margin-left: 1rem;
	}
	.close-sidebar-btn {
		color: var(--tutor-color-primary) !important;
	}
	.tutor-header-right-side {
        margin-top: -90px;
    }
	.tutor-login-wrap {
		margin-top: 10vh;
		margin-bottom: 10vh;
	}
}
#apus-mobile-menu .btn-toggle-canvas {
	color: var(--tutor-color-primary);
    background: var(--c-bg2);
	font-size: 12px;
}
.mobile-menu-icon {
	margin-right: 12px;
	width: 24px;
    height: 12px;
	border-top: 2px solid var(--c-tx);
}
.mobile-menu-icon:after {
	width: 18px;
	background-color: var(--c-tx);
}
#apus-header-mobile > div > div > div.col-5.d-flex.align-items-center.justify-content-end.header-mobile-right > div > a > i {
	font-size: 20px;
	margin-right: 4px;
	margin-bottom: -4px
}
#apus-main-content {
	padding-top: 0px !important;
}
.topmenu-menu > li.active > a {
	color: var(--c-sec);
	background: var(--c-bg3);
}
.topmenu-menu a:hover {
    color: var(--upskill-link_hover_color)!important;
}
@media (max-width: 1430px) and (min-width: 1026px) {
    .course-duration .tutor-meta-level:nth-of-type(3),
    .course-duration .tutor-meta-value:nth-of-type(4) {
        display: none !important;
    }
}

.apus-breadscrumb {
	background-color: var(--c-bg3) !important;
	background: var(--c-bg3) none !important;
	margin-bottom: var(--res-pad) !important;
}
.course-grid-v3 {
	box-shadow: var(--bs-card) !important;
	border-radius: var(--br-card) !important;
	background-color: var(--c-bg1) !important;
}
.sidebar {
	border: 0px !important;
	padding: 0px !important;
}

.navbar-offcanvas .sliding-menu__panel-root > li.active > .sliding-menu__nav, .navbar-offcanvas .sliding-menu__panel-root > li.active > a {
	background: var(--c-bg3);
}
	
@media (min-width: 767px) {
	.tutor-widget-search {
		background-color: var(--c-bg1) !important;
		box-shadow: var(--bs-card) !important;
		border-radius: var(--br-card) !important;
		padding: 1.6rem !important;
		margin-bottom: 1.8rem !important;
		border: none!important
	}
	.tutor-widget-search .tutor-form-control {
		border: 1px solid rgba(0, 0, 0, .25) !important;
	}
	.tutor-widget-course-categories {
		background-color: var(--c-bg1) !important;
		box-shadow: var(--bs-card) !important;
		border-radius: var(--br-card) !important;
		padding: 1.6rem !important;
		margin-bottom: 1.8rem !important;	
		border: none!important	
	}
	.tutor-widget-course-categories .tutor-form-check-input {
    	background-color: var(--c-bg3) !important;
		border: 1px solid rgba(0, 0, 0, .25) !important;
	}
	.tutor-widget-course-levels {
		background-color: var(--c-bg1) !important;
		box-shadow: var(--bs-card) !important;
		border-radius: var(--br-card) !important;
		padding: 1.6rem !important;
		margin-bottom: 1.8rem !important;	
		border: none!important	
	}
	.tutor-widget-course-levels .tutor-form-check-input {
    	background-color: var(--c-bg3) !important;
		border: 1px solid rgba(0, 0, 0, .25) !important;
	}
	.tutor-widget-course-filter .btn-sm {
		width: 100%;
		border-radius: var(--br-button) !important;
	}
}
	
.tutor-widget-course-price {
	display: none !important;
}
.course-layout-item .course-title {
    min-height: 56px;
}
.tutor-toggle-more-collapsed:before {
	height: 48px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.0001) 1.31%, rgba(255, 255, 255, 0.721372) 15.41%, #fff 100%);
	z-index: 1;
}
.tutor-user-public-profile .photo-area .cover-area>div:last-child {
    height: 60%;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
.tutor-dashboard .tutor-dashboard-content #tutor_profile_cover_photo_editor #tutor_cover_area .tutor_overlay {
	height: 50%;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
.tutor-dashboard .tutor-dashboard-content #tutor_profile_cover_photo_editor #tutor_profile_area {
	width: 150px;
    height: 180px;
	border-radius: 12px;
}
.course-header .lp-course-author .course-author__pull-left {
    overflow: hidden;
}
div.course-header-bottom > div > div.course-author__pull-left.flex-shrink-0.d-flex.align-items-center.justify-content-center > a > img {
    margin-left: -3px;
    max-width: 118%;
    height: 46px;
}
.tutor-user-public-profile .photo-area .pp-area .profile-pic {
	border: 4px solid #fff!important;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle .profile-pic {
    border-radius: 6%;
    height: 190px;
    width: 160px;
}
.tutor-dashboard .tutor-dashboard-content {
    border: 1px solid var(--tutor-border-color) !important;
    border-radius: var(--br-card)!important;
    padding: 1.6rem!important;
	
}
.tutor-dashboard .tutor-frontend-dashboard-header:after {
	display: none !important;
}
.tutor-dashboard .tutor-frontend-dashboard-maincontent ul.tutor-dashboard-permalinks:before {
	display: none !important;
}
.tutor-dashboard-permalinks {
	height: auto !important;
	background-color: var(--c-bg2) !important;
	border-radius: var(--br-card) !important;
	padding: 1.6rem !important;
	margin-bottom: 1.8rem !important;
}
.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item-link {
	border-radius: var(--br-button) !important;
}
.tutor-dashboard-menu-divider {
	background-color: rgba(0, 0, 0, .25) !important;
	height: 0.8px;
}
.tutor-table tr th {
	background: var(--c-bg2) !important;
}
.tutor-login-wrap {
	background-color: var(--c-bg1) !important;
	box-shadow: var(--bs-card) !important;
	border-radius: var(--br-card) !important;
	border: none!important;
}
#tutor-registration-wrap {
	background-color: var(--c-bg1) !important;
	box-shadow: var(--bs-card) !important;
	border-radius: var(--br-card) !important;
	border: none!important;	
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
	background-color: var(--c-bg2) !important;
	border-top: none !important
}
.tutor-course-topic-single-footer .tutor-btn {
    border-radius: var(--br-button);
    color: var(--tutor-color-primary);
    border: 1px solid var(--tutor-color-primary);
    background: var(--c-bg1);
}
.tutor-course-topic-single-footer .tutor-btn:hover {
	background: var(--tutor-color-primary);
	border-color: var(--tutor-color-primary);
}
.tutor-course-topic-single-footer .tutor-btn:focus {
	background: var(--tutor-color-primary);
	border-color: var(--tutor-color-primary);
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
	background-color: var(--c-bg2);
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a {
    background-color: var(--c-bg2);
}
.course-header.v5 {
	background-color: var(--c-bg2);
}
.course-header.v5 .left-info, .course-header.v5 .left-info .breadcrumb li::before, .course-header.v5 .left-info a, .course-header.v5 .left-info .title, .course-header.v5 .left-info .author-title, .course-header.v5 .course-info-widget, .course-header.v5 .course-price {
	color: var(--c-tx);
}
.tutor-ratings-stars, .course-header.v5 .review-stars-rated .review-stars {
    color: #ed9700 !important;
}
.tutor-alert.tutor-warning {
	border:none;
}
.tutor-alert.tutor-warning .tutor-alert-icon {
    color: var(--tutor-color-primary);
}
.course-header.v5 .course-info-widget a {
	color: var(--tutor-color-primary);
	border-color: var(--tutor-color-primary);
}
.course-header.v5 .course-info-widget a:hover {
	color: #fff;
}
.tutor-single-course-sidebar-v5 > div {
	background-color: var(--c-bg1) !important;
	box-shadow: var(--bs-card) !important;
	border-radius: var(--br-card) !important;
	border: none!important	
}
.tutor-course-info-fields {
	color: var(--c-tx);
}
.course-header .course-header-meta i {
	color: var(--tutor-color-primary);
	font-size: var(--fs-l);
}
.tutor-course-info-fields i {
	color: var(--tutor-color-primary);
	font-size: var(--fs-l);
}
.tutor-round-box {
	background: var(--c-bg2) !important;
}
.tutor-iconic-btn-secondary {
	background-color: var(--c-bg2);
}
.search-form-course {
	border-radius: 3rem;
	border: 1px solid rgba(0, 0, 0, .25) !important;
}
.search-form-course .btn-search i {
    margin-top: 5px;
    font-size: 18px;
}
.search-form-course .btn-search {
    padding: 0 14px;
}
.tutor-list-item .tutor-form-check-input:checked {
    background-color: var(--tutor-color-primary) !important;
    border-color: var(--tutor-color-primary) !important;
}
.btn-primary {
    color: #fff;
    background-color: var(--tutor-color-primary) !important;
	border-color: var(--tutor-color-primary) !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--tutor-color-primary-hover) !important;
	border-color: var(--tutor-color-primary-hover) !important;
}
.search-form-course .form-control {
	padding: 7px 20px;
}
.apus-breadscrumb .bread-title {
	margin-bottom: 16px;
	margin-top: 0px;
}
.breadcrumb .dir-home {
	margin-top: 1px;
}
.tutor-login-wrap {
    margin-top: 15vh;
	margin-bottom: 15vh;
}
.top-wrapper-menu .infor-account .avatar-wrapper {
    margin-top: 8px;

}
.testimonials-item {
    border: 1px solid var(--tutor-color-primary);
	background: var(--c-bg3);
}
.page-numbers.next, .page-numbers.prev, .slick-next, .slick-prev {
	width: 40px !important;
    height: 38px !important;
}
.page-numbers.next:hover, .page-numbers.prev:hover, .slick-next:hover, .slick-prev:hover, .slick-arrow:focus {
	color: var(--upskill-link-color) !important;
    background: var(--c-bg3) !important;
    border-color: var(--tutor-color-primary) !important;
}
.page-numbers.current {
	background: var(--tutor-color-primary) !important;
}
.page-numbers:hover {
	background: var(--tutor-color-primary) !important;
}
#apus-header-mobile > div > div > div.col-7.d-flex.align-items-center > div > a > img {
	max-width: 160px;
    height: 50px;
}
.elementor-4856 .elementor-element.elementor-element-72f6bc2 .app-icon {
    width: 220px;
}
.elementor-button:hover {
	background-color: var(--tutor-color-primary-hover) !important;
	border-color: var(--tutor-color-primary-hover) !important;
}
.elementor-button {
	background-color: var(--tutor-color-primary) !important;
	border-color: var(--tutor-color-primary) !important;
	border-radius: var(--br-button) !important;
}
.elementor-4856 .elementor-element.elementor-element-3afede1 .elementor-button[type="submit"] {
    background-color: var(--tutor-color-primary) !important;
    color: #fff;
    border-color: var(--tutor-color-primary) !important;
	border: 1px solid;
}
.elementor-4856 .elementor-element.elementor-element-3afede1 .elementor-button[type="submit"]:hover {
    background-color: var(--tutor-color-primary-hover) !important;
    color: #fff;
    border-color: var(--tutor-color-primary-hover) !important;
	border: 1px solid;
}
.elementor-4856 .elementor-element.elementor-element-3afede1 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    border-radius: var(--br-button);
}
.elementor-30 .elementor-element.elementor-element-ec4e856 .tabs-course {
	border-width: 0px;
}
.tabs-course > li > a::before {
	display: none;
}
.tabs-course > li > a.active {
    border: 1px solid !important;
    padding: 2px 18px 3px 18px !important;
    color: #fff !important;
    background: var(--tutor-color-primary) !important;
	border-radius: var(--br-button) !important;
}
.tabs-course > li > a {
    background: var(--c-bg3);
    padding: 2px 18px 3px 18px !important;
    color: var(--c-tx);
    border: 1px solid var(--tutor-border-color);
    border-radius: var(--br-button) !important;
}
.tabs-course > li > a:hover {
	color: var(--tutor-color-primary) !important;
}
.tabs-course > li > a.active:hover {
	color: white !important;
}
.wpml-ls-legacy-dropdown-click {
    width: auto;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	display: none;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	padding: 0px 10px !important;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	min-width: auto !important;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {
	padding: 4px 10px !important;
	margin-top: -4px !important;
}
.wpml-ls-legacy-dropdown a {
	line-height: initial !important;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
	border-radius: var(--br-button) !important;
	box-shadow: var(--theme-box-shadow);
}
.elementor-element.elementor-element-c4e662e > .elementor-widget-container, .elementor-element.elementor-element-71b6d81 > .elementor-widget-container {
    background-color: var(--c-bg3) !important;
	border: 1px solid var(--tutor-border-color) !important;
}
.elementor-element.elementor-element-ec4e856 .tabs-course > li {
	margin: 0px 16px 0px 0px !important;
}
.elementor-element.elementor-element-1e77387:not(.elementor-motion-effects-element-type-background) {
	background-color: var(--c-bg3) !important;
}
.item-inner-features .features-box-image.icon:before {
	background: var(--c-bg2) !important;
}
.topmenu-menu > li > a:hover, .topmenu-menu > li > a:focus {
    background: var(--c-acc) !important;
}
.tutor-accordion .tutor-accordion-item-body .tutor-course-content-list-item .tutor-course-content-list-item-status.st_preview {
		background: var(--c-bg3) !important;
}
.error-404 {
	background-color: #ffffff;
}
.error-404 .col-lg-8 {
	width: 55%;
}

.tutor-course-thumbnail-wrapper {
  aspect-ratio: 3 / 2;
  width: 100%;
  overflow: hidden;
  padding-bottom: 1.8rem !important;
}
.tutor-course-thumbnail-wrapper .tutor-course-thumbnail {
  height: 100%;
  position: relative; 
}
.tutor-course-thumbnail-wrapper .tutor-course-thumbnail img {
  width: 100%;
  height: 100%;
  object-position: center; 
  object-fit: cover;
  display: block;
}