@charset "UTF-8";

:root {
	--mycolor-theme-darkblue: #153071;
	--mycolor-theme-lightblue: #ecf0f9;
	--mycolor-theme-darkgray: #323946;
	--mycolor-bs-gray: #6c757d;
	--mycolor-bs-green: #198754;
	--mycolor-bs-red: #dc3545;
	--mycolor-bs-yellow: #ffc107;
	--mycolor-kotrablue: #00519e;
	--mycolor-bg-lightgreen: #b6ed87;
	--mycolor-bg-lightred: #ffbbbb;
	--mycolor-bg-lightyellow: #ffcc99;
	--mycolor-border-gray: #dee2e6;
	--mycolor-text-gray: #616876;
	--mycolor-text-lightgray: #999999;
	--mycolor-link-lightblue: #4298ef; /* #44bef1 helyett */
	--mycolor-link-lightblue-hover: #51ccff;
	--mycolor-hover-lightblue: #baddf1;
	--mycolor-hover-lightgray: #f2f2f5;
	--mycolor-answer-blue: #98cbed;
	--mycolor-answer-green: #b6ed87;
	--mycolor-answer-red: #f35841;
	--mycolor-result-yellow: #ff8330;
}

a.linkbtn-blue:link,
a.linkbtn-blue:visited {
	padding: 2px 10px;
	color: #ffffff;
	background-color: var(--mycolor-theme-darkblue);
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 5px;
}

a.linkbtn-blue:hover,
a.linkbtn-blue:active {
	background-color: var(--mycolor-link-lightblue);
}

a.linkbtn-danger:link,
a.linkbtn-danger:visited {
	padding: 2px 10px;
	color: #ffffff;
	background-color: var(--mycolor-bs-red);
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 5px;
}

a.linkbtn-danger:hover,
a.linkbtn-danger:active {
	background-color: var(--mycolor-answer-red);
}

a.linkbtn-lightblue:link,
a.linkbtn-lightblue:visited {
	padding: 2px 10px;
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue);
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 5px;
}

a.linkbtn-lightblue:hover,
a.linkbtn-lightblue:active {
	background-color: var(--mycolor-link-lightblue-hover);
}


/** @section Redefine and Complete STYLE.CSS */
.cssload-speeding-wheel {
	width: 36px;
	height: 36px;
	margin: 0 auto;
	border: 3px solid var(--mycolor-theme-darkblue);
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	animation: cssload-spin .88s infinite linear;
}

.footer-nav li.active a {
	color: var(--mycolor-result-yellow);
}

.form-select {
	display: block;
	width: 100%;
	min-height: 50px;
	padding: 12px 19px;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: #999;
	background-color: #f4f7f9;
	border-radius: 0;
	-webkit-appearance: none;
	transition: .3s ease-in-out;
	border: 1px solid transparent;
	border: 1px solid #F9F9FE;
	box-shadow: none;
}
.form-select:focus {
	border-color: transparent;
	outline: 0;
	box-shadow: none;
	background-color: #f4f7f9;
}
.form-wrap.has-error .form-select {
	border-color: #f5543f;
}

.form-wrap.has-focus .form-select {
	border-color: #4298ef;
}
.form-sm .form-select {
	padding-top: 9px;
	padding-bottom: 9px;
	min-height: 40px;
}
.form-lg .form-select {
	font-size: 16px;
	padding-top: 17px;
	padding-bottom: 17px;
	min-height: 58px;
}

.rd-navbar-classic .rd-navbar-main-outer,
.rd-navbar-contrast .rd-navbar-main-outer,
.rd-navbar-fixed .rd-navbar-panel {
	background-color: var(--mycolor-theme-darkblue);
}
.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle {
	color: #ffffff;
}
.rd-navbar-static .rd-nav-item.active .rd-nav-link,
.rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle,
.rd-navbar-static .rd-nav-item.active .rd-dropdown-item.active > .rd-dropdown-link,
.rd-navbar-static .rd-navbar-dropdown > li.active > a::before {
	color: var(--mycolor-result-yellow);
}
.rd-navbar-static .rd-navbar-dropdown {
	top: 28px;
	left: -24px;
}
.rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
.rd-navbar-fixed .rd-navbar-dropdown > li.active > a {
	background: var(--mycolor-result-yellow);
}
.rd-navbar-fixed .rd-navbar-loginout .btn-mybtnloginout {
	top: 12px;
}


/** @section Action Icon */
.action-icon-30 {
	color: #ffffff;
	background-color: var(--mycolor-theme-darkblue);
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	border-radius: 5px;
	margin: 3px;
}
.action-icon-link:hover .action-icon-30 {
	background-color: var(--mycolor-link-lightblue);
}
.action-icon-lightblue-30 {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue);
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	border-radius: 5px;
	margin: 3px;
}
.action-icon-link:hover .action-icon-lightblue-30 {
	background-color: var(--mycolor-link-lightblue-hover);
}
.action-icon-danger-30 {
	color: #ffffff;
	background-color: var(--mycolor-bs-red);
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	border-radius: 5px;
	margin: 3px;
}
.action-icon-link:hover .action-icon-danger-30 {
	background-color: var(--mycolor-answer-red);
}
.action-icon-success-30 {
	color: #ffffff;
	background-color: var(--mycolor-bs-green);
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	border-radius: 5px;
	margin: 3px;
}
.action-icon-link:hover .action-icon-success-30 {
	background-color: var(--mycolor-answer-green);
}
.action-icon-link.disabled .action-icon-30,
.action-icon-link.disabled .action-icon-lightblue-30,
.action-icon-link.disabled .action-icon-danger-30,
.action-icon-link.disabled .action-icon-success-30 {
	background-color: var(--mycolor-text-lightgray);
}
.action-icon-link.disabled:hover .action-icon-30,
.action-icon-link.disabled:hover .action-icon-lightblue-30,
.action-icon-link.disabled:hover .action-icon-danger-30,
.action-icon-link.disabled:hover .action-icon-success-30 {
	background-color: var(--mycolor-text-lightgray);
}


