/*
Template Name: Chpoee - Bootstrap E-Commerce Template
Author: Askbootstrap
Author URI: https://themeforest.net/user/askbootstrap
Version: 1.1
*/

/* 
-- Body
-- header
-- List Item
-- Cart Sidebar
-- List Page
-- checkout
-- My account
-- About Us
-- Detail Page
-- Footer
-- Mobile View
*/


/* Body */

@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

body {
	font-size: 13px;
	color: #000;
	font-family: 'Rubik', sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
}

a {
	text-decoration: none !important;
	color: #ff5a5f;
	transition-duration: 0.4s;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

img {
	transform-style: preserve-3d;
}

.text-danger {
	color: #f53434 !important;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #888;
}

::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.pbc-5 {
	padding-bottom: 32px !important;
}

.bg-b {
	background-color: #a9cff3;
}

.bg-r {
	background-color: #e0d2d1;
}

.btn {
	border-radius: 2px;
	font-size: 14px;
}

.btn-lg {
	padding: 11px 26px;
	font-size: 16px;
	font-weight: 600;
}

.btn-primary {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5541+0,ff365d+100 */
	border-color: #ff5541 !important;
	box-shadow: none;
	background: #ff5541;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #ff5541 0%, #ff365d 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ff5541 0%, #ff365d 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ff5541 0%, #ff365d 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5541', endColorstr='#ff365d', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
	box-shadow: none !important;
	color: #fff !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5541+0,ff365d+100 */
	background: #ff5541;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #ff5541 0%, #ff365d 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ff5541 0%, #ff365d 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #ff5541 0%, #ff365d 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5541', endColorstr='#ff365d', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.btn-outline-primary {
	color: #ff5541 !important;
	border-color: #ff5541 !important;
}

.form-control {
	font-size: 14px;
	border-radius: 2px;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 2px;
	width: 100%;
}

.select2-container .select2-selection--single {
	height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 21px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0.375rem 0.75rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 8px;
	top: 5px;
}

.select2-container {
	width: 100% !important;
}

.select2-dropdown {
	border: medium none !important;
	border-radius: 0 !important;
	box-shadow: 0 4px 4px #dcdcdc !important;
}

input.select2-search__field {
	outline: none;
}

.modal-content {
	border: none;
}

.input-group-text,
.card,
.modal-content {
	border-radius: 2px;
}

.f-14 {
	font-size: 14px;
}

.f-12 {
	font-size: 12px;
}

.badge-danger {
	background-color: #f53434 !important;
}

.text-success-light {
	color: #abcd05;
}

.badge-success {
	background-color: #3c8002 !important;
}

.bg-light {
	background-color: #edf1f4 !important;
}

.owl-theme .owl-controls .owl-buttons div,
.footer-social a {
	transform: scale(1);
	transition-duration: 0.4s;
}

.owl-theme .owl-controls .owl-buttons div:hover,
.footer-social a:hover {
	transform: scale(1.09);
}


/* End Body */


/* Login */

.login-icons {
	border: none;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.btn-facebook {
	background: #ffffff;
	color: #395b9a;
	border: 1px solid #395b9a;
}

.btn-facebook:hover {
	background: #395b9a;
	color: #fff;
}

.btn-google {
	background: #ffffff;
	color: #c71e25;
	border: 1px solid #c71e25;
}

.btn-google:hover {
	background: #c71e25;
	color: #fff;
}

.login-footer-tab .nav {
	border: none;
	display: inline-flex;
}

.login-footer-tab .nav-link {
	background: #ececec !important;
	border: none;
	border-radius: 2px !important;
	margin: 18px 4px 0px 4px;
	padding: 7px 20px;
}

.nav-tabs-login {
	right: 0px;
}

.nav-link-login {
	color: #ff5a5f;
	padding: 4px 9px;
	border: 1px solid #ff5a5f;
	font-size: 12px;
	margin: 4px -1px 0 0px;
	vertical-align: text-top;
}

.nav-link-login.active,
.nav-link-login:hover {
	background: #ff5a5f;
	color: #fff;
}

.close-top-right {
	right: 0;
	z-index: 99;
	top: -9px;
}


/* header */

.nav-osahan-pic {
	width: 32px;
	height: 32px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 3px #ccc;
	position: relative;
	margin: -8px 5px -6px 0;
	vertical-align: text-top;
}

.main-nav .nav-link {
	padding: 28px 0px !important;
	margin: 0 0 0 20px;
}

.main-nav .navbar-light .navbar-nav .nav-link {
	color: #343a40;
	font-weight: 500;
}

.top-search .from-control {
	background: #f5f5f6 !important;
}

.main-nav-left .nav-link {
	font-size: 14px;
}

.top-search .form-control {
	background: #f5f5f6;
	border-color: #f5f5f6;
	font-size: 13px;
	width: 485px;
	height: 39px;
	border-radius: 3px;
	padding: 6px 6px 6px 47px;
	box-shadow: none;
	margin: 0px !important;
	transition-duration: 0.4s;
}

.top-search .form-control:hover,
.top-search .form-control:focus {
	background: #fff;
	border-color: #f5f5f6;
}

.top-search button.btn-link {
	background: none;
	border: none;
	color: #666666;
	font-size: 14px;
	left: 10px;
	position: absolute;
	text-decoration: none;
	top: 9px;
}

.top-search {
	position: relative;
}

.cart-nav a.nav-link .badge {
	height: 16px;
	padding: 5px;
	min-width: 14px;
	border-radius: 50px;
	margin: 0;
	line-height: 8px;
}

.dropdown-menu {
	border-radius: 2px;
}

.dropdown-menu .dropdown-item {
	font-size: 13px;
	color: #666666;
	padding: 7px 18px;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
	background-color: #f8f9fa;
}

.dropdown-menu .dropdown-item i {
	margin: 0 4px 0 0;
}

.mega-drop {
	left: 0;
	right: 0;
}

.mega-drop-main {
	position: inherit;
}

.mega-list a {
	font-size: 13px;
	padding: 7px 11px;
	color: #666666;
	display: block;
	width: 100%;
}

.mega-list a:hover {
	background-color: #f8f9fa;
	color: #000000;
}

.mega-list .mega-title {
	font-weight: 500;
	font-size: 14px;
	color: #000;
}

#owl-carousel-one img {
	width: 100%;
	border-radius: 5px !important;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.flickity-page-dots {
	bottom: 17px;
}

.flickity-page-dots .dot {
	width: 7px;
	height: 7px;
	margin: 0 3px;
}

.flickity-prev-next-button {
	height: 84px;
	border-radius: 0;
}

.flickity-prev-next-button.previous {
	left: 0;
}

.flickity-prev-next-button.next {
	right: 0;
}


/* End header */


/* Offer Block */

.offers-block {
	backface-visibility: hidden;
	overflow: hidden;
	position: relative;
}

.offers-block a {
	display: block;
}

.offers-block img {
	width: 100%;
}

.offers-block::before,
.offers-block::after {
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
	content: "";
	position: absolute;
	transition: all 0.4s ease-out 0s;
}

.offers-block::before {
	height: 80px;
	left: 0;
	top: -80px;
	width: 100%;
}

.offers-block::after {
	height: 100%;
	left: -80px;
	top: 0;
	width: 80px;
}

.offers-block:hover::before {
	top: 100%;
}

.offers-block:hover::after {
	left: 100%;
}


/* End Offer Block */


/* List Item */

.list-item {
	background: #f4ffeb;
	border: none;
	border-radius: 0px;
	transition-duration: 0.4s;
	margin-bottom: 16px;
	position: relative;
}

.list-item a {
	text-decoration: none !important;
	transition-duration: 0.4s;
}

.list-item .badge {
	border-radius: 2px;
	font-size: 13px;
	font-weight: 400;
	position: absolute;
	top: 1.25rem;
	left: 1.25rem;
	z-index: 9;
	padding: 5px 9px;
}

.list-item .like-icon {
	position: absolute;
	right: 1.25rem;
	top: 1.25rem;
	z-index: 9;
}

.list-item .like-icon a {
	color: #bbbbbb;
	text-align: center;
	border-radius: 83px;
	height: 25px;
	line-height: 27px;
	font-size: 13px;
	width: 25px;
	display: block;
	opacity: 0.8;
	background: #fff;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.list-item .like-icon a.active,
.list-item .like-icon a:hover,
.list-item .like-icon a:focus {
	color: #E92424;
	opacity: unset;
}

.list-item .card-title {
	font-weight: 500;
	line-height: 22px;
	font-size: 14px;
	margin: 0px !important;
}

.stars-rating {
	margin: 0 0 6px 0;
	font-size: 12px;
}

.stars-rating i {
	margin: 0 4px 0 0px;
}

.list-item .card-body {
	padding: 15px;
}

.list-item .btn-success-light {
	background: #abcd05;
	color: #fff !important;
	border-radius: 2px;
	width: 38px;
	transition-duration: 0.4s;
	height: 38px;
	padding: 4px;
	text-align: center;
	font-size: 18px;
}

.list-item:hover .btn-success-light {
	background: #000000;
	transition-duration: 0.4s;
}

.owl-carousel-category .item {
	padding: 1px;
}


/* End List Item */


/* Cart Sidebar */

body.toggled {
	overflow: hidden;
}

body.toggled::after {
	background: #ffffff none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.8;
	position: absolute;
	right: 0;
	z-index: 9;
	top: 0;
}

.cart-sidebar {
	background: #fff none repeat scroll 0 0;
	overflow: auto;
	position: fixed;
	right: -400px;
	border-left: 1px solid #ececec;
	top: 0;
	width: 400px;
	z-index: 999999999999999;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	height: 100vh;
}

.toggled .cart-sidebar {
	right: 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cart-sidebar-body {
	height: calc(100vh - 233px);
	overflow: inherit;
}

.cart-sidebar-header {
	background: #ececec none repeat scroll 0 0;
	color: #000;
	padding: 18px 20px;
}

.cart-sidebar-header h5 {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	font-weight: 500;
}

.cart-sidebar-header .float-right {
	background: #fff none repeat scroll 0 0;
	border-radius: 24px;
	color: #000;
	height: 26px;
	line-height: 25px;
	text-align: center;
	width: 26px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.cart-list-product {
	border-bottom: 1px solid #ececec;
	overflow: hidden;
	padding: 1rem !important;
	position: relative;
}

.cart-list-product img {
	border-image: none;
	border-radius: 3px;
	background: #ffffff none repeat scroll 0 0;
	float: left;
	height: 90px;
	margin: 0 15px 0 0;
	object-fit: scale-down;
	width: 73px;
	padding: 3px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.cart-list-product h5 a {
	font-size: 14px;
}

.cart-list-product h5 {
	margin: 0;
}

.cart-list-product h6 {
	font-size: 11px;
}

.remove-cart {
	position: absolute;
	right: 16px;
	top: 13px;
}

.cart-list-product .badge {
	border-radius: 2px;
	color: #ffffff;
	font-size: 11px;
	font-weight: 500;
	padding: 3px 6px;
}

.cart-sidebar-footer {
	background: #ececec none repeat scroll 0 0;
	padding: 14px 20px;
}

.cart-store-details p {
	margin: 0 0 3px;
}

.cart-store-details h6 {
	margin: 10px 0 19px;
}

.cart-sidebar-footer .btn {
	padding: 15px 17px;
}

.count-number .btn {
	border-radius: 2px;
	font-size: 11px;
	height: 18px;
	width: 18px;
	text-align: center;
	padding: 0 0 1px 0;
}

.count-number-input {
	width: 28px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #6c757d;
	margin: 0 -4px;
	height: 18px;
	font-size: 12px;
	z-index: 99;
	background: #fff;
}

.cart-list-product h5 a {
	font-weight: 400;
	color: #000000;
}

.quantity-text {
	margin: 3px 0 0 0;
}


/* End Cart Sidebar */


/* List Page */

.filters-search {
	position: relative;
}

.filters-search i {
	position: absolute;
	left: 12px;
	top: 13px;
}

.filters-search .form-control {
	padding-left: 34px;
}

.custom-checkbox .custom-control-label::before {
	border-radius: 2px;
}

.filters-card-body {
	padding: 18px 0 0 0;
}

.custom-checkbox label.custom-control-label,
.custom-radio label.custom-control-label {
	padding-top: 2px;
	cursor: pointer;
}

.filters-card-header a,
.filters-card-header a:hover {
	font-weight: 500;
	width: 100%;
	display: block;
	color: #000000;
}

.filters-card-header a i {
	margin: 2px -2px 0 0;
}


/* checkout */

.cart_product img {
	border-image: none;
	border-radius: 3px;
	background: #ffffff none repeat scroll 0 0;
	float: left;
	height: 90px;
	margin: 0 15px 0 0;
	object-fit: scale-down;
	width: 73px;
	padding: 3px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.table td,
.table th {
	font-size: 13px;
}

select {
	border-radius: 2px !important;
}

.rounded-sm,
.rounded {
	border-radius: 2px !important;
}

.badge {
	border-radius: 2px;
	padding: 4px 7px;
}

.checkout-step .card-header {
	padding: 0px;
}

.checkout-step .card-header h2 {
	margin: 0px;
}

.checkout-step .card-header .btn {
	width: 100%;
	text-align: left;
	padding: 17px 20px;
	font-size: 17px;
	text-decoration: none;
	color: #000000 !important;
	cursor: pointer;
	font-weight: 500;
}

.cart-table td {
	vertical-align: middle;
}

.cart-table td h6.product-name {
	margin: 0px;
	font-size: 14px;
}

.cart-table td hr {
	margin: 7px 0;
}

.osahan-payment .nav-link {
	padding: 18px 20px;
	border: none;
	font-weight: 500;
	color: #000000;
}

.osahan-payment .nav-link i {
	width: 28px;
	height: 28px;
	background: #ffffff;
	display: inline-block;
	text-align: center;
	line-height: 29px;
	font-size: 15px;
	border-radius: 50px;
	margin: 0 7px 0 0px;
	color: #000;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.osahan-payment .nav-link.active {
	background: #f3f7f8;
	color: #000000 !important;
}

.osahan-payment .nav-link.active i {
	background: #000000 !important;
	color: #fff;
}

.osahan-payment .tab-content {
	background: #f3f7f8;
	padding: 20px;
}


/* My account */

.osahan-account-page-left .nav-link {
	padding: 18px 20px;
	border: none;
	font-weight: 500;
	color: #000000;
}

.osahan-account-page-left .nav-link i {
	width: 28px;
	height: 28px;
	background: #fff;
	display: inline-block;
	text-align: center;
	line-height: 29px;
	font-size: 15px;
	border-radius: 50px;
	margin: 0 7px 0 0px;
	color: #000;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.osahan-account-page-left .nav-link.active {
	background: #f3f7f8;
	color: #282c3f !important;
}

.osahan-account-page-left .nav-link.active i {
	background: #282c3f !important;
	color: #ffffff !important;
}

.osahan-user-media img {
	width: 100px;
	height: 100px;
}


/* About Us */

.about-us .h5 {
	line-height: 29px;
}

.team-card img {
	width: 100px;
	border-radius: 50px;
}

.help-block li {
	color: red;
	list-style: none;
}

.help-block ul {
	margin: 0px;
	padding: 0px;
}


/* Detail Page */

.price-box {
	background: rgba(207, 207, 207, 0.08) none repeat scroll 0 0;
	border-bottom: 1px solid rgba(204, 204, 204, 0.4);
	border-top: 1px solid rgba(204, 204, 204, 0.4);
	margin: 17px -24px;
	padding: 9px 25px;
}

.product-desc-price {
	color: #6c757d;
	text-decoration: line-through;
}

.price-box .product-price {
	font-size: 28px;
	font-weight: 400;
	margin: 0 3px;
}

.stars-rating i.active {
	color: #ffc315;
	letter-spacing: -3px;
}

.stars-rating i {
	color: #e9e9e9;
}

.product-variation {
	background: rgba(207, 207, 207, 0.08) none repeat scroll 0 0;
	border-bottom: 1px solid rgba(204, 204, 204, 0.4);
	border-top: 1px solid rgba(204, 204, 204, 0.4);
	margin: 22px -24px;
	overflow: hidden;
	padding: 19px 25px;

}

.quantity-input {
	display: inline-flex;
	vertical-align: top;
	width: 120px;
}

.input-number {
	padding: 23px 0;
	border: 1px solid #6c757d;
	margin: 0 -1px;
}

.btn-number {
	padding: 11px 8px;
}

#sync1 .owl-item img {
	height: 503px;
	margin: auto;
	padding: 0;
	object-fit: scale-down;
}

#sync1 .owl-item {
	text-align: center;
}

#sync2 .owl-item .item {
	margin: 2px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

#sync2 .owl-item img {
	border: 2px solid #fff;
	border-radius: 2px;
	overflow: hidden;
	padding: 8px;
	cursor: pointer;
}

#sync2 .owl-item img:hover,
#sync2 .synced img {
	border: 2px solid #ff5a5f;
	background-color: #fff;
}

.favourite-icon a {
	background: #fe4949 none repeat scroll 0 0;
	border-radius: 22px;
	color: #ffffff;
	padding: 8px 10px;
	font-weight: 500;
}

.favourite-icon a i {
	color: #ffffff;
}

.favourite-icon a:hover {
	background: #ff0000 none repeat scroll 0 0;
}

.favourite-icon {
	position: absolute;
	right: 1.5rem !important;
	top: 1.5rem !important;
	z-index: 1;
}

.reviews-card .d-flex {
	height: 50px;
	width: 50px;
}

.shop-single-detail .nav-pills .nav-link.active,
.shop-single-detail .nav-pills .show>.nav-link {
	color: #fff;
	background-color: #ff5a5f;
}


/* Footer */

footer li {
	line-height: 26px;
}

footer li a {
	color: #666666;
}

footer li a:hover {
	color: #000000;
}

.popular-tag p a {
	color: #666666;
	font-size: 13px;
}

.popular-tag p a:hover {
	color: #000000;
}

.popular-tag p {
	font-size: 9px;
	line-height: 22px;
}

.footer-social a {
	background: #f1f1f1 none repeat scroll 0 0;
	border-radius: 34px;
	color: #000000;
	display: inline-block;
	height: 30px;
	line-height: 29px;
	text-align: center;
	width: 30px;
	text-decoration: none;
	border: none;
}

.footer-social a:hover {
	background: #000000 none repeat scroll 0 0;
	color: #ffffff;
	transform: scale(1.09);
}

.app img {
	width: 119px;
	margin: 0 6px 0 0px;
}

.footer-fix-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 99;
	right: 0;
	background: #fff;
	text-align: center;
}

.footer-fix-nav a {
	font-size: 20px;
	padding: 16px 13px;
	display: block;
	color: #333;
}

.footer-fix-nav .col {
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #edf1f4;
	height: 61px;
}

.footer-fix-nav .col:last-child {
	border: none;
}

.footer-fix-nav .col.active a:hover,
.footer-fix-nav .col.active a:focus {
	background: #000000 !important;
}

.footer-fix-nav .col.active a {
	color: #fff;
	font-size: 35px;
	padding: 11px;
	border-radius: 50px;


	background: linear-gradient(234deg, #ff5541, #ff365d);
	background-size: 400% 400%;

	-webkit-animation: gradient-bg 0s ease infinite;
	-moz-animation: gradient-bg 0s ease infinite;
	-o-animation: gradient-bg 0s ease infinite;
	animation: gradient-bg 0s ease infinite;

}



@-webkit-keyframes gradient-bg {
	0% {
		background-position: 19% 0%
	}

	50% {
		background-position: 82% 100%
	}

	100% {
		background-position: 19% 0%
	}
}

@-moz-keyframes gradient-bg {
	0% {
		background-position: 19% 0%
	}

	50% {
		background-position: 82% 100%
	}

	100% {
		background-position: 19% 0%
	}
}

@-o-keyframes gradient-bg {
	0% {
		background-position: 19% 0%
	}

	50% {
		background-position: 82% 100%
	}

	100% {
		background-position: 19% 0%
	}
}

@keyframes gradient-bg {
	0% {
		background-position: 19% 0%
	}

	50% {
		background-position: 82% 100%
	}

	100% {
		background-position: 19% 0%
	}
}




.footer-fix-nav .col.active {
	margin: -13px 0 0 0;
	height: auto !important;
	border: none;
}

/* End footer */


/* Mobile Media */


/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		padding-right: 5px;
		padding-left: 5px;
	}

	.carousel-cell,
	.carousel-cell img {
		width: 100% !important;
		border-radius: 0px !important;
	}

	.row {
		margin-right: -5px;
		margin-left: -5px;
	}

	.no-gutters {
		margin-right: 0;
		margin-left: 0;
	}

	.container,
	.container-fluid {
		padding-right: 10px;
		padding-left: 10px;
	}

	.osahan-account-page-left {
		margin-bottom: 13px;
		height: auto !important;
	}

	.osahan-cart-item {
		margin: 19px 0 0 0;
	}

	.login-with-sites .btn-lg {
		padding-left: 15px;
		padding-right: 15px;
	}

	.cart-sidebar-footer .btn {
		padding: 15px 17px;
		font-size: 14px;
	}

	.main-nav .navbar {
		padding: 6px 10px !important;
	}

	.popular-tag.py-5 {
		padding: 1rem 0 !important;
	}

	.login-modal-left {
		display: none;
	}

	.header-top {
		display: none;
	}

	.navbar-toggler {
		padding: 4px 6px;
		border-radius: 2px;
	}

	.top-search .form-control {
		width: 100%;
	}

	.main-nav .nav-link {
		padding: 12px 0px !important;
		margin: 0px !important;
		text-align: center;
		border-bottom: 1px solid #eaeaea;
	}

	.offers-block img {
		margin: 3px 0px !important;
		border-radius: 2px;
	}

	div#sync2 {
		display: none !important;
	}

	h4 {
		font-size: 20px;
	}

	.cart-sidebar {
		width: 100%;
		right: -100%;
	}

	.pb-5,
	.py-5 {
		padding-bottom: 1rem !important;
	}

	.pt-5,
	.py-5 {
		padding-top: 1rem !important;
	}

	.card {
		margin-bottom: 12px !important;
	}

	footer .border-right {
		padding: 1rem 0 !important;
		border-bottom: 1px solid #e4e7eb;
		border-right: none !important;
	}

	footer .py-5.pl-5 {
		padding: 1rem 0 !important;
	}

	.about-us img.rounded.img-fluid.shadow {
		margin-bottom: 37px;
	}

	.section-title br {
		display: none;
	}

	.section-title {
		padding: 0 15px;
	}

	.osahan-payment .pr-0 {
		padding: 0px !important;
	}

	.osahan-payment .pl-0 {
		padding: 0px !important;
	}

	.product-color-size-area .btn-group.btn-group-toggle.float-right {
		float: none !important;
		margin: 6px 0 0 0;
	}

	.product-variation .float-right {
		float: none !important;
		margin: 9px 0 0 0;
		display: block;
	}

	.copyright {
		text-align: center;
	}

	.team-card {
		margin-bottom: 8px;
	}

	.copyright .text-right,
	.inner-header,
	.inner-header .text-right {
		text-align: center !important;
	}

	.copyright .d-flex {
		display: unset !important;
	}

	.list-item .card-body {
		padding: 10px;
	}

	.list-item .badge {
		top: 10px;
		left: 10px;
	}

	.list-item .like-icon {
		right: 10px;
		top: 10px;
	}

	.list-item .card-title {
		line-height: 17px;
		font-size: 13px;
	}

	.f-14 {
		font-size: 13px;
	}

	#sync1 .owl-item img {
		height: auto;
	}

	.p-4 {
		padding: 15px !important;
	}

	.price-box {
		margin: 17px -15px;
		padding: 9px 15px;
	}

	.pbc-5 {
		padding-bottom: 9px !important;
	}

	.mb-4,
	.my-4 {
		margin-bottom: 1rem !important;
	}

	.product-variation {
		margin: 22px -15px;
		padding: 19px 15px;
	}

	.product-name h2 {
		font-size: 20px;
	}

	.price-box .product-price {
		font-size: 18px;
	}

	.product-desc-price {
		font-size: 14px;
	}

	.osahan-account-page-left .nav-link {
		padding: 10px 15px;
	}

	div#DataTables_Table_0_wrapper {
		padding: 0;
	}

	.checkout-step .card-header .btn,
	.card-body,
	.osahan-payment .tab-content,
	.osahan-payment .nav-link {
		padding: 1rem !important;
	}

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

	.section-title h2 {
		font-size: 22px;
	}

	.navbar-toggler {
		display: none;
	}

	.hc-nav-trigger.hc-nav-1,
	.hc-nav-trigger {
		display: block !important;
	}

	.footer-fix-nav {
		display: block;
	}

	body {
		padding-bottom: 61px;
	}
}


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767.98px) {

	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		padding-right: 5px;
		padding-left: 5px;
	}

	.carousel-cell,
	.carousel-cell img {
		width: 100% !important;
		border-radius: 0px !important;
	}

	.row {
		margin-right: -5px;
		margin-left: -5px;
	}

	.no-gutters {
		margin-right: 0;
		margin-left: 0;
	}

	.container,
	.container-fluid {
		padding-right: 10px;
		padding-left: 10px;
	}

	.main-nav .navbar {
		padding: 6px 10px !important;
	}

	.popular-tag.py-5 {
		padding: 2rem 0 !important;
	}

	.login-modal-left {
		display: none;
	}

	.container {
		max-width: 100%;
	}

	.header-top {
		display: none;
	}

	.navbar-toggler {
		padding: 4px 6px;
		border-radius: 2px;
	}

	.top-search .form-control {
		width: 100%;
	}

	.main-nav .nav-link {
		padding: 12px 0px !important;
		margin: 0px !important;
		text-align: center;
		border-bottom: 1px solid #eaeaea;
	}

	.offers-block img {
		margin: 3px 0px !important;
		border-radius: 2px;
	}

	div#sync2 {
		display: none !important;
	}

	.pb-5,
	.py-5 {
		padding-bottom: 2rem !important;
	}

	.pt-5,
	.py-5 {
		padding-top: 2rem !important;
	}

	.card {
		margin-bottom: 12px !important;
	}

	footer .border-right {
		padding: 2rem 0 !important;
		border-bottom: 1px solid #e4e7eb;
		border-right: none !important;
	}

	footer .py-5.pl-5 {
		padding: 2rem 0 !important;
	}

	.about-us img.rounded.img-fluid.shadow {
		margin-bottom: 37px;
	}

	.section-title br {
		display: none;
	}

	.section-title {
		padding: 0 15px;
	}

	.osahan-payment .pr-0 {
		padding-right: 15px !important;
	}

	.osahan-payment .pl-0 {
		padding-left: 15px !important;
	}

	.product-color-size-area .btn-group.btn-group-toggle.float-right {
		float: none !important;
		margin: 6px 0 0 0;
	}

	.product-variation .float-right {
		float: none !important;
		margin: 9px 0 0 0;
		display: block;
	}

	.copyright {
		text-align: center;
	}

	.team-card {
		margin-bottom: 27px;
	}

	.copyright .text-right,
	.inner-header,
	.inner-header .text-right {
		text-align: center !important;
	}

	.copyright .d-flex {
		display: unset !important;
	}

	.navbar-toggler {
		display: none;
	}

	.hc-nav-trigger.hc-nav-1,
	.hc-nav-trigger {
		display: block !important;
	}

	.footer-fix-nav {
		display: block;
	}

	body {
		padding-bottom: 61px;
	}
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {

	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		padding-right: 5px;
		padding-left: 5px;
	}

	.row {
		margin-right: -5px;
		margin-left: -5px;
	}

	.no-gutters {
		margin-right: 0;
		margin-left: 0;
	}

	.carousel-cell,
	.carousel-cell img {
		width: 100% !important;
		border-radius: 0px !important;
	}

	.container,
	.container-fluid {
		padding-right: 10px;
		padding-left: 10px;
	}

	.main-nav .navbar {
		padding: 6px 10px !important;
	}

	.card-body,
	.filters-card.border-bottom.p-4,
	.filters-header,
	.osahan-account-page-left .p-4.bg-success {
		padding: 12px !important;
	}

	.osahan-account-page-left .nav-link,
	.osahan-account-page-right {
		padding: 12px !important;
	}

	.login-modal-left {
		display: none;
	}

	.table td,
	.table th {
		font-size: 12px;
		padding: 4px;
	}

	footer .border-right {
		padding-right: 5px !important;
		padding-left: 5px !important;
		border-right: none !important;
	}

	footer .py-5.pl-5 {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}

	body {
		font-size: 12px;
	}

	.container {
		max-width: 100%;
	}

	.navbar-toggler {
		padding: 4px 6px;
		border-radius: 2px;
	}

	.top-search .form-control {
		width: 100%;
	}

	.main-nav .nav-link {
		padding: 12px 0px !important;
		margin: 0px !important;
		text-align: center;
		border-bottom: 1px solid #eaeaea;
	}

	.navbar-toggler {
		display: none;
	}

	.hc-nav-trigger.hc-nav-1,
	.hc-nav-trigger {
		display: block !important;
	}

	.footer-fix-nav {
		display: block;
	}

	body {
		padding-bottom: 61px;
	}
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199.98px) {

	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		padding-right: 8px;
		padding-left: 8px;
	}

	.row {
		margin-right: -8px;
		margin-left: -8px;
	}

	.no-gutters {
		margin-right: 0;
		margin-left: 0;
	}

	.container,
	.container-fluid {
		padding-right: 8px;
		padding-left: 8px;
	}

	.card-body,
	.filters-card.border-bottom.p-4,
	.filters-header,
	.osahan-account-page-left .p-4.bg-success {
		padding: 12px !important;
	}

	.osahan-account-page-left .nav-link,
	.osahan-account-page-right {
		padding: 12px !important;
	}

	.table td,
	.table th {
		font-size: 12px;
		padding: 10px;
	}

	footer .border-right {
		padding-right: 8px !important;
		padding-left: 8px !important;
		border-right: none !important;
	}

	footer .py-5.pl-5 {
		padding-right: 8px !important;
		padding-left: 8px !important;
	}

	body {
		font-size: 12px;
	}

	.main-nav-left .nav-link {
		font-size: 12px;
	}

	.main-nav .nav-link {
		margin: 0 0 0 14px;
	}

	.navbar {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.top-search .form-control {
		font-size: 13px;
		width: 277px;
	}

	.top-search .form-control {
		padding: 6px 6px 6px 36px;
	}

	.top-search button.btn-link {
		left: 7px;
		top: 8px;
	}

	.container {
		max-width: 100%;
	}

	.container,
	.container-fluid {
		padding-right: 10px;
		padding-left: 10px;
	}
}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
	.container {
		max-width: 1280px;
	}

	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		padding-right: 8px;
		padding-left: 8px;
	}

	.row {
		margin-right: -8px;
		margin-left: -8px;
	}

	.no-gutters {
		margin-right: 0;
		margin-left: 0;
	}

	.container,
	.container-fluid,
	.navbar {
		padding-right: 8px;
		padding-left: 8px;
	}
}

