@import url('https://fonts.googleapis.com/css2?family=Lato&family=Poppins:wght@200;300;400&display=swap');
:root {
  --dynamic-color: #275C53; /* default color */
  --header-color: #275C53; /* default color */
  --headertext-color: #fff; /* default color */
  --secondary-color: #000000; /* default color */
}

body {
  font-family: 'Poppins', sans-serif !important;
}


.posabit-menu {
  
}

.posabit-menu h1,
.posabit-menu h2,
.posabit-menu h3,
.posabit-menu h4,
.posabit-menu h5,
.posabit-menu h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-style: unset;
  word-break: keep-all;
  text-wrap: nowrap;
  /* Other possible options for text-wrap: */
  /* text-wrap: none; */
  /* text-wrap: balance; */
  /* text-wrap: pretty; */
  /* text-wrap: nowrap; */
  /* font-family: 'Poppins', sans-serif; */
}

.top_header h1, h2, h3, h4, h5, h6 {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}

.main {
  max-width: 1980px;
}

.dark-border {
  border-color: #d9d9d9;
}

.darker-border {
  border-color: #c4c4c4;
}

.shadow {
  box-shadow: "1px 20px 20px 0px rgb(255 249 249 / 0%), 1px -1px 8px 1px rgb(70 70 70 / 25%)"
}

i.fa.fa-arrow-left {
  width: 6px;
  margin-right: 14px;
}

.back-btn a {
  text-decoration: none;
  font-weight: bold;
}

.top_header {
  background-color: #DB3D3D;
  min-height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.top_header p {
  color: var(--headertext-color);
  font-size: 1rem;
  margin-bottom: unset !important;
  padding: 4px 5px;
}

.top_header i {
  position: absolute;
  right: 14px;
  top: 50%;
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
}

/* .logo_image img {
  max-height: 90px;
} */

.menu_item {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  gap: 8px;
}


i.fa.fa-chevron-down {
  color: #fff;
}

#user_info {
  min-height: 40px;
  width: 100%;
  /* color: #275C53; */
  display: flex;
  justify-content: space-between;
  padding: 20px 1rem;
  background: #fff;
}

.search_filter_box {
  display: flex;
}

#user_info i {
  width: 40px;
  height: 40px;
  border-radius: 49%;
  background-color: rgb(255, 255, 255);
  text-align: center;
  padding-top: 0.7rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgb(189 189 189 / 23%);
}


/* #product_section {
  margin-top: 5rem;
} */

.deals {
  font-size: 1.5rem;
  font-weight: 600;
}

.back-btn a {
  cursor: pointer;
}

.product_cart {
  min-height: 575px;
  width: 95% !important;
  padding: 15px;
  margin-left: 5px;
  margin-bottom: 30px;
  box-shadow: 1px 20px 20px 0px rgb(255 249 249 / 0%), 1px -1px 8px 1px rgb(70 70 70 / 25%);
}

span.thc,
span.cbd {
  background: #E8E8E8;
  margin-right: 8px;
  padding: 5px 12px;
  border-radius: 5px;
  text-align: center;
  font-size: 0.875rem;
}

.card.product_cart h1 {
  font-size: 1.125rem;
  margin-top: 9px;
  padding: 5px 15px 5px 4px;
  font-weight: 600;
  height: 78px;
  line-height: 1.3;
  width: 265px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}


span.regular-price{
  position: absolute;
    bottom: 16%;
}

.flower_types {
  display: flex;
  align-items: baseline;
  margin-top: 4px;
}


.card.product_cart p {
  margin-bottom: 9px;
  /* margin-left: 15px; */

}

.product_add h1 {
  font-size: 1.375rem;
  margin-bottom: 0;
}

.plus_minus_box {
  display: flex;
  justify-content: center;
}

.weight {
  margin-left: 0rem;
  color: #b9b4b4;
}

.weight .form-control {
  min-width: 180px;
}

.owl-dots {
  display: none;
}

.price {
  font-size: 1.125rem !important;
  color: var(--secondary-color);
  font-weight: 600;

}

.card.product_cart .btn {
  background: var(--dynamic-color);
  border: 1px solid var(--dynamic-color);
  width: fit-content;
  color: #fff;
  padding: 10px 35px;
  width: 100%;
  border-radius: 0 0 5px 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.125rem;
}