/** @section Background */
.bg-img-drivinginstruction {
	background: url("../images/bg-drivinginstruction.jpg") no-repeat center;
	background-size: cover;
}

.bg-mylightblue {
	background-color: var(--mycolor-theme-lightblue);
}


/** @section My Button */
.btn-mybtnblue,
.btn-mybtnblue:focus {
	color: #ffffff;
	background-color: var(--mycolor-theme-darkblue);
	border-color: var(--mycolor-theme-darkblue);
}

.btn-mybtnblue:not(:disabled):not(.disabled):active,
.btn-mybtnblue:not(:disabled):not(.disabled).active,
.btn-mybtnblue:hover,
.btn-mybtnblue:active,
.btn-mybtnblue.active {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue);
	border-color: var(--mycolor-link-lightblue);
}

.btn-mybtnblue-outline,
.btn-mybtnblue-outline:focus {
	color: var(--mycolor-theme-darkblue);
	background-color: #ffffff;
	border-color: var(--mycolor-theme-darkblue);
}

.btn-mybtnblue-outline:not(:disabled):not(.disabled):active,
.btn-mybtnblue-outline:not(:disabled):not(.disabled).active,
.btn-mybtnblue-outline:hover,
.btn-mybtnblue-outline:active,
.btn-mybtnblue-outline.active {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue);
	border-color: var(--mycolor-link-lightblue);
}

.btn-mybtnlightblue,
.btn-mybtnlightblue:focus {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue);
	border-color: var(--mycolor-link-lightblue);
}

.btn-mybtnlightblue:not(:disabled):not(.disabled):active,
.btn-mybtnlightblue:not(:disabled):not(.disabled).active,
.btn-mybtnlightblue:hover,
.btn-mybtnlightblue:active,
.btn-mybtnlightblue.active {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue-hover);
	border-color: var(--mycolor-link-lightblue-hover);
}

.btn-mybtnlightblue-outline,
.btn-mybtnlightblue-outline:focus {
	color: var(--mycolor-link-lightblue);
	background-color: #ffffff;
	border-color: var(--mycolor-link-lightblue);
}

.btn-mybtnlightblue-outline:not(:disabled):not(.disabled):active,
.btn-mybtnlightblue-outline:not(:disabled):not(.disabled).active,
.btn-mybtnlightblue-outline:hover,
.btn-mybtnlightblue-outline:active,
.btn-mybtnlightblue-outline.active {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue-hover);
	border-color: var(--mycolor-link-lightblue-hover);
}

.btn-mybtndanger,
.btn-mybtndanger:focus {
	color: #ffffff;
	background-color: var(--mycolor-bs-red);
	border-color: var(--mycolor-bs-red);
}

.btn-mybtndanger:not(:disabled):not(.disabled):active,
.btn-mybtndanger:not(:disabled):not(.disabled).active,
.btn-mybtndanger:hover,
.btn-mybtndanger:active,
.btn-mybtndanger.active {
	color: #ffffff;
	background-color: var(--mycolor-answer-red);
	border-color: var(--mycolor-answer-red);
}

.btn-mybtndanger-outline,
.btn-mybtndanger-outline:focus {
	color: var(--mycolor-bs-red);
	background-color: #ffffff;
	border-color: var(--mycolor-bs-red);
}

.btn-mybtndanger-outline:not(:disabled):not(.disabled):active,
.btn-mybtndanger-outline:not(:disabled):not(.disabled).active,
.btn-mybtndanger-outline:hover,
.btn-mybtndanger-outline:active,
.btn-mybtndanger-outline.active {
	color: #ffffff;
	background-color: var(--mycolor-answer-red);
	border-color: var(--mycolor-answer-red);
}

.btn-mybtnsuccess,
.btn-mybtnsuccess:focus {
	color: #ffffff;
	background-color: var(--mycolor-bs-green);
	border-color: var(--mycolor-bs-green);
}

.btn-mybtnsuccess:not(:disabled):not(.disabled):active,
.btn-mybtnsuccess:not(:disabled):not(.disabled).active,
.btn-mybtnsuccess:hover,
.btn-mybtnsuccess:active,
.btn-mybtnsuccess.active {
	color: #ffffff;
	background-color: var(--mycolor-answer-green);
	border-color: var(--mycolor-answer-green);
}

.btn-mybtnsuccess-outline,
.btn-mybtnsuccess-outline:focus {
	color: var(--mycolor-bs-green);
	background-color: #ffffff;
	border-color: var(--mycolor-bs-green);
}