.top-promo-bar {
	background: linear-gradient(90deg, #2f2c9b 0%, #5e33b3 100%);
	color: white;
	padding: 8px 15px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	position: relative;
}

.promo-text {
	display: flex;
	align-items: center;
	gap: 6px;
}

.discount-tag {
	background-color: #ff6b00;
	color: white;
	padding: 2px 8px;
	border-radius: 4px;
	font-weight: 700;
	white-space: nowrap;
}

.price {
	font-weight: 700;
	color: #ffd700;
	white-space: nowrap;
}

.countdown {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-left: 10px;
}

.countdown-segment {
	background: rgba(255, 255, 255, 0.2);
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
}

.close-btn {
	position: absolute;
	right: 10px;
	background: none;
	border: none;
	color: white;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.2s;
}

.close-btn:hover {
	opacity: 1;
}

@media (max-width: 768px) {
	.top-promo-bar {
		font-size: 12px;
		padding: 8px 25px 8px 10px;
		justify-content: flex-start;
	}

	.countdown {
		display: none;
	}
}

.footer-dark .widget-title,
.widgets-light-skin .widget-title {
	color: #fff;
}

.widget-title {
	margin-bottom: 1.125rem;
	font-size: 1.0625rem;
	font-weight: 500;
}

/* Title white */
.widget-title {
	color: #ffffff;
}

/* Menu list dot (bullet) white */
.menu {
	list-style: disc;
	padding-left: 18px;
}

.menu li {
	color: #ffffff;
	/* dot ka color */
}

/* Link normal state */
.menu li a {
	color: #02040a;
	text-decoration: none;
	transition: color 0.3s ease;
}

/* Hover state */
.menu li a:hover {
	color: #020101;
}

.widget ul>li>a {
	display: block;
	transition: color 0.25s ease-in-out;
	color: #4b566b;
	font-size: 0.875rem;
	font-weight: normal;
}

/* Hide by default (desktop) */
.mobile-only {
	display: none;
}

/* Show on mobile & tablet */
@media (max-width:820px) {
	.mobile-only {
		display: inline-flex;
		align-items: center;
		font-size: 26px;
		cursor: pointer;
	}
}

html.hc-nav-yscroll {
	overflow-y: scroll
}

body.hc-nav-open {
	overflow: visible;
	position: fixed;
	width: 100%;
	min-height: 100%
}

.hc-offcanvas-nav {
	visibility: hidden;
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999
}

.hc-offcanvas-nav.is-ios * {
	cursor: pointer !important
}

.hc-offcanvas-nav .nav-container {
	position: fixed;
	z-index: 9998;
	top: 0;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
	transition: transform .4s ease
}

.hc-offcanvas-nav .nav-wrapper {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-ms-scroll-chaining: none;
	overscroll-behavior: none
}

.hc-offcanvas-nav .nav-content {
	height: 100%
}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto;
	box-sizing: border-box
}