.product_cart:hover .off {
  border: 1px solid var(--secondary-color);
  background: none;
  color: var(--secondary-color);
}

.product_cart img {
  margin-bottom: 5px;
  display: block !important;

}

.search-box {

  background: #275c53;
  height: 40px;
  border-radius: 40px;
  /* margin-right: 5px; */
}

/* .wishlist-button.active {
  color: red; 
} */

/* .search-box.active .search-txt {
  width: 240px;
  padding: 8px 15px;
}

.search-box.active .search-btn {
  background: white;
} */

.breadcrumb {
  padding: 0 25px;
}

li.breadcrumb-item a {
  color: #275c53;
}

.plus_minus {
  display: flex;
  /* margin-top: 14px; */
}

.plus_minus .add,
.minus {
  width: 36px;
  height: 36px;
  display: flex;
  background: #ffffff;
  font-size: 23px !important;
  border-radius: 45px;
  text-align: center;
  padding-left: 11px;
  box-shadow: 2px -6px 17px 4px rgb(255 249 249), 1px -1px 6px rgb(157 157 157 / 79%);
  padding-top: 0px;
  cursor: pointer;
}

.quantity {
  color: #B4B4B4;
  margin-top: 10px;
}

span.position-absolute.top-0.start-100.translate-middle.badge.rounded-pill.bg-danger {
  left: 80% !important;
  z-index: 1;
  font-weight: 400;
}

.minus {
  padding-left: 13px;
}

span.value {
  padding: 6px 13px 13px 13px
}

i.fa.fa-location {
  color: var(--headertext-color);
}

.location_pickup:focus-visible {
  outline: -webkit-focus-ring-color auto 0 !important;
  outline-offset: 0 !important;
  border: 0 !important;

}

.location_pickup_add {
  color: #fff;
  background: none;
  border: 0;
  width: 153px;
  cursor: pointer;
}

.location_pickup, .location_static {
  color: var(--headertext-color);
  background: none;
  border: 0;
  display: flex;
  cursor: pointer;
  align-items: center;
  padding-left: 6px;
}

.location_pickup>div {
  display: flex;
  align-items: center;
}

.address {
  display: flex;
  align-items: center;
  color: var(--headertext-color);
  margin-left: 6px;
  border-radius: 15px;
  padding: 0 6px;

}

i.fa.fa-file-invoice {
  padding-left: 8px;
}

.location {
  display: flex;
  align-items: center;

  padding: 0 5px;
  border-radius: 13px;
  margin-left: 5px;
  
}

.location i {
  margin-right: 6px;
}

.address i {

  padding-left: 10px;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 49px;
  background: #fff;
  color: #275c53;
  border: 1px solid #275c53;
    z-index: 9999;
}

fieldset {
  margin: 0
}

.title {
  font-size: 20px;
  justify-content: space-between;
  margin-bottom: 16px;
}

/*  login  */

label.form-check-label.float-right {
  float: right;
}

/* Registration */


label.form-check-label.float-right {
  color: black;
  cursor: pointer;
}

/* Payment  */

.discount {
  color: #BF3A3A;
}


/* .product_review_page {
  padding: 12px;
  margin-top: 1rem;
  border: 1px solid #ededed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
} */

input#number {
  text-align: center;
  border: none;

  margin: 0px;
  width: 40px;
  height: 40px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* .product_total_section {
  display: flex;
  flex-direction: column;
  height: 250px;
  justify-content: space-between;
  align-items: end;

} */

i.fa.fa-trash {
  color: #db3d3d;
}

.amount {
  display: flex;
  justify-content: space-between;
}

.checkout {
  display: flex;
  justify-content: end;
}


button.btn.apply {
  background: #db3d3d;
  border: 0;
  width: fit-content;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  padding: 8px 35px;
  margin-left: 5px;
}

#youinfo,
#payment,
#review,
#cart {
  display: none;
}

footer.text-center.pb-4.mt-4 {
  position: relative;
  /* bottom: 0; */
  /* top: 100%; */
  top: 0;
  bottom: 0;
}

.no_product {
  color: red;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
}

.card.product_cart a {
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
}

i.fa.fa-cart-shopping {
  color: #ffffff;
}


form #decrease {
  margin-right: 0;
  border-radius: 49px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgb(189 189 189 / 23%);
}