.btn-mybtnsuccess-outline:not(:disabled):not(.disabled):active,
.btn-mybtnsuccess-outline:not(:disabled):not(.disabled).active,
.btn-mybtnsuccess-outline:hover,
.btn-mybtnsuccess-outline:active,
.btn-mybtnsuccess-outline.active {
	color: #ffffff;
	background-color: var(--mycolor-answer-green);
	border-color: var(--mycolor-answer-green);
}

.btn-mybtnlg {
	padding: 13px 34px;
	font-size: 22px;
	line-height: 1.5;
	border-radius: 5px;
	min-height: 70px;
	min-width: 200px;
	max-width: 100%;
}

.btn-mybtnloginout {
	padding: 2px 10px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	border-radius: 5px;
	max-height: 32px;
}

.btn-mybtnmaxwidth {
	width: 100%;
	max-width: 100%;
}

.btn-mybtnmodal {
	padding: 10px 20px;
	font-size: 18px;
	line-height: 1.5;
	border-radius: 5px;
	min-width: 120px;
}

.btn-mybtnstudy {
	padding: 12px 22px;
	font-size: 18px;
	line-height: 1.5;
	min-width: 260px;
	max-width: 100%;
}


/** @section Cursor */
.cursor-none {
	cursor: none;
}
.cursor-not-allowed {
	cursor: not-allowed;
}
.cursor-pointer {
	cursor: pointer;
}
.cursor-zoom-in {
	cursor: zoom-in;
}
.cursor-zoom-out {
	cursor: zoom-out;
}


/** @section Insets */
@media (min-width: 992px) {
	.inset-lg-left-30 {
		padding-left: 30px;
	}
	.inset-lg-right-30 {
		padding-right: 30px;
	}
}

@media (min-width: 1200px) {
	.inset-xl-left-70 {
		padding-left: 70px;
	}
	.inset-xl-right-70 {
		padding-right: 70px;
	}
}


/** @section Image */
.image-clickable {
	cursor: pointer;
}

.image-modal {
	background: rgba(0, 0, 0, 0.66);
}

.image-modal .modal-dialog {
	--bs-modal-width: 300px;
}

@media (min-width: 576px) {
	.image-modal .modal-dialog {
		--bs-modal-width: 500px;
	}
}
@media (min-width: 768px) {
	.image-modal .modal-dialog {
		--bs-modal-width: 576px;
	}
}
@media (min-width: 992px) {
	.image-modal .modal-dialog {
		--bs-modal-width: 640px;
	}
}
@media (min-width: 1200px) {
	.image-modal .modal-dialog {
		--bs-modal-width: 800px;
	}
}
@media (min-width: 1400px) {
	.image-modal .modal-dialog {
		--bs-modal-width: 960px;
	}
}


/** @section My Card */
.mycard-border {
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid var(--mycolor-border-gray);
	border-radius: 0;
}

.mycard {
	position: relative;
	width: 100%;
	height: 100%;
}

.mycard img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mycard a > span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: right;
	color: #ffffff;
	background-color: #15307180;
	font-size: 18px;
	font-weight: 700;
	padding: 12px;
	margin: 0;
	transition: .3s;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.mycard:hover a > span {
	background-color: #4298ef80;
}


/** @section My Form */
.myform {
	padding: 50px;
	background: #ffffff;
	border-radius: 5px;
	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
	color: var(--mycolor-text-gray);
}

.myform .hr-section {
	border-top: 2px solid var(--mycolor-text-gray);
}

.myform .myform-header {
	margin-bottom: 30px;
}

.myform .myform-header img {
	max-width: 300px;
	margin-bottom: 10px;
}

.myform .myform-header h1,
.myform .myform-header h2,
.myform .myform-header h3,
.myform .myform-header h4,
.myform .myform-header h5,
.myform .myform-header h6 {
	color: var(--mycolor-theme-darkblue);
	margin-bottom: 5px;
	font-weight: 800;
}

.myform .myform-header p {
	font-size: 20px;
}

.myform .myform-footer {
	margin-top: 40px;
}

.myform .myform-title {
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-text-gray);
}
.myform .myform-title-start {
	text-align: left !important;
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-text-gray);
}
.myform .myform-title-center {
	text-align: center !important;
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-text-gray);
}
.myform .myform-title-end {
	text-align: right !important;
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-text-gray);
}

.myform .myinput {
	color: var(--mycolor-text-gray);
	font-size: 16px;
}

.myform .myinput:focus {
	border-color: var(--mycolor-text-gray);
}

.myform .myinput:required:invalid, .myform .myinput:focus:invalid {
	border-color: var(--mycolor-answer-red);
}

.myform .myselect {
	color: var(--mycolor-text-gray);
	font-size: 16px;
}

.myform .myselect:focus {
	border-color: var(--mycolor-text-gray);
}

.myform .myselect:required:invalid, .myform .myselect:focus:invalid {
	border-color: var(--mycolor-answer-red);
}

.myform .mylabel {
	color: var(--mycolor-text-gray);
}

