/* All Common CSS Start */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

ul,
ol {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  line-height: 0.8;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.placeholder-14 {
  font-size: 14px !important;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.g-10 {
  gap: 10px;
}

.bg-main {
  background-color: #FFD700;
  color: #000;
}

.font-inter {
  font-family: "Inter", sans-serif !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}
.w-60 {
  width: 60%;
}


.no-border{
  border: none;
}

/* All Common CSS End */

/* ============================================================================
===========================>> Navbar Start Here  <<=========================== 
============================================================================ */

/* top bar  */

#topbar {
  background-color: #FFD700;
  padding: 10px 0;
  color: #000;
}

.contact-info {
  gap: 15px;
  color: #000;
}

.contact-info span a{
  font-family: "Inter", sans-serif;
  color: #000;
  font-weight: 400;
  font-size: 16px;
}

.navbar {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background: #fff;
}

/* nav bar img  */

.navbar-brand {
  width: 80px;
  max-height: 80px;
  overflow: hidden;
}

.navbar-brand img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.navbar-nav .nav-link {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  transition: all linear .6s;
}

.nav-icon {
  transition: all linear .6s;
}

.navbar-nav .nav-item:hover {
  color: #e96b56;
}

.navbar-nav .nav-item:hover  a{
  color: #e96b56;
}



.nav_btn {
  border-radius: 23px;
  background-color: #FFD700;
  padding: 10px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
.nav_btn:hover {
  background-color: #FFD700;
  color: #000;
}

/* quote-label part  */

.quote-label {
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

/* Auth User Part  */

.auth-info {
  color: #000;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  background: #fff;
  border: none;
  outline: none;
  padding: 10px;
  border-radius: 20px;
}

.auth-info:hover {
  color: #000;
  background: #FFD700;
}

.cart {
  width: 40px; 
  height: 40px; 
  display: inline-block; position: relative;
  margin-top: 20px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #000;
}

.cart-count {
  font-size: 10px;
	z-index: 99;
	width: 100%;
	height: 100%;
	left: 23px;
	top: -5px;
}


/* ============================================================================
===========================>> Navbar End Here  <<=========================== 
============================================================================ */

/* ============================================================================
===========================>> Banner End Here  <<=========================== 
============================================================================ */

.owl-carousel, .owl-stage-outer {
  max-height: 100%;
  height: 77vh;
}


.post-content-parent{
  display: flex;
  width: 100%;
  height: 77vh;
  position: relative;
}


.c--post-content-image-wrapper{
  position: absolute;
  width: 100%;
  height: 77vh;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.c--post-content-image-wrapper img{
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  object-fit: cover;
}


.banner_search {
  top: 50%;
  left: 26%;
  padding: 10px 25px;
  width: 50%;
  height: 50px;
  min-height: 50px;
  border-radius: 12px;
  background: #fff;
  box-sizing: border-box;
}

.banner_search input{
  width: 90%;
  height: 100%;
  border: none;
  outline: none;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}




/* ============================================================================
===========================>> Banner End Here  <<=========================== 
============================================================================ */



/* ============================================================================
===========================>> Service Start Here  <<=========================== 
============================================================================ */
/* #service {
  padding: 60px 0px;
  background: #f0f2f5;
} */

#service {
  padding: 60px 0px;
  background: #2559a726;
}




.common_header h4{
  font-size: 30px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  /* color: #FFD700; */
  margin-bottom: 15px;
  text-transform: uppercase;
}

.common_header p{
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  width: 500px;
  margin: auto;
  line-height: 20px;
  margin-bottom: 15px;
}

.common_header p::after{
  height: 8px;
  width: 50px;
  content: "";
  display: block;
  background-color: #FFD700;
  margin: auto;
  margin-top: 10px;
  border-radius: 20px; 
  transition: all linear .8s;
}

.common_header:hover p::after{
  background-color: #000000;
}

.service_wrapper {
  box-shadow: 2px 9px 9px 2px rgba(0, 0, 0, 0.1);
  padding: 15px 10px;
  border-radius: 15px;
  background:#ffc10754;
}

.service_list {
  --bs-gutter-x: 0.5rem;
}

.service_item {
  margin: 5px 0px;
  cursor: pointer;
  background: #fff;
  border-radius: 12px;
  transition: all linear .4s;
  padding: 10px 0px;
}


.service_item:hover {
  box-shadow: 2px 9px 9px 2px rgba(0, 0, 0, 0.22)
}

.service_img {
  max-width: 120px;
  max-height: 120px;
}

.service_img img{
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.service_item p{
  font-size: 18px;
  font-weight: 500;
  font-family: "Inter", sans-serif; 
  margin-top: 10px;
  transition: all linear .5s;
}

.accordion_wrapper {
  border: 1px solid #FFD700;
  padding: 15px;
  border-radius: 15px;
}
.btn_accordion {
  background-color: #fce45f75 !important;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  outline: none;
  border: none;
}

.btn_accordion img{
  height: 100%;
  width: 40px;
  margin-right: 10px;
}

.accordion_title h6{
  font-size: 12px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  line-height: 16px;
}

.accordion_title p{
  font-size: 12px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.accordion_cart button{
  background-color: #FFD700;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  outline: none;
  border: none;
}

.accordion_cart button:hover{
  background-color: #FFD700;
}


.accordion_cart input{
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  border: 1px solid #000;
  margin: 0px 10px;
  width: 60px;
}

.accordion_btn button{
  background-color: #FFD700;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  outline: none;
  border: none;
  padding: 10px 20px;
  border-radius: 12px;
}

.accordion_btn a{
  background-color: #FFD700;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  outline: none;
  border: none;
  padding: 10px 20px;
  border-radius: 12px;
}

.accordion_content_header {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}

.accordion_description_parent .accordion_description {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 10px;
}

.no_subCat{
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  line-height: 30px;
}

/* ============================================================================
===========================>> Service End Here  <<=========================== 
============================================================================ */




/* ============================================================================
===========================>> Blog Start Here  <<=========================== 
============================================================================ */

#blog {
  padding: 50px 0px;
  background: #faf9fd;
}

.blog_wrapper {
  height: auto;
  width: auto;
  border-radius: 15px;
  /* background: #53515127; */
  padding: 15px;
  /* box-shadow: 2px 9px 9px 2px rgba(0, 0, 0, 0.1); */
  transition: all linear .5s;
}

.blog_wrapper .blog_img {
  height: auto;
  width: auto;
  overflow: hidden;
  border-radius: 15px; 
}

.blog_wrapper .blog_img a img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}


.blog_wrapper a h6 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #000;
  line-height: 30px;
  padding: 0px 10px;
}

.blog_content {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  text-align: center;
  line-height: 20px;
  padding: 0px 10px;
  margin-top: 20px;
  margin-bottom: 40px;
}


.blog_footer {
  border-top: 1px dotted #000;
  padding: 5px;
}


.blog_footer p{
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  text-align: center;
  line-height: 20px;
  margin-bottom: 0px;
}

.blog_wrapper:hover{
  box-shadow: 2px 9px 9px 2px rgba(0, 0, 0, 0.3);
}




/* ============================================================================
===========================>> Blog End Here  <<=========================== 
============================================================================ */




/* ============================================================================
===========================>> Checkout Page Start Here <<=========================== 
============================================================================ */

#checkout {
  background: #f4f5f8;
  padding-top: 10px;
  padding-bottom: 80px;
}


.cart_wrapper {
  box-shadow: 2px 9px 9px 2px rgba(0, 0, 0, 0.1);
}


.cart-title h6{
  font-size: 22px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  line-height: 24px;
}

.cart-title p{
  font-size: 18px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.cart-update {
  width: 13%;
}

.cart-update button {
  background-color: #FFD700;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  outline: none;
  border: none;  
}

.cart-update button:hover {
  background-color: #FFD700;
 
}


.cart-update input {
	color: #000;
	font-size: 15px;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	border: 1px solid #000;
	margin: 0px 10px;
	width: 50px;
	outline: none;
	padding: 3px 9px;
}

.cart-price {
  width: 20%;
  gap: 15px;
}

.cart-price p{
  font-size: 18px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  margin-bottom: 0px;
}

.cart-price button{
  font-size: 18px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  margin-bottom: 0px;
  gap: 10px;
}

.cart-price button .fa-trash{
  color: red;
}

.cart-wrapper {
  /* padding: 12px; */
  border-radius: 12px;
  transition: all linear .8s;
}
/* 
.cart-wrapper:hover {
  background: #f3ebebc2;
} */

/* coupon part */
.cupon{
  padding: 25px 0px;
  gap: 22px;
}

.cupon .coupon_input {
	padding: 10px 70px 10px 10px;
	/* border: none; */
  border: 1px solid #000;
	outline: none;
	border-radius: 9px;
}

.cupon .coupon_btn{
  background: #FFD700;
}

.cupon .coupon_btn:hover{
  background: #FFD700;
}

.nav_tab {
  box-shadow: 2px 9px 9px 2px rgba(0, 0, 0, 0.1);
}

.nav-pills .nav-link {
	color: #000000;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color:#FFD700;
}

.schedule :first-child {
  display: active;
}

.schedule {
  margin: 0px 4px 0px 0px;
}

.schedule .schedule_btn{
  border: 1px solid #FFD700;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  border-radius: 12px;
  color: #000;
}

 .nav-item .nav_tab_btn_schedule {
    border: 1px solid #FFD700;
    margin: 0px 5px;
    font-size: 15px;
    padding: 5px 12px;
    color: #000;
}
.schedule_btn:hover{
  background:#FFD700;
  color: #000;
}


.btn-fixed-red {
  pointer-events: none; 
}

.btn-select {
  background: #FFD700;
  color: #fff;
}


/* coupon part */

.customer_info {
  box-shadow: 2px 9px 9px 2px rgba(0, 0, 0, 0.1);
}

.address_btn{
  background: #FFD700;
}

.address_btn:hover{
  background: #FFD700;
}

/* ============================================================================
===========================>> Checkout Page End Here <<=========================== 
============================================================================ */

/* ============================================================================
===========================>> Login Page Start Here <<=========================== 
============================================================================ */
#login {
  background: #fff;
  padding: 50px 0px;
}

.header-logo a img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.login-content {
  background: #f0f2f5;
  box-shadow: 2px 9px 9px 2px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 12px;
  margin-top: 10px;
}

.login-header h4{
  font-size: 25px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  margin-bottom: 20px;
}

.login-header p{
  font-size: 15px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  margin-bottom: 15px;
}

.login-form {
  margin-top: 50px;
  padding: 0px 80px;
}



/* ============================================================================
===========================>> Login Page End Here <<=========================== 
============================================================================ */


/* ============================================================================
===========================>> signup Page Start Here <<=========================== 
============================================================================ */
#signup {
  background: #fff;
  padding: 50px 0px;
}


.signup-content {
  background: #f0f2f5;
  box-shadow: 2px 9px 9px 2px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 12px;
  margin-top: 10px;
}

.signup-header h4{
  font-size: 25px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  margin-bottom: 20px;
}

.signup-header p{
  font-size: 15px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  margin-bottom: 15px;
}

.signup-form {
  margin-top: 50px;
}



/* ============================================================================
===========================>> signup Page End Here <<=========================== 
============================================================================ */