.hc-offcanvas-nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.hc-offcanvas-nav li {
	position: relative;
	display: block
}

.hc-offcanvas-nav li.level-open>.nav-wrapper {
	visibility: visible
}

.hc-offcanvas-nav li:not(.custom-content) a {
	position: relative;
	display: block;
	box-sizing: border-box;
	cursor: pointer
}

.hc-offcanvas-nav li:not(.custom-content) a[disabled] {
	cursor: not-allowed
}

.hc-offcanvas-nav li:not(.custom-content) a,
.hc-offcanvas-nav li:not(.custom-content) a:hover {
	text-decoration: none
}

.hc-offcanvas-nav input[type="checkbox"] {
	display: none
}

.hc-offcanvas-nav label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	cursor: pointer
}

.hc-offcanvas-nav .nav-item {
	position: relative;
	display: block;
	box-sizing: border-box
}

.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
	content: '';
	position: fixed;
	z-index: 9990;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s ease .4s, opacity .4s ease
}

.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
	visibility: visible;
	opacity: 1;
	transition-delay: .05s
}

.hc-offcanvas-nav:not(.nav-open)::after {
	pointer-events: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
	display: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {
	max-height: 100vh
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content {
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto;
	box-sizing: border-box;
	max-height: 100vh
}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
	min-width: 0;
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	transition: height 0s ease .4s
}

.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {
	max-height: none;
	overflow: visible;
	visibility: visible
}

.hc-offcanvas-nav.nav-levels-overlap .nav-content {
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto;
	box-sizing: border-box;
	max-height: 100vh
}

.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {
	max-height: 100vh
}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
	position: absolute;
	z-index: 9999;
	top: 0;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s ease .4s, transform .4s ease
}

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
	position: static
}