.myform-danger {
	padding: 20px;
	background: var(--mycolor-bg-lightred);
	border-radius: 5px;
	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-bs-red);
}
.myform-success {
	padding: 20px;
	background: var(--mycolor-bg-lightgreen);
	border-radius: 5px;
	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-bs-green);
}
.myform-warning {
	padding: 20px;
	background: var(--mycolor-bg-lightyellow);
	border-radius: 5px;
	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-result-yellow);
}
.myform-white {
	padding: 20px;
	background: #ffffff;
	border-radius: 5px;
	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-text-gray);
}


/** @section My Icon */
.myicon-left {
	padding-right: 10px;
}
.myicon-right {
	padding-left: 10px;
}


/** @section My Modal */
.mymodal .modal-header {
	background: var(--mycolor-theme-darkblue);
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 0px;
}
.mymodal .modal-body {
	font-size: 18px;
	text-align: left;
	padding: 30px;
}
.mymodal .modal-footer {
	border-top: 0px;
}

.mymodal-lightblue .modal-header {
	background: var(--mycolor-link-lightblue);
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 0px;
}
.mymodal-lightblue .modal-body {
	font-size: 18px;
	text-align: left;
	padding: 30px;
}
.mymodal-lightblue .modal-footer {
	border-top: 0px;
}

.mymodal-danger .modal-header {
	background: var(--mycolor-bs-red);
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 0px;
}
.mymodal-danger .modal-body {
	font-size: 18px;
	text-align: left;
	padding: 30px;
}
.mymodal-danger .modal-footer {
	border-top: 0px;
}

.mymodal-success .modal-header {
	background: var(--mycolor-bs-green);
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 0px;
}
.mymodal-success .modal-body {
	font-size: 18px;
	text-align: left;
	padding: 30px;
}
.mymodal-success .modal-footer {
	border-top: 0px;
}


/** @section My Pagination */
.mypagination .page-item .page-link {
	color: var(--mycolor-link-lightblue);
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
.mypagination .page-item .page-link:hover {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue);
	border-color: var(--mycolor-link-lightblue);
}
.mypagination .page-item .page-link:focus {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue);
	border-color: #cccccc;
}
.mypagination .page-item.active .page-link {
	color: var(--mycolor-result-yellow);
	background-color: var(--mycolor-theme-darkblue);
	border-color: var(--mycolor-theme-darkblue);
	font-weight: 600;
}
.mypagination .page-item.disabled .page-link {
	color: var(--mycolor-text-lightgray);
	pointer-events: none;
	background-color: #ffffff;
	border-color: #cccccc;
}
.mypagination .page-item.display-md,
.mypagination .page-item.display-lg {
	display: none;
}
.mypagination .page-item.hide-md,
.mypagination .page-item.hide-lg {
	display: list-item;
}
@media (min-width: 768px) {
	.mypagination .page-item.display-md {
		display: list-item;
	}
	.mypagination .page-item.hide-md {
		display: none;
	}
}
@media (min-width: 992px) {
	.mypagination .page-item.display-lg {
		display: list-item;
	}
	.mypagination .page-item.hide-lg {
		display: none;
	}
}


/** @section My Product */
.myproduct {
	padding: 0;
	background-color: #ffffff;
	border: 1px solid var(--mycolor-border-gray);
	border-radius: 1.5rem;
	box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
	color: var(--mycolor-text-gray);
	text-align: center;
	overflow: hidden;
	transition: .3s;
	margin: 30px 10px 0px 10px;
}
.myproduct h1, .myproduct h2, .myproduct h3, .myproduct h4, .myproduct h5, .myproduct h6, .myproduct .h1, .myproduct .h2, .myproduct .h3, .myproduct .h4, .myproduct .h5, .myproduct .h6 {
	color: #000000;
}
.myproduct p {
	margin-top: 1rem;
}
.myproduct:hover {
	background: var(--mycolor-hover-lightblue);
}
.myproduct .myproduct-head .myproduct-image img {
	padding: 5px;
	border-radius: 1.5rem 1.5rem 0rem 0rem;
}
.myproduct .myproduct-body {
	padding: 24px 31px;
}
.myproduct .myproduct-btn {
	margin-top: 20px;
	margin-bottom: 10px;
}
.myproduct-thumbnail {
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid var(--mycolor-border-gray);
	border-radius: 1.5rem;
	box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
	max-width: 100%;
	height: auto;
}


/** @section My School */
.myschool {
	background: #ffffff;
	border-radius: 1.5rem;
	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
	color: var(--mycolor-text-gray);
	margin-bottom: 50px;
}
.myschool hr {
	width: 95%;
	margin-top: 0;
	margin-bottom: 0;
}
.myschool .myschool-header {
	background: var(--mycolor-theme-darkblue);
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 1.5rem 1.5rem 0 0;
	padding: 10px;
}
.myschool .myschool-header-success {
	background: var(--mycolor-bs-green);
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 1.5rem 1.5rem 0 0;
	padding: 10px;
}
.myschool .myschool-footer {
	font-size: 16px;
}
.myschool .myschool-footer-success {
	color: var(--mycolor-bs-green);
	font-size: 16px;
	font-weight: 600;
}


/** @section No Display */
.nodisplay {
	display: none;
}
@media (min-width: 576px) {
	.nodisplay-sm {
		display: none;
	}
}
@media (min-width: 768px) {
	.nodisplay-md {
		display: none;
	}
}
@media (min-width: 992px) {
	.nodisplay-lg {
		display: none;
	}
}
@media (min-width: 1200px) {
	.nodisplay-xl {
		display: none;
	}
}
@media (min-width: 1400px) {
	.nodisplay-xxl {
		display: none;
	}
}


