.header{
	width: 100%;
	background-color: #343a40; 
	padding: 6px 0px;
}

.fixedtop{
		width: 100%;
	position: fixed;
	padding: 5px 0px;
	z-index: 999;
	border-bottom: solid 1px #6a6a6a;
	box-shadow: 0px 1px 2px #282828;
}

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

.logo img{
	width: 60px;
	border-radius: 50%;
	border:solid 2px #fff;
	margin-right: 10px;
}
.logo h1{
	color: #fff;
	font-family:  "arial black";
}

.fixedtop .logo h1{
	color: #282828;
	font-family:  "arial black";
}

.mymenu{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: flex;
	justify-content: end;
	transition: .6s;
}

.mymenu li a{
	color: #cecece;
	text-decoration: none;
	padding:10px;
	display: black;
}

.fixedtop .mymenu li a{
	color: #282828;
	text-decoration: none;
	padding:10px;
	display: black;
}

.mymenu li a:hover{
	color: #282828;
	background-color:#cecece;
}

.img-logo-mobile{
	width: 50px;
	border-radius: 50%;

}

.slide-desc{
	width: 60%;
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: 15px;
	z-index: 99;
}

.feature-info{
	text-align: center;
	padding: 0px 150px!important;
}
.feature-info h1{
	font-family:arial black;
	color:#57afc7;
	margin: 15px 0px;
}

.feature-info p{
	color:#282828;
	font-size: 18px;
}

.title-info{
	border-bottom: solid 1px #6a6a6a;
	padding-bottom: 12px;
	color: #3993ac;
	margin-bottom: 15px;
}

.title-info span{
	border-bottom: solid 2px #3993ac;
	padding-bottom: 10px;
}

.title-light{
	border-bottom: solid 1px #6a6a6a;
	padding-bottom: 12px;
	color: #fff;
	margin-bottom: 15px;
}

.title-light span{
	border-bottom: solid 2px #fff;
	color:#fff;
	padding-bottom: 10px;
}

.footer{
	background-color: #282828;	
}

.copyright{
	background-color: #000;
}
.to-top{
	width: 60px;
	height: 60px;
	background-color: #f00;
	position: fixed;
	bottom: 20px;
	right: 20px;
.element{
	margin: 20px;
	margin-top: 10px;
}
.footer-gal{
	display: flex;
	justify-content: space-between;
	border-top:dotted 1px #282828;
	padding: 15px 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	border-bottom: solid 1px #6a6a6a;
	padding-bottom: 12px;
	color: #3993ac;
	margin-bottom: 15px;

}

.title-dark{
	border-bottom: solid 1px #6a6a6a;
	padding-bottom: 12px;
	color:#282828;
	margin-bottom: 15px;
}

.title-dark span{
	border-bottom: solid 2px #3993ac;
	color:#282828;
	padding-bottom: 10px;
}
.bg-love{background-color:#ff3899;}
.bg-violet{background-color:#6f02eb;}
.text-love{text-color:##d63384;}
.text-violet{text-color:#6f02eb;}

.box-content{
	position: relative;
	height: 100%;
	margin-bottom: 15px;
}

.box-content p{
	margin-bottom: 80px;
}

.best-selling{
	width: 99px;
	height: 97px;
	background-color: transparent;
	position: absolute;
}

.sosmed{}
.sosmed a{
	font-size: 50px;
	margin-right: -15px;
}

.sosmed i.fb{color:#2e339b;}
.sosmed i.x{color:#ffffff;}
.sosmed i.tw{color:#0889a5;}
.sosmed i.ig{color:#de0baa;}
.sosmed i.yt{color:#f00;margin-left:5px;}

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

.footer ul li a{
	color:#cecece;
	text-decoration: none;
	padding: 10px;
	display: inline-block;
	border-bottom: dotted 1px #cecece;
	transition: 8s;
}

.footer ul li a :hover{
	color: #282828;
	background-color: #cecece;
}

.btn-bd-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: #8806CE;
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

ul {list-style-type: none;}
body {font-family: Verdana, sans-serif;}

/* Month header */
.month {
  padding: 70px 25px;
  width: 100%;
  background: #1abc9c;
  text-align: center;
}

/* Month list */
.month ul {
  margin: 0;
  padding: 0;
}

.month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

/* Previous button inside month header */
.month .prev {
  float: left;
  padding-top: 10px;
}

/* Next button */
.month .next {
  float: right;
  padding-top: 10px;
}

/* Weekdays (Mon-Sun) */
.weekdays {
  margin: 0;
  padding: 10px 0;
  background-color:#ddd;
}

.weekdays li {
  display: inline-block;
  width: 13.6%;
  color: #666;
  text-align: center;
}

/* Days (1-31) */
.days {
  padding: 10px 0;
  background: #eee;
  margin: 0;
}

.days li {
  list-style-type: none;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  margin-bottom: 5px;
  font-size:12px;
  color: #777;
}

/* Highlight the "current" day */
.days li .active {
  padding: 5px;
  background: #1abc9c;
  color: white !important
}