.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
	visibility: visible;
	transform: translate3d(0, 0, 0);
	transition: transform .4s ease
}

.hc-offcanvas-nav.nav-position-left {
	left: 0
}

.hc-offcanvas-nav.nav-position-left .nav-container {
	left: 0
}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
	left: 0;
	transform: translate3d(-100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-right {
	right: 0
}

.hc-offcanvas-nav.nav-position-right .nav-container {
	right: 0
}

.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
	right: 0;
	transform: translate3d(100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-top {
	top: 0
}

.hc-offcanvas-nav.nav-position-top .nav-container {
	top: 0;
	width: 100%
}

.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
	left: 0;
	transform: translate3d(0, -100%, 0)
}

.hc-offcanvas-nav.nav-position-bottom {
	top: auto;
	bottom: 0
}

.hc-offcanvas-nav.nav-position-bottom .nav-container {
	top: auto;
	bottom: 0;
	width: 100%
}

.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
	left: 0;
	transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {
	transform: translate3d(0, 0, 0)
}

.hc-offcanvas-nav.rtl li {
	text-align: right
}

.hc-offcanvas-nav.rtl .nav-next,
.hc-offcanvas-nav.rtl li.nav-back span,
.hc-offcanvas-nav.rtl li.nav-close span {
	left: 0;
	right: unset
}

.hc-nav-trigger.hc-nav-1,
.hc-nav-trigger {
	display: none;
}

.hc-nav-trigger {
	position: absolute;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: none;
	top: 19px;
	z-index: 9980;
	width: 30px;
	min-height: 24px;
	right: 17px;
}

.hc-nav-trigger span {
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: 50% 50%
}

.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
	display: block;
	position: absolute;
	left: 0;
	height: 4px;
	background: #34495E;
	transition: all .2s ease
}