/** @section My Table Nav */
.mytablenav .nav-link {
	background-color: #ffffff;
	font-weight: 400;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #cccccc;
}
.mytablenav .nav-link:hover, .nav-tabs .nav-link:focus {
	background-color: var(--mycolor-hover-lightgray);
	isolation: isolate;
}
.mytablenav .nav-link.active,
.mytablenav .show > .nav-link {
	color: var(--mycolor-result-yellow);
	background-color: var(--mycolor-theme-darkblue);
	font-weight: 600;
	border-bottom: 1px solid #cccccc;
}


/** @section My UL */
.my-ul-small {
	list-style-type: none;
	padding-left: 0;
	margin-left: 36px;
	margin-top: 18px;
	margin-bottom: 18px;
	text-align: left;
	font-size: 15px;
	font-weight: 400;
}
.my-ul-small > li {
	position: relative;
	margin-bottom: 12px;
}
.my-ul-small .my-li {
	position: absolute;
	text-align: center;
	width: 36px;
	left: -36px;
}

.my-ul-normal {
	list-style-type: none;
	padding-left: 0;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	font-size: 18px;
	font-weight: 400;
}
.my-ul-normal > li {
	position: relative;
	margin-bottom: 14px;
}
.my-ul-normal .my-li {
	position: absolute;
	text-align: center;
	width: 40px;
	left: -40px;
}


/** @section Paragraph */
.paragraph-small {
	font-size: 15px;
	font-weight: 400;
}
.paragraph-small .paragraph-icon {
	color: #ffffff;
	background-color: var(--mycolor-theme-darkblue);
	font-size: 13px;
	border-radius: 5px;
	padding:3px;
}
.paragraph-small .paragraph-icon-lightblue {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue);
	font-size: 13px;
	border-radius: 5px;
	padding:3px;
}
.paragraph-small .paragraph-icon-danger {
	color: #ffffff;
	background-color: var(--mycolor-bs-red);
	font-size: 13px;
	border-radius: 5px;
	padding:3px;
}
.paragraph-small .paragraph-icon-success {
	color: #ffffff;
	background-color: var(--mycolor-bs-green);
	font-size: 13px;
	border-radius: 5px;
	padding:3px;
}

.paragraph-normal {
	font-size: 18px;
	font-weight: 400;
}
.paragraph-normal .paragraph-icon {
	color: #ffffff;
	background-color: var(--mycolor-theme-darkblue);
	font-size: 16px;
	border-radius: 5px;
	padding:3px;
}
.paragraph-normal .paragraph-icon-lightblue {
	color: #ffffff;
	background-color: var(--mycolor-link-lightblue);
	font-size: 16px;
	border-radius: 5px;
	padding:3px;
}
.paragraph-normal .paragraph-icon-danger {
	color: #ffffff;
	background-color: var(--mycolor-bs-red);
	font-size: 16px;
	border-radius: 5px;
	padding:3px;
}
.paragraph-normal .paragraph-icon-success {
	color: #ffffff;
	background-color: var(--mycolor-bs-green);
	font-size: 16px;
	border-radius: 5px;
	padding:3px;
}

.paragraph-total-value {
	font-size: 20px;
	font-weight: 400;
}

.paragraph-small *,
.paragraph-normal *,
.paragraph-total-value * {
	display: inline;
}

.paragraph-small * + *,
.paragraph-normal * + *,
.paragraph-total-value * + * {
	margin-left: 0;
	margin-right: 0;
}


/** @section Pay Flex Container */
.pay-flex-container {
	display: flex;
	flex-wrap: wrap;
}
.pay-flex-container .flex-item-left {
	flex: 45%;
	text-align: right;
	padding-top: 1rem;
	padding-right: 1rem;
}
.pay-flex-container .flex-item-right {
	flex: 55%;
	text-align: left;
	padding-top: 1rem;
	padding-left: 1rem;
}
@media (max-width: 1200px) {
	.pay-flex-container .flex-item-left {
		flex: 100%;
		text-align: center;
		padding-top: 1.5rem;
		padding-right: 0;
	}
	.pay-flex-container .flex-item-right {
		flex: 100%;
		text-align: center;
		padding-top: 0;
		padding-left: 0;
	}
}


/** @section PayPal Form */
.paypalform {
	padding: 20px;
	background: #ffffff;
	border-radius: 5px;
	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-text-gray);
}
.paypalform .paypalform-title-center {
	text-align: center !important;
	font-size: 20px;
	font-weight: 600;
	color: var(--mycolor-text-gray);
	padding-bottom: 15px;
}
.paypalform .paypalform-thumbnail {
	border-radius: 5px;
	max-width: 100%;
	height: auto;
}
.paypalform .paypalform-balance-title {
	color: var(--mycolor-bs-red);
	padding-top: 15px;
}
.paypalform .paypalform-balance input {
	width: 100%;
	color: var(--mycolor-text-gray);
	font-weight: 800;
	font-size: 28px;
	text-align: center;
	border: 1px solid var(--mycolor-text-gray);
	border-radius: 5px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.paypalform .paypalform-price {
	color: var(--mycolor-bs-red);
	font-size: 28px;
	font-weight: 800;
	padding-top: 15px;
	padding-bottom: 15px;
}
.paypalform #checkout-container.hidden {
	display: none;
}
.paypalform #status-message {
	display: none;
	padding: 12px;
	border-radius: 4px;
	margin-bottom: 12px;
	font-weight: 600;
}
.paypalform .success {
	color: var(--mycolor-bs-green);
}
.paypalform .error {
	color: var(--mycolor-bs-red);
}


