/*
Template Name: Askbootstrap - Multipurpose Website Template
Author: Askbootstrap
Author URI: https://askbootstrap.com/
Version: 1.0
*/
/*
-- Body
-- Custom Css 
-- Navbar
-- Sidebar-Nav
-- Homepage
-- About Us
-- Footer
-- Mobile Media
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');

/* Body */
:root {
	/* Zouk Brand Palette */
	--zouk-maroon: #0B485D;
	--zouk-maroon-dark: #f99d44;
	--zouk-maroon-light: #FDF1EE;
	--zouk-teal: #10303B;
	--zouk-teal-dark: #0A2028;
	--zouk-teal-light: #EDF3F5;
	--zouk-terracotta: #C65D47;
	--zouk-terracotta-dark: #AC4833;
	--zouk-espresso: #1D120C;
	--zouk-gold: #D4A359;
	--zouk-green: #007F5F;
	--zouk-green-light: #E6F5F0;
	--zouk-cream: #FAF8F5;
	--zouk-border: #EAE5DF;
	--zouk-ink: #1D120C;
	--zouk-muted: #6F6B66;
	--zouk-orange: #f99d44;

	/* Theme variables mapped to Zouk */
	--nasno-cream: var(--zouk-cream);
	--nasno-sand: var(--zouk-border);
	--nasno-terracotta: var(--zouk-terracotta);
	--nasno-terracotta-dark: var(--zouk-maroon);
	--nasno-heading: var(--zouk-maroon);
	--nasno-ink: var(--zouk-ink);
	--nasno-brown: var(--zouk-teal);
	--nasno-muted: var(--zouk-muted);
	--nasno-olive: var(--zouk-green);
	--nasno-border: var(--zouk-border);
	--bs-primary: #8C250C;
	--bs-primary-rgb: 140, 37, 12;
	--bs-body-bg: #FAF8F5;
	--bs-body-color: #1D120C;
}

body {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	background-color: var(--zouk-cream);
	color: var(--zouk-ink);
}
a {
	text-decoration: none;
	color: var(--zouk-teal);
}
a:hover {
	color: var(--zouk-maroon);
}

/* Custom Css */
.bg-light {
	background-color: var(--zouk-cream) !important;
}
.bg-primary {
	background-color: var(--zouk-maroon) !important;
}
.gadgets-nav a.nav-link {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
	color: #4C575D !important;
}
.gadgets-nav .navbar-nav .nav-item .nav-link {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.4px;
	color: #4C575D !important;
}
.gadgets-nav .navbar-nav .nav-item .nav-link:hover,
.gadgets-nav .navbar-nav .nav-item .nav-link.active {
	color: var(--zouk-maroon, #8C250C) !important;
}
.btn-light {
	background: var(--zouk-cream);
	border-color: var(--zouk-border);
	color: var(--zouk-ink);
}
.btn-light:hover, .btn-light:focus {
	background: var(--zouk-maroon);
	border-color: var(--zouk-maroon);
	color: #fff;
}
.btn-lg {
	padding: 13px 30px;
	font-size: 16px;
	font-weight: 500;
}
.btn-white {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #000000;
}
.btn-white:hover {
	background-color: var(--zouk-maroon);
	border-color: var(--zouk-maroon);
	color: #ffffff;
}
.btn-primary {
	background-color: var(--zouk-maroon) !important;
	border-color: var(--zouk-maroon) !important;
	color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus {
	background-color: var(--zouk-maroon-dark) !important;
	border-color: var(--zouk-maroon-dark) !important;
	color: #ffffff !important;
}
.btn-secondary {
	background-color: var(--zouk-teal) !important;
	border-color: var(--zouk-teal) !important;
	color: #ffffff !important;
}
.btn-secondary:hover, .btn-secondary:focus {
	background-color: var(--zouk-teal-dark) !important;
	border-color: var(--zouk-teal-dark) !important;
	color: #ffffff !important;
}
.text-primary {
	color: var(--zouk-maroon) !important;
}
.text-muted{
	color: var(--zouk-muted) !important;
}
.text-orange{
	color: var(--zouk-orange) !important;
}
.text-dark {
	color: var(--zouk-ink) !important;
}

.bg-dark {
	background-color: var(--zouk-teal) !important;
}


.text-danger {
	color: #cb2b2b !important;
}
.bg-danger {
	background-color: #cb2b2b !important;
}
.form-control {
	box-shadow: none !important;
}
.mt-n15 {
	margin-top: -15rem;
}
.mt-n10 {
	margin-top: -10rem;
}
.mt-n5 {
	margin-top: -5rem;
}
.form-dark input::placeholder {
	color: #666666 !important;
}
.form-dark input {
	color: #ffffff !important;
}
.hover\:bg-primary:hover {
	background-color: var(--zouk-maroon) !important;
	color: #ffffff !important;
	transition: .2s;
}
.p-4\.5 {
	padding: 2rem !important;
}
.w-15 {
	width: 15%;
}
.bg-glass {
	background: rgba(65, 65, 65, 0.25);
	backdrop-filter: blur(4px);
}
.icon {
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Navbar */
.home-decor-nav .navbar-nav .nav-link {
	font-size: 13px;
	font-weight: 500;
}

/* Sidebar-Nav */
.sidebar-nav .navbar-nav .nav-link.active,
.sidebar-nav .navbar-nav .nav-link:hover {
	color: var(--zouk-maroon);
}

/* Homepage */
.category .laptops:hover {
	background-color: #d8b08c !important;
	color: #fff !important;
	transition: .2s;
}
.category .drones:hover {
	background-color: #9b806b !important;
	color: #fff !important;
	transition: .2s;
}
.category .smartphones:hover {
	background-color: #c9826d !important;
	color: #fff !important;
	transition: .2s;
}
.category .gaming:hover {
	background-color: var(--zouk-teal) !important;
	color: #fff !important;
	transition: .2s;
}
.category .card:hover .text-black{
	color: #ffffff !important;
}
.category .laptops:hover p,
.drones:hover p,
.smartphones:hover p,
.gaming:hover p {
	color: #ebebeb !important;
	transition: .2s;
}
.zoom-img .card-img-top {
	transition: transform .4s;
}
.zoom-img:hover .card-img-top {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.more-information .card:hover .card-header>div {
	background-color: var(--zouk-maroon) !important;
	transition: .2s;
}
.more-information .card:hover {
	border-color: transparent !important;
	box-shadow: 0 1px 16px 0 rgba(97, 97, 97, 0.1);
}
.shop-item-card {
	position: relative;
	margin-bottom: 20px;
}
.shop-item-card .card-footer {
	position: static;
	display: flex;
	align-items: center;
	gap: 6px;
}
.shop-item-card .card-footer .btn {
	font-size: 16px;
	padding: 0;
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50% !important;
	margin: 0 !important;
	transition: all 0.2s ease-in-out;
}
.shop-item-card .card-footer .btn:hover {
	background-color: var(--zouk-maroon);
	border-color: var(--zouk-maroon);
	color: #ffffff;
	transform: translateY(-2px);
}
.shop-item-card .card-body {
	padding-bottom: 0px;
}

/* About Us */
.bg-video {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/video.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}
.testimonial-img {
	width: 80px;
}

/* Footer */

footer .footer-top a.link-secondary:hover {
	color: #FCE7D0 !important;
}
.social-icons a {
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Mobile Media  */
@media (max-width:992px) {
	.m-none {
		display: none;
	}
}