@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --primaryColor1: #0A6090;
    --ColorBlack: #010107;
    --ColorBlack2: rgba(47, 46, 65, 1);
    --ColorBlack3: rgba(6, 7, 38, 0.8);
    --ColorBlack4: rgba(6, 7, 38, 0.5);
    --ColorBlack5: #202428;
    --ColorBlack6: rgba(6, 7, 38, 0.2);
    --ColorWhite: #fff;
    --ColorWhite2: rgba(255, 255, 255, 0.8);
    --ColorWhite3: rgba(255, 255, 255, 0.5);
    --ColorYellow: #FFFDED;
    --ColorYellow2: #E6D245;
    --ColorYellow3: #FEF8C8;
    --ColorYellow4: #B4A436;
    --ColorYellow5: #FFFAE8;
    --ColorYellow6: #FEF4AD;
    --ColorYellow7: #6A6120;
    --ColorBrown: #321703;
    --ColorBlue: #CADBEA;
    --ColorBlue2: #F1F5F9;
    --ColorBlue3: #46B8FF;
    --ColorBlue4: #F7FAFC;
    --ColorBlue5: #C3D7E8;
    --ColorBlue6: #A2DEEF;
    --ColorBlue7: #E6F8FF;
    --ColorBlue8: #B6CEE3;
    --ColorBlue9: #EAF1F7;
    --ColorBlue10: #D7E4EF;
    --ColorBlue11: #F4F7F9;
    --ColorBlue12: #DDE8F2;
    --ColorGreen: #4FC457;
    --ColorGreen2: #F5FDF6;
    --ColorRed: #DE1919;
    --ColorRed2: #db4a39;
    --fontTitle: "Inter", sans-serif;
    --fontBody: "Inter", sans-serif;
}

html {
	height: 100%;
	scroll-behavior: smooth;
	font-size: 16px;
}