.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
	content: '';
	width: 100%
}

.hc-nav-trigger span::before {
	top: -10px
}

.hc-nav-trigger span::after {
	bottom: -10px
}

.hc-nav-trigger.toggle-open span {
	background: rgba(0, 0, 0, 0);
	transform: rotate(45deg)
}

.hc-nav-trigger.toggle-open span::before {
	transform: translate3d(0, 10px, 0)
}

.hc-nav-trigger.toggle-open span::after {
	transform: rotate(-90deg) translate3d(10px, 0, 0)
}

.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
	background: rgba(0, 0, 0, 0.3)
}

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
	background: #fff;
}

.hc-offcanvas-nav h2 {
	font-size: 19px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 0px;
	padding: 20px 17px;
	color: #1b3958
}

.hc-offcanvas-nav .nav-item {
	padding: 14px 17px;
	font-size: 15px;
	color: #343a40;
	z-index: 1;
	background: rgba(0, 0, 0, 0);
	border-bottom: 1px solid #edf1f4
}

.hc-offcanvas-nav .nav-item:focus,
.hc-offcanvas-nav .nav-item:focus-within {
	z-index: 10
}

.hc-offcanvas-nav .nav-item-wrapper {
	position: relative
}

.hc-offcanvas-nav .nav-close:focus,
.hc-offcanvas-nav .nav-next:focus,
.hc-offcanvas-nav .nav-back:focus {
	z-index: 10
}

.hc-offcanvas-nav li:not(.custom-content) a {
	padding: 14px 17px;
	font-size: 13px;
	color: #343a40;
	z-index: 1;
	background: rgba(0, 0, 0, 0);
	border-bottom: 1px solid #edf1f4
}

.hc-offcanvas-nav li:not(.custom-content) a[disabled] {
	color: rgb(128, 130, 132);
}

.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover {
	background: #edf1f4;
}

.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
	border-top: 1px solid #edf1f4;
	margin-top: -1px
}

.hc-offcanvas-nav li {
	text-align: left
}

.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
	background: #edf1f4;
	border-top: 1px solid #edf1f4;
	border-bottom: 1px solid #edf1f4
}

.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {
	background: #2b5c8d
}

.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
	margin-top: -1px
}

.hc-offcanvas-nav li.nav-parent .nav-item:last-child {
	padding-right: 58px
}

.hc-offcanvas-nav li.nav-parent .nav-item:not(:last-child) {
	margin-right: 44px
}

.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent .nav-next,
.hc-offcanvas-nav li.nav-back span {
	width: 45px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease
}

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 2px solid #343a40;
	border-left: 2px solid #343a40
}

