@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
/* font-family: "Caveat", cursive; */

@import url('https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap');
/* font-family: "Oleo Script", system-ui; */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
/* font-family: "Space Grotesk", sans-serif; */

p {
  font-family: 'Space Grotesk', sans-serif !important;
}
a {
  font-family: 'Space Grotesk', sans-serif !important;
  text-decoration: none !important;
}
/* span {
  font-family: 'Space Grotesk', sans-serif !important;
} */
div {
  font-family: 'Space Grotesk', sans-serif !important;
}

.sp-category .sp-category-block .category-detail {
  margin-bottom: 26px;
}
.sp-collection-block .collection-detail {
  margin-bottom: 26px;
}
.sp-pro-list.row .col-md-3 {
  margin-bottom: 24px;
}
.sp-testimonial .sp-testimonial-box {
  margin-bottom: 24px;
}
.colorBox {
}
.colorBox .colorType {
  height: 22px;
  width: 22px;
  background: red;
  border-radius: 30px;
  border: 1px solid #a67959;
}
.colorBox .colorTypeOuter {
  display: flex;
  gap: 12px;
}
.sp-single-pro-tab-moreinfo {
  width: 60%;
}
.m-t-24.reviewTitle {
  margin-top: 12px;
  margin-bottom: 16px;
}
.colorBox .colorType.blue {
  background-color: blue;
}
.colorBox .colorType.green {
  background-color: green;
}
.sp-single-product .single-pro-content .sizeBox p {
  line-height: normal;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.sp-single-product .single-pro-content .weightBox p {
  line-height: normal;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.sp-main-menu .nav-item .nav-link {
  font-weight: 500;
  font-family: 'Space Grotesk', sans-serif;
}
.sp-main-menu .nav-item:hover .nav-link {
  color: #ffab83;
}
.sp-login-box .sp-login-img {
  display: flex;
  height: 100%;
  align-items: center;
  background-color: #fff;
  justify-content: center;
  min-height: 250px;
  border-radius: 12px;
  box-shadow: 0px 0px 3px #e7b595;
}
.sizeBox select {
  padding: 4px;
  width: 100%;
  border-radius: 4px;
  color: #a67959;
  border-color: #a67959;
}
.sp-single-product .single-pro-content .meterialBox p {
  line-height: normal;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.sp-single-product .single-pro-content .colorBox p {
  line-height: normal;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.meterialBox select {
  padding: 4px;
  width: 100%;
  border-radius: 4px;
  color: #a67959;
  border-color: #a67959;
}
.sp-pro-variation.outer {
  display: flex;
  width: 100%;
}
.widthLength {
  width: 25%;
  padding: 0px 12px;
}
.sp-register-container.forProfile {
  margin-bottom: 20px;
}
.forProfile .sp-register-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.forProfile .sp-register-form .profileImg {
  height: 200px;
  width: 200px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.forProfile .sp-register-form .profileImg img {
  width: 100%;
  height: 100%;
}
.forProfile .sp-register-form .profileLogo {
  /* height: 200px; */
  width: 45%;
}
.forProfile .sp-register-form .profileLogo img {
  width: 100%;
  height: auto;
}
.userId h4 {
  color: #714930;
  text-align: end;
  margin-top: 8px;
}
.sp-register-wrapper .sp-register-container .sp-register-form .profileImg label {
  top: unset;
  bottom: 0px;
  margin: 0px;
  background: #00000082;
  color: #fff;
  height: 40px;
  border-radius: unset;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: absolute;
  box-shadow: 0px 0px 2px #fff;
}
.sp-register-wrapper .sp-register-container .sp-register-form .profileImg input {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  border-radius: 5px;
  opacity: 0;
  z-index: 2;
}
.ourVision {
  padding: 50px 0px;
  background-color: #fef9f4;
}
.ourVision .row {
  align-items: center;
}
.ourVision .image {
  border-radius: 12px;
  overflow: hidden;
}
.ourVision .image img {
  width: 100%;
}
.ourVision h2 {
  font-size: 34px;
  color: #714930;
  font-weight: 600;
}
.ourMission {
  padding: 50px 0px;
}
.ourMission .row {
  align-items: center;
}
.categorySection.padding-b-50 .catImg {
  width: 100%;
}
.categorySection.padding-b-50 .catImg img {
  height: 100%;
  width: 100%;
}
.categorySection.padding-b-50 {
  padding: 50px 0px 50px;
}
.ourVision h2.mobileH {
  display: none;
}
.ourMission h2.mobileH {
  display: none;
}
.ourVision h3 {
  margin: 0;
  font-size: 40px;
  color: #714930;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.ourMission .image {
  border-radius: 12px;
  overflow: hidden;
}
.ourMission .image img {
  width: 100%;
}
.ourMission h2 {
  font-size: 34px;
  color: #714930;
  font-weight: 600;
}
.inner-bottom-header .cols {
  align-items: center;
}
.navColumn .navbar-nav {
  flex-direction: unset;
  gap: 30px;
}
.sp-hero.one {
  background-image: url('../images/banners/donuts.jpg');
  background-size: cover;
}
.sp-hero.two {
  background-image: url('../images/banners/banner1.jpg');
  background-size: cover;
  background-position: bottom;
}
.sp-hero.one::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
}
.sp-hero.two::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
}
.sp-hero.bannerSection {
  height: 600px;
}
.sp-about .sp-img-box .sp-detail .sp-shap {
  height: 250px;
}
.sp-about .sp-img-box .sp-detail .sp-shap img {
  height: 100%;
}
.deal-box.box-1.offerBox {
  /* background-image: url('../images/cakes/bg1.png'); */
  background-repeat: no-repeat;
  background-size: cover;
}
.sp-header.sticky-nav {
  position: sticky;
  top: 0px;
}
.arrivalSection.padding-tb-100 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.sp-ser-content:hover {
  box-shadow: 0px 0px 3px #714930;
  border-radius: 9px;
}
.sp-ser-content {
  padding: 12px;
}
.sp-pro-pagination {
  margin-top: 20px;
}
.collectSection .sp-pro-box .sp-pro-img .inner-img {
  height: 295px;
}
.collectSection .sp-pro-box .sp-pro-img .inner-img img {
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.productSection .sp-pro-box .sp-pro-img .inner-img {
  height: 220px;
}
.productSection .sp-pro-box .sp-pro-img .inner-img img {
  height: 100%;
  width: 100%;
}
.wishListSection .sp-pro-box .sp-pro-img .inner-img {
  height: 240px;
}
.wishListSection .sp-pro-box .sp-pro-img .inner-img img {
  height: 100%;
  width: 100%;
}
h6.orderData {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.orderSection h4.delivered {
  background-color: green;
}
.orderSection h4.notDelivered {
  background-color: orange;
}
.orderSection h4.cancelled {
  background-color: red;
}
.orderSection .cart_list form {
  width: 60%;
  margin: auto;
}
.oderImgs .imgContent {
  display: flex;
  align-items: center;
}
.orderSection h4 {
  width: 130px;
  background: grey;
  text-align: center;
  /* margin: auto; */
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding: 10px 0px;
  border-radius: 6px;
  opacity: 0.7;
  margin-bottom: 0px;
}
.sp-single-blog-item .single-blog-info .blog-img {
  height: 500px;
  margin-bottom: 0px;
}
.orderSection.MyOders {
  padding: 50px 0px;
  margin: 0px 0px 40px;
}
.trackOrderBtn {
  display: flex;
  align-items: center;
  gap: 12px;
}
.trackOrderBtn a:hover {
  background-color: #fff;
  color: #714930;
}
.trackOrderBtn a {
  background: #714930;
  padding: 6px 12px;
  border-radius: 6px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  border: 2px solid #714930;
  opacity: 0.8;
}
.orderSection .sp-cart-content .sp-cart-inner {
  background-color: unset;
}
.sp-single-blog-item .single-blog-info .blog-img img {
  height: 100%;
  width: 100%;
}
.placeOrder span.sp-btn-2 {
  margin-bottom: 12px;
}
.row.locationRow {
  margin-top: 30px;
}
.mapLocation {
  height: 450px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 0px 3px #a86728;
}
.single-blog-detail {
  padding: 10px 20px 12px;
}
.single-blog-info {
  box-shadow: 0px 0px 3px #d19e6a;
  border-radius: 16px;
  overflow: hidden;
}
.sp-breadcrumb-2 {
  background-image: url('../images/about/breadcrumb3.jpg');
}
.sp-breadcrumb-2::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #000;
}
.sp-about p {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 16px;
}
.arrivalSection .sp-collection-block .collection-detail .collection-img {
  height: 270px;
}
.arrivalSection .sp-collection-block .collection-detail .collection-img img {
  height: 100%;
}
.sp-footer.margin-t-50 {
  margin-top: 0px;
}
.sp-breadcrumb-2.margin-b-50 {
  margin-bottom: 0px;
}
.blogSection .sp-blog-box .sp-blog-img {
  height: 200px;
  width: 250px;
}
.blogSection .sp-blog-box .sp-blog-img img {
  height: 100%;
  width: 100%;
}

.subCategorySection {
  padding-bottom: 30px;
  padding-top: 50px;
  margin-bottom: 40px;
}
.subCategorySection .sp-collection-block .collection-detail .collection-img {
  height: 210px;
}
.productSection {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sp-blogs-sidebar
  .sp-sidebar-block
  .sp-sidebar-block-item
  .sp-sidebar-block-detial
  .sp-blog-title
  a:hover {
  color: #b87a54;
}
.sp-register-wrapper .sp-register-container .sp-register-form .sp-rg-select-inner select {
  border-radius: 15px;
}
.profileSection .myOrders .sp-btn-4 {
  border: none;
}
.profileSection .myOrders {
  margin-bottom: 12px;
  text-align: end;
}
.sp-header
  .bottom-header
  .inner-bottom-header
  .sp-header-buttons
  .sp-acc-drop:hover
  .sp-dropdown-menu {
  margin-top: 4px;
  padding: 4px 5px;
}
.profileTopBtns .myOrders .sp-btn-4 {
  border: none;
  width: 100%;
  padding: 20px 15px;
  font-size: 18px;
  height: unset;
}
.profileTopBtns {
  display: flex;
  gap: 14px;
}
.profileTopBtns .myOrders {
  margin-bottom: 12px;
  text-align: center;
  width: 100%;
}
.profileSection
  .sp-register-wrapper
  .sp-register-container
  .sp-register-form
  .sp-rg-select-inner
  select {
  border-radius: 15px;
}
.footer-top.padding-b-50 {
  padding-bottom: 35px;
}
.footer-top.padding-t-50 {
  padding-top: 40px;
}