form #increase {
  margin-right: 0;
  border-radius: 49px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgb(189 189 189 / 23%);
}

input#number {
  text-align: center;
  border: none;

  margin: 0px;
  width: 40px;
  height: 40px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

i.fa.fa-trash {
  color: var(--secondary-color);
  cursor: pointer;
}

.amount {
  display: flex;
  justify-content: space-between;
}

button.btn.apply {
  background: #db3d3d;
  border: 0;
  width: fit-content;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  padding: 8px 35px;
  margin-left: 5px;
}

.hr {
  color: #000;
}

.flower {
  text-align: left;
}

.btn.checkout {
  background: #275c53;
  display: block;
  text-align: center;
  color: white;
  padding: 15px 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  background: none;

}

.empty_cart .btn {
  background: var(--dynamic-color);
  border: 1px solid var(--dynamic-color);
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  padding: 8px 30px 5px 30px;

}

.btn:hover {
  color: var(--dynamic-color) !important;
  background: none  !important;
  border: 1px solid var(--dynamic-color)  !important;
  box-shadow:none !important;
}
.btn.btn-info:active{
  border:none !important ;
}

.btn:hover i {
  color: var(--dynamic-color);
}

.btn:focus-visible{
    color: var(--dynamic-color);
  background: none  !important;
  border: 1px solid var(--dynamic-color)  !important;
  box-shadow:none !important;
}

.empty_cart .btn:hover {
  background: none;
  border: 1px solid var(--dynamic-color);
}

.empty_cart .btn:hover .fa {
  color: var(--dynamic-color) !important;
}

.empty_cart img {
  width: 401px;
  height: auto;
}

.btn-info .fa {
  background-color: none !important;
}

.productminicart {
  width: 100%;
  padding: 10px;
  margin: 10px 2px 0 4px;
  display: flex;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
}

.productminicart img {
  width: 100px;
  height: 100px;
  object-fit: cover;

}

.cart-title .fa {
  box-shadow: none !important;
}

.productminicart h1 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.productminicart .d-flex {
  flex-direction: column;
  /* padding-left: 10px; */
  padding-left:0;
  padding-right: 8px;
  width: 100%;
}

.btn.btn-info:active {
  background: var(--dynamic-color) !important;
  border: 1px solid var(--dynamic-color) !important;
  color: #fff !important;
}

.Checkout {
  background: var(--secondary-color) !important;
  border: 0;
  width: fit-content;
  font-weight: 500 !important;
  color: #fff !important;
  border-radius: 5px;
  padding: 8px 35px !important;
}

.Checkout:hover {
  border: 1px solid #ffffff !important;
  background: none !important;
  color: hsl(0, 0%, 100%) !important;
}

a.btn.btn-info.mt-4 .fa {
  box-shadow: none !important;
  background: none !important;
  color: #fff;
}

.empty_cart.text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

i.fa.fa-trash.wish {
  color: #fff;
}

button.btn.apply1 {
  background: #db3d3d;
  border: 0;
  width: fit-content;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  padding: 8px 12px;
  margin-right: 5px;
}

/* product_cart */

/* .product_cart:hover .btn {
  border: 1px solid #275C53;
  color: #275C53;
  background: none;
} */

.product_cart:hover .btn {
  background: var(--dynamic-color);
}

.product_cart {
  justify-content: space-between;
  border-top: 1px solid #e3e3e3;
  padding-top: 15px;
  display: inline-block !important;

}


.itemquantity {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  width: 125px;
  align-items: end;
}

.itemquantity,
.position-relative .form-control {
  padding: 6px;
  font-size: 14px;
  color: #6a6a6b !important;

}

span.add.disabled {
  opacity: 0.3;
}


.productminicart a {
  color: #000000;
  text-decoration: none;
}

.itemquantity.position-relative .fa-trash {
  font-size: 19px;
  padding-bottom: 11px;
  margin-bottom: 10px;
}

div#pickup {
  margin-top: 2rem;
  display: none;
}

.details.mt-4 p {
  /* color: #a8a8a8; */
}

.terpenes_text{
  font-size: 21px;
  line-height: 2em;
  vertical-align: middle;
}


li.breadcrumb-item span {
  font-weight: 800;
  font-size: 16px;
  padding-left: 4px;
}