.hc-offcanvas-nav li.nav-close span::before {
	margin-left: -6px;
	transform: rotate(135deg)
}

.hc-offcanvas-nav li.nav-close span::after {
	transform: rotate(-45deg)
}

.hc-offcanvas-nav a.nav-next {
	border-left: 1px solid #edf1f4
}

.hc-offcanvas-nav .nav-next::before,
.hc-offcanvas-nav li.nav-back span::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin-left: -2px;
	box-sizing: border-box;
	border-top: 2px solid #343a40;
	border-left: 2px solid #343a40;
	transform-origin: center
}

.hc-offcanvas-nav .nav-next::before {
	transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav li.nav-back span::before {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {
	box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {
	box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right .nav-next::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-top .nav-next::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-bottom .nav-next::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
	box-shadow: none;
	background: transparent
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
	display: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {
	font-size: 14px
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {
	transition: background .3s ease
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
	background: #2e6296
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
	border-bottom: 1px solid #295887
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
	background: #2f649a
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before {
	margin-top: 2px;
	transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container .nav-next::before {
	margin-top: -2px;
	transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.rtl a.nav-next {
	border-left: none;
	border-right: 1px solid #edf1f4
}

.hc-offcanvas-nav.rtl li.nav-parent .nav-item {
	padding-right: 17px;
	padding-left: 58px
}


.cf::before,
.cf::after {
	content: '';
	display: block;
	height: 0;
	overflow: hidden
}

.cf::after {
	clear: both
}

#container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	height: 100%;
	background: linear-gradient(-134deg, #517FA4 0%, #243949 100%)
}

.wrapper {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px
}

#main-nav {
	display: none
}



@media screen and (min-width: 800px) {
	main .actions {
		display: flex;
		flex-wrap: wrap
	}

	main .actions div {
		float: left;
		flex: 1 1 33.33%;
		max-width: 33.33%
	}

	main .actions.position div {
		float: left;
		flex: 1 1 25%;
		max-width: 25%
	}
}

main .button {
	position: relative;
	display: block;
	padding: 18px 30px 16px;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 1px;
	text-decoration: none;
	color: #243949;
	cursor: pointer;
	background: #fffce1;
	border-radius: 30px/80px;
	transition: all .1s ease
}

main .button:not(.active):hover {
	color: #d5af63
}

main .button.active {
	background: #dab977
}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
	padding-bottom: 41px
}

.hc-offcanvas-nav h2 {
	font-weight: 400
}

.hc-offcanvas-nav a {
	font-size: 16px
}

.hc-offcanvas-nav li .custom-message {
	font-size: 12px
}

.hc-offcanvas-nav li .custom-message a {
	color: #343a40;
	font-size: 13px
}

.hc-offcanvas-nav li .custom-message a:hover {
	text-decoration: none
}

.hc-offcanvas-nav li.search .nav-item {
	padding-top: 0
}

.hc-offcanvas-nav li.search input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	border: none;
	border-radius: 3px;
	font-size: 14px;
	color: #343a40;
	background: rgb(255, 255, 255);
	padding: 5px 10px;
	box-shadow: none;
	border: 1px solid rgb(237, 241, 244);
}


.hc-offcanvas-nav li.add>.nav-item-wrapper a::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'add'
}

.hc-offcanvas-nav li.new>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'fiber_new'
}

.hc-offcanvas-nav li.cryptocurrency>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'local_atm'
}

.hc-offcanvas-nav li.devices>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'devices'
}

.hc-offcanvas-nav li.mobile>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'phone_android'
}

.hc-offcanvas-nav li.television>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'desktop_windows'
}

.hc-offcanvas-nav li.camera>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'camera_alt'
}

.hc-offcanvas-nav li.magazines>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'import_contacts'
}

.hc-offcanvas-nav li.store>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'store'
}

.hc-offcanvas-nav li.collections>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'collections'
}

.hc-offcanvas-nav li.nolink>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'format_clear'
}

.hc-offcanvas-nav li.disabled>.nav-item-wrapper .nav-item::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 15px;
	font-size: 18px;
	vertical-align: top;
	speak: never;
	content: 'block'
}

.hc-offcanvas-nav.nav-position-top ul.bottom-nav,
.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav {
	position: relative;
	border-top: none
}

.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content,
.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content {
	padding-bottom: 0
}

.hc-offcanvas-nav ul.bottom-nav {
	position: absolute;
	z-index: 10;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	border-top: 1px solid #edf1f4
}

.hc-offcanvas-nav ul.bottom-nav li {
	flex: auto
}

.hc-offcanvas-nav ul.bottom-nav li a {
	padding: 10px;
	text-align: center;
	height: 100%;
	border-bottom: none
}

.hc-offcanvas-nav ul.bottom-nav li svg {
	fill: #343a40;
	display: inline-block;
	vertical-align: middle
}

.hc-offcanvas-nav ul.bottom-nav li.github svg {
	width: 17px;
	height: 17px
}

.hc-offcanvas-nav ul.bottom-nav li.ko-fi svg {
	width: 21px;
	height: 21px
}

.hc-offcanvas-nav ul.bottom-nav li.email svg {
	width: 19px;
	height: 19px
}

* {
	box-sizing: border-box;
	font-family: "Rubik", sans-serif;
}

/* HAMBURGER */
.hamburger {
	font-size: 22px;
	background: none;
	border: none;
	cursor: pointer;
	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 10001;
}

/* OVERLAY */
.overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	pointer-events: none;
	transition: 0.3s;
	z-index: 10000;
}

.overlay.show {
	opacity: 1;
	pointer-events: auto;
}

/* SIDEBAR */
.sidebar {
	position: fixed;
	top: 0;
	left: -300px;
	width: 280px;
	height: 100%;
	background: #fff;
	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	z-index: 10001;
	display: flex;
	flex-direction: column;
}

.sidebar.open {
	left: 0;
}

/* HEADER */
.sidebar-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	border-bottom: 1px solid #eee;
}

.close-btn {
	background: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
}

/* SEARCH */
.search-input {
	margin: 12px;
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

/* MENU */
.menu {
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 1;
}

.menu li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 15px;
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
	font-size: 14px;
}

.menu li span:first-child {
	margin-right: 10px;
}

.menu li.disabled {
	color: #aaa;
	cursor: not-allowed;
}

/* FOOTER */
.sidebar-footer {
	display: flex;
	justify-content: space-around;
	padding: 12px;
	border-top: 1px solid #eee;
	font-size: 18px;
}

.menu {
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 1;
}

.menu li {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2;
	cursor: pointer;
}

/* LEFT ICON */
.menu li span:first-child {
	width: 24px;
	margin-right: 12px;
	font-size: 16px;
}

/* TEXT */
.menu li {
	color: #333;
}

/* RIGHT ARROW */
.menu li span:last-child {
	margin-left: auto;
	color: #999;
}

/* DISABLED ITEM */
.menu li.disabled {
	color: #bbb;
	cursor: not-allowed;
}

/* SEARCH */
.search-input {
	margin: 12px 16px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	width: calc(100% - 32px);
}

/* HEADER */
.sidebar-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 16px;
	border-bottom: 1px solid #eee;
}

/* SIDEBAR */
.sidebar {
	position: fixed;
	top: 0;
	left: -280px;
	width: 280px;
	height: 100%;
	background: #fff;
	transition: 0.3s ease;
	z-index: 1000;
	display: flex;
	flex-direction: column;
}

.sidebar.open {
	left: 0;
}

/* OVERLAY */
.overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 999;
}

.overlay.show {
	opacity: 1;
	visibility: visible;
}

/* FOOTER */
.sidebar-footer {
	display: flex;
	justify-content: space-around;
	padding: 12px 0;
	border-top: 1px solid #eee;
	font-size: 18px;
}

.nav-close a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 12px 16px;

	background: #f1f4f7;
	/* same light background */
	color: #070101;
	text-decoration: none;
	font-size: 14px;
}

.sidebar {
	position: fixed;
	top: 0;
	right: -100%;
	width: 280px;
	height: 100%;
	background: #fff;
	transition: all 0.35s ease;
	z-index: 1000;
}

.sidebar.open {
	right: 0;
}