body {
	width: 100%;
	height: 100%;
  	font-family: var(--fontBody);
	font-weight: 400;
	color: var(--ColorBlack);
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

/* KEYFRAME */
@keyframes spinner-loading {
	to {
		transform: rotate(360deg);
	}
}

/* GENERAL */
a,
.btn {
	text-decoration: none;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.btn.focus,
.btn:focus,
button:focus,
input:focus {
	outline: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

.container {
	max-width: 100%;
	width: 90%;
}

.clr {
	width: 100% !important;
	display: block !important;
  	clear: both !important;
}

.v-space {
    height: 63px;
}

h1,h2,h3,h4,h5,h6 {
  	font-family: var(--fontTitle);
	font-weight: 700;
	color: var(--ColorBlack);
	margin: 0 0 15px;
}

.no-border {
	border: 0 !important;
}

.w-100 {
	width: 100%;
}

.border-radius-0 {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.border-radius-500 {
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
}

.border-radius-default {
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.bg-blue {
	background: var(--ColorBlue2);
}

.bg-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: -99;
}

.bg-overlay.show {
    display: block;
    z-index: 99
}

.text-right {
	text-align: right;
}

.overflow-hidden {
	overflow: hidden;
}

.blue {
	color: var(--primaryColor1) !important;
}

.red {
	color: var(--ColorRed) !important;
}

.page-padding {
	padding: 50px 0;
}

.pretty input:checked~.state.p-primary label:after,
.pretty.p-toggle .state.p-primary label:after {
	background-color: var(--primaryColor1) !important;
}

.pretty input:checked~.state.p-primary .icon,
.pretty input:checked~.state.p-primary .svg,
.pretty.p-toggle .state.p-primary .icon,
.pretty.p-toggle .state.p-primary .svg {
	color: var(--ColorWhite);
	stroke: var(--ColorWhite);;
}

::selection {
    background: var(--primaryColor1);
    color: var(--ColorWhite);
}

@media only screen and (min-width: 1200px) {
	.hidden-xl {
		display: none !important;
	}
}

/* ALERT */
.alert {
    width: 90%;
	position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    top: 30px;
    margin: 0 auto;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.alert p {
	font-size: 15px;
	color: var(--ColorWhite);
	margin: 0;
}

.alert button {
	background: transparent;
	font-size: 20px;
	color: var(--ColorWhite);
	padding: 0;
	margin: 0;
	border: 0;
}

.alert.alert-success {
	background: var(--ColorGreen);
	border: 0;
}

.alert.alert-danger {
	background: var(--ColorRed);
	border: 0;
}

/* FORM CONTROL */
.form-control {
  	font-family: var(--fontTitle);
}

.form-control::placeholder {
	font-size: 14px;
	color: var(--ColorBlack4);
}

.form-control:-moz-placeholder {
	font-size: 14px;
	color: var(--ColorBlack4);
}

.form-control::-moz-placeholder {
	font-size: 14px;
	color: var(--ColorBlack4);
}

.form-control::-webkit-input-placeholder {
	font-size: 14px;
	color: var(--ColorBlack4);
}

select.form-control {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select.form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/* MARGIN & PADDING */
.mb-0 {
	margin-bottom: 0 !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mb-60 {
	margin-bottom: 60px !important;
}

.mb-70 {
	margin-bottom: 70px !important;
}

.mb-80 {
	margin-bottom: 80px !important;
}

.mb-90 {
	margin-bottom: 90px !important;
}

.mb-100 {
	margin-bottom: 100px !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.mt-70 {
	margin-top: 70px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

.mt-90 {
	margin-top: 90px !important;
}

.mt-100 {
	margin-top: 100px !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pt-50 {
	padding-top: 50px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

.pl-pr-0 {
	padding-left: 0;
	padding-right: 0;
}

.pl-pr-5 {
	padding-left: 5px;
	padding-right: 5px;
}

/* BUTTON */
.btn {
	font-size: 14px;
  	font-family: var(--fontTitle);
	font-weight: 500;
}

.btn-sm {
	font-size: 13px !important;
}

.btn-block {
	width: 100%;
	display: block;
}

.btn-default1 {
	background: var(--primaryColor1) !important;
	border: 1px solid var(--primaryColor1) !important;
	color: var(--ColorWhite) !important;
}

.btn-default1:hover,
.btn-default1:focus {
	background: var(--primaryColor1) !important;
	border: 1px solid var(--primaryColor1) !important;
	color: var(--ColorWhite) !important;
	opacity: 0.7 !important;
}

.btn-default2 {
	background: var(--ColorWhite);
	border: 1px solid var(--ColorBlue);
	color: var(--ColorBlack);
}

.btn-default2:hover,
.btn-default2:focus {
	background: var(--primaryColor1);
	border: 1px solid var(--primaryColor1);
	color: var(--ColorWhite);
}

.btn-default3 {
	background: var(--ColorWhite);
	border: 1px solid var(--ColorWhite);
	color: var(--ColorBlack);
}

.btn-default3:hover,
.btn-default3:focus {
	background: var(--ColorWhite);
	border: 1px solid var(--ColorWhite);
	color: var(--ColorBlack);
	opacity: 0.7;
}

.btn-default4 {
	background: transparent;
	border: 1px solid var(--ColorWhite);
	color: var(--ColorWhite);
}

.btn-default4:hover,
.btn-default4:focus {
	background: var(--ColorWhite);
	border: 1px solid var(--ColorWhite);
	color: var(--ColorBlack);
}

.btn-default5 {
	background: var(--ColorBlue2);
	border: 1px solid var(--ColorBlue2);
	color: var(--ColorBlack4);
}

.btn-default5:hover,
.btn-default5:focus {
	background: var(--primaryColor1);
	border: 1px solid var(--primaryColor1);
	color: var(--ColorWhite);
}

.btn-default6 {
	background: var(--ColorWhite);
	border: 1px solid var(--ColorBlue5);
	color: var(--primaryColor1);
}

.btn-default6:hover,
.btn-default6:focus {
	background: var(--primaryColor1);
	border: 1px solid var(--primaryColor1);
	color: var(--ColorWhite);
}

.btn-success {
	background: var(--ColorGreen);
	border: 1px solid var(--ColorGreen);
	color: var(--ColorWhite);
}

.btn-success:hover,
.btn-success:focus {
	background: var(--ColorGreen);
	border: 1px solid var(--ColorGreen);
	color: var(--ColorWhite);
	opacity: 0.7;
}

.btn-google {
    background: var(--ColorRed2);
    border: 1px solid var(--ColorRed2);
    color: #fff;
}

.btn-back-top {
	width: 60px;
	height: 60px;
    position: fixed;
    bottom: 30px;
    right: 30px;
	color: var(--ColorWhite);
    display: none;
	border: 0;
    z-index: 99;
    box-shadow: 0 3px 10px -5px rgba(0,0,0,.75);
    -webkit-box-shadow: 0 3px 10px -5px rgba(0,0,0,.75);
    -moz-box-shadow: 0 3px 10px -5px rgba(0,0,0,.75);
}

.btn-back-top.show {
    background: var(--primaryColor1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-back-top:hover {
	opacity: 0.7 !important;
}

.btn-back-top i {
	font-size: 22px;
	color: var(--ColorWhite);
}

.btn-padding-default {
	padding: 11px 15px;
}

/* MODAL */
.modal .modal-header {
	padding: 25px;
	justify-content: space-between;
	border-bottom: 0;
    padding-bottom: 10px;
}

.modal .modal-header h2 {
	font-size: 18px;
	font-weight: 600;
}

.modal .modal-header a {
	font-size: 20px;
	color: var(--ColorBlack);
}

.modal .modal-body {
	padding: 25px;
}

.modal-share .modal-body ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.modal-share .modal-body ul li {
	margin: 0 0 10px;
}

.modal-share .modal-body ul li:last-child {
	margin: 0;
}

.modal-share .modal-body ul li a {
	width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: var(--ColorBlack);
    padding: 10px 5px;
    border: 1px solid var(--ColorBlue5);
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.modal-share .modal-body ul li a:hover,
.modal-share .modal-body ul li a:focus {
	background: var(--primaryColor1);
	color: var(--ColorWhite);
}

.modal-auth .input-group .form-control {
	border-right: 0;
}

.modal-auth .input-group .input-group-text {
	background: transparent;
	border-left: 0;
}

.modal-auth .input-group .input-group-text button {
	background: transparent;
	font-size: 12px;
	color: var(--ColorBlack3);
	border: 0;
	padding: 0;
}

.modal-auth a.forgot-password {
	font-size: 13px;
	color: var(--primaryColor1);
	display: block;
	text-align: right;
}

.modal-auth p {
	font-size: 14px;
}

.modal-auth p a {
	color: var(--primaryColor1);
}

.modal-auth p.separate {
	position: relative;
}

.modal-auth p.separate::after {
    width: 100%;
    position: absolute;
    content: "";
    display: block;
    border-bottom: 1px solid #e0e0e0;
    bottom: 8px;
    z-index: 1;
}

.modal-auth p.separate span {
    background: #fff;
    position: relative;
    color: var(--ColorBlack4);
    padding: 0 15px;
    z-index: 2;
}

.modal-auth ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.modal-auth ul li {
	margin: 0 0 5px;
}

.modal-auth ul li:last-child {
	margin: 0;
}

.modal-auth .pretty {
	white-space: normal;
	margin-right: 0;
	line-height: 1.3;
}

.modal-auth .pretty .state label {
	font-size: 14px !important;
    text-indent: 0;
    padding-left: 25px;
}

.modal-auth .pretty .state i {
	font-size: 14px !important;
    top: -1px !important;
}

.modal-auth .pretty .state label a {
	color: var(--primaryColor1);
}

.modal-auth .pretty .state label:before {
	top: 0;
}

.modal-auth .pretty .state label:after {
	top: 0;
}

.modal-loading {
	text-align: center;
}

.modal-loading p {
	font-size: 17px;
	font-weight: 600;
	margin: 0 0 5px;
}

.modal-loading span {
	font-size: 15px;
	color: var(--ColorBlack4);
	display: block;
}

.modal-loading .spinner-loading {
	width: 40px;
	height: 40px;
	margin: 0 auto 20px;
	border: 4px solid var(--ColorBlue10);
	border-top-color: var(--primaryColor1);
	border-radius: 50%;
	animation: spinner-loading 0.8s linear infinite;
}

.modal-filter .item {
	margin: 0 0 20px;
}

.modal-filter .item:last-of-type {
	margin: 0 0 30px;
}

.modal-filter .item p {
	font-size: 15px;
	margin: 0 0 10px;
}

.modal-filter ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.modal-filter .pretty {
	font-size: 15px;
}

.modal-size-guide .item {
	text-align: center;
	margin: 0 0 50px;
}

.modal-size-guide .item h2 {
	font-size: 18px;
	font-weight: 600;
	color: var(--primaryColor1);
	margin: 0 0 10px;
}

.modal-size-guide .item p {
	font-size: 15px;
	margin: 0 0 30px;
}

.modal-size-guide .item img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto 30px;
}

.modal-size-guide .item table th {
	background: var(--primaryColor1);
	font-size: 15px;
	color: #fff;
}

.modal-size-guide .item table td {
	font-size: 14px;
}

/* PAGINATION */
.pagination-wrap {
	margin: 50px 0 0;
}

.pagination-wrap nav ul {
	justify-content: center;
}

.pagination-wrap nav ul li {
	margin: 0 5px;
}

.pagination-wrap nav ul li a {
	font-size: 14px;
	font-weight: 600;
	background-color: var(--ColorBlue);
	border: 1px solid var(--ColorBlue);
	color: var(--ColorBlack);
	box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.15) inset;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.page-link.active,
.pagination-wrap nav ul li.active > a,
.pagination-wrap nav ul li a:hover,
.pagination-wrap nav ul li a:focus {
	background-color: var(--primaryColor1);
	border-color: var(--primaryColor1);
	color: var(--ColorWhite);
}

/* FORM GROUP */
.form-group {
	margin: 0 0 15px;
}

.form-group label {
	font-size: 15px;
	font-weight: 400;
	margin: 0 0 10px;
	display: block;
}

.form-group label span.required {
	color: var(--ColorRed);
}

.form-group label span.optional {
	color: var(--ColorBlack4);
}

.form-group .form-control,
.input-group .form-control {
	border-color: var(--ColorBlue);
}

/* FORM DEFAULT */
.form-default .content {
	background: var(--ColorWhite);
	padding: 30px;
}

.form-default .content  .content-image-upload .item {
	width: 250px;
}

.form-default .content .form-group > span {
	font-size: 15px;
	color: var(--ColorBlack4);
	display: block;
	margin: 0 0 10px;
}

.form-default .content .form-group label span {
	color: var(--ColorBlack4);
}

.form-default .content-success {
	background: var(--ColorGreen2);
	border: 10px solid var(--ColorWhite);
	padding: 30px;
	text-align: center;
}

.form-default .content-success i {
    font-size: 32px;
    color: var(--ColorGreen);
    display: inline-block;
    margin: 0 0 15px;
}

.form-default .content-success h1 {
	font-size: 17px;
	font-weight: 600;
	margin: 0 0 15px;
}

.form-default .content-success p {
	font-size: 14px;
	color: var(--ColorBlack4);
	margin: 0;
}

/* SLICK */
.slider {
    display: none;
}

.slider.slick-initialized {
    display: block;
}

.slick-dots {
    position: relative !important;
    bottom: 0 !important;
    line-height: 0;
}

.slick-dots li {
    width: auto !important;
    height: auto !important;
}

.slick-dots li button {
    background: var(--ColorBlue) !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button {
    background: var(--primaryColor1) !important;
}

.slick-dots li button:before {
    display: none;
}

/* PHOTO SWIPE */
.pswp__bg {
	opacity: 1 !important;
}

.gallery-thumbnails {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 0 15px;
	z-index: 1000;
	overflow-x: auto;
	scrollbar-width: none;
}

.gallery-thumbnails::-webkit-scrollbar {
	display: none;
}

.gallery-thumbnail {
	width: 70px;
	height: 55px;
	background: transparent;
	flex: 0 0 70px;
	padding: 0;
	border: 2px solid transparent;
	cursor: pointer;
	overflow: hidden;
}

.gallery-thumbnail img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.gallery-thumbnail.active {
	border-color: var(--ColorWhite);
}

/* SELECT2 */
.select2-container {
	font-size: 13px;
}

.select2-selection__arrow,
.select2-selection__clear {
	display: none;
}

.select2-container--default .select2-selection--single {
	height: auto !important;
	padding: 6px 12px;
	border-color: var(--ColorBlue) !important;
	border-radius: var(--bs-border-radius) !important;
	display: flex;
	align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: inherit;
	padding: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--ColorBlack);
}

.select2-container--default .select2-results__option--selected {
	background-color: var(--primaryColor1) !important;
	color: var(--ColorWhite) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--primaryColor1) !important;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 350px !important;
	overflow-y: auto !important;
}

.select2-container--default .select2-results >.select2-results__option {
	padding: 6px 10px !important;
	font-size: 13px;
	line-height: 1.8;
}

.select2-container--default .select2-results >.select2-results__option i {
	font-size: 18px;
}

.select2-dropdown.select2-dropdown--above,
.select2-dropdown.select2-dropdown--below {
	background: var(--ColorBlue);
    top: 2px;
	padding: 10px;
	border-color: var(--ColorBlue);
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
}

.select2-dropdown.select2-dropdown--above .select2-search--dropdown,
.select2-dropdown.select2-dropdown--below .select2-search--dropdown {
	padding: 4px 0;
}

.select2-dropdown.select2-dropdown--above .select2-search--dropdown .select2-search__field,
.select2-dropdown.select2-dropdown--below .select2-search--dropdown .select2-search__field {
	padding: 6px;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #dee2e6 !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: flex !important;
	align-items: self-start;
}

.select2-container .select2-selection--multiple .select2-selection__rendered li {
	background: var(--ColorBlack);
	font-size: 13px;
	color: var(--ColorWhite);
	border-color: var(--ColorBlack);
}

.select2-container .select2-selection--multiple .select2-selection__rendered li button span {
	position: relative;
	bottom: 1px;
	color: var(--ColorBlue);
}

.select2-container .select2-selection--multiple .select2-selection__rendered li button:hover span {
	color: var(--ColorBlack);
}

/* BOX */
.box-default {
	background: var(--ColorWhite);
	padding: 30px;
	border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
    box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, .1);
}

.box-default .box-header {
	margin: 0 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.box-default .box-header h2 {
	font-size: 19px;
	font-weight: 600;
	margin: 0;
}

.box-default .box-header a {
	font-size: 20px;
	color: var(--ColorBlack);
}

.box-gallery {
	width: 100%;
    height: 90%;
	position: fixed;
    bottom: -100%;
    display: block;
    z-index: 999;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
}

.box-gallery .box-body .content {
	margin: 0 0 30px;
}

.box-gallery .box-body .content:last-child {
	margin: 0;
}

.box-gallery .box-body .content h3 {
	font-size: 15px;
	font-weight: 400;
}

.box-gallery .box-body .content .slider {
	margin: 0 -5px;
}

.box-gallery .box-body .content .slider .slick-list {
	padding-right: 10%;
}

.box-gallery .box-body .content .slider .item {
	margin: 5px;
}

.box-gallery .box-body .content .slider .item img {
	width: 100%;
}

.box-estimation {
	width: 100%;
    height: 90%;
	position: fixed;
    bottom: -100%;
    display: block;
    z-index: 999;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
}

.box-estimation .box-body .form {
	margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 6px solid var(--ColorBlue2);
}

.box-estimation .box-body .form ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}

.box-estimation .box-body .form ul li {
	position: relative;
	font-size: 19px;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.box-estimation .box-body .form ul li span {
	font-size: 17px;
	font-weight: 400;
	margin-left: 5px;
}

.box-estimation .box-body .form ul li:last-child:before {
    height: 23px;
    position: absolute;
    top: 0;
    left: 10px;
    content: "";
    border-left: 3px dotted var(--primaryColor1);
	display: block;
}

.box-estimation .box-body .form ul li:last-child {
	padding-top: 25px;
}

.box-estimation .box-body .form ul li i {
	color: var(--primaryColor1);
	margin-right: 7px;
}

.box-estimation .box-body .form .input-group {
	margin: 0 0 10px;
}

.box-estimation .box-body .form .form-control {
	background: var(--ColorBlue4);
	border: 1px solid var(--ColorBlue);
	border-right: 0;
}

.box-estimation .box-body .form .input-group-text {
	background: var(--ColorBlue4);
	border: 1px solid var(--ColorBlue);
	border-left: 0;
	color: var(--primaryColor1);
}

.box-estimation .box-body .result h3 {
	font-size: 19px;
	font-weight: 600;
	margin: 0 0 20px;
}

.box-estimation .box-body .result h3 i {
	color: var(--primaryColor1);
}

.box-estimation .box-body .result .item {
	background: var(--ColorBlue4);
	padding: 15px;
	margin: 0 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.box-estimation .box-body .result .item:last-child {
	margin: 0 0 30px;
}

.box-estimation .box-body .result .item .sub-item:first-child {
	display: flex;
	align-items: flex-start;
}

.box-estimation .box-body .result .item .sub-item:first-child img {
	width: 34px;
	height: auto;
	margin-right: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.box-estimation .box-body .result .item .sub-item:first-child p {
	font-size: 17px;
	margin: 0;
}

.box-estimation .box-body .result .item .sub-item:first-child span {
	font-size: 14px;
	color: var(--ColorBlack4);
	display: block;
}

.box-estimation .box-body .result .item .sub-item:last-child p {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
}

.box-estimation .box-body .result .item .sub-item:last-child p.byself {
	font-weight: 400;
	color: var(--ColorBlack4);
}

.box-estimation .box-body .notes {
	background: var(--ColorBlue7);
	border: 1px solid var(--ColorBlue6);
	padding: 15px;
	display: flex;
	align-items: flex-start;
}

.box-estimation .box-body .notes i {
	font-size: 18px;
	color: var(--ColorBlue3);
	margin-right: 10px;
}

.box-estimation .box-body .notes p {
	font-size: 14px;
	color: var(--ColorBlack4);
	margin: 0 0 5px;
}

.box-estimation .box-body .notes p b {
	font-weight: 600;
	color: var(--ColorBlack);
}

.box-estimation .box-body .notes a {
	font-size: 15px;
	font-weight: 600;
	color: var(--primaryColor1);
	display: block;
	padding: 5px 0 0;
}

.box-maps-picker {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	bottom: -100%;
	display: flex;
	flex-direction: column;
	z-index: 999;
	padding: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
}

.box-maps-picker .box-header {
	flex-shrink: 0;
	padding: 15px 30px;
	margin: 0;
}

.box-maps-picker .box-body {
	flex: 1;
	min-height: 0;
}

.box-maps-picker .box-body .form-group {
	height: 100%;
	position: relative;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.box-maps-picker .box-body .form-group input {
    width: 95%;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 9;
    margin: 0 auto;
    padding: 12px 15px;
}

.box-maps-picker #maps-picker {
	width: 100%;
	flex: 1;
	min-height: 0;
}

.box-notes {
	width: 100%;
    height: 90%;
	position: fixed;
    bottom: -100%;
    display: block;
    z-index: 999;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
}

.box-notes p {
	background: var(--ColorYellow5);
	font-size: 14px;
	padding: 10px;
	margin: 0 0 15px;
}

.box-confirmation-payment {
	width: 100%;
    height: 100%;
    background: var(--ColorBlue2);
	position: fixed;
    top: 0;
    display: block;
    z-index: -1;
    padding: 0;
    opacity: 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.box-confirmation-payment .box-header {
	background: var(--ColorWhite);
	display: flex;
	align-items: center;
	padding: 15px 30px;
}

.box-confirmation-payment .box-header h2 {
	font-size: 19px;
    font-weight: 600;
    margin: 0 0 0 10px;
}

.box-confirmation-payment .box-header a {
	font-size: 20px;
	color: var(--ColorBlack);
}

.box-confirmation-payment .box-body {
	height: 100%;
	padding: 30px 30px 80px;
	overflow: auto;
}

.box-confirmation-payment .box-body .info {
	background: var(--ColorWhite);
	padding: 15px;
	border: 1px solid var(--ColorBlue);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 15px;
}

.box-confirmation-payment .box-body .info span {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0 0 5px;
	display: block;
}

.box-confirmation-payment .box-body .info p {
	font-size: 15px;
	color: var(--ColorBlack3);
	margin: 0;
}

.box-confirmation-payment .box-body .info p b {
	font-size: 17px;
	color: var(--ColorBlack);
	font-weight: 600;
}

.box-confirmation-payment .box-body .form {
	background: var(--ColorWhite);
	padding: 15px;
	margin: 0 0 15px;
}

.box-confirmation-payment .box-body .form-group .content-image-upload .item {
	width: 250px;
}

.box-confirmation-payment .box-body .form-group span {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0 0 10px;
	display: block;
}

.box-order-detail {
	width: 100%;
    height: 100%;
    background: var(--ColorBlue2);
	position: fixed;
    top: 0;
    display: none;
    z-index: -1;
    padding: 0;
    opacity: 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.box-order-detail .box-header {
	background: var(--ColorWhite);
	display: flex;
	align-items: center;
	padding: 15px 30px;
	border-bottom: 1px solid var(--ColorBlue);
}

.box-order-detail .box-header h2 {
	font-size: 19px;
    font-weight: 600;
    margin: 0 0 0 10px;
}

.box-order-detail .box-header a {
	font-size: 20px;
	color: var(--ColorBlack);
}

.box-order-detail .box-body {
	height: 100%;
	background: var(--ColorWhite);
	padding: 30px 30px 100px;
	overflow: auto;
}

.box-order-detail .box-body .information {
    padding: 15px;
    margin: 0 0 30px;
    border: 1px solid var(--ColorBlue);
}

.box-order-detail .box-body .information .item {
	margin: 0 0 15px;
}

.box-order-detail .box-body .information p {
	font-size: 17px;
	font-weight: 600;
	margin: 0;
}

.box-order-detail .box-body .information span {
	font-size: 15px;
	color: var(--ColorBlack4);
	display: block;
	margin: 0 0 5px;
}

.box-order-detail .box-body .information .item:nth-child(2) {
	border-top: 1px solid var(--ColorBlue10);
	padding: 15px 0 0;
}

.box-order-detail .box-body .information .item:nth-child(2) p {
	font-size: 15px;
	font-weight: 400;
	color: var(--ColorBlack3);
	margin: 0 0 5px;
}

.box-order-detail .box-body .information .item:nth-child(2) p b {
	font-weight: 600;
	color: var(--ColorBlack);
	padding-right: 10px;
}

.box-order-detail .box-body .information .item-address span {
	color: var(--ColorBlack3);
}

.box-order-detail .box-body .date {
	margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 6px solid var(--ColorBlue2);
}

.box-order-detail .box-body .date .item {
	padding: 0 0 15px;
	margin: 0 0 15px;
	border-bottom: 1px solid var(--ColorBlue10);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.box-order-detail .box-body .date .item:last-child {
	border: 0;
	padding: 0;
	margin: 0;
}

.box-order-detail .box-body .date .item p {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
}

.box-order-detail .box-body .date .item p:last-child {
	font-weight: 400;
	color: var(--ColorBlack4);
}

.box-order-detail .box-body .date .item p b {
	color: var(--primaryColor1);
}

.box-order-detail .box-body .date .item span {
	font-size: 13px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
}

.box-order-detail .box-body .item-product {
	margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 6px solid var(--ColorBlue2);
}

.box-order-detail .box-body .item-product .photo {
	display: flex;
	align-items: center;
	margin: 0 0 15px;
}

.box-order-detail .box-body .item-product .photo img {
	width: 79px;
	margin-right: 10px;
}

.box-order-detail .box-body .item-product .photo h2 {
	width: 100%;
	font-size: 17px;
	font-weight: 600;
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.box-order-detail .box-body .item-product .photo h2 span {
	font-weight: 400;
	color: var(--ColorBlack3);
}

.box-order-detail .box-body .item-product .description {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid var(--ColorBlue10);
}

.box-order-detail .box-body .item-product .description p {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 10px;
}

.box-order-detail .box-body .item-product .description ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.box-order-detail .box-body .item-product .description ul li {
	font-size: 15px;
	color: var(--ColorBlack3);
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.box-order-detail .box-body .item-product .description ul li i {
	color: var(--ColorGreen);
	flex-shrink: 0;
}

.box-order-detail .box-body .item-product .size {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid var(--ColorBlue10);
}

.box-order-detail .box-body .item-product .size p {
	font-size: 15px;
	color: var(--ColorBlack3);
	margin: 0;
}

.box-order-detail .box-body .item-product .size p b {
	font-weight: 600;
	color: var(--ColorBlack);
	margin-left: 15px;
}

.box-order-detail .box-body .item-product .fabric {
	display: flex;
	align-items: flex-start;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid var(--ColorBlue10);
}

.box-order-detail .box-body .item-product .fabric img {
	width: 46px;
	margin-right: 10px;
}

.box-order-detail .box-body .item-product .fabric p:first-child {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
}

.box-order-detail .box-body .item-product .fabric p:last-child {
	font-size: 14px;
	color: var(--ColorBlack);
	margin: 0;
}

.box-order-detail .box-body .item-product .fabric p span {
	color: var(--ColorBlack4);
}

.box-order-detail .box-body .item-product .total {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid var(--ColorBlue10);
}

.box-order-detail .box-body .item-product .total > p {
	font-size: 15px;
	font-weight: 600;
	color: var(--ColorBlack3);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}

.box-order-detail .box-body .item-product .total > p a {
	font-size: 17px;
	font-weight: 700;
	color: var(--primaryColor1);
}

.box-order-detail .box-body .item-product .total > p a i {
	rotate: 180deg;
	-webkit-rotate: 180deg;
	-moz-rotate: 180deg;
}

.box-order-detail .box-body .item-product .total .collapse {
	padding: 15px 0 0;
}

.box-order-detail .box-body .item-product .total .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
}

.box-order-detail .box-body .item-product .total .item:last-child {
	margin: 0;
}

.box-order-detail .box-body .item-product .total .item p {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0;
}

.box-order-detail .box-body .item-product .total .item p:first-child {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.box-order-detail .box-body .item-product .total .item p i {
	color: var(--ColorGreen);
    flex-shrink: 0;
}

.box-order-detail .box-body .upload-photo {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid var(--ColorBlue10);
}

.box-order-detail .box-body .upload-photo p {
	font-size: 15px;
	font-weight: 600;
	color: var(--ColorBlack3);
	margin: 0 0 10px;
}

.box-order-detail .box-body .upload-photo .item {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.box-order-detail .box-body .upload-photo .sub-item {
	width: calc(10% - 10px);
    overflow: hidden;
	margin: 0 5px 5px;
}

.box-order-detail .box-body .upload-photo .item img {
	width: 100%;
    height: 145px;
    object-fit: cover;
    object-position: center;
}

.box-order-detail .box-body .notes p {
	font-size: 15px;
	font-weight: 600;
	color: var(--ColorBlack3);
	margin: 0 0 10px;
}

.box-order-detail .box-body .notes span {
	font-size: 14px;
	font-style: italic;
	color: var(--ColorBlack3);
	display: block;
}

.box-order-detail .box-body .summary > p {
	font-size: 17px;
	font-weight: 600;
	color: var(--ColorBlack);
	margin: 0 0 15px;
}

.box-order-detail .box-body .summary .item .sub-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
}

.box-order-detail .box-body .summary .item .sub-item:last-child {
	margin: 0 0 15px;
}

.box-order-detail .box-body .summary .item .sub-item p {
	font-size: 15px;
	color: var(--ColorBlack3);
	margin: 0;
}

.box-order-detail .box-body .summary .item .sub-item p:first-child {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.box-order-detail .box-body .summary .item .sub-item p:last-child {
	color: var(--ColorBlack);
}

.box-order-detail .box-body .summary .item .sub-item p i {
	color: var(--ColorGreen);
    flex-shrink: 0;
}

.box-order-detail .box-body .grand-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--ColorBlue10);
	padding: 15px 0 0;
}

.box-order-detail .box-body .grand-total p {
	font-size: 17px;
	margin: 0;
}

.box-order-detail .box-body .grand-total p:first-child {
	font-weight: 600;
	color: var(--ColorBlack);
}

.box-order-detail .box-body .grand-total p:last-child {
	font-weight: 700;
	color: var(--primaryColor1);
}

/* CARD */
.card-product {
    height: inherit;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
}

.card-product figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
}

.card-product figure img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
}

.card-product .text {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 15px 10px 50px;
    text-align: center;
}

.card-product .text.text-home {
	padding: 15px 10px;
}

.card-product h2,
.card-product h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 10px;
}

.card-product h2 a,
.card-product h3 a {
	color: var(--primaryColor1);
}

.card-product p {
    font-size: 14px;
    font-weight: 600;
    color: var(--ColorBlack);
    display: block;
    margin: 0;
}

.card-product p.cross {
    font-size: 13px;
    color: #F13232;
    text-decoration: line-through;
}

.card-product ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.card-product ul li {
    font-size: 12px;
    color: #1E1E1E;
}

.card-product ul li:last-child {
    color: #54738B;
    font-weight: 700;
}

.card-product ul li i {
    color: #FCCE2D;
}

.card-product ul.tag {
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 10px 0 0 ;
}

.card-product ul.tag li {
    width: 50%;
    font-size: 11px;
    color: #000;
    padding: 3px 2px;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.card-product ul.tag li:last-child {
    font-weight: 400;
}

.card-article-1 {
	margin: 0 0 30px;
}

.card-article-1 figure {
	margin: 0 0 30px;
}

.card-article-1 img {
	width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.card-article-1 ul {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}

.card-article-1 ul li {
	font-size: 14px;
}

.card-article-1 ul li:first-child {
	text-transform: uppercase;
	margin-right: 20px;
}

.card-article-1 ul li:last-child {
	color: var(--ColorBlack3);
}

.card-article-1 h2,
.card-article-1 h3 {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 20px;
}

.card-article-1 h2 a,
.card-article-1 h3 a {
	color: var(--ColorBlack);
}

.card-article-1 h2 a:hover,
.card-article-1 h3 a:hover {
	color: var(--primaryColor1);
}

.card-article-1 p {
	font-size: 15px;
	color: var(--ColorBlack3);
}

.card-article-1 a.more {
	font-size: 15px;
	color: var(--primaryColor1);
	display: block;
}

.card-article-1 a.more i {
	padding-left: 15px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.card-article-1 a.more:hover > i {
	padding-left: 20px;
}

.card-article-2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid rgba(6, 7, 38, 0.2);
}

.card-article-2:last-child {
	border: 0;
}

.card-article-2 span.cat-label {
	background: var(--primaryColor1);
	font-size: 11px;
	color: var(--ColorWhite);
	padding: 3px 8px;
	margin: 0 0 10px;
	display: inline-block;
}

.card-article-2 span.cat-label i {
	font-size: 10px;
}

.card-article-2 .image {
	width: 30%;
	flex-shrink: 0;
}

.card-article-2 .image img {
	width: 100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.card-article-2 .text {
	width: calc(70% - 20px);
	padding-left: 20px;
}

.card-article-2 .text h2,
.card-article-2 .text h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 10px;
}

.card-article-2 .text h2 a,
.card-article-2 .text h3 a {
	color: var(--ColorBlack);
}

.card-article-2 .text p {
	font-size: 13px;
	color: var(--ColorBlack4);
	margin: 0 0 10px;
}

.card-article-2 .text p.desc {
	font-size: 15px;
	color: var(--ColorBlack3);
	margin: 0;
}

.card-article-2 .text h2 a:hover,
.card-article-2 .text h2 a:focus,
.card-article-2 .text h3 a:hover,
.card-article-2 .text h3 a:focus {
	color: var(--primaryColor1);
}

/* TEXT DEFAULT */
.text-default h1 {
	font-size: 32px;
	font-weight: 600;
	margin: 0;
}

.text-default h2 {
	font-size: 26px;
	font-weight: 600;
	margin: 0;
}

.text-default h3 {
	font-size: 24px;
	font-weight: 600;
	margin: 0;
}

.text-default h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}

.text-default h5 {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}

.text-default h6 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}

.text-default ul,
.text-default ol {
	padding-left: 20px;
	margin: 0;
	line-height: 1.8;
}

.text-default ul li,
.text-default ol li {
	font-size: 15px;
	margin: 0;
}

.text-default dl {
	margin: 0;
}

.text-default dl dt,
.text-default dl dd {
	font-size: 16px;
	margin: 0;
}

.text-default dl dd {
	margin: 0 0 10px;
}

.text-default dl dd:last-of-type {
	margin: 0;
}

.text-default p {
	font-size: 15px;
	margin: 0;
}

.text-default p a,
.text-default p span a,
.text-default a {
	color: var(--primaryColor1);
}

.text-default table {
	width: 100%;
	border: 1px solid var(--ColorBlack4);
	border-collapse: collapse;
}

.text-default table th {
	background: var(--ColorBlue2);
}

.text-default table th,
.text-default table td {
	font-size: 15px;
	border: 1px solid var(--ColorBlack4);
	padding: 8px;
}

.text-default figure {
	margin: 0;
}

.text-default figure img,
.text-default img {
	max-width: 100%;
}

.text-default figure figcaption {
	font-size: 12px;
	font-style: italic;
	text-align: center;
	margin: 10px 0 0;
}

.text-default blockquote {
	background: var(--ColorBlue2);
    text-align: center;
	font-size: 14px;
	font-style: italic;
	margin: 0;
    padding: 10px 15px;
}

/* IMAGE UPLOAD */
.col-image-upload {
	width: 100%;
	height: 135px;
	overflow: hidden;
	position: relative;
}

.col-image-upload input[type="file"] {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	opacity: 0 !important;
	cursor: pointer;
}

.col-image-upload img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* MOBILE NAVIGATION */
.mobile-navigation {
	width: 70%;
	height: 100vh;
	background: var(--ColorWhite);
	position: fixed;
	z-index: -999;
	right: -100%;
	display: block;
	overflow-x: hidden;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.mobile-navigation.show {
	z-index: 999999;
	right: 0;
}

.mobile-navigation .content {
	width: 100%;
	height: 100%;
	padding: 20px;
}

.mobile-navigation .content .item-header {
	width: 100%;
	margin: 30px 0 50px;
}

.mobile-navigation .content .item-header .logo {
	width: 100%;
	text-align: center;
}

.mobile-navigation .content .item-header .logo img {
	width: 200px;
}

.mobile-navigation .content .item-header .button-close a {
	font-size: 20px;
    color: var(--ColorBlack);
    display: block;
    margin: 0 0 30px;
    text-align: center;
}

.mobile-navigation .content .item-menu {
	margin: 0 0 50px;
}

.mobile-navigation .content .item-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-navigation .content .item-menu ul li {
	display: block;
	margin: 0 0 30px;
}

.mobile-navigation .content .item-menu ul li:last-child {
	margin: 0;
}

.mobile-navigation .content .item-menu ul li a {
	font-size: 16px;
	color: var(--ColorBlack);
}

.mobile-navigation .content .item-menu ul li a:hover,
.mobile-navigation .content .item-menu ul li a:focus {
	color: var(--primaryColor1);
}

.mobile-navigation .content .item-menu ul li a.dropdown-toggle:after {
	display: none;
}

.mobile-navigation .content .item-menu ul li ul.dropdown-menu {
	width: 100%;
    left: 0 !important;
    position: relative !important;
    right: 0 !important;
    margin: 0 auto !important;
    border: 0;
    transform: translate(0px, 10px) !important;
    -webkit-transform: translate(0px, 10px) !important;
    -moz-transform: translate(0px, 10px) !important;
}

.mobile-navigation .content .item-menu ul li ul.dropdown-menu li {
	margin: 0;
}

.mobile-navigation .content .item-menu ul li ul.dropdown-menu li a {
    font-size: 15px;
	padding: 10px;
}

.mobile-navigation .content .item-menu ul li ul.dropdown-menu li a:hover,
.mobile-navigation .content .item-menu ul li ul.dropdown-menu li a:focus {
	background: transparent;
}

/* HEADER */
header {
	width: 100%;
	background: var(--primaryColor1);
	position: fixed;
	top: 0;
	z-index: 9;
}

header .content {
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .content .logo {
	display: flex;
	align-items: center;
}

header .content .logo img {
	height: 18px;
}

header .content .navigation ul {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

header .content .navigation ul li {
	margin-left: 30px;
}

header .content .navigation ul li:first-child {
	margin: 0;
}

header .content .navigation ul li a {
	font-size: 14px;
	color: var(--ColorWhite);
	text-transform: uppercase;
	display: block;
}

header .content .navigation ul li a:hover,
header .content .navigation ul li a:focus {
	opacity: 0.7;
}

header .content .navigation ul li a span {
	background: var(--ColorWhite);
	font-size: 14px;
	font-weight: 600;
	color: var(--ColorBlack);
	text-transform: capitalize;
	padding: 6px 12px;
	display: flex;
	align-items: center;
}

header .content .navigation ul li a span b {
	width: 20px;
    height: 20px;
	background: var(--ColorGreen);
	font-size: 11px;
	color: var(--ColorWhite);
	margin-left: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .content .navigation ul li a.dropdown-toggle::after {
	display: none;
}

header .content .navigation ul li > ul {
	margin-top: 10px !important;
	display: none;
	padding: 10px 0;
	border: 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, .1);
}

header .content .navigation ul li > ul.show {
	display: block;
}

header .content .navigation ul li > ul li {
	margin: 0;
	padding: 0 15px;
}

header .content .navigation ul li > ul li a {
	font-size: 14px;
	color: var(--ColorBlack);
	padding: 5px 0;
}

header .content .navigation ul li > ul li a i {
	font-size: 12px;
}

footer {
	background: var(--ColorBlue9);
	padding: 50px 0 30px;
}

footer .item {
	padding: 0 0 30px;
	margin: 0 0 30px;
	border-bottom: 1px solid var(--ColorBlue);
}

footer .item h2,
footer .item-third-party h2 {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 15px;
}

footer .item ul li a {
	font-size: 15px;
	color: var(--ColorBlack3);
}

footer .item ul li a:hover,
footer .item ul li a:focus {
	color: var(--primaryColor1);
}

footer .item ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer .item.item-menu ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

footer .item.item-menu ul li:first-child:before {
	display: none;
}

footer .item.item-menu ul li:before {
	font-size: 18px;
	color: var(--primaryColor1);
	content: "•";
	margin-right: 10px;
}

footer .item.item-contact ul li {
	margin: 0 0 10px;
}

footer .item.item-contact ul li:last-child {
	margin: 0;
}

footer .item-third-party {
	margin: 0 0 30px;
}

footer .item-third-party:last-child {
	margin: 0;
}

footer .item-third-party ul {
	list-style: none;
	padding: 0;
	margin: 0 -10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

footer .item-third-party ul li {
	width: 80px;
	margin: 0 10px;
}

footer .item-third-party ul li img {
	width: 100%;
}

footer .copyright {
	text-align: center;
	padding: 30px 0 0;
	margin: 30px 0 0;
	border-top: 1px solid var(--ColorBlue);
}

footer .copyright p {
	font-size: 14px;
	color: var(--ColorBlack4);
	margin: 0;
}

/*
header .content .navigation ul li.has-megamenu {
	position: static !important;
}

header .content .navigation ul li.has-megamenu .megamenu {
	width: 100%;
	left: 0;
	right: 0;
	border: 0;
	margin-top: 0;
	padding: 30px 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	transform: translate(0px, 80px) !important;
	-webkit-transform: translate(0px, 80px) !important;
	-moz-transform: translate(0px, 80px) !important;
	box-shadow: 0 15px 20px 0 rgba(5, 5, 5, 0.1);
	-webkit-box-shadow: 0 15px 20px 0 rgba(5, 5, 5, 0.1);
	-moz-box-shadow: 0 15px 20px 0 rgba(5, 5, 5, 0.1);
}

header .content .navigation ul li.has-megamenu .megamenu ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
    padding: 0;
    list-style: none;
}

header .content .navigation ul li.has-megamenu .megamenu ul li {
	margin: 0;
	padding-right: 20px;
}

header .content .navigation ul li.has-megamenu .megamenu ul li a {
	color: rgba(1, 1, 7, 1);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .content .navigation ul li.has-megamenu .megamenu ul li a:hover,
header .content .navigation ul li.has-megamenu .megamenu ul li a:focus {
	color: var(--primaryColor1);
}

header .content .navigation ul li.has-megamenu .megamenu .box-menu {
	padding: 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

header .content .navigation ul li.has-megamenu .megamenu .box-menu:hover {
	background: rgba(255, 204, 107, 1);
	border-color: rgba(255, 204, 107, 1);
}

header .content .navigation ul li.has-megamenu .megamenu .box-menu i {
	font-size: 22px;
	color: rgba(1, 1, 7, 1);
	display: block;
	margin: 0 0 20px;
}

header .content .navigation ul li.has-megamenu .megamenu .box-menu label {
	font-size: 18px;
	font-weight: 700;
	color: rgba(50, 23, 3, 1);
	cursor: pointer;
	display: block;
	margin: 0 0 5px;
}

header .content .navigation ul li.has-megamenu .megamenu .box-menu p {
	font-size: 14px;
	color: rgba(6, 7, 38, 0.7);
	margin: 0;
}
*/

/* WRAPPER */
.wrapper {
	padding: 50px 0;
}

/* MAIN & PAGE TITLE */
.main-title {
	background: var(--ColorWhite);
	padding: 15px 0;
	margin: 0 0 30px;
}

.main-title .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 !important;
	margin: 0 !important;
}

.main-title .item:first-child {
	display: flex;
	align-items: center;
}

.main-title h1 {
	font-size: 19px;
	font-weight: 600;
	margin: 0 0 0 10px;
}

.main-title a {
	color: var(--ColorBlack);
}

.main-title p {
	font-size: 15px;
	color: var(--primaryColor1);
	margin: 0;
}

.page-title p {
	font-size: 15px;
	color: var(--primaryColor1);
	margin: 0;
}

.page-title-1 {
	margin: 0 0 50px;
}

.page-title-1 h1 {
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 5px;
}

.page-title-1 h1 a {
	color: var(--primaryColor1);
	padding-right: 10px;
}

.page-title-1 p {
	font-size: 16px;
	margin: 0;
}

.page-title-2 {
	margin: 0 0 30px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.page-title-2 h2 {
	font-size: 28px;
	text-transform: uppercase;
	margin: 0 0 5px;
}

.page-title-2 p {
	font-size: 15px;
	margin: 0;
}

.page-title-2 a {
	font-size: 15px;
	font-weight: 600;
	color: var(--primaryColor1);
	text-decoration: underline;
	flex-shrink: 0;
	white-space: nowrap;
}

.breadcrumb {
	margin: 0 0 15px;
}

.breadcrumb ol {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	white-space: nowrap;
}

.breadcrumb ol li {
	font-size: 14px;
	color: var(--ColorBlack6);
	margin-right: 10px;
}

.breadcrumb ol li:after {
	content: "/";
	display: inline-block;
	padding-left: 10px;
}

.breadcrumb ol li:last-child {
	width: 450px;
	margin-right: 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.breadcrumb ol li:last-child:after {
	display: none;
}

.breadcrumb ol li a {
	color: var(--primaryColor1);
}

.breadcrumb ol li a:hover,
.breadcrumb ol li a:focus {
	text-decoration: underline;
}

/* HOME */
.home-wrapper .banner {
	margin: 0 0 80px;
}

.home-wrapper .banner img {
	width: 100%;
}

.home-wrapper .search {
	text-align: center;
	margin: 0 0 35px;
}

.home-wrapper .search h1 {
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 30px;
}

.home-wrapper .search .input-group-text {
	background: var(--ColorBlue);
	border-color: var(--ColorBlue);
	color: var(--ColorBlack3);
}

.home-wrapper .service {
	margin: 0 0 80px;
}

.home-wrapper .service .item {
	text-align: center;
	position: relative;
	bottom: 0;
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.home-wrapper .service .item:hover {
	bottom: 5px;
}

.home-wrapper .service .item figure {
	margin: 0;
}

.home-wrapper .service .item img {
	width: 70%;
}

.home-wrapper .service .item h2 {
	font-size: 19px;
	font-weight: 500;
	color: var(--primaryColor1);
}

.home-wrapper .category {
	margin: 0 0 80px;
}

.home-wrapper .category .item {
	background: var(--ColorBlue11);
    padding: 0 30px 30px;
    margin: 0 0 30px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
}

.home-wrapper .category .col-6 .item  {
	margin: 0;
}

.home-wrapper .category .item:hover {
	background: var(--ColorBlue);
}

.home-wrapper .category .item figure {
	text-align: center;
	margin: 0;
}

.home-wrapper .category .item img {
	width: 70%;
    margin: 0 auto;
}

.home-wrapper .category .item h3 {
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 5px;
}

.home-wrapper .category .item p {
	font-size: 16px;
    font-weight: 700;
    font-style: italic;
    color: var(--ColorBlack);
    margin: 0;
}

.home-wrapper .product {
	margin: 0 0 80px;
}

.home-wrapper .product .slider {
	margin: 0;
}

.home-wrapper .product .slider .slick-list {
    margin: 0 -15px;
    padding: 0 0 30px;
}

.home-wrapper .product .card-product {
    margin: 0 15px;
}

.home-wrapper .industry {
	margin: 0 0 80px;
}

.home-wrapper .industry .slider {
	margin: 0;
}

.home-wrapper .industry .slider .slick-list {
    margin: 0 -15px;
    padding: 0 0 30px;
}

.home-wrapper .industry .item {
	position: relative;
    margin: 0 15px;
}

.home-wrapper .industry figure {
	margin: 0;
}

.home-wrapper .industry img {
	width: 100%;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.home-wrapper .industry .text {
	width: 100%;
	position: absolute;
	bottom: 15px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-wrapper .industry h3 {
	font-size: 16px;
	color: var(--ColorWhite);
	margin: 0;
}

.home-wrapper .industry i {
	color: var(--ColorWhite);
	padding-left: 10px;
	flex-shrink: 0;
}

.home-wrapper .testimonial {
	margin: 0 0 65px;
}

.home-wrapper .testimonial .slider .slick-list {
    margin: 0 -15px;
    padding: 0px 20% 15px 0;
}

.home-wrapper .testimonial .slider .slick-list .slick-track {
    display: flex !important;
}

.home-wrapper .testimonial .item {
    height: inherit !important;
    background: var(--ColorWhite);
    margin: 0 15px;
    padding: 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}

.home-wrapper .testimonial h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
}

.home-wrapper .testimonial p {
    font-size: 15px;
    color: var(--ColorBlack4);
    margin: 0;
}

.home-wrapper .client {
	margin: 0 0 80px;
}

.home-wrapper .client img {
    width: 60%;
    margin: 0 auto 15px;
}

.home-wrapper .article {
	margin: 0 0 50px;
}

/* SERVICE AREA */
.wrapper-service-area .content .item {
	margin: 0 0 50px;
}

.wrapper-service-area .content .item:last-child {
	margin: 0;
}

.wrapper-service-area .content h2 {
	font-size: 28px;
	font-weight: 500;
	margin: 0 0 5px;
}

.wrapper-service-area .content p {
	font-size: 16px;
	margin: 0 0 30px;
}

.wrapper-service-area .content img {
	max-width: 100%;
}

/* OUR SERVICE */
.wrapper-our-service .item {
	height: 100%;
    background: var(--ColorBlue11);
    position: relative;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.wrapper-our-service .item img {
	width: 50%;
	max-width: 150px;
    margin: 0;
}

.wrapper-our-service .item h2 {
	font-size: 22px;
	font-weight: 600;
	color: var(--primaryColor1);
	margin: 0 0 20px;
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.wrapper-our-service .item p {
	font-size: 16px;
	color: var(--ColorBlack3);
	margin: 0 0 80px;
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.wrapper-our-service .item a {
	width: calc(100% - 60px);
    position: absolute;
    bottom: 30px;
    font-size: 15px;
	color: var(--primaryColor1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrapper-our-service .item:has(a:hover) {
    background: var(--primaryColor1);
}

.wrapper-our-service .item:has(a:hover) h2,
.wrapper-our-service .item:has(a:hover) p,
.wrapper-our-service .item:has(a:hover) a {
    color: var(--ColorWhite);
}

/* CAREER */
.wrapper-career .filter {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 0 30px;
}

.wrapper-career .filter .form-control {
	border-color: var(--ColorBlue);
}

.wrapper-career .filter .btn {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-left: 10px;
}

.wrapper-career .item {
	background: #eff3f4;
    padding: 30px;
    margin: 0 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
}

.wrapper-career .item:last-child {
	margin: 0;
}

.wrapper-career .item > div {
    flex: 1;
    min-width: 0;
}

.wrapper-career .item h2 {
	font-size: 18px;
	margin: 0 0 10px;
}

.wrapper-career .item h2 a {
	color: var(--ColorBlack);
}

.wrapper-career .item h2 a:hover,
.wrapper-career .item h2 a:focus {
	color: var(--primaryColor1);
}

.wrapper-career .item p {
	font-size: 16px;
	margin: 0 0 20px;
}

.wrapper-career .item ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
}

.wrapper-career .item ul li:first-child {
	width: 15%;
}

.wrapper-career .item ul li span {
	font-size: 15px;
	display: block;
}

.wrapper-career .item ul li span:last-child {
	font-weight: 500;
	color: var(--primaryColor1);
}

.wrapper-career .item > a {
	font-size: 18px;
	color: var(--ColorBlack);
}

.wrapper-career .info ul {
	list-style: none;
	padding: 0 0 30px;
	margin: 0 0 30px;
	border-bottom: 1px solid var(--ColorBlue);
}

.wrapper-career .info ul li {
	font-size: 16px;
	margin: 0 0 10px;
}

.wrapper-career .info ul li:last-child {
	margin: 0;
}

.wrapper-career .text-default {
	margin: 0 0 30px;
}

.wrapper-career .text-default h1,
.wrapper-career .text-default h2,
.wrapper-career .text-default h3,
.wrapper-career .text-default h4,
.wrapper-career .text-default h5,
.wrapper-career .text-default h6 {
	font-size: 18px;
}

/* SIZE GUIDE */
.wrapper-size-guide .item {
	text-align: center;
	margin: 0 0 50px;
}

.wrapper-size-guide .item h2 {
	font-size: 24px;
	font-weight: 600;
	color: var(--primaryColor1);
	margin: 0 0 10px;
}

.wrapper-size-guide .item p {
	font-size: 16px;
	margin: 0 0 30px;
}

.wrapper-size-guide .item img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto 30px;
}

.wrapper-size-guide .item table {
	width: 80%;
	margin: 0 auto;
}

.wrapper-size-guide .item table th {
	background: var(--primaryColor1);
	font-size: 15px;
	color: #fff;
}

.wrapper-size-guide .item table td {
	font-size: 15px;
}

/* CONTACT */
.wrapper-contact .item {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid var(--ColorBlue);
}

.wrapper-contact .item:last-child {
	margin: 0;
	padding: 0;
	border: 0;
}

.wrapper-contact .item span {
	font-size: 15px;
	display: block;
	margin: 0 0 5px;
}

.wrapper-contact .item p {
	font-size: 15px;
	color: var(--ColorBlack3);
	margin: 0;
}

.wrapper-contact .item p a {
	color: var(--ColorBlack3);
}

/* ARTICLE */
.wrapper-article .side {
	position: sticky;
	top: 120px;
	padding-left: 30px;
	margin: 0 0 30px;
}

.wrapper-article .side h2 {
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid rgba(6, 7, 38, 0.2);
}

.wrapper-article .search .input-group {
	margin: 0 0 40px;
}

.wrapper-article .search .input-group span {
	font-size: 14px;
	background: var(--primaryColor3);
	border-color: var(--primaryColor3);
	padding-right: 0;
}

.wrapper-article .search .input-group input {
	font-size: 14px;
	font-weight: 600;
}

.wrapper-article .filter {
	margin: 0 0 40px;
}

.wrapper-article .filter select {
	font-size: 14px;
	margin: 0 0 15px;
}

.wrapper-article .filter select:last-child {
	margin: 0;
}

.wrapper-article .category ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wrapper-article .category ul li {
	margin: 0 0 10px;
}

.wrapper-article .category ul li a {
	font-size: 15px;
	color: var(--ColorBlack4);
}

.wrapper-article .category ul li a.active,
.wrapper-article .category ul li a:hover,
.wrapper-article .category ul li a:focus {
	font-weight: 600;
	color: var(--primaryColor1);
}

/* ARTICLE DETAIL */
.wrapper-article-detail .blog-title {
	font-size: 32px;
	margin: 0 0 15px;
}

.wrapper-article-detail .blog-date-author {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	display: flex;
	align-items: center;
}

.wrapper-article-detail .blog-date-author li {
	font-size: 15px;
	color: var(--ColorBlack3);
	margin-right: 15px;
}

.wrapper-article-detail .blog-date-author li:last-child {
	margin: 0;
}

.wrapper-article-detail .blog-date-author li i {
	color: var(--primaryColor1);
}

.wrapper-article-detail .blog-image img {
	width: 100%;
	margin: 0 0 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.wrapper-article-detail .blog-image figcaption {
	font-size: 12px;
	font-style: italic;
	display: block;
	margin: 0;
	text-align: center;
}

.wrapper-article-detail .blog-table-content {
    background: var(--ColorBlue9);
    padding: 20px;
    margin: 0 0 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.wrapper-article-detail .blog-table-content h3 {
    font-size: 18px;
    color: #111;
    margin: 0 0 10px;
}

.wrapper-article-detail .blog-table-content ul {
	list-style: none;
    margin: 0;
    padding: 0;
}

.wrapper-article-detail .blog-table-content ul li a {
	font-size: 15px;
    color: var(--ColorBlack);
}

.wrapper-article-detail .blog-table-content ul li a:hover {
    color: var(--primaryColor1);
}

.wrapper-article-detail .blog-body {
	margin: 0 0 30px;
}

.wrapper-article-detail .blog-body h2 {
	scroll-margin-top: 75px;
}

.wrapper-article-detail .blog-faq {
	margin: 0 0 30px;
}

.wrapper-article-detail .blog-faq h2 {
	font-size: 26px;
	font-weight: 600;
}

.wrapper-article-detail .blog-faq .accordion {
	--bs-accordion-border-radius: 0;
}

.wrapper-article-detail .blog-faq .accordion-button {
	font-size: 15px;
	padding: 15px;
	justify-content: space-between;
}

.wrapper-article-detail .blog-faq .accordion-button::after {
	margin-left: 10px;
}

.wrapper-article-detail .blog-faq .accordion-body p {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0;
}

.wrapper-article-detail .blog-category-tag p {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0;
}

.wrapper-article-detail .blog-related {
	margin: 50px 0 0;
}

.wrapper-article-detail .blog-related h2 {
	font-size: 26px;
	margin: 0 0 30px;
}

/* FAQ */
.wrapper-faq .sub-title h2 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px;
}

.wrapper-faq .item {
	height: 100%;
    background: var(--ColorBlue11);
    position: relative;
    padding: 30px;
	text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.wrapper-faq .item a {
	display: block;
}

.wrapper-faq .item img {
	width: 50%;
	max-width: 150px;
    margin: 0;
}

.wrapper-faq .item h2 {
	font-size: 20px;
	font-weight: 600;
	color: var(--primaryColor1);
	margin: 0;
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.wrapper-faq .item:has(a:hover) {
    background: var(--primaryColor1);
}

.wrapper-faq .item:has(a:hover) h2 {
    color: var(--ColorWhite);
}

.wrapper-faq .accordion {
	--bs-accordion-border-radius: 0;
}

.wrapper-faq .accordion-item {
	border-color: var(--ColorBlue8);
}

.wrapper-faq .accordion-button {
	font-size: 15px;
	font-weight: 500;
	background: var(--ColorBlue11);
	color: var(--ColorBlack);
	padding: 15px;
	justify-content: space-between;
	margin: 0;
}

.wrapper-faq .accordion-button:not(.collapsed) {
	background: var(--primaryColor1);
	color: var(--ColorWhite);
}

.wrapper-faq .accordion-button::after {
	margin-left: 10px;
}

.wrapper-faq .accordion-body ol {
	padding-left: 20px;
	margin: 0;
}

.wrapper-faq .accordion-body ol li {
	font-size: 15px;
	margin: 0 0 5px;
}

.wrapper-faq .accordion-body ol li:last-child {
	margin: 0;
}

.wrapper-faq .accordion-body ol li a {
	color: var(--ColorBlack);
}

.wrapper-faq .accordion-body ol li a:hover,
.wrapper-faq .accordion-body ol li a:focus {
	color: var(--primaryColor1);
}

.wrapper-faq-detail h1 {
    font-size: 20px;
    font-weight: 600;
	color: var(--primaryColor1);
}

.wrapper-faq-detail a.back {
	font-size: 14px;
	color: var(--ColorBlack);
	display: block;
	margin: 0 0 30px;
}

.wrapper-faq-detail ul.rate {
	list-style: none;
	padding: 0;
	margin: 50px 0 0;
	display: flex;
	justify-content: center;
}

.wrapper-faq-detail ul.rate li {
	font-size: 15px;
	margin: 0 5px;
}

.wrapper-faq-detail ul.rate li a {
	color: var(--primaryColor1);
}

/* CATEGORY */
.wrapper-category .item {
	text-align: center;
}

.wrapper-category .item img {
	width: 70%;
}

.wrapper-category .item h2 {
	font-size: 18px;
	font-weight: 500;
}

/* PRODUCT DETAIL */
.product-detail h1 {
	font-size: 25px;
	font-weight: 700;
	color: var(--ColorBlack2);
	margin: 0 0 10px;
}

.product-detail .sub-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px;
}

.product-detail .sub-title h2 {
	font-size: 19px;
	font-weight: 600;
	color: var(--ColorBlack);
	display: flex;
	align-items: center;
	margin: 0;
}

.product-detail .sub-title h2 i {
	font-size: 16px;
	color: var(--ColorBlue3);
	margin-left: 5px;
}

.product-detail .sub-title h2 span {
	font-size: 13px;
	font-weight: 400;
	color: var(--ColorBlack4);
	margin-left: 5px;
}

.product-detail .sub-title a {
	font-size: 19px;
	font-weight: 600;
	color: var(--primaryColor1);
	display: block;
}

.product-detail .gallery {
	position: sticky;
	top: 80px;
}

.product-detail .gallery .button {
	position: absolute;
    z-index: 1;
    width: 100%;
    top: 10px;
    padding: 0 10px;
	margin: 0 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-detail .gallery .button a {
	font-size: 22px;
	color: var(--ColorBlack);
}

.product-detail .gallery .button span {
	font-size: 13px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
}

.product-detail .gallery .photo {
	position: relative;
}

.product-detail .gallery .photo img {
	width: 100%;
	margin: 0 0 6px;
}

.product-detail .gallery .photo span {
	font-size: 13px;
	color: var(--ColorBlack3);
    padding: 4px 12px;
	position: absolute;
	border: 1px solid var(--ColorBlue);
	bottom: 15px;
	right: 15px;
}

.product-detail .gallery .thumbnail {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 -3px;
}

.product-detail .gallery .thumbnail .item {
	flex: 1;
	position: relative;
	margin: 0 3px;
	overflow: hidden;
}

.product-detail .gallery .thumbnail .item img {
	width: 100%;
}

.product-detail .gallery .thumbnail .item .overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.product-detail .gallery .thumbnail .item .overlay a {
	font-size: 14px;
	font-weight: 700;
	color: var(--ColorWhite);
	line-height: 1.3;
}

.product-detail .content-product {
	padding: 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 5px 4px 20px 0 rgba(0, 0, 0, .1);
}

.product-detail .information {
	display: flex;
	justify-content: space-between;
	margin: 0 0 10px;
}

.product-detail .information > p {
	font-size: 17px;
	margin: 0;
}

.product-detail .information .price {
	text-align: right;
	padding-left: 30px;
	flex-shrink: 0;
}

.product-detail .information .price span {
	font-size: 13px;
	display: block;
}

.product-detail .information .price p {
	font-size: 19px;
	font-weight: 700;
	color: var(--primaryColor1);
	margin: 0;
}

.product-detail .experience {
	background: var(--ColorYellow);
	padding: 10px;
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;
}

.product-detail .experience p {
	font-size: 13px;
	color: var(--ColorBlack4);
	margin: 0;
}

.product-detail .experience p b {
	color: var(--ColorBlack);
}

.product-detail .experience p i {
	color: var(--ColorYellow2);
	margin-right: 5px;
}

.product-detail .experience p:last-child {
	padding-left: 30px;
}

.product-detail .specification {
	margin: 0 0 20px;
}

.product-detail .specification table {
	margin: 0;
}

.product-detail .specification table td {
	width: 50%;
	padding: 15px;
	vertical-align: middle;
	border-bottom: 0;
}

.product-detail .specification table td span {
	font-size: 13px;
	color: var(--ColorBlack4);
	display: block;
}

.product-detail .specification table td p {
	font-size: 15px;
	font-weight: 600;
	color: var(--primaryColor1);
	margin: 0;
}

.product-detail .specification table tr:first-child td {
	border-bottom: 1px solid var(--ColorBlue);
}

.product-detail .specification table td:first-child {
	border-right: 1px solid var(--ColorBlue);
}

.product-detail .description .button {
	margin: 0 0 20px;
}

.product-detail .description .button ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
}

.product-detail .description .button ul li {
	font-size: 14px;
	text-transform: uppercase;
	flex: 1;
	text-align: center;
}

.product-detail .description .button ul li a {
	font-weight: 500;
	color: var(--ColorBlack4);
	display: block;
	padding: 0 0 10px;
	border-bottom: 1px solid var(--ColorBlue);
}

.product-detail .description .button ul li a.active,
.product-detail .description .button ul li a:hover,
.product-detail .description .button ul li a:focus {
	font-weight: 700;
	color: var(--primaryColor1);
	border-bottom: 1px solid var(--primaryColor1);
}

.product-detail .description {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 6px solid var(--ColorBlue2);
}

.product-detail .description .content .item p {
	font-size: 17px;
	color: var(--ColorBlack3);
	margin: 0;
}

.product-detail .description .content .item ol,
.product-detail .description .content .item ul {
	padding-left: 20px;
	margin: 0;
}

.product-detail .description .content .item ol li,
.product-detail .description .content .item ul li {
	font-size: 17px;
	color: var(--ColorBlack3);
	margin: 0 0 5px;
}

.product-detail .description .content .item ol li:last-child,
.product-detail .description .content .item ul li:last-child {
	margin: 0;
}

.product-detail .description .content .item b {
	font-weight: 600;
	color: var(--ColorBlack);
}

.product-detail .estimation {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 6px solid var(--ColorBlue2);
}

.product-detail .estimation > p {
	font-size: 14px;
	font-style: italic;
	color: var(--ColorBlack4);
	margin: 0;
	text-align: center;
}

.product-detail .estimation > p i {
	color: var(--ColorGreen);
}

.product-detail .estimation .content {
	background: var(--ColorBlue4);
	border: 1px solid var(--ColorBlue5);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	margin: 0 0 15px;
}

.product-detail .estimation .content .item:first-child {
	display: flex;
	align-items: center;
}

.product-detail .estimation .content .item i {
	font-size: 32px;
	color: var(--primaryColor1);
	margin-right: 15px;
}

.product-detail .estimation .content .item span {
	font-size: 15px;
}

.product-detail .estimation .content .item p {
	font-size: 17px;
	font-weight: 600;
	margin: 0;
}

.product-detail .estimation .content .item p a {
	color: var(--primaryColor1);
	padding-left: 10px;
}

.product-detail .estimation .content .item:last-child span {
	color: var(--ColorBlack4);
}

.product-detail .review {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 6px solid var(--ColorBlue2);
}

.product-detail .review .photo {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 -3px 15px;
}

.product-detail .review .photo .item {
	flex: 1;
	position: relative;
	margin: 0 3px;
	overflow: hidden;
}

.product-detail .review .photo .item img {
	width: 100%;
}

.product-detail .review .photo .item .overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.product-detail .review .photo .item .overlay a {
	font-size: 13px;
	font-weight: 700;
	color: var(--ColorWhite);
}

.product-detail .review .slider {
	margin: 0 -5px;
}

.product-detail .review .slider .slick-list {
	padding-right: 10%;
}

.product-detail .review .slider .item {
	margin: 0 5px;
}

.product-detail .review .slider .item {
	padding: 15px;
	border: 1px solid var(--ColorBlue);
}

.product-detail .review .slider .item p {
	font-size: 16px;
	color: var(--ColorBlack3);
	margin: 0 0 20px;
}

.product-detail .review .slider .item ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.product-detail .review .slider .item ul li img {
	width: 26px;
}

.product-detail .review .slider .item ul li:last-child {
	font-size: 17px;
	font-weight: 600;
	margin-left: 10px;
}

.product-detail .ads img {
	width: 100%;
}

.summary-total {
	background: var(--primaryColor1);
	position: sticky;
	top: 80px;
    z-index: 2;
	padding: 20px 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.summary-total span {
	font-size: 14px;
	color: var(--ColorWhite);
	display: block;
	margin: 0 0 5px;
}

.summary-total span b {
	font-weight: 400;
	color: var(--ColorWhite3);
}

.summary-total span.notes {
	font-size: 12px;
	color: var(--ColorWhite3);
	display: block;
	text-align: center;
	margin: 0;
}

.summary-total span.notes a {
	color: var(--ColorWhite);
}

.summary-total p b {
	font-size: 19px;
	font-weight: 600;
	color: var(--ColorWhite);
}

.summary-total .item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 10px;
}

.summary-total .item p {
	font-size: 17px;
	color: var(--ColorWhite);
	margin: 0;
	flex: 1;
}

.summary-total .item p:first-child {
	color: var(--ColorWhite2);
}

.summary-total .item p:last-child {
	font-weight: 600;
	text-align: right;
}

.summary-total .item p a {
	color: var(--ColorWhite);
}

.summary-total .item p a[aria-expanded="true"] i {
	rotate: 180deg;
	-webkit-rotate: 180deg;
	-moz-rotate: 180deg;
}

.summary-total .item ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

.summary-total .item ul li:first-child {
	font-size: 15px;
	color: var(--ColorWhite2);
	margin: 0 0 5px;
}

.summary-total .item ul li a {
	font-size: 15px;
	color: var(--ColorWhite);
	text-decoration: underline;
	display: block;
}

.summary-total .item.item-detail p {
	font-size: 15px;
}

/* PRODUCT FABRIC */
.product-fabric {
	min-height: calc(100% - 65px);
	background: var(--ColorBlue2);
	padding-top: 0;
}

.product-fabric .sub-title,
.product-fabric .sub-title {
	margin: 0 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-fabric .sub-title h2,
.product-fabric .sub-title h2 {
	font-size: 17px;
	font-weight: 600;
	margin: 0;
}

.product-fabric .sub-title p {
	font-size: 15px;
	color: var(--ColorBlack3);
	margin: 0;
}

.product-fabric .sub-title p span {
	font-weight: 700;
	color: var(--primaryColor1);
	margin-right: 10px;
}

.product-fabric .type,
.product-fabric .category {
	margin: 0 0 30px;
}

.product-fabric .type .slider .slick-list,
.product-fabric .category .slider .slick-list {
	padding-right: 10%;
}

.product-fabric .type .slider .item,
.product-fabric .category .slider .item {
	margin: 0 5px;
}

.product-fabric .type .slider .item .btn {
	display: flex;
	align-items: center;
}

.product-fabric .type .slider .item span {
	width: 18px;
    height: 18px;
    background: var(--ColorBlue9);
    font-size: 12px;
    color: var(--primaryColor1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

.product-fabric .photo {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 -3px 30px;
}

.product-fabric .photo .item {
	flex: 1;
	position: relative;
	margin: 0 3px;
	overflow: hidden;
}

.product-fabric .photo .item img {
	width: 100%;
}

.product-fabric .photo .item .overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.product-fabric .photo .item .overlay a {
    height: 100%;
	font-size: 14px;
	font-weight: 700;
	color: var(--ColorWhite);
	line-height: 1.3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
}

.product-fabric .experience {
	background: var(--ColorBlack5);
	padding: 12px;
	margin: 0 0 30px;
}

.product-fabric .experience p {
	font-size: 13px;
	color: var(--ColorYellow);
	margin: 0;
}

.product-fabric .experience p i {
	color: var(--ColorYellow2);
	margin-right: 5px;
}

.product-fabric .highlight {
	margin: 0 0 30px;
}

.product-fabric .highlight .item {
	background: var(--ColorWhite);
	padding: 15px;
	margin: 0 0 15px;
	display: flex;
	align-items: flex-start;
}

.product-fabric .highlight .item:last-child {
	margin: 0;
}

.product-fabric .highlight .item i {
	color: var(--ColorGreen);
	margin-right: 10px;
}

.product-fabric .highlight .item p {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 5px;
}

.product-fabric .highlight .item span {
	font-size: 14px;
	color: var(--ColorBlack4);
	display: block;
}

.product-fabric .color {
	margin: 0 0 30px;
}

.product-fabric .color .content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: 0 0 15px;
}

.product-fabric .color .content .item input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.product-fabric .color .content .item label {
	display: block;
	cursor: pointer;
	border: 1px solid var(--ColorBlue8);
	overflow: hidden;
}

.product-fabric .color .content .item img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.product-fabric .color .content .item input:checked + label {
	border-color: var(--primaryColor1);
}

.product-fabric .ads {
	margin: 0 0 30px;
}

.product-fabric .ads img {
	width: 100%;
}

.product-fabric .size .item {
	background: var(--ColorWhite);
	padding: 15px;
	margin: 0 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-fabric .size .item .pretty {
	font-size: 15px;
}

.product-fabric .size .item p {
	font-size: 15px;
	font-weight: 700;
	margin: 0;
}

.product-fabric .size .item:has(input:checked) {
	background: var(--primaryColor1);
}

.product-fabric .size .item:has(input:checked) p,
.product-fabric .size .item:has(input:checked) label {
	color: var(--ColorWhite);
}

.product-fabric .size .item .pretty .state label:before {
	border-color: var(--primaryColor1);
}

.product-fabric .size .item .pretty.p-icon input:checked~.state label:before {
	border-color: var(--ColorWhite);
}

.product-fabric .size .item .pretty input:checked~.state.p-primary label:after,
.product-fabric .size .item .pretty.p-toggle .state.p-primary label:after {
	background-color: var(--ColorWhite) !important;
}

.product-fabric .size .item .pretty input:checked~.state.p-primary .icon,
.product-fabric .size .item .pretty input:checked~.state.p-primary .svg,
.product-fabric .size .item .pretty.p-toggle .state.p-primary .icon,
.product-fabric .size .item .pretty.p-toggle .state.p-primary .svg {
	color: var(--ColorBlack);
	stroke: var(--ColorBlack);;
}

.product-fabric .size p.notes {
	font-size: 15px;
	color: var(--ColorBlack4);
	text-align: center;
	margin: 0;
}

.product-fabric .size p.notes a {
	font-weight: 700;
	color: var(--primaryColor1);
}

.product-fabric .size p.notes a i {
	margin-left: 10px;
}

/* PRODUCT ADDON */
.product-addon {
	min-height: calc(100% - 65px);
	background: var(--ColorBlue2);
	padding-top: 0;
}

.product-addon .content {
	background: var(--ColorWhite);
	padding: 15px;
	margin: 0 0 20px;
}

.product-addon .content:last-child {
	margin: 0;
}

.product-addon .content .description {
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
	margin: 0 0 15px;
}

.product-addon .content .description img {
	width: 15%;
}

.product-addon .content .description div {
	width: 85%;
	padding-left: 30px;
}

.product-addon .content .description div h2 {
	font-size: 17px;
	font-weight: 600;
	margin: 0 0 10px;
}

.product-addon .content .description div p {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0 0 5px;
}

.product-addon .content .description div a {
	font-size: 15px;
	color: var(--primaryColor1);
	display: block;
}

.product-addon .content .price {
	background: var(--ColorBlue4);
	border: 1px solid var(--ColorBlue);;
	padding: 15px;
	margin: 0 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-addon .content .price:last-child {
	margin: 0;
}

.product-addon .content .price .pretty {
	font-size: 15px;
}

.product-addon .content .price p {
	font-size: 15px;
	margin: 0;
}

.product-addon .content .price:has(input:checked) {
	background: var(--primaryColor1);
}

.product-addon .content .price:has(input:checked) p,
.product-addon .content .price:has(input:checked) label {
	color: var(--ColorWhite);
}

.product-addon .content .price .pretty .state label:before {
	border-color: var(--primaryColor1);
}

.product-addon .content .price .pretty.p-icon input:checked~.state label:before {
	border-color: var(--ColorWhite);
}

.product-addon .content .price .pretty input:checked~.state.p-primary label:after,
.product-addon .content .price .pretty.p-toggle .state.p-primary label:after {
	background-color: var(--ColorWhite) !important;
}

.product-addon .content .price .pretty input:checked~.state.p-primary .icon,
.product-addon .content .price .pretty input:checked~.state.p-primary .svg,
.product-addon .content .price .pretty.p-toggle .state.p-primary .icon,
.product-addon .content .price .pretty.p-toggle .state.p-primary .svg {
	color: var(--ColorBlack);
	stroke: var(--ColorBlack);;
}

/* CART */
.cart {
	min-height: calc(100% - 65px);
	background: var(--ColorBlue2);
	padding-top: 0;
}

.cart .p-all {
	font-size: 15px;
	margin: 0 0 20px;
}

.cart .p-all label {
	font-weight: 600;
}

.cart .information {
	background: var(--ColorYellow3);
	padding: 12px;
	margin: 0 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cart .information p {
	font-size: 12px;
	color: var(--ColorBlack3);
	margin: 0;
	flex: 1;
}

.cart .information p b {
	font-weight: 700;
}

.cart .information a {
	font-size: 12px;
	color: var(--ColorBlack3);
	display: block;
	flex: 1;
	text-align: right;
}

.cart .information a i {
	color: var(--ColorYellow4);
	padding-right: 5px;
}

.cart .content {
	background: var(--ColorWhite);
	padding: 20px;
	margin: 0 0 15px;
}

.cart .content .option {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
}

.cart .content .option .pretty {
	font-size: 15px;
	font-weight: 600;
}

.cart .content .option .pretty label {
	font-weight: 600;
}

.cart .content .option > div:last-child {
	display: flex;
	align-items: center;
}

.cart .content .option a {
	font-size: 16px;
	color: var(--ColorRed);
}

.cart .content .option input {
	width: 25px;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    margin: 0 8px;
    text-align: center;
    border: 0;
}

.cart .content .option button {
	font-size: 16px;
	color: var(--primaryColor1);
	padding: 0;
}

.cart .content .product {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 30px;
}

.cart .content .product > div {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.cart .content .product img {
	width: 15%;
}

.cart .content .product .text {
	padding-left: 15px;
}

.cart .content .product p {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0 0 5px;
}

.cart .content .product p:last-child {
	margin: 0;
}

.cart .content .product p b {
	color: var(--ColorBlack);
	padding-left: 5px;
}

.cart .content .product a {
	font-size: 15px;
	font-weight: 600;
	color: var(--primaryColor1);
}

.cart .content .detail a {
	font-size: 15px;
	font-weight: 600;
	color: var(--ColorBlack3);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cart .content .detail a[aria-expanded="true"] i {
	rotate: 90deg;
	-webkit-rotate: 90deg;
	-moz-rotate: 90deg;
}

.cart .content .size {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid var(--ColorBlue10);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cart .content .size p {
	font-size: 15px;
	font-weight: 600;
	color: var(--ColorBlack3);
	margin: 0;
}

.cart .content .size p b {
	font-weight: 600;
	color: var(--ColorBlack);
	padding-left: 15px;
}

.cart .content .size a {
	font-size: 15px;
	font-weight: 600;
	color: var(--primaryColor1);
}

.cart .content .addon {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid var(--ColorBlue10);
}

.cart .content .addon .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
}

.cart .content .addon .item label {
	font-size: 15px;
	font-weight: 600;
	color: var(--ColorBlack3);
	margin: 0;
}

.cart .content .addon .item p {
	font-size: 14px;
	color: var(--ColorBlack4);
	margin: 0;
}

.cart .content .addon .item p:last-child {
	color: var(--ColorBlack);
}

.cart .content .addon .item a {
	font-size: 15px;
	font-weight: 600;
	color: var(--primaryColor1);
}

.cart .content .total {
	background: var(--ColorBlue11);
	padding: 15px;
	margin: 30px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cart .content .total p {
	font-size: 15px;
	margin: 0;
}

.cart .content .total p:last-child {
	font-size: 17px;
	font-weight: 600;
}

/* SHIPPING */
.shipping-data,
.shipping-method {
	min-height: calc(100% - 65px);
	background: var(--ColorBlue2);
	padding-top: 0;
}

.shipping-data .sub-title,
.shipping-method .sub-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
}

.shipping-data .sub-title h2,
.shipping-method .sub-title h2 {
	font-size: 17px;
	font-weight: 600;
	color: var(--ColorBlack);
	display: flex;
	align-items: center;
	margin: 0;
}

.shipping-data .sub-title h2 i,
.shipping-method .sub-title h2 i {
	color: var(--primaryColor1);
}

.shipping-data .sub-title p,
.shipping-method .sub-title p {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0;
}

.shipping-data .sub-title p a {
	color: var(--primaryColor1);
}

.shipping-method .sub-title a {
	font-size: 17px;
	font-weight: 600;
	color: var(--primaryColor1);
}

.shipping-data .sub-title .button .btn {
	padding: 5px 7px;
}

.shipping-data .reciever,
.shipping-data .address,
.shipping-data .choose-date,
.shipping-method .address,
.shipping-method .method,
.shipping-method .summary {
	background: var(--ColorWhite);
	padding: 15px;
	margin: 0 0 15px;
}

.shipping-data .address .maps-selected {
	width: 100%;
	height: 300px;
	margin: 0 0 10px;
	border-radius: 6px;
	overflow: hidden;
}

.shipping-data .address .btn {
	margin: 0 0 20px;
}

.shipping-data .choose-date .slider {
	margin: 0 -5px 20px;
}

.shipping-data .choose-date .slider .item {
	background: var(--ColorWhite);
	padding: 10px;
	margin: 0 5px;
	text-align: center;
	border: 1px solid var(--ColorBlue);
	cursor: pointer;
	display: block;
}

.shipping-data .choose-date .slider .item input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

.shipping-data .choose-date .slider .item span {
	font-size: 12px;
	color: var(--ColorBlack4);
	display: block;
	margin: 0;
	text-transform: uppercase;
}

.shipping-data .choose-date .slider .item p.date {
	font-size: 17px;
	font-weight: 600;
	margin: 5px 0;
}

.shipping-data .choose-date .slider .item.today {
	background: var(--ColorBlue2);
	border-color: var(--ColorBlue2);
}

.shipping-data .choose-date .slider .item.today span {
	color: var(--ColorBlack6);
}

.shipping-data .choose-date .slider .item.today p.date {
	color: var(--ColorBlack4);
}

.shipping-data .choose-date .slider .item:hover {
	background: var(--primaryColor1);
	border-color: var(--primaryColor1);
}

.shipping-data .choose-date .slider .item:hover span {
	color: var(--ColorWhite3);
}

.shipping-data .choose-date .slider .item:hover p.date {
	color: var(--ColorWhite);
}

.shipping-data .choose-date .slider .item:has(input[type="radio"]:checked) {
	background: var(--primaryColor1);
	border-color: var(--primaryColor1);
}

.shipping-data .choose-date .slider .item:has(input[type="radio"]:checked) span {
	color: var(--ColorWhite3);
}

.shipping-data .choose-date .slider .item:has(input[type="radio"]:checked) p.date {
	color: var(--ColorWhite);
}

.shipping-data .choose-date .notes {
	background: var(--ColorBlue4);
	padding: 15px;
	display: flex;
	align-items: flex-start;
}

.shipping-data .choose-date .notes i {
	font-size: 18px;
	color: var(--ColorBlue3);
	margin-right: 10px;
}

.shipping-data .choose-date .notes p {
	font-size: 14px;
	color: var(--ColorBlack4);
	margin: 0 0 5px;
}

.shipping-data .choose-date .notes p b {
	font-weight: 600;
	color: var(--ColorBlack);
	display: block;
}

.shipping-data .choose-date .notes a {
	font-size: 15px;
    font-weight: 600;
    color: var(--primaryColor1);
    display: block;
    padding: 5px 0 0;
}

.shipping-method .address p {
	font-size: 14px;
	color: var(--ColorBlack4);
	margin: 0;
}

.shipping-method .address p b {
	font-size: 15px;
	font-weight: 400;
	color: var(--ColorBlack);
	margin: 0 0 5px;
	display: block;
}

.shipping-method .notes {
	background: var(--ColorBlue10);
	padding: 15px;
	margin: 0 0 15px;
	display: flex;
	align-items: flex-start;
}

.shipping-method .notes i {
	font-size: 18px;
	color: var(--ColorBlack);
	margin-right: 10px;
}

.shipping-method .notes p {
	font-size: 14px;
	color: var(--ColorBlack3);
	margin: 0 0 5px;
}

.shipping-method .notes p b {
	font-weight: 600;
	color: var(--ColorBlack);
	display: block;
}

.shipping-method .notes a {
	font-size: 15px;
    font-weight: 600;
    color: var(--primaryColor1);
    display: block;
    padding: 5px 0 0;
}

.shipping-method .method .item {
	position: relative;
	background: var(--ColorWhite);
	border: 1px solid var(--ColorBlue5);
	padding: 15px;
	margin: 0 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}

.shipping-method .method .item input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

.shipping-method .method .item:has(input[type="radio"]:checked) {
	background: var(--ColorGreen2);
	border-color: var(--ColorGreen);
}

.shipping-method .method .item .sub-item:first-of-type {
	display: flex;
	align-items: flex-start;
}

.shipping-method .method .item .sub-item:first-of-type img {
	width: 34px;
	height: auto;
	margin-right: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.shipping-method .method .item .sub-item:first-of-type p {
	font-size: 17px;
	margin: 0;
}

.shipping-method .method .item .sub-item:first-of-type p i {
	color: var(--ColorGreen);
	display: none;
}

.shipping-method .method .item:has(input[type="radio"]:checked) .sub-item:first-of-type p i  {
	display: inline-block;
}

.shipping-method .method .item .sub-item:first-of-type span {
	font-size: 14px;
	color: var(--ColorBlack4);
	display: block;
}

.shipping-method .method .item .sub-item:last-of-type p {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
}

.shipping-method .method .item .sub-item:last-of-type p.byself {
	font-weight: 400;
	color: var(--ColorBlack4);
}

.shipping-method .method .option > p {
	font-size: 14px;
	font-style: italic;
	color: var(--ColorBlack4);
	text-align: center;
	margin: 0;
}

.shipping-method .summary .item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 10px;
}

.shipping-method .summary .item:last-child {
	margin: 0;
}

.shipping-method .summary .item p {
	font-size: 15px;
	margin: 0;
}

.shipping-method .summary .item p:first-child {
	color: var(--ColorBlack4);
}

.shipping-method .summary .item.item-total {
	border-top: 1px solid var(--ColorBlue10);
	padding: 10px 0 0;
}

.shipping-method .summary .item.item-total p:first-child {
	font-weight: 600;
	color: var(--ColorBlack3);
}

.shipping-method .summary .item.item-total p:last-child {
	font-size: 17px;
	font-weight: 700;
	color: var(--primaryColor1);
}

/* ORDER SUMMARY */
.order-summary {
	min-height: calc(100% - 65px);
	background: var(--ColorBlue2);
	padding-top: 0;
}

.order-summary .option {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 30px;
}

.order-summary .option div {
	display: flex;
	align-items: center;
}

.order-summary .option p {
	font-size: 17px;
	font-weight: 600;
	margin: 0 10px 0 0;
}

.order-summary .option span {
	font-size: 13px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
}

.order-summary .option a {
	font-size: 15px;
	font-weight: 600;
	color: var(--primaryColor1);
}

.order-summary .content,
.order-summary .address,
.order-summary .voucher,
.order-summary .grand-total {
	background: var(--ColorWhite);
	padding: 15px;
	margin: 0 0 15px;
}

.order-summary .sub-title {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px;
}

.order-summary .sub-title h2 {
	font-size: 17px;
    font-weight: 600;
    color: var(--ColorBlack);
    display: flex;
    align-items: center;
    margin: 0;
}

.order-summary .sub-title h2 i {
	color: var(--primaryColor1);
}

.order-summary .sub-title a {
    font-size: 15px;
    font-weight: 600;
    color: var(--primaryColor1);
}

.order-summary .content .product {
	display: flex;
	align-items: flex-start;
	margin: 0 0 30px;
}

.order-summary .content .product img {
	width: 15%;
}

.order-summary .content .product .text {
	padding-left: 15px;
}

.order-summary .content .product p {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0 0 5px;
}

.order-summary .content .product p:last-child {
	margin: 0;
}

.order-summary .content .product p b {
	color: var(--ColorBlack);
	padding-left: 5px;
}

.order-summary .content .detail a {
	font-size: 15px;
	font-weight: 600;
	color: var(--ColorBlack3);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-summary .content .detail a[aria-expanded="true"] i {
	rotate: 90deg;
	-webkit-rotate: 90deg;
	-moz-rotate: 90deg;
}

.order-summary .content .addon {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid var(--ColorBlue10);
}

.order-summary .content .addon .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
}

.order-summary .content .addon .item label {
	font-size: 15px;
	font-weight: 600;
	color: var(--ColorBlack3);
	margin: 0;
}

.order-summary .content .addon .item p {
	font-size: 14px;
	color: var(--ColorBlack4);
	margin: 0;
}

.order-summary .content .addon .item p:last-child {
	color: var(--ColorBlack);
}

.order-summary .content .addon .item a {
	font-size: 15px;
	font-weight: 600;
	color: var(--primaryColor1);
}

.order-summary .content .upload-photo {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid var(--ColorBlue10);
}

.order-summary .content .upload-photo p {
	font-size: 15px;
    font-weight: 600;
    color: var(--ColorBlack3);
    margin: 0 0 20px;
}

.order-summary .content .upload-photo .content-image-upload {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.order-summary .content .upload-photo .content-image-upload .item {
	width: calc(20% - 10px);
	border: 1px solid var(--ColorBlue);
	margin: 0 5px 5px;
}

.order-summary .content .notes {
	padding: 20px 0 0;
	margin: 15px 0 0;
	border-top: 1px solid var(--ColorBlue10);
}

.order-summary .content .notes > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-summary .content .notes p {
	font-size: 15px;
    font-weight: 600;
    color: var(--ColorBlack3);
    margin: 0;
}

.order-summary .content .notes span {
	font-size: 14px;
	color: var(--ColorBlack4);
	display: block;
	margin: 10px 0 0;
}

.order-summary .content .notes .btn {
	font-weight: 400;
}

.order-summary .content .total {
	background: var(--ColorBlue11);
	padding: 15px;
	margin: 30px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-summary .content .total p {
	font-size: 15px;
    font-weight: 600;
    color: var(--ColorBlack3);
	margin: 0;
}

.order-summary .content .total p:last-child {
	font-size: 17px;
	font-weight: 700;
    color: var(--ColorBlack);
}

.order-summary .address p {
	font-size: 14px;
	color: var(--ColorBlack4);
	margin: 0;
}

.order-summary .address p b {
	font-size: 15px;
	font-weight: 400;
	color: var(--ColorBlack);
	margin: 0 0 5px;
	display: block;
}

.order-summary .shipping-option {
	background: var(--ColorGreen2);
	border: 1px solid var(--ColorGreen);
	padding: 15px;
	margin: 0 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-summary .shipping-option img {
	width: 34px;
	margin-right: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.order-summary .shipping-option > div:first-child {
	display: flex;
	align-items: flex-start;
}

.order-summary .shipping-option > div:first-child p {
	font-size: 17px;
	margin: 0;
}

.order-summary .shipping-option > div:first-child span {
	font-size: 14px;
	color: var(--ColorBlack4);
	display: block;
}

.order-summary .shipping-option > div:last-child {
	text-align: right;
}

.order-summary .shipping-option > div:last-child a {
	font-size: 15px;
    font-weight: 600;
    color: var(--primaryColor1);
	display: block;
	margin: 0 0 5px;
}

.order-summary .shipping-option > div:last-child p {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
}

.order-summary .grand-total .item {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid var(--ColorBlue10);
}

.order-summary .grand-total .item:not(:has(~ .item)) {
	padding: 0;
	border-bottom: 0;
	margin: 0;
}

.order-summary .grand-total .item .item-product {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 8px;
}

.order-summary .grand-total .item .item-product p {
	font-size: 15px;
	margin: 0;
}

.order-summary .grand-total .item ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.order-summary .grand-total .item ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 5px;
}

.order-summary .grand-total .item ul li:last-child {
	margin: 0;
}

.order-summary .grand-total .item ul li span:first-child {
	font-size: 14px;
	color: var(--ColorBlack4);
}

.order-summary .grand-total .item ul li span:last-child {
	font-size: 15px;
	color: var(--ColorBlack);
}

.order-summary .grand-total .item ul li i {
	color: var(--ColorGreen);
	margin-right: 10px;
}

.order-summary .grand-total .item-total {
	background: var(--ColorBlue11);
	padding: 15px;
	margin: 30px 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-summary .grand-total .item-total p {
	font-size: 15px;
    font-weight: 600;
    color: var(--ColorBlack3);
	margin: 0;
}

.order-summary .grand-total .item-total p:last-child {
	font-size: 17px;
	font-weight: 700;
    color: var(--primaryColor1);
}

.order-summary .grand-total .item-notes {
	background: var(--ColorYellow);
	padding: 15px;
}

.order-summary .grand-total .item-notes p {
	font-size: 14px;
	font-style: italic;
	color: var(--ColorBlack3);
	margin: 0;
	text-align: center;
}

.order-summary .grand-total .item-notes p b {
	color: var(--ColorBlack);
}

/* ORDER CHOOSE PAYMENT */
.order-choose-payment {
	min-height: calc(100% - 65px);
	background: var(--ColorBlue2);
	padding-top: 0;
}

.order-choose-payment .method,
.order-choose-payment .grand-total {
	background: var(--ColorWhite);
	padding: 15px;
	margin: 0 0 15px;
}

.order-choose-payment .sub-title {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px;
}

.order-choose-payment .sub-title h2 {
	font-size: 17px;
    font-weight: 600;
    color: var(--ColorBlack);
    display: flex;
    align-items: center;
    margin: 0;
}

.order-choose-payment .sub-title a {
    font-size: 15px;
    font-weight: 500;
    color: var(--primaryColor1);
}

.order-choose-payment .method .item {
	background: var(--ColorBlue4);
	border: 1px solid var(--ColorBlue);
	padding: 15px;
	margin: 0 0 10px;
}

.order-choose-payment .method .item:has(input[type="radio"]:checked) {
	background: var(--ColorGreen2);
	border-color: var(--ColorGreen);
}

.order-choose-payment .method .item:last-child {
	margin: 0;
}

.order-choose-payment .method .item img {
	width: 100%;
	margin: 15px 0;
}

.order-choose-payment .method .item span {
	font-size: 14px;
	color: var(--ColorBlack4);
	display: block;
}

.order-choose-payment .method .item .pretty {
	font-size: 17px;
	display: block;
	margin: 0;
}

.order-choose-payment .method .item .pretty input:checked~.state.p-primary label:after,
.order-choose-payment .method .item .pretty.p-toggle .state.p-primary label:after {
	background-color: var(--ColorGreen) !important;
}

.order-choose-payment .grand-total .item {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid var(--ColorBlue10);
}

.order-choose-payment .grand-total .item:not(:has(~ .item)) {
	padding: 0;
	border-bottom: 0;
	margin: 0;
}

.order-choose-payment .grand-total .item .item-product {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 8px;
}

.order-choose-payment .grand-total .item .item-product p {
	font-size: 15px;
	margin: 0;
}

.order-choose-payment .grand-total .item ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.order-choose-payment .grand-total .item ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 5px;
}

.order-choose-payment .grand-total .item ul li:last-child {
	margin: 0;
}

.order-choose-payment .grand-total .item ul li span:first-child {
	font-size: 14px;
	color: var(--ColorBlack4);
}

.order-choose-payment .grand-total .item ul li span:last-child {
	font-size: 15px;
	color: var(--ColorBlack);
}

.order-choose-payment .grand-total .item ul li i {
	color: var(--ColorGreen);
	margin-right: 10px;
}

.order-choose-payment .grand-total .item-total {
	background: var(--ColorBlue11);
	padding: 15px;
	margin: 30px 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-choose-payment .grand-total .item-total p {
	font-size: 15px;
    font-weight: 600;
    color: var(--ColorBlack3);
	margin: 0;
}

.order-choose-payment .grand-total .item-total p:last-child {
	font-size: 17px;
	font-weight: 700;
    color: var(--primaryColor1);
}

.order-choose-payment .grand-total .item-notes {
	background: var(--ColorYellow);
	padding: 15px;
}

.order-choose-payment .grand-total .item-notes p {
	font-size: 14px;
	font-style: italic;
	color: var(--ColorBlack3);
	margin: 0;
	text-align: center;
}

.order-choose-payment .grand-total .item-notes p b {
	color: var(--ColorBlack);
}

/* ORDER CHOOSE PAYMENT */
.order-waiting-payment {
	min-height: calc(100% - 65px);
	background: var(--ColorBlue2);
	padding-top: 0;
}

.order-waiting-payment .timer {
	background: var(--ColorYellow6);
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px;
}

.order-waiting-payment .timer .item:first-child {
	display: flex;
	align-items: center;
}

.order-waiting-payment .timer .item i {
	font-size: 36px;
	color: var(--ColorYellow7);
	margin-right: 15px;
}

.order-waiting-payment .timer .item ul {
	list-style: none;
	padding: 0;
	display: flex;
	align-items: center;
	margin: 0 -5px;
	line-height: normal;
}

.order-waiting-payment .timer .item ul li {
	font-size: 25px;
	font-weight: 700;
	color: var(--ColorYellow7);
	margin: 0 5px;
}

.order-waiting-payment .timer .item p {
	font-size: 15px;
	color: var(--ColorBlack3);
	margin: 0;
}

.order-waiting-payment .timer .item span {
	font-size: 15px;
	color: var(--ColorBlack4);
	display: block;
	margin: 0 0 5px;
}

.order-waiting-payment .detail,
.order-waiting-payment .how-to {
	background: var(--ColorWhite);
	padding: 15px;
}

.order-waiting-payment .detail .item {
	margin: 0 0 20px;
}

.order-waiting-payment .detail .item.bdr-btm {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid var(--ColorBlue5);
}

.order-waiting-payment .detail .item span {
	font-size: 15px;
	color: var(--ColorBlack4);
	display: block;
	margin: 0 0 5px;
}

.order-waiting-payment .detail .item p {
	font-size: 17px;
	font-weight: 600;
	margin: 0;
}

.order-waiting-payment .detail .item-account-number div {
	background: var(--ColorBlue2);
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-waiting-payment .detail .item-total {
	margin: 0;
}

.order-waiting-payment .detail .item-total > div {
	background: var(--ColorBlue2);
	padding: 15px;
}

.order-waiting-payment .detail .item-total > div > div:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 5px;
}

.order-waiting-payment .detail .item-total p {
	font-size: 19px;
	font-weight: 700;
	color: var(--primaryColor1);
}

.order-waiting-payment .how-to h2 {
	font-size: 17px;
	font-weight: 600;
	margin: 0 0 10px;
}

.order-waiting-payment .button {
	background: var(--primaryColor1);
	z-index: 2;
	padding: 15px;
}

.order-waiting-payment .button p {
	font-size: 17px;
	color: var(--ColorWhite2);
	margin: 0 0 15px;
}

/* ORDER SUCCESS */
.order-success .info {
	background: var(--ColorGreen2);
	padding: 30px 15px;
	margin: 0 0 15px;
	text-align: center;
}

.order-success .info i {
	font-size: 32px;
	color: var(--ColorGreen);
	display: inline-block;
	margin: 0 0 15px;
}

.order-success .info h1 {
	font-size: 21px;
	font-weight: 600;
	margin: 0 0 15px;
}

.order-success .info p {
	font-size: 15px;
	color: var(--ColorBlack4);
	margin: 0;
}

.order-success .detail {
	padding: 15px;
	margin: 0 0 15px;
	border: 1px solid var(--ColorBlue);
}

.order-success .detail .item-general {
	margin: 0 0 15px;
}

.order-success .detail .item-general p {
	font-size: 17px;
	font-weight: 600;
	margin: 0;
}

.order-success .detail .item-general span {
	font-size: 15px;
	color: var(--ColorBlack4);
	display: block;
	margin: 0 0 5px;
}

.order-success .detail .item-product {
	border-top: 1px solid var(--ColorBlue10);
	padding: 15px 0 0;
	margin: 0 0 15px;
}

.order-success .detail .item-product p {
	display: flex;
	justify-content: space-between;
	margin: 0 0 10px;
}

.order-success .detail .item-product p:last-child {
	margin: 0;
}

.order-success .detail .item-product span {
	font-size: 15px;
	display: block;
}

.order-success .detail .item-product span:first-child {
	color: var(--ColorBlack3);
}

.order-success .detail .item-total {
	border-top: 1px solid var(--ColorBlue10);
	padding: 15px 0 0;
	margin: 0 0 30px;
}

.order-success .detail .item-total p {
	display: flex;
	justify-content: space-between;
	margin: 0;
}

.order-success .detail .item-total span {
	font-size: 17px;
	font-weight: 700;
	display: block;
}

.order-success .detail .item-total span:last-child {
	color: var(--primaryColor1);
}

.order-success .notes,
.order-success .track {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 6px solid var(--ColorBlue2);
}

.order-success .notes p {
	font-size: 13px;
	color: var(--ColorBlack4);
	margin: 0;
	text-align: center;
}

.order-success .track h2 {
	font-size: 17px;
	font-weight: 600;
	margin: 0 0 20px;
}

.order-success .track ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.order-success .track li {
	position: relative;
	display: flex;
	align-items: flex-start;
	padding: 0 0 20px;
}

.order-success .track li:last-child {
	padding: 0;
}

.order-success .track li span {
	font-size: 14px;
	color: var(--ColorBlack4);
	line-height: normal;
	padding-left: 10px;
}

.order-success .track li span b {
	font-size: 14px;
	font-weight: 600;
	color: var(--ColorBlack);
	margin: 0 0 5px;
	display: block;
}

.order-success .track li:before {
	width: 23px;
	height: 23px;
	background: var(--ColorBlue12);
	position: relative;
	z-index: 2;
	content: "";
	display: block;
	border: 1px solid var(--ColorWhite);
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
}

.order-success .track li.done:before {
	background: var(--primaryColor1);
}

.order-success .track li.process:before {
	border: 6px solid var(--primaryColor1);
}

.order-success .track li:after {
	height: 100%;
	position: absolute;
	left: 11px;
	z-index: 1;
	border-left: 1px solid var(--ColorBlue12);
	content: "";
	display: block;
}

.order-success .track li.done:after {
	border-color: var(--primaryColor1);
}

.order-success .track li:last-child:after {
	display: none;
}

.order-success .customer-service p {
	font-size: 15px;
	color: var(--ColorBlack3);
	text-align: center;
}