.breadcrumb {
  margin-left: 13px;
}

/* Product list */

.space{
  margin-left: 7px;
}
.payemnt_checkout_page{
    margin-top: 20px;
}

.productminicart .price {
  color: #000000;
  font-weight: 400;
  padding-top: 5px;
  padding-right: 0;
}

/* cart product Card  */

.productminicart.card_2 {
  --w-img: 115px;
  --g-inner: 10px;
  --w-price: 80px;
  gap: var(--g-inner);
  flex-wrap: wrap;
}

.productminicart.card_2 .d-flex {
  flex-direction: column;
  width: calc(100% - (var(--w-price) + var(--g-inner)));
}

.productminicart.card_2 .img_box {
  width: var(--w-img);
  flex-shrink: 0;
}

.productminicart.card_2 .img_box img {
  width: 100%;
}

.productminicart.card_2 .det_box {
  width: calc(100% - (var(--w-img) + var(--g-inner)));
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
}

.productminicart.card_2 .det_box .static p {
  margin-bottom: unset !important;
}

.productminicart.card_2 .det_box .price {
  width: var(--w-price);
  flex-shrink: 0;
}

.productminicart.card_2 .itemquantity {
  display: flex;
  width: calc(100% - var(--w-img));
  flex-direction: row;
  flex-grow: 1;
}

.cart_continue_btn {
  flex-direction: column-reverse;
  display: flex;
  gap: 15px;
}

.cart_continue_btn .btn {
  width: 100%;
  font-size: 18px;
}

.cart_continue_btn {
  display: flex;
  margin-top: 10px;
}

i.fa.fa-sliders,
.fa-user {
  color: var(--dynamic-color);
}

.checkout .btn{
  margin-right: 8px;
}

hr{
    color: #818181 !important;
}


/* 20 dec, 23 */
.box_label {
  flex-direction: column;
}

.box_label label {
  color: #6a6a6b;
}

.box_label .plus_minus {
  margin-top: 8px;
}

.product_image_section i {
  position: absolute;
  left: 100%;
}

.product_image_section .fa-heart {
  font-size: 22px;
  position: absolute;
  top: 22px;
}

.total-section .img-section img {
  width: 24px;
}

.delete-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  padding-top: 0.7rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgb(189 189 189 / 23%);
  position: relative;
  top: -18px;
}

.price {
  text-align: end;
}

.product_add h1 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.product_add .img-section {
  margin-top: 0px;
  margin-left: 0px;
}

.strain-data-heading {
  height: 2em;
  vertical-align:middle;
}

.details a {
  text-decoration: none;
}

.closet_catagories{
  margin: 32px 0;
}

.additional-section .badge {
  padding: 7px 24px;
  font-size: 13px;
}

.abundant-section {
  display: flex;
  margin-top: 20px;
  gap: 25px;
  align-items: end;
  justify-content: space-between;
  flex-flow: wrap;
}

.terpen-list p {
  font-weight: bold;
}
.terpen-list p:last-child {
  margin-bottom: 0em !important;
}

.terpen-percent p:last-child {
  margin-bottom: 0em !important;
}

.powered.by {

  text-align: right;
  color: #9d9d9d;
  margin-bottom: 10px;
}

.confidence-logo {
  text-align: right;
}

.product_add .plus_minus_box {
  display: block;
  margin-left: 80px;
}

.weight-section {
  display: flex;
  margin-top: 10px;
}

.more-product-detail {
  display: flex;
  /* gap: 60px; */
}

.effect-section {
  display: flex;
  gap: 20px;
}

.effect-name {
  background: #fff;
  box-shadow: 1px 1px 10px #00000050;
  padding: 27px 20px 10px 20px;
  text-align: center;
  border-top: 3px solid var(--dynamic-color);
  border-radius: 10px;
  height: 145px;
  width: 145px;
}

.effect-name p {
  margin-bottom: 0px !important;
}

.effect-name img {
  width: 66px;
}

.details {
  order: 1;
  width: 33%;
  padding-right: 3em;
}

.product-graph {
  order: 2;
  width: 33%;
}