/* FIRST SIDEBAR SHIFT WHEN SECOND OPENS */
.sidebar.shift {
	transform: translateX(-40px);
	opacity: 0.6;
}

/* SECOND SIDEBAR */
.second-sidebar {
	right: 100%;
	z-index: 1100;
}

.second-sidebar.open {
	right: 0;
}

.banner-slide {
	position: relative;
}

.banner-slide img {
	width: 100%;
	object-fit: contain;
	/* poori image dikhegi */

}

@media (max-width: 768px) {
	.banner-slide {
		height: 170px;
		margin-top: -50px;
		/* ✔ padding ki jagah margin use karein */
	}
}

@media (min-width: 769px) {
	.banner-slide {
		height: 420px;
	}
}


/* SLICK ARROWS */
.slick-prev,
.slick-next {
	z-index: 10;
	width: 40px;
	height: 40px;
}

.slick-prev {
	left: 15px;
}

.slick-next {
	right: 15px;
}

.slick-prev:before,
.slick-next:before {
	font-size: 40px;
	color: #fff;
	/* arrow white */
}

/* Hover effect */
.slick-prev:hover:before,
.slick-next:hover:before {
	color: #ffd700;
}

@media (max-width: 768px) {
	.banner-slide img {
		height: 220px;
	}
}

.custom-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	font-size: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s ease;
}

/* LEFT ARROW */
.prev-arrow {
	left: 20px;
	/* left margin */
}

/* RIGHT ARROW */
.next-arrow {
	right: 20px;
	/* right margin */
}

/* HOVER EFFECT */
.custom-arrow:hover {
	background: rgba(0, 0, 0, 0.75);
	transform: translateY(-50%) scale(1.1);
}

/* FULL WIDTH MEGA DROPDOWN */
.mega-drop {
	width: 100vw;
	transform: none !important;
	padding: 20px 40px;
}


.mega-drop .row {
	margin-left: 0;
	margin-right: 0;
}

.cart-sidebar {
	position: fixed;
	top: 0;
	right: -420px;
	/* hidden */
	width: 420px;
	height: 100vh;
	background: #fff;
	z-index: 1050;
	transition: right 0.35s ease;
	box-shadow: -4px 0 15px rgba(0, 0, 0, 0.15);
	overflow-y: auto;
}

.cart-sidebar.open {
	right: 0;
	/* visible */
}

/* overlay */
.cart-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 1049;
}

.cart-overlay.show {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 768px) {
	.cart-sidebar {
		width: 100%;
	}
}

.close-btn {
	position: absolute;
	top: 12px;
	right: 12px;

	width: 36px;
	height: 36px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;
	background: #f5f5f5;
	border: none;
}

.close-btn i {
	font-size: 20px;
	line-height: 1;
}

.close-btn:hover {
	background: #eaeaea;
}

.text-black {
	margin-top: 10px;
}

/* =========================
   Quantity Section
========================= */

.quantity-input {
	display: flex;
	align-items: center;
	max-width: 160px;
}

.quantity-input .form-control {
	height: 38px;
	width: 50px;
	padding: 0;
	font-size: 14px;
	border-radius: 0;
}

.quantity-input .btn {
	height: 38px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Remove rounded corners between buttons & input */
.quantity-input .btn:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.quantity-input .btn:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.quantity-input .form-control {
	border-left: 0;
	border-right: 0;
}

/* =========================
   Form Layout Fix
========================= */

form {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

/* Quantity label */
form .mt-1 {
	font-size: 14px;
	font-weight: 500;
}

/* Right side buttons */
form .float-right {
	display: flex;
	gap: 10px;
}



/* Wishlist button */
form .btn-outline-primary {
	min-width: 50px;
}


/* Add to cart button */
form .btn-primary {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
}

/* =========================
   Responsive
========================= */

@media (max-width: 576px) {
	form {
		gap: 10px;
	}

	form .float-right {
		width: 100%;
		justify-content: space-between;
		margin-top: 10px;
	}
}

/* Thumbnail container scroll */
#sync2 {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	padding-bottom: 5px;
}

/* Hide scrollbar (optional) */
#sync2::-webkit-scrollbar {
	height: 6px;
}

#sync2::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
}

/* Thumbnail item */
#sync2 .item {
	flex: 0 0 auto;
	width: 90px;
	cursor: pointer;
}

#sync2 img {
	width: 100%;
	height: auto;
	border: 2px solid #eee;
	padding: 4px;
	background: #fff;
}

.thumbnail-slider img {
	height: 90px;
	object-fit: cover;
	cursor: pointer;
}

.thumbnail-slider .slick-current img {
	border: 2px solid #ff3d00;
}

.bg-b {
	background-color: #a9cff3;
}

.main-slider {
	position: relative;
}

.main-slide {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 463px;
	background-color: #a9cff3;
	/* 👈 yaha se height control karo */
}

.main-image {
	max-height: 380px;
	object-fit: contain;
}

.main-slider .slick-arrow {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s ease;
}



.main-slider .slick-prev {
	left: 10px;
}

.main-slider .slick-next {
	right: 10px;
}

.main-slider .slick-arrow:before {
	font-size: 30px;
	color: #070000;
}

.thumbnail-slider .slick-arrow {
	font-size: 30px;

	width: 54px;
	height: 54px;
	border-radius: 50%;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s ease;
}


.main-slider .slick-arrow {

	opacity: 1;
	/* instead of 0 */
}

.thumbnail-slider .slick-arrow {
	opacity: 1;
	/* instead of 0 */
}


.thumbnail-slider .slick-prev {
	left: -12px;
}

.thumbnail-slider .slick-next {
	right: -12px;
}

.thumbnail-slider .slick-arrow:before {
	font-size: 30px;
	color: #000000;
}

html,
body {
	font-size: 13px !important;
	color: #000;
	font-family: 'Rubik', sans-serif;

}

.custom-bg-light {
	background-color: #e6edf2;
}

/* THUMBNAIL SLIDER WRAPPER */
.thumbnail-slider .thumb-item {
	height: 160px;
	/* 🔼 same height for all */
	display: flex !important;
	align-items: center;
	justify-content: center;
}

/* THUMB IMAGE BOX */
.thumbnail-slider .thumb-image {
	height: 140px;
	object-fit: contain;
	/* image cut nahi hogi */
	border: 2px solid #ffffff;
	/* 🤍 white border */
	border-radius: 8px;
	padding: 6px;
	box-shadow: 0 0 0 1px #e5e5e5;
	/* light box look */
}

/* ACTIVE THUMB */
.thumbnail-slider .slick-current .thumb-image {
	border: 1px solid #ff1100;
	/* 🤍 white border */
	box-shadow: 0 0 0 1px #ff7300;
	background-color: #fff;
}

/* CENTER ARROWS */
.thumbnail-slider .slick-prev,
.thumbnail-slider .slick-next {
	top: 50%;
	transform: translateY(-50%);
}


/* Hide thumbnail slider on mobile */
@media (max-width: 768px) {
	.thumbnail-slider {
		display: none !important;
	}
}

.active-tabs {
	background: #f3f7f8;
	color: #fff;
	border-radius: 6px;
}

.nav-link {
	cursor: pointer;
}

.pagination-wrapper {
	display: flex;
	justify-content: flex-end;
	/* 👈 right */
	gap: 8px;
	margin-top: 30px;
}

.page-btn {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid #ddd;
	background: #fff;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.page-btn i {
	font-size: 14px;
}

.page-btn:hover {
	background: #f1f1f1;
}

.page-btn.active {
	background: #0d6efd;
	color: #fff;
	border-color: #0d6efd;
}

.page-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.wishlist-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	/* make all cards same height in row */
}

.wishlist-card img {
	width: 100%;
	height: 210px;
	/* fixed image height */
	object-fit: cover;
	border-radius: 4px;
}

.wishlist-card .card-body {
	flex: 1;
	/* take remaining space */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* name/price at top, stock at bottom */
}

.product-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	/* full height in column */
}

.product-card img {
	width: 100%;
	height: 300px;
	/* fixed height */
	object-fit: cover;
	border-radius: 4px;
}

