/* Font */
@font-face {
	font-family: 'Inter';
	font-weight: 100;
	font-style: normal;
	src: url(../font/Inter_18pt-Thin.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 100;
	font-style: italic;
	src: url(../font/Inter_18pt-ThinItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 200;
	font-style: normal;
	src: url(../font/Inter_18pt-ExtraLight.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 200;
	font-style: italic;
	src: url(../font/Inter_18pt-ExtraLightItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 300;
	font-style: normal;
	src: url(../font/Inter_18pt-Light.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 300;
	font-style: italic;
	src: url(../font/Inter_18pt-LightItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	src: url(../font/Inter_18pt-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	src: url(../font/Inter_18pt-Italic.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	src: url(../font/Inter_18pt-Medium.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: italic;
	src: url(../font/Inter_18pt-MediumItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	src: url(../font/Inter_18pt-SemiBold.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	src: url(../font/Inter_18pt-SemiBoldItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	src: url(../font/Inter_18pt-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: italic;
	src: url(../font/Inter_18pt-BoldItalic.ttf) format('truetype');
}

:root {
	--bs-primary: #E11F61;
	--bs-secondary: #fce9e7;
	--bs-info: #47afd8;
	--bs-success: #4ABa7C;
	--bs-danger: #E11F61;
	--bs-dark: #192335;

	--bg-page-1: #f9f9f9;

	--kbank: #138f2d;
}


/* Main */
html,
body {
	font: 400 16px/1.5 'Inter' !important;
}
.main-content {
	/* margin-top: 113px; */
	margin-top: 125.6px;
	min-height: calc(100dvh - 466px);
}
img {
	max-width: 100%;
	height: auto;
}


/* Image */
.profile-image {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
}
.profile-image.lg {
	width: 80px;
	height: 80px;
}
.profile-image.xl {
	width: 120px;
	height: 120px;
}


/* Badge */
.badge {
	font-size: 0.9rem;
	font-weight: 600;
	--bs-badge-padding-x: 1rem;
	--bs-badge-padding-y: 0.5rem;
}


/* Typo */
b, strong, .strong {
	font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 700;
}
.bg-primary {
	background-color: var(--bs-primary) !important;
}
.bg-dark {
	background-color: #313131 !important;
}
.bg-gray-1 {
	background-color: #f8f8f8 !important;
}
.bg-yellow-1 {
	background-color: #FFEEB9 !important;
}
.bg-yellow-2 {
	background-color: #FFE597 !important;
}
.bg-pink-1 {
	background-color: #FFEEF4 !important;
}
.bg-green-1 {
	background-color: rgba(125, 245, 178, 0.2) !important;
}
.text-color {
	color: #6F7470 !important;
}
.text-gray-1 {
	color: #a2a2a2 !important;
}
.text-gray-2 {
	color: #6F7470 !important;
}
.text-gray-3 {
	color: #BEBEBE !important;
}
.text-gray-4 {
	color: #E0E0E0 !important;
}
.text-primary {
	color: var(--bs-primary) !important;
}
.text-success {
	color: var(--bs-success) !important;
}
.text-danger {
	color: var(--bs-danger) !important;
}
.border-gray {
	border-color: #dfe3e6 !important;
}
.border-gray-1 {
	border-color: #eee !important;
}
.border-gray-2 {
	border-color: #D9D9D9 !important;
}
.border-white {
	border-color: #fff !important;
}
.border-yellow {
	border-color: #FFE597 !important;
}
.fs-0 {
	font-size: calc(2rem + 1.5vw) !important;
}
.fs-7 {
	font-size: 1.1rem !important;
}
.fs-small {
	font-size: 75% !important;
}
.bg-kbank {
	background-color: var(--kbank) !important;
}
.bg-success {
	background-color: var(--bs-success) !important;
}
.bg-cover {
	background-size: cover;
	background-position: center;	
}
.bg-custom-1 {
	background-image: url(../img/bg-1.webp);
	background-size: cover;
	background-position: top right;
}
.bg-course-1 {
	background-image: url(../img/bg-course.webp);
}
.bg-gd-1 {
	background: linear-gradient(83.05deg, #FFD455 39.52%, #FFE597 98.57%);
}
.bg-gd-2 {
	background: linear-gradient(90deg, #FFC107 0%, #FFE085 99.6%);
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ellipsis-2l {
	display: -webkit-box;
	white-space: unset;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.shadow-custom-1 {
	box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.05);
}
.shadow-custom-2 {
	box-shadow: 0px -3.26px 12.28px 0px rgba(0, 0, 0, 0.08);
}
.me-custom-1 {
	margin-right: 6rem;
}
hr {
	opacity: 1;
	border-color: #eaecf0;
}
.sp-end {
	position: relative;
}
.sp-end:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: calc(100%);
	background-color: #787878;
	right: 0;
	top: 0;
}
.list-custom-1 li + li {
	margin-top: 8px;
}
.list-check {
	list-style: none;
}
.list-check li {
	position: relative;
}
.list-check li:before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(../img/icon/ico-check-green.webp);
	background-size: 100% 100%;
	position: absolute;
	left: -30px;
	top: 0;
}
.p-custom-1 {
	padding: 3rem !important;
}
.p-custom-2 {
	padding: 2rem !important;
}


/* Button */
a {
	color: var(--bs-primary);
}
a:hover,
a:focus,
a:active {
	color: #cb1553;
}
.link-simple {
	text-decoration: none;
	color: #000;
}
.btn {
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	padding: 0.75rem 2.5rem;
}
.btn-pd-sm {
	padding: 0.75rem;
}
.btn-pd-xs {
	padding: 0.6rem;
}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #cb1553;
	--bs-btn-hover-border-color: #cb1553;
	--bs-btn-focus-shadow-rgb: ;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #af0d45;
	--bs-btn-active-border-color: #af0d45;
	--bs-btn-active-shadow: ;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-light {
	--bs-btn-color: #fff;
	--bs-btn-bg: #A2A2A8;
	--bs-btn-border-color: #A2A2A8;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #898995;
	--bs-btn-hover-border-color: #898995;
	--bs-btn-focus-shadow-rgb: ;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #686877;
	--bs-btn-active-border-color: #686877;
	--bs-btn-active-shadow: ;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #A2A2A8;
	--bs-btn-disabled-border-color: #A2A2A8;
}
.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: ;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #af0d45;
	--bs-btn-active-border-color: #af0d45;
	--bs-btn-active-shadow: ;
	--bs-btn-disabled-color: var(--bs-primary);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-success);
	--bs-btn-border-color: var(--bs-success);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #006d45;
	--bs-btn-hover-border-color: #006d45;
	--bs-btn-focus-shadow-rgb: ;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #005939;
	--bs-btn-active-border-color: #005939;
	--bs-btn-active-shadow: ;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-success);
	--bs-btn-disabled-border-color: var(--bs-success);
}
.btn-outline-dark {
	border-width: 2px;
	--bs-btn-border-color: var(--bs-dark);
	--bs-btn-color: #000;
}
.btn-outline-light {
	--bs-btn-color: #6F7470;
	--bs-btn-bg: transparent;
	--bs-btn-border-color: #b1b1b1;
	--bs-btn-hover-color: #6F7470;
	--bs-btn-hover-bg: #eee;
	--bs-btn-hover-border-color: #b1b1b1;
	--bs-btn-focus-shadow-rgb: ;
	--bs-btn-active-color: #6F7470;
	--bs-btn-active-bg: #ccc;
	--bs-btn-active-border-color: #b1b1b1;
	--bs-btn-active-shadow: ;
	--bs-btn-disabled-color: #6F7470;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #af0d45;
}

.btn-facebook {
	--bs-btn-color: #fff;
	--bs-btn-bg: #2F67D8;
	--bs-btn-border-color: #2F67D8;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #2356bf;
	--bs-btn-hover-border-color: #2356bf;
	--bs-btn-focus-shadow-rgb: ;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #1a47a6;
	--bs-btn-active-border-color: #1a47a6;
	--bs-btn-active-shadow: ;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #2F67D8;
	--bs-btn-disabled-border-color: #2F67D8;
}

.btn-white {
	--bs-btn-color: #000;
	--bs-btn-bg: #fff;
	--bs-btn-border-color: #fff;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #ddd;
	--bs-btn-hover-border-color: #ddd;
	--bs-btn-focus-shadow-rgb: ;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #bbb;
	--bs-btn-active-border-color: #bbb;
	--bs-btn-active-shadow: ;
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #fff;
	--bs-btn-disabled-border-color: #fff;
}
.btn-whatsapp {
	--bs-btn-color: #fff;
	--bs-btn-bg: #39AE41;
	--bs-btn-border-color: #39AE41;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #3da744;
	--bs-btn-hover-border-color: #3da744;
	--bs-btn-focus-shadow-rgb: ;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #339039;
	--bs-btn-active-border-color: #339039;
	--bs-btn-active-shadow: ;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #39AE41;
	--bs-btn-disabled-border-color: #39AE41;
}
.btn-circle-1 {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 0;
	text-align: center;
	line-height: 54px;
	border-width: 2px;
}
.btn-circle-2 {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	padding: 0;
	font-size: 0;
	text-align: center;
	border-width: 2px;
	line-height: 46px;
}
.btn-circle-3 {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	padding: 0;
	text-align: center;
	line-height: 40px;
	border-width: 2px;
}


/* Dropdown */
.dropdown-toggle::after {
	display: none;
}
.dropdown-menu {
	--bs-dropdown-min-width: 175px;
	--bs-dropdown-border-width: 0;
	--bs-dropdown-border-radius: 12px;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
	--bs-dropdown-padding-y: 0;
	--bs-dropdown-item-padding-y: 0.6rem;
	--bs-dropdown-link-hover-color: var(--bs-primary);
	--bs-dropdown-link-hover-bg: var(--bs-secondary);
	--bs-dropdown-link-active-color: var(--bs-primary);
	--bs-dropdown-link-active-bg: var(--bs-secondary);
	--bs-dropdown-divider-margin-y: .25rem;
	z-index: 1021;
}
.dropdown-menu > li:first-child > a {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.dropdown-menu > li:last-child > a,
.dropdown-menu > li:last-child > button {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}



/* Form */
label {
	font-weight: 500;
}
.form-control {
	border-color: #D8D8D8;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
	padding: 0.6rem 0.75rem;
}
.form-control:focus {
	border-color: var(--bs-primary);
	box-shadow: 0 0 0 .25rem rgba(225,31,97,.25);
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #7c8185;
}
.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}
.required > label:first-child {
	position: relative;
}
.required > label:first-child:after {
	content: "*";
	color: red;
	display: block;
	position: absolute;
	top: 0;
	right: -12px;
}
.input-with-icon {
	position: relative;
}
.input-with-icon i,
.input-with-icon img {
	position: absolute;
	left: 14px;
	top: 14px;
}
.input-with-icon img {
	top: 14px;
}
.input-with-icon .form-control {
	padding-left: 40px;
}
.input-with-icon.right i,
.input-with-icon.right img {
	right: 14px;
	left: auto;
}
.input-with-icon.right .form-control {
	padding-left: 15px;
	padding-right: 40px;
}
.form-check {
	padding-left: 25px;
}
.form-check .form-check-input {
	margin-left: -25px;
}
.form-check-input[type=checkbox] {
	border-radius: .3rem;
}
.form-check-input {
	width: 20px;
	height: 20px;
	margin-top: 2px;
}
.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}
.form-check-input:checked[type=radio] {
	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' stroke='white' stroke-width='3' fill='none' /%3e%3c/svg%3e");
}
.checkbox-border {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 1rem;
	border: 1px solid #D9D9D9;
	transition: .25s all;
}
.checkbox-content {
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	transition: .25s all;
}
.checkbox-content.active {
	padding: 1rem 0 0 1.75rem;
	opacity: 1;
	visibility: visible;
	height: auto;
}
.checkbox-wrapper .form-check-input:checked + .checkbox-border {
	border-color: var(--bs-primary);
}
.seperate-line {
	position: relative;
}
.seperate-line:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d5d5dc;
	position: absolute;
	top: 13px;
	left: 0;
	right: 0;
}


/* Navbar */
.nav {
	--bs-nav-link-color: #000;
	--bs-nav-link-hover-color: var(--bs-primary);
}
.navbar {
	--bs-navbar-padding-y: 9px;
	border-bottom: 1px solid #ECEFF8;
	box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.13);
}
.navbar-nav {
	--bs-nav-link-color: var(--gray-1);
	--bs-nav-link-hover-color: var(--bs-primary);
	--bs-navbar-active-color: var(--bs-primary);
	--bs-nav-link-font-weight: 700;
	--bs-navbar-nav-link-padding-x: 1rem;
	--bs-nav-link-padding-y: 0.75rem;
}
.navbar-main {
	--bs-navbar-nav-link-padding-x: 2rem;
}
.navbar-nav .btn {
	padding: 0.5rem 1.5rem;
}
.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}


/* Footer */
footer {

}
footer a {
	text-decoration: none;
	color: #fff;
}
footer ul li + li {
	margin-top: 8px;
}



/* Content */
section {
	padding: 4rem 0;
}
.header {
	height: 300px;
	position: relative;
	overflow: hidden;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
.header:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 216, 99, 0.9);
}
.header > div {
	position: relative;
	z-index: 1;
}



/* Carousel */
.carousel-banner .carousel-caption {
	color: #000;
	top: 15%;
	left: 10%;
	right: auto;
	width: 500px;
	text-align: left;
}
.carousel-banner .carousel-caption {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.carousel-banner .carousel-item.active .carousel-caption {
	opacity: 1;
	transform: translateY(0);
}
.carousel-indicators [data-bs-target] {
	width: 12px;
	height: 12px;
	background-color: #D9D9D9;
	border-radius: 50%;
	transition: .25s all;
	margin-left: 5px;
	margin-right: 5px;
	opacity: 1;
}
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	background-color: var(--bs-primary);
}
.carousel-indicators-custom-1 {
	left: calc(50% + 2rem);
	right: auto;
	margin: 0;
}
.carousel-indicators-custom-2 {
	position: relative;
}
.owl-stage,
.owl-item {
	display: flex;
}
#why-choose-us-carousel .owl-stage-outer {
	overflow: visible;
}


/* Card */
.card {
	--bs-card-border-color: #D9D9D9;
}
.card-image {
	height: 175px;
	background-size: cover;
	background-position: center center;
}


/* Navtab */
.nav-tabs .nav-link {
	color: #152935;
	font-weight: 500;
	border-color: #dfe3e6;
	border-bottom: none;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background-color: #fffcf3;
	border-color: #fffcf3;
}


/* Pagination */
.pagination {
	--bs-pagination-border-color: #d0d5dd;
	--bs-pagination-hover-color: #fff;
	--bs-pagination-hover-bg: var(--bs-primary);
	--bs-pagination-hover-border-color: #d0d5dd;
	--bs-pagination-focus-color: #fff;
	--bs-pagination-focus-bg: var(--bs-primary);
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: var(--bs-primary);
	--bs-pagination-active-border-color: #d0d5dd;
}
.pagination > li:first-child > .page-link,
.pagination > li:last-child > .page-link {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.page-link {
	color: #000;
	min-width: 40px;
	text-align: center;
	line-height: 1.6;
}
.page-link img {
	margin-top: -2px;
}
.page-item.disabled .page-link {
	background-color: transparent;
}
/*.page-link:hover {
	font-weight: 500;
	color: #9d6b3d;
	background-color: transparent;
	border-color: #8c9ba5;
}*/
.page-item.active .page-link {
	color: #9d6b3d;
	border-color: #9d6b3d;
	background-color: transparent;
}


/* Modal */
.modal-content {
	position: relative;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	border-radius: 1.5rem;
	background-color: #fff;
	--bs-modal-border-width: 0;
}
.modal-body {
	padding: 1rem;
}
.btn-close {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}


/* Breadcrumb */
.breadcrumb {
    --bs-breadcrumb-item-active-color: #313131;
}
.breadcrumb a {
	color: #313131;
	text-decoration: none;
}
.breadcrumb-item.active {
	font-weight: 600;
}
.breadcrumb-white {
	--bs-breadcrumb-divider-color: #FFDBDB;
	--bs-breadcrumb-item-active-color: #FFDBDB;
}
.breadcrumb-white a {
	color: #FFDBDB;
}



/* Player */
.player {
	min-height: calc(100dvh - 125.6px);
}
.player-watch-next {
	flex: 0 0 325px;
	position: relative;
}
.player-watch-next .scroll {
	overflow: scroll;
	height: calc(100dvh - 135px - 125.6px - 82px);
}
.player-watch {
	flex-grow: 1;
	height: calc(100dvh - 125.6px);
}
.player-watch > div {
	height: calc(100dvh - 125.6px);	
}
.player-watch-next-toggle {
	position: absolute;
	right: -50px;
	top: 5px;
}


/* Floating button */
.btn-floating {
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 0;
    z-index: 100;
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.19);
}
.btn-floating img {
    z-index: 2;
}
.btn-floating-action {
    position: fixed;
    right: 25px;
    bottom: 25px;
}
.btn-floating-action,
.btn-floating-action:hover,
.btn-floating-action:focus,
.btn-floating-action:active {
    background-color: var(--bs-primary);
}
.floating-menu {
    position: fixed;
    right: 25px;
    bottom: 95px;
    opacity: 0;
    visibility: hidden;
    transition: .25s all;
    z-index: 100;
    width: 60px;
    transform: translateY(15px);
    display: flex;
    flex-direction: column;
}
.floating-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* Cookie */
#cookie-permission {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999999;
    padding: 20px 0;
    display: block;
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    transition: .25s all;
    visibility: hidden;
    opacity: 0;
}
#cookie-permission .container {
    max-width: 100%;
    width: 880px;
}



/* Progress */
.progress {
	--bs-border-radius: 0.25rem;
	--bs-progress-height: 0.5rem;
}



/* Animate */
.animate-custom-1 i {
	transition: .25s all;
}
.animate-custom-1:hover i {
    transform: translateX(10px);
}


/* Responsive */
@media (min-width: 768px) {
	.h-md-100 {
		height: 100%;
	}
}
@media (min-width: 992px) {
	.me-lg-custom-1 {
		margin-right: 6rem;
	}
	.h-lg-100 {
		height: 100% !important;
	}
}
@media (max-width: 1439px) {
	.navbar-toggler {
        width: 44px;
        height: 44px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        border: none;
    }
    .navbar-toggler:focus {
    	box-shadow: none;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 33px;
        height: 3px;
        border-radius: 3px;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        transition: all .25s;
        background-color: #000;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar-toggler .first-bar,
    .navbar-toggler .third-bar {
    	width: 33px;
    }
    .navbar-toggler .icon-bar+.icon-bar {
        margin-top: 8px;
    }
    .navbar-toggler:not(.collapsed) .first-bar {
    	width: 33px;
        transform: translateY(11px) rotate(45deg);
    }
    .navbar-toggler:not(.collapsed) .second-bar {
        visibility: hidden;
        opacity: 0;
    }
    .navbar-toggler:not(.collapsed) .third-bar {
    	width: 33px;
        transform: translateY(-11px) rotate(-45deg);
    }
    .navbar-toggler .first-bar {
        transform: translateY(0) rotate(0);
    }
    .navbar-toggler .second-bar {
        visibility: visible;
        opacity: 1;
    }
    .navbar-toggler .third-bar {
        transform: translateY(0) rotate(0);
    }
    .header {
		height: 250px;
	}
}
@media (max-width: 991px) {
	.carousel-indicators-custom-1 {
		left: 0;
		right: 0;
		margin: auto;
		position: relative;
	}
	section {
		padding: 3rem 0;
	}
	.player-watch-next {
		position: fixed;
		width: 325px;
		left: -325px;
		transition: .25s all;
		z-index: 99;
		background-color: #fff;
	}
	.player-watch-next.active {
		left: 0;
	}
	.player,
	.player-watch,
	.player-watch > div {
		height: auto;
		min-height: 0;
	}
	.player-watch > div {
		padding:56.25% 0 0 0;
	}
	.img-instructor {
		width: 240px;
	}
}
@media (max-width: 767px) {
	section {
		padding: 2rem 0;
	}
	.btn-circle-1 {
		width: 48px;
		height: 48px;
		line-height: 42px;
	}
	.p-sm-0 {
		padding: 0 !important;
	}
	.header {
		height: 175px;
	}
	.sp-end:after {
		width: auto;
		height: 1px;
		left: 2rem;
		right: 2rem;
		bottom: -0.75rem;
		top: auto;
	}
	.p-custom-1,
	.p-custom-2 {
		padding: 1rem !important;
	}
}