.most-detail-section {
  order: 3;
  width: 33%;
  padding-left: 3em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.detail-heading {
  font-weight: bold;
  font-size: 1.0625rem;
  color: black;
}

/* .product-name {
  display: none;
}

.product-catogory {
  display: none;
} */
span.badge.rounded-pill.text-dark.bg-warning {
  background: #f6891f !important;
  color: #fff !important;
}
span.badge.rounded-pill.bg-success {
  background: #00ad5f !important;
}

.extra-info-section{
  margin:30px 0;
}

.cart_page {
  display: flex;
}
label.form-check-label img {
  width: 122px;
  margin-right: 5px;
}

.product_review {
  margin-top: 20px;
  margin-left: 46px;
  width: 100%;
}

.product_image img {
  width: 50%;
}

.cart_page .product_name a {
  color: #000;
  text-decoration: none;
}

.product-price-name {
  display: flex;
    justify-content: space-between;
}

.cart_page .product_name h5 {
  /* font-size: 15px; */
  font-weight: 600;
}

.cart_page .item {
  display: flex;
}

.cart_page .plus_minus_box {
  margin-top: 50px;
  justify-content: space-between;
}

.cart_page {
  display: flex;
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 32px;
    margin-top: 1rem;
}

.cart_page .price {
  color: #db3d3d;
  font-weight: 600;
  margin-left: 45px;
}

.cart_page .price {
  color: #db3d3d;
  font-weight: 600;
}

.cart_page .item p {
  background-color: #E8E8E8;
  border-radius: 5px;
  padding: 4px 12px;
  margin-right: 20px;
}

.select_box select {
  box-shadow: 2px -6px 17px 4px rgb(255 249 249), 1px -1px 6px rgb(157 157 157 / 79%);
}

.weight select {
  box-shadow: 2px -6px 17px 4px rgb(255 249 249), 1px -1px 6px rgb(157 157 157 / 79%);
}

.weight-quantity {
  display: flex;
  justify-content: space-between;
}

.weight-quantity .form-control {
  width: 145px;
}

.weight-quantity .plus_minus_box {
  display: block;
}

.weight-quantity .Wishlistbtn {
  display: none;
}

.product-info {
  max-width: 90% !important;
}
span.add.disabled {
  opacity: 0.3;
}
span.minus.disabled {
  opacity: 0.3;
}
button.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 49px;
  background: #fff;
  color: var(--dynamic-color);
  border: 2px solid var(--dynamic-color);
  width: 45px;
  height: 45px;
}

button.scroll-to-top svg {
  height: 21px;
}
.quantity_dropdown .form-control {
  position: relative;
  /* background: transparent; */
  z-index: 1;
}
.fa-regular.fa-heart.active {
  color: #BF3A3A !important; /* Example: Change the color to red */
  background: radial-gradient(circle at 60% 65%, #BF3A3A 64%, transparent 65%) top left, radial-gradient(circle at 40% 65%, #BF3A3A 64%, transparent 65%) top right, linear-gradient(to bottom left, #BF3A3A 43%,transparent 43%) bottom left , linear-gradient(to bottom right,#BF3A3A 43%,transparent 43%) bottom right;
  background-size: 51% 51%;
  background-repeat: no-repeat;
  display: inline-block;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}

.thank-you-page {
  text-align: center;
  padding: 40px;
}
.order-placed{
  font-weight: 600;
}
img.order {
  width: 70px;
}
.footer-img{
  width: 170px;
}
.validation_color{
  color:red;
}
.order-id{
  font-weight: 600;
}
.strike-price{
  color: #212529;
  font-size: 1.125rem;
  font-weight: 400;
}
span.sdpbadge {
  padding: 4px 22px;
  font-size: 0.8125rem;
  border-radius: 28px;
  color: #fff;
}
.loading{
  color:var(--headertext-color);
}

.back-btn a {
  cursor: pointer;
  color: #000;
}
.form-check-input{
  border-color: #212529 !important;
}
.carousel-item img {
  max-height: 500px;
  object-fit: cover;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 25px;
}

.confidence-logo img{
  height:80px;
}

.sdp_logo_img{
  width: 170px;

}
.product-catogory {
  text-align: center;
}

section#product_section .sorting-dropdown {
  margin-bottom: 30px;
}

img.sdp_category_icon {
  width: 24px;
  height: 24px;
  /* padding-left: 5px; */
  margin-left: 2px;
  margin-right: 2px;
  display: inline !important;
}

.sdp_compass {
  max-width: 90%;
}