.product-card .card-body {
	flex: 1;
	/* take remaining space */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* name/price top, stars bottom */
}

@media (max-width: 768px) {
	.product-card img {
		height: 200px;
		/* mobile-friendly height */
	}
}

.fullscreen-center {
	min-height: 95vh;
	/* full viewport height */
	display: flex;
	justify-content: center;
	/* horizontal center */
	align-items: center;
	/* vertical center */
}

.product-card {
	display: flex;
	flex-direction: column;
}

/* Image fixed height */
.product-card img {
	width: 100%;
	object-fit: cover;
}

/* Desktop */
@media (min-width: 768px) {
	.product-card img {
		height: 280px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.product-card img {
		height: 180px;
	}
}

/* Body ko equal height me stretch */
.product-card .card-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Name 2 line se zyada nahi */
.product-card h6 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.table-wrapper {
	overflow-x: auto;
	scrollbar-width: thin;
	/* Firefox */
	scrollbar-color: #888 transparent;
	/* Firefox */
}

/* Chrome, Edge, Safari */
.table-wrapper::-webkit-scrollbar {
	height: 6px;
	/* height of horizontal scrollbar */
}

.table-wrapper::-webkit-scrollbar-track {
	background: transparent;
}

.table-wrapper::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 3px;
}

.table-wrapper::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}

.no-wrap {
	white-space: nowrap;
}

@media (max-width: 768px) {
	.custom-btn {
		width: 100% !important;
		/* full width on mobile */
	}
}

@media (max-width: 1024px) {
	.banner-slide img {
		max-height: 320px;
	}
}

/* Mobile */
@media (max-width: 768px) {
	.banner-slide img {
		max-height: 220px;
		border-radius: 6px;
	}
}

/* Wrapper */
.pagination-wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: #ffffff;
	border-top: 1px solid #dee2e6;
	/* classic bootstrap-like border */
	padding-right: 6px;
}

/* Inner box */
.pagination-inner {
	display: flex;
	align-items: center;
	gap: 8px;
	/* tighter spacing */
	padding: 5px 8px;
	background: #f8f9fa;
	/* classic light bg */
	border: 1px solid #dee2e6;
	border-radius: 6px;
}

/* Buttons */
.page-btn {
	width: 30px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #ced4da;
	background: #ffffff;
	color: #495057;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.15s ease, border 0.15s ease;
}

/* Hover */
.page-btn:hover:not(:disabled) {
	background: #e9ecef;
	border-color: #adb5bd;
	color: #212529;
	box-shadow: none;
	/* classic → no shadow */
}

/* Disabled */
.page-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

/* Page text */
.page-text {
	font-size: 12px;
	font-weight: 500;
	color: #6c757d;
	min-width: 44px;
	text-align: center;
}

/* Icon size */
.page-btn i {
	font-size: 13px;
}

/* Card Style */
.wallet-card {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

/* Header */
.wallet-header {
	background: #f8f9fa;
	padding: 18px 22px;
	border-bottom: 1px solid #e9ecef;
}

/* Segmented Tabs */
.custom-segment-tabs {
	border: 1px solid #f06565;
	border-radius: 6px;
	overflow: hidden;
}

.custom-segment-tabs .nav-link {
	border: none !important;
	padding: 6px 16px;
	font-weight: 500;
	color: #f06565;
	background: #fff;
}

.custom-segment-tabs .nav-link.active {
	background: #f06565 !important;
	color: #fff !important;
}

/* Table Clean Look */
.custom-table {
	margin-bottom: 0;
}

.custom-table thead {
	background: #f8f9fa;
}

.custom-table th {
	font-weight: 600;
	color: #343a40;
	padding: 14px 18px;
	border-bottom: 2px solid #e9ecef;
}

.custom-table td {
	padding: 14px 18px;
	border-top: 1px solid #f1f3f5;
	color: #495057;
}

.custom-table tbody tr:hover {
	background-color: #f9fafb;
}


@media (max-width: 576px) {

	.custom-table th,
	.custom-table td {
		padding: 10px;
		font-size: 14px;
	}

	.wallet-header h5 {
		font-size: 14px;
	}
}

@media (max-width: 576px) {
	.wallet-header {
		padding: 12px 14px;
	}

	.custom-segment-tabs .nav-link {
		padding: 5px 10px;
		font-size: 13px;
	}
}

.wallet-header {
	flex-wrap: nowrap;
}

.custom-segment-tabs {
	display: flex;
	flex-wrap: nowrap;
}


.wallet-card-responsive {
	background: #ffffff;
	padding: 14px;
	border-radius: 16px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
	border: 1px solid #f1f3f5;
}

/* Left */
.wallet-icon {
	font-size: 42px;
	color: #775de1;
	margin-right: 16px;
}

.wallet-label {
	font-size: 14px;
	color: #868e96;
}

.wallet-amount {
	font-size: 18px;
	font-weight: 600;
	color: #212529;
}

/* Buttons */
.wallet-buttons {
	display: flex;
	gap: 12px;
}

.wallet-btn {
	padding: 8px 22px;
	border-radius: 30px;
	font-weight: 500;
	border: none;
	transition: 0.3s ease;
}

.wallet-btn.primary {
	background: #775de1;
	color: #fff;
}

.wallet-btn.secondary {
	background: #f1f3f5;
	color: #495057;
}

.wallet-btn:hover {
	transform: translateY(-2px);
}

/* ========================= */
/* Mobile Responsive */
/* ========================= */

@media (max-width: 768px) {

	.wallet-inner {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 10px;
	}

	.wallet-left {
		flex-direction: column;
	}

	.wallet-icon {
		margin-right: 0;
		font-size: 36px;
	}

	.wallet-amount {
		font-size: 26px;
	}

	.wallet-buttons {
		width: 100%;
		flex-direction: column;
	}

	.wallet-btn {
		width: 100%;
	}
}

.action-toggle {
	display: flex;
	justify-content: center;
	/* pura div center */
	align-items: center;
}

.action-toggle .toggle-btn {
	display: flex;
	/* important */
	align-items: center;
	/* vertical center */
	justify-content: center;
	/* horizontal center */
	gap: 6px;
	/* icon + text gap */
	border: none;
	background: transparent;
	padding: 8px 20px;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	transition: all 0.3s ease;
}

.action-toggle .toggle-btn:hover {
	background-color: #0d6efd;
	color: #fff;
}

.action-toggle .toggle-btn i {
	transition: all 0.3s ease;
}

.action-toggle .toggle-btn:hover i {
	color: #fff;
}


.careers-page {
	font-family: 'Arial', sans-serif;
	text-align: center;
}

.careers-banner img {
	width: 100%;
	max-height: 300px;
	object-fit: cover;
}

.careers-table-container {
	margin: 30px auto;
	width: 90%;
}

.careers-table {
	width: 100%;
	border-collapse: collapse;
}

.careers-table th,
.careers-table td {
	border: 1px solid #ddd;
	padding: 12px;
	text-align: center;
}

.careers-table th {
	background-color: #ffeded;
	color: #fff;
}

.apply-btn {
	background-color: #d2b05f;
	border: none;
	padding: 8px 16px;
	color: #fffdfd;
	cursor: pointer;
	font-weight: bold;
	border-radius: 4px;
}

.apply-btn:hover {
	background-color: #ba9953;
}
/* Optional CSS for mobile-friendly table */
@media (max-width: 768px) {
  .careers-table th,
  .careers-table td {
    padding: 6px 4px; /* Less padding */
    font-size: 14px;
  }

  .careers-table-container h2 {
    font-size: 18px;
  }

  .apply-btn {
    padding: 5px 10px;
    font-size: 13px;
  }
}

.transaction-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}

.transaction-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.withdraw-btn {
  background-color: #775de1;
  color: #fff;
  border-radius: 8px;
  border: none;
  padding:12px;
}

/* Desktop View */
@media (min-width: 768px) {
  .transaction-header {
    flex-direction: row;
    align-items: center;
  }

  .transaction-buttons {
    flex-direction: row;
    width: auto;
  }
}

.modal-overlay{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.5);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:1000;
}

.modal-box{
  background:#fff;
  padding:25px;
  width:400px;
  border-radius:8px;
}