/** @section Pricing Card */
.pricing-card {
	padding: 0;
	background-color: #ffffff;
	border: 1px solid var(--mycolor-border-gray);
	border-radius: 1.5rem;
	box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
	color: var(--mycolor-text-gray);
	text-align: center;
	overflow: hidden;
	transition: .3s;
	margin: 30px 10px 0px 10px;
}
.pricing-card.glossy {
	background-color: #ffffffcc;
	color: var(--mycolor-theme-darkgray);
}
.pricing-card .card-body {
	padding: 24px 31px;
}
.pricing-card .card-title {
	color: var(--mycolor-theme-darkblue);
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.pricing-card .price .value {
	color: var(--mycolor-theme-darkgray);
	font-size: 42px;
	font-weight: 700;
	text-align: center;
}
.pricing-card .price .currency {
	color: var(--mycolor-theme-darkgray);
	font-size: 16px;
	font-weight: 700;
	margin-left: 8px;
	vertical-align: 40%;
}
.pricing-card .frequency {
	font-size: 12px;
}
.pricing-card .divider {
	height: 1px;
	margin-top: 20px;
	margin-bottom: 15px;
	border: none;
	background-color: #cccccc;
}
.pricing-card.glossy .divider {
	background-color: var(--mycolor-text-gray);
}
.pricing-card .card-ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
.pricing-card .card-ul > li {
	position: relative;
	margin-bottom: 12px;
}
.pricing-card .card-ul .card-li {
	position: absolute;
	text-align: center;
	width: 40px;
	left: -40px;
}
.pricing-card .card-ul .card-li.far {
	color: var(--mycolor-theme-darkblue);
}
.pricing-card .card-ul .card-li.far.fa-times {
	color: var(--mycolor-bs-red);
}

.pricing-card-danger {
	padding: 0;
	background-color: #ffbbbb;
	border: 1px solid var(--mycolor-border-gray);
	border-radius: 1.5rem;
	box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
	color: var(--mycolor-text-gray);
	text-align: center;
	overflow: hidden;
	transition: .3s;
	margin: 30px 10px 0px 10px;
}
.pricing-card-danger.glossy {
	background-color: #ffbbbbcc;
	color: var(--mycolor-theme-darkgray);
}
.pricing-card-danger .card-body {
	padding: 24px 31px;
}
.pricing-card-danger .card-title {
	color: var(--mycolor-theme-darkblue);
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.pricing-card-danger .price .value {
	color: var(--mycolor-bs-red);
	font-size: 42px;
	font-weight: 700;
	text-align: center;
}
.pricing-card-danger .price .currency {
	color: var(--mycolor-bs-red);
	font-size: 16px;
	font-weight: 700;
	margin-left: 8px;
	vertical-align: 40%;
}
.pricing-card-danger .frequency {
	font-size: 12px;
}
.pricing-card-danger .divider {
	height: 1px;
	margin-top: 20px;
	margin-bottom: 15px;
	border: none;
	background-color: var(--mycolor-text-lightgray);
}
.pricing-card-danger.glossy .divider {
	background-color: var(--mycolor-text-gray);
}
.pricing-card-danger .card-ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
.pricing-card-danger .card-ul > li {
	position: relative;
	margin-bottom: 12px;
}
.pricing-card-danger .card-ul .card-li {
	position: absolute;
	text-align: center;
	width: 40px;
	left: -40px;
}
.pricing-card-danger .card-ul .card-li.far {
	color: var(--mycolor-theme-darkblue);
}
.pricing-card-danger .card-ul .card-li.far.fa-times {
	color: var(--mycolor-bs-red);
}

.pricing-card-success {
	padding: 0;
	background-color: #b6ed87;
	border: 1px solid var(--mycolor-border-gray);
	border-radius: 1.5rem;
	box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
	color: var(--mycolor-text-gray);
	text-align: center;
	overflow: hidden;
	transition: .3s;
	margin: 30px 10px 0px 10px;
}
.pricing-card-success.glossy {
	background-color: #b6ed87cc;
	color: var(--mycolor-theme-darkgray);
}
.pricing-card-success .card-body {
	padding: 24px 31px;
}
.pricing-card-success .card-title {
	color: var(--mycolor-theme-darkblue);
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.pricing-card-success .price .value {
	color: var(--mycolor-bs-green);
	font-size: 42px;
	font-weight: 700;
	text-align: center;
}
.pricing-card-success .price .currency {
	color: var(--mycolor-bs-green);
	font-size: 16px;
	font-weight: 700;
	margin-left: 8px;
	vertical-align: 40%;
}
.pricing-card-success .frequency {
	font-size: 12px;
}
.pricing-card-success .divider {
	height: 1px;
	margin-top: 20px;
	margin-bottom: 15px;
	border: none;
	background-color: var(--mycolor-text-lightgray);
}
.pricing-card-success.glossy .divider {
	background-color: var(--mycolor-text-gray);
}
.pricing-card-success .card-ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
.pricing-card-success .card-ul > li {
	position: relative;
	margin-bottom: 12px;
}
.pricing-card-success .card-ul .card-li {
	position: absolute;
	text-align: center;
	width: 40px;
	left: -40px;
}
.pricing-card-success .card-ul .card-li.far {
	color: var(--mycolor-theme-darkblue);
}
.pricing-card-success .card-ul .card-li.far.fa-times {
	color: var(--mycolor-bs-red);
}

/** @section Product MobilApp */
.product-mobilapp {
	border: 1px solid rgba(255, 255, 255, 0.75);
	border-radius: 1.5rem;
	padding: 20px;
	margin: 0 0 30px 0;
	text-align: center;
	transition: .33s;
}
.product-mobilapp:hover {
	border: 1px solid rgba(255, 255, 255, 0);
	background: rgba(255, 255, 255, 0.33);
}

.product-mobilapp h1,
.product-mobilapp h2,
.product-mobilapp h3,
.product-mobilapp h4,
.product-mobilapp h5,
.product-mobilapp h6,
.product-mobilapp p {
	color: #ffffff;
}

.product-mobilapp .product-mobilapp-icon {
	padding-top: 10px;
}
.product-mobilapp .product-mobilapp-icon img {
	width: 64px;
	height: 64px;
	border: 2px solid rgba(255, 255, 255, 1);
	border-radius: 12px;
	transition: .33s;
}
.product-mobilapp:hover .product-mobilapp-icon img {
	transform: scale(1.25);
}


/** @section Rounded Corners */
.rounded-10 {
	border-radius: 10px !important;
}
.rounded-20 {
	border-radius: 20px !important;
}
.rounded-30 {
	border-radius: 30px !important;
}
.rounded-40 {
	border-radius: 40px !important;
}
.rounded-50 {
	border-radius: 50px !important;
}


/** @section Section */
.section-back-image {
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.section-back-image h1,
.section-back-image h2,
.section-back-image h3,
.section-back-image h4,
.section-back-image h5,
.section-back-image h6,
.section-back-image p {
	color: #ffffff;
}


/** @section Study Content */
.study-content {
	background: #ffffff;
	border-radius: 1.5rem;
	box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
	color: var(--mycolor-text-gray);
	margin-bottom: 50px;
}
.study-content .study-content-header {
	background: var(--mycolor-theme-darkblue);
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	border-radius: 1.5rem 1.5rem 0 0;
	padding: 10px;
}
.study-content .study-content-header .study-content-image {
	padding: 10px;
}
.study-content .study-content-header .study-content-image img {
	border: 2px solid #ffffff;
	border-radius: 1.5rem 1.5rem 0 0;
}
.study-content .study-content-header-danger {
	background: var(--mycolor-bs-red);
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	border-radius: 1.5rem 1.5rem 0 0;
	padding: 10px;
}
.study-content .study-content-header-danger .study-content-image {
	padding: 10px;
}
.study-content .study-content-header-danger .study-content-image img {
	border: 2px solid #ffffff;
	border-radius: 1.5rem 1.5rem 0 0;
}
.study-content .study-content-body {
	padding: 20px;
	text-align: left;
}
.study-content hr {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.study-content .study-content-btn {
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
}
.study-content .study-content-footer {
	font-size: 16px;
}
.study-content .study-content-footer-danger {
	color: var(--mycolor-bs-red);
	font-size: 16px;
	font-weight: 600;
}


/** @section Table Center Borderless */
.table-center-borderless {
	margin-left: auto; 
	margin-right: auto;
	border-width: 0px;
}


/** @section Table Darkblue */
.table-darkblue {
	width: 100%;
	max-width: 100%;
	margin-bottom: 24;
}
.table-darkblue thead {
	background: var(--mycolor-theme-darkblue);
	color: #ffffff;
}
.table-darkblue thead a {
	color: #ffffff;
}
.table-darkblue thead a:hover {
	color: var(--mycolor-link-lightblue);
}
.table-darkblue > thead > tr > th,
.table-darkblue > thead > tr > td,
.table-darkblue > tbody > tr > th,
.table-darkblue > tbody > tr > td,
.table-darkblue > tfoot > tr > th,
.table-darkblue > tfoot > tr > td {
	padding: 5px;
	font-size: 12px;
	line-height: 1.6;
	vertical-align: middle;
}
.table-darkblue > thead > tr > th {
	padding: 15px 5px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 700;
	border-top: 0;
}
.table-darkblue td.display-md,
.table-darkblue th.display-md,
.table-darkblue td.display-lg,
.table-darkblue th.display-lg {
	display: none;
}
.table-darkblue td.hide-md,
.table-darkblue th.hide-md,
.table-darkblue td.hide-lg,
.table-darkblue th.hide-lg {
	display: table-cell;
}
@media (min-width: 576px) {
	.table-darkblue > thead > tr > th,
	.table-darkblue > thead > tr > td,
	.table-darkblue > tbody > tr > th,
	.table-darkblue > tbody > tr > td,
	.table-darkblue > tfoot > tr > th,
	.table-darkblue > tfoot > tr > td {
		padding: 10px;
		font-size: 13px;
	}
	.table-darkblue > thead > tr > th {
		padding: 18px 10px;
		font-size: 14px;
	}
}
@media (min-width: 768px) {
	.table-darkblue > thead > tr > th,
	.table-darkblue > thead > tr > td,
	.table-darkblue > tbody > tr > th,
	.table-darkblue > tbody > tr > td,
	.table-darkblue > tfoot > tr > th,
	.table-darkblue > tfoot > tr > td {
		padding: 15px;
		font-size: 14px;
	}
	.table-darkblue > thead > tr > th {
		padding: 22px 15px;
		font-size: 15px;
	}
	.table-darkblue td.display-md,
	.table-darkblue th.display-md {
		display: table-cell;
	}
	.table-darkblue td.hide-md,
	.table-darkblue th.hide-md {
		display: none;
	}
}
@media (min-width: 992px) {
	.table-darkblue > thead > tr > th,
	.table-darkblue > thead > tr > td,
	.table-darkblue > tbody > tr > th,
	.table-darkblue > tbody > tr > td,
	.table-darkblue > tfoot > tr > th,
	.table-darkblue > tfoot > tr > td {
		padding: 20px;
		font-size: 15px;
	}
	.table-darkblue > thead > tr > th {
		padding: 24px 20px;
		font-size: 18px;
	}
	.table-darkblue td.display-lg,
	.table-darkblue th.display-lg {
		display: table-cell;
	}
	.table-darkblue td.hide-lg,
	.table-darkblue th.hide-lg {
		display: none;
	}
}
.table-darkblue tbody {
	background: #ffffff;
	color: var(--mycolor-theme-darkgray);
}
.table-darkblue > tbody > tr > th,
.table-darkblue > tbody > tr > td {
	border-top: 1px solid #cccccc;
	border-bottom: 0;
}
@media (max-width: 767.98px) {
	.table-mobile .table-darkblue tbody tr td:first-child {
		color: #ffffff;
		background: var(--mycolor-theme-darkblue);
	}
}
.table-darkblue > tbody > tr:first-child > th,
.table-darkblue > tbody > tr:first-child > td {
	border-top: 0;
}
.table-darkblue > tbody > tr.borderless > th,
.table-darkblue > tbody > tr.borderless > td {
	border-top: 0;
}
.table-darkblue > tbody > tr.deleted-content > th,
.table-darkblue > tbody > tr.deleted-content > td {
	color: var(--mycolor-text-lightgray);
}
.table-darkblue > tbody > tr.new-content > th,
.table-darkblue > tbody > tr.new-content > td {
	font-weight: 600;
}
.table-darkblue tfoot {
	font-weight: 600;
	color: #000000;
	background: var(--mycolor-link-lightblue);
	border-top: 0;
}
.table-darkblue .table-sub-head {
	font-size: 18px;
	font-weight: 600;
}


/** @section Text Indent */
.text-indent-0 {
	text-indent: 0 !important;
}
.text-indent-1 {
	text-indent: 1rem !important;
}
.text-indent-2 {
	text-indent: 2rem !important;
}
.text-indent-3 {
	text-indent: 3rem !important;
}
.text-indent-4 {
	text-indent: 4rem !important;
}
.text-indent-5 {
	text-indent: 5rem !important;
}


/** @section Text Styles */
.text-answer-green {
	color: var(--mycolor-answer-green) !important;
}
.text-answer-red {
	color: var(--mycolor-answer-red) !important;
}
.text-black {
	color: #000000 !important;
}
.text-bg-darkblue {
	color: var(--mycolor-theme-darkblue) !important;
}
.text-justify {
	text-align: justify !important;
}
.text-muted-more {
	color: #cccccc !important;
}
.text-primary {
	color: var(--mycolor-link-lightblue) !important;
}
.text-result-yellow {
	color: var(--mycolor-result-yellow) !important;
}
.text-shadow-bg-darkblue {
	text-shadow: -1px 1px 0 var(--mycolor-theme-darkblue), 1px 1px 0 var(--mycolor-theme-darkblue), 1px -1px 0 var(--mycolor-theme-darkblue), -1px -1px 0 var(--mycolor-theme-darkblue);
}


/** @section Video */
.video-qr-responsive {
	width: 320px;
}
@media (min-width: 576px) {
	.video-qr-responsive {
		width: 480px;
	}
}
@media (min-width: 1200px) {
	.video-qr-responsive {
		width: 640px;
	}
}


/** @section Zoom Card */
.zoomcard {
	width: 200px;
	height: 200px;
	background-color: var(--mycolor-link-lightblue);
	border-radius: 10px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .3);
	position: relative;
	left: 50%;
	margin-left: -100px;
	overflow: hidden;
}
.zoomcard .zoomcard-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .7;
	transition: transform .75s;
}
.zoomcard:hover .zoomcard-image {
	transform: scale(1.2);
}
.zoomcard .zoomcard-title {
	color: #ffffff;
	font-size: 20px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	opacity: .85;
}
.zoomcard .zoomcard-border {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 200px;
	height: 200px;
	border-radius: 14px;
	outline: 2px solid #ffffff;
	outline-offset: -10px;
	opacity: .85;
}


@media (min-width: 1200px) {
	.section-landing.section-md {
		padding-bottom: 250px;
	}
}