/* -------------------------
       Google Fonts Link
--------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@400;500;700&display=swap");

/* -------------------------
       Common Css
--------------------------- */

body {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 400;
	box-sizing: border-box;
	color: #3e3e3e;
}

.btn-color {
	background-color: #3C4DEA;
	color: #fff;
	font-weight: 500;
	padding: 10px 20px;
	text-transform: uppercase;
	border-radius: 10px;
}
.btn-color:hover {
	background-color: #fff;
	color: #3C4DEA;
	border: 1px solid #3C4DEA;
}
.header-button:hover{
	background-color: #FFFBF0;
	color: #3C4DEA;
	border: 1px solid #3C4DEA;
}
h1 {
	font-family: "Bebas Neue", cursive;
	font-weight: 400;
	color: #363958;
}
p{
	color: #3E3E3E;
   }
.section-title {
	font-family: "Bebas Neue", cursive;
	font-size: 48px;
	color: #363958;
	margin-bottom: 30px;
}

/* -------------------------
       Header Section Css
--------------------------- */
header {
	background-color: #FFFBF0;
}
.header-padding{
	padding-left: 8rem;
}
.navbar-nav .nav-item {
	margin-left: 30px;
}

#banner {
	padding-bottom: 100px;
}

.banner-title {
	font-size: 80px;
	color: #FA804C;
}

.banner-title span {
	display: block;
	color: #363958;
}

/* -------------------------
       Woman Product Css
--------------------------- */
#CASUAL-SHOES {
	padding: 80px 0;
}
.product-content {
	padding: 20px;
	border: 1px solid #ebebeb;
	border-radius: 10px;
}
.product-img {
	background-color: #f1f1f1;
	text-align: center;
	padding: 15px 20px;
	border-radius: 15px;
}
.product-img2{
	text-align: center;
	padding: 15px 20px;
	border-radius: 15px;
}
.product-tile {
	margin-top: 18px;
	font-size: 24;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
}
.price {
	font-family: "Roboto", sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: #FA804C;
}
/* -------------------------
       Shop Css
--------------------------- */
#shop {
	padding: 80px 0;
}
.shop-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	box-shadow: 1px 1px 30px #e8e8e8;
	border-radius: 20px;
}
.shop-img {
	width: 80px;
	margin-right: 10px;
}
.shop-details {
	padding-right: 20px;
	margin-top: 25px;
}
.icon-image{
	padding-top: 8rem;
}