/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap"); */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
}

/*========== common css ================*/
:root {
  --primary: #017961;
  --secoundry: #000000;
  --grey: #fafafa;
}

.primary_color {
  color: var(--primary);
}

.secoundry_color {
  color: var(--secoundry);
}

.grey_color {
  color: var(--grey);
}

.m100 {
  margin: 100px 0;
}

/*=== font size ==== */
.fs_50 {
  font-size: 50px;
}

.fs_40 {
  font-size: 40px;
}

.fs_32 {
  font-size: 32px;
}

.fs_22 {
  font-size: 22px;
}

.fs_25 {
  font-size: 25px;
}

.fs_24 {
  font-size: 24px;
}

.fs_20 {
  font-size: 20px;
}

.fs_18 {
  font-size: 18px;
}

.fs_16 {
  font-size: 16px;
}

.fs_14 {
  font-size: 14px;
}

.fs_12 {
  font-size: 12px;
}

/*=== font weight ==== */
.fw_300 {
  font-weight: 300;
}

.fw_400 {
  font-weight: 400;
}

.fw_500 {
  font-weight: 500;
}

.fw_600 {
  font-weight: 600;
}

.fw_700 {
  font-weight: 700;
}

/*================ header =======================*/
.top_bar {
  background-color: var(--primary);
}

.top_bar svg {
  width: 16px;
  height: 16px;
  fill: #ffff;
}

.bottom_bar {
  box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  z-index: 9999;
}

.bottom_bar ul li a {
  border-bottom: 2px solid transparent;
}

.bottom_bar ul li:hover a {
  border-color: var(--primary);
  color: var(--primary);
}

.hover_drop .login_btn {
  padding: 10px 50px;
  background-color: var(--secoundry);
  width: fit-content;
}

.hover_drop .login_btn:hover {
  background-color: var(--primary);
}

.hover_drop {
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  border-radius: 10px;
  padding: 25px 15px 25px 15px;
  position: absolute;
  left: -50px;
  top: 80px;
  width: 230px;
  display: none;
  z-index: 9999;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
}

.hover_drop a.start-txt:hover {
  color: var(--primary);
}

.drop-login {
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
}

.drop-login:hover .hover_drop {
  display: block;
  top: 60px;
}

.cart-icon svg {
  width: 30px;
  height: 30px;
}

.bandge-cart {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary) !important;
}

.navbar-brand img {
  width: 80%;
  height: auto;
}

.hover_drop a:hover {
  color: var(--primary);
}

.fixed_header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}

.navbar-toggler-icon img {
  width: 32px;
}

/*=============banner========================*/
.banner {
  background-color: var(--primary);
  padding-top: 60px;
}

.banner a {
  background-color: var(--secoundry);
  border-radius: 0px 0px 0px 0px;
  width: 152px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
}

.banner a:hover {
  background-color: #fff;
  color: var(--secoundry) !important;
  transform: scale(0.9);
}

/* Override hover styles to maintain button color */
.banner a[style*="background-color"]:hover {
  color: #fff !important;
}

.text-wapper p {
  padding-right: 80px;
}

/*================ categories ======================*/
.categories {
  padding-top: 40px;
}

.categories .main_wapper {
  border: 2px solid var(--primary);
  border-radius: 10px;
  height: 100%;
  text-align: center;
  padding: 30px;
}

.categories .main_wapper .img {
  width: 275px;
  height: 250px;
  margin: auto;
  object-fit: cover;
}

.categories .main_wapper img {
  /* width: 70%; */
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.categories .main_wapper img:hover {
  transform: scale(0.9);
}

/* .categories .row .col-md-4:nth-child(3) .main_wapper img{
    width: 96% !important;
    margin: 15px 0;
} */
/* .up-product img{
    width: 94% !important;
    margin: 15px 0;
} */

.categories a:hover {
  color: var(--secoundry);
}

/*============= how_sec ================*/
.how_sec {
  margin-top: 80px;
  background-color: var(--grey);
  padding-top: 60px;
}

.contact_sec {
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  padding: 40px 40px 60px 40px;
  border-radius: 10px;
  /* width: 80%;
    margin: auto; */
  margin-top: 25px;
}

.how_sec img {
  width: 90%;
}

.contact_sec input {
  height: 48px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  padding: 3px 20px;
  border-radius: 0;
}

.contact_sec textarea {
  height: 150px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  padding: 20px 20px;
  border-radius: 0;
}

.form-control:focus {
  background-color: #fff;
  border-color: #000;
  outline: 0;
  box-shadow: none;
}

.contact_sec form {
  padding-top: 30px;
}

.contact_sec .form-control::placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
}

.form-control:focus::placeholder {
  color: #000;
}

.form-control {
  text-transform: capitalize;
}

.contact_sec button {
  background-color: var(--secoundry);
  width: 152px;
  height: 40px;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  border: none;
}

.contact_sec button:hover {
  background-color: var(--primary);
  transform: scale(0.9);
}

/* .lb01M8 .lbContent {
    z-index: 4;
    max-width: 100%;
    ;
    top: 35%;
    bottom: auto;
    left: 70px;
    right: auto;
    text-align: start;
    position: absolute;
}

.lookBook01.lb01M8.overLayAnim02 {
    position: relative;
    background: #e0f6f2;
    border-radius: 5px;
    overflow: hidden;
    text-align: right;
    margin: 0 0 24px;
    width: 100%;
    height: 340px;
}

.lookBook01.lb01M8.overLayAnim02 img {
    width: 50%;
    height: 338px;
    object-fit: contain;
    text-align: end;
    margin-left: auto;
    margin-right: 0;
    margin-top: 20px;
}

.lookBook01.lb01M8.overLayAnim02 h2 {
    width: 70%;
} */

.shop_appreal .main_wapper {
  border: transparent;
  text-align: center;
  border-radius: 10px;
  height: 100%;
  padding: 30px;
}

.shop_appreal .main_wapper img {
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
}

.shop_appreal .main_wapper img:hover {
  transform: scale(0.9);
}

.shop_appreal a:hover {
  color: var(--primary);
}

/*============= footer ===============*/
.footer {
  padding: 10px 0;
  box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 10%);
}

.footer-logo {
  width: 70%;
}

.footer .social_media svg {
  width: 16px;
  height: 16px;
}

.copy-right {
  background-color: var(--primary);
  padding: 2px 0;
}

.footer a:hover {
  color: var(--primary);
}

/*================ Shop ==================*/
/* .shop {
    margin: 100px 0;
} */

.categories-sec button {
  text-align: start;
  padding: 0;
}

.categories-sec {
  background: #fff;
  border-radius: 5px;
  padding: 25px 20px 32px;
  border: 2px solid #f8f8f8 !important;
  border-radius: 10px;
}

.categories-sec .nav-pills .nav-link.active,
.categories-sec .nav-pills .show>.nav-link,
.categories-sec .nav-link:focus,
.categories-sec .nav-link:hover {
  color: #fff;
  background-color: transparent;
  color: var(--primary);
}

.apparel {
  color: #ababab;
}

.item_detail a:hover {
  color: var(--primary);
}

.common_shop .shop_item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f8f8f8 !important;
}

.common_shop img {
  transition: all 1.5s;
}

.common_shop:hover img {
  transform: scale(0.9);
  overflow: hidden;
}

.size select {
  border-color: #f8f8f8;
  background-color: transparent;
  height: 46px;
  border-radius: 0;
  background-image: linear-gradient(45deg, transparent 50%, #888 50%),
    linear-gradient(135deg, #888 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.size .form-select {
  color: #ababab;
}

.form-select:focus {
  background-image: linear-gradient(45deg, #888 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #888 50%);
  background-position: calc(100% - 15px), calc(100% - 20px),
    calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  border-color: #f8f8f8;
  box-shadow: none;
}

option:hover {
  background-color: var(--primary) !important;
}

.price.categories-sec a:hover,
.price.categories-sec span:hover {
  color: var(--primary);
}

/*================ Shop Details ===================*/
.silde_nav img {
  width: 135px;
  height: 135px;
  border-radius: 5px;
  object-fit: cover;
  border: 1px solid #eee;
}

.silde_nav .slick-list.draggable {
  padding: 0 !important;
}

.silde_nav .slick-track {
  margin: 0;
}

.silde_main img {
  width: 100%;
  transition: all 1.5s;
  height: 100%;
  object-fit: cover;
}

/* .shop-details{
    margin: 100px 0;
} */
.img_up {
  width: 96%;
  overflow: hidden;
  height: 570px;
  object-fit: cover;
}

.silde_main:hover img {
  transform: scale(0.9);
  opacity: 0.7;
}

.size_select select {
  width: 213px;
  height: 48px;
  border: 2px solid #f8f8f8 !important;
  border-radius: 0;
}

.size_select h3 {
  max-width: 83px;
  width: 100%;
}

.size_select select {
  border-color: #f8f8f8;
  background-color: transparent;
  height: 46px;
  border-radius: 0;
  background-image: linear-gradient(45deg, transparent 50%, #888 50%),
    linear-gradient(135deg, #888 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.size_color .color {
  width: 24px;
  height: 24px;
  background: #222637;
  border-radius: 50%;
  box-shadow: 0 0 7px rgb(0 0 0 / 9%);
}

.colr_shop {
  margin-right: 10px;
}

.size_color .color::before {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  transform: translate(-5px, -5px);
  border: 1px solid #ccc;
  border-radius: 50%;
  display: none;
}

.size_color input {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -4px;
  opacity: 0;
}

.color.color_grey {
  background-color: #a4a6a9;
}

.color.color_red {
  background-color: #b41926;
}

.color.color_white {
  background-color: #fefefe;
}

.size_color .form-check-input:checked[type="radio"]+.color::before {
  display: block;
}

.custom_name input {
  background: transparent !important;
  border: 2px solid #f8f8f8 !important;
  margin-top: 20px;
  border-radius: 0;
  height: 48px;
}

.size_input input {
  border: 2px solid #f8f8f8 !important;
  padding: 2px 10px 2px 10px;
  min-height: 48px;
  border-radius: 0;
}

.add_cart {
  width: 158px;
  height: 40px;
  background-color: var(--secoundry);
  margin-top: 30px;
  transition: all 0.5s;
  border: none;
  border-radius: 0;
}

.add_cart:hover {
  transform: scale(0.9);
  background-color: var(--primary);
}

.description {
  width: 80%;
}

.detail_alert {
  background-color: var(--primary);
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 14px 30px;
}

.detail_alert a {
  position: relative;
}

.detail_alert a::after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #ddd;
}

.detail_alert a:hover::after {
  width: 100%;
}

/* .img.slick-slide.slick-current.slick-center img {
  border-color: var(--primary) !important;
} */

.silde_nav img:hover {
  opacity: 0.7;
  border-color: var(--primary);
}

/*================= Cart ===================*/
/* .cart{
    margin: 100px 0;
} */
.table_common img {
  /* border: 1px solid #eee; */
  border-radius: 5px;
  width: 80px;
}

.table_common input {
  border: 2px solid #f8f8f8 !important;
  padding: 2px 10px 2px 10px;
  min-height: 48px;
  border-radius: 0;
  text-align: center;
}

.table_common tbody tr {
  vertical-align: middle;
}

.remove_td:hover {
  color: var(--primary);
  position: relative;
}

.remove_td:hover::after {
  width: 100%;
}

.remove_td::after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #ddd;
}

.table_common a:hover {
  color: var(--primary);
}

.table_common th {
  padding: 20px 20px;
}

.table_common td {
  padding: 20px 20px;
}

.table_common tbody tr {
  border-bottom: 2px solid #f8f8f8;
}

.table_common .table-responsive {
  border: 2px solid #f8f8f8;
  background: #fff;
  box-shadow: 0 0 5px #f8f8f8;
  border-radius: 6px;
  padding: 30px 30px 0;
}

.table_common .table-responsive thead tr {
  border-bottom: 2px solid transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 60px;
  background: #f8f8f8;
}

.table_common tbody tr:last-child {
  border-bottom: 2px solid transparent;
}

.table_common th:first-child {
  padding-left: 30px;
}

.table_common td:first-child {
  padding-left: 30px;
}

.continue_shop {
  width: 212px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  transition: all 0.5s;
}

.continue_shop:hover {
  background-color: var(--secoundry);
}

.clear_shop {
  color: #9b9b9b;
}

.clear_shop:hover {
  color: var(--secoundry) !important;
}

.view_price {
  width: 197px;
  height: 40px;
  border: none;
  background-color: var(--secoundry);
  transition: all 0.5s;
}

.view_price:hover {
  background-color: var(--primary);
}

.shipping_price {
  margin-top: 40px;
  padding-top: 30px;
  /* border-top: 1px solid #eee; */
}

.subtotal {
  background: transparent !important;
  border-radius: 10px !important;
  padding: 25px 30px 40px;
  border: 2px solid #f8f8f8;
  width: 90%;
  margin-left: auto;
  box-shadow: 0 0 5px #f8f8f8;
}

.sub_div {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.sub_div:last-of-type {
  border-bottom: none;
}

.checout_btn {
  height: 40px;
  background-color: var(--secoundry);
  border: none;
  width: 100%;
  margin-top: 26px;
  transition: all 0.5s;
}

.checout_btn:hover {
  background-color: var(--primary);
  transform: scale(0.9);
}

#price-view.modal.show .modal-dialog {
  box-sizing: border-box;
  min-width: 756px;
  max-height: 843px;
  max-width: 626px;
  border-radius: 7px;
  padding: 30px;
  width: 281.891px;
  background-color: rgb(255, 255, 255);
  border: none;
  box-shadow: #646161 0 0 8px 3px !important;
}

#price-view tr {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

#price-view tr td {
  height: 52px;
  vertical-align: middle;
  text-align: start;
  padding-left: 10px;
}

#price-view tr th {
  height: 32px;
  vertical-align: middle;
  text-align: start;
  padding-left: 10px;
}

#price-view .modal-content {
  border: none;
}

#price-view tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.01);
}

.close_btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 0;
  border: none;
  position: absolute;
  right: -10px;
  top: -20px;
  background-color: transparent;
  color: #000;
  font-size: 30px;
}

.close_btn:focus {
  box-shadow: none;
}

#price-view {
  top: 50px !important;
}

/*================= checkout =====================*/
.checkout .form-control {
  background: #f5f5f5;
  border-color: #f5f5f5;
  height: 48px;
  border-radius: 0;
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
}

.checkout .form-select {
  border: 2px solid #f5f5f5 !important;
  background-color: #f5f5f5;
  height: 48px;
  border-radius: 0;
  color: #ababab !important;
  font-size: 14px;
  background-image: linear-gradient(45deg, transparent 50%, #888 50%),
    linear-gradient(135deg, #888 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  font-weight: 400;
}

.checkout .form-control:focus,
.checkout .form-select:focus {
  color: var(--secoundry);
  border-color: var(--secoundry);
  background-color: #fff;
  box-shadow: 0 2px 20px rgb(0 0 0 / 5%);
}

.form-select:focus {
  background-image: linear-gradient(45deg, #888 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #888 50%);
  background-position: calc(100% - 15px), calc(100% - 20px),
    calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.selct_pyment {
  margin-top: 50px;
}

.selct_pyment img {
  width: 43px;
  height: 26px;
}

.selct_pyment .cards {
  background: #fff;
  border: 1px solid #f8f8f8 !important;
  color: #000 !important;
  border-radius: 0;
  padding: 13px 20px;
  height: 80px;
  margin-bottom: 20px;
}

.card_detail .card_number {
  width: 100%;
  margin-bottom: 20px;
}

.card_detail input[type="text"] {
  background: transparent !important;
  font-size: 18px !important;
  border: none;
  color: #32325d !important;
}

.card_detail input[type="text"]:focus {
  color: var(--secoundry);
  border-color: var(--secoundry);
  background-color: #fff;
  box-shadow: none !important;
}

.card_detail img {
  width: 21px;
  filter: grayscale(1);
}

#basic-addon1 {
  background-color: transparent;
  border: none;
  padding: 0;
}

.saved_card .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
}

.card_detail {
  margin-bottom: 60px;
}

/* .terms_div {
    border-top: 1px solid #eee;
    padding-top: 30px;
} */

.place-order {
  width: 178px;
  height: 40px;
  border-radius: 0;
  background-color: var(--secoundry);
  margin-top: 40px;
  border: none;
  transition: all 0.5s;
}

.place-order:hover {
  transform: scale(0.9);
  background-color: var(--primary);
}

.item_name img {
  width: 80px;
  border-radius: 5px;
}

.brand_name {
  width: 86%;
}

/* .subtoal_check {
    border-top: 2px solid #f8f8f8 !important;
} */

.checkout_detail {
  padding: 12px 0;
}

.checkout .right_box {
  border: 2px solid #f8f8f8 !important;
  background-color: #fff !important;
  border-radius: 10px;
  padding: 30px;
}

/*============== contact us =======================*/
.contact_form input {
  height: 48px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  padding: 3px 20px;
  border-radius: 0;
}

.contact_form textarea {
  height: 150px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  padding: 20px 20px;
  border-radius: 0;
}

/* 
.contact_form form {
    padding-top: 30px;
} */

.contact_form .form-control::placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
}

.form-control:focus::placeholder {
  color: #000;
}

.contact_form button {
  background-color: var(--secoundry);
  width: 155px;
  height: 40px;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  border: none;
}

.contact_form button:hover {
  background-color: var(--primary);
  transform: scale(0.9);
}

.contact_form {
  width: 55%;
  margin: auto;
}

/*================= my account =====================*/
.card_box {
  border: 2px solid #f8f8f8 !important;
  padding: 40px 20px 40px 20px;
  border-radius: 10px;
  box-shadow: 0 0 5px #f8f8f8;
}

.card_box .card_text a:hover {
  color: var(--secoundry);
}

section.m100.account {
  min-height: calc(100vh - 410px);
}

/*================ my order =========================*/
.order_wapper .nav-tabs {
  border-bottom: none;
  padding-bottom: 0px;
  text-align: center;
  justify-content: start;
  margin-bottom: 0 !important;
  border-radius: 0;
  background-color: transparent;
  margin-left: 10px;
}

.order_wapper .nav-tabs .nav-item.show .nav-link,
.order_wapper .nav-tabs .nav-link.active,
.order_wapper .nav-tabs .nav-link:focus,
.order_wapper .nav-tabs .nav-link:hover {
  border: none;
  background-color: var(--primary);
  color: #ffffff;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}

.seacrh_box {
  padding: 20px 30px;
}

.seacrh_box input {
  border-radius: 0px;
  height: 45px;
  padding-left: 20px;
  border: none;
}

.order_wapper .nav-tabs .nav-link {
  margin: 0 20px 0 0;
  height: 44px;
  border: none;
  /* background-color: #f8f8f8; */
  border-bottom: 2px solid #01796100;
  border-radius: 0;
}

.order_wapper .nav-tabs .nav-item:last-child .nav-link {
  margin: 0;
}

.button_order a {
  background-color: var(--secoundry);
  padding: 10px 29px;
  transition: all 0.5s;
}

.button_order a:hover {
  transform: scale(0.9);
  background-color: var(--primary);
}

.order_wapper tbody tr {
  height: 61px;
  vertical-align: middle;
  /* text-align: center; */
}

.order_wapper thead tr {
  vertical-align: middle;
  /* text-align: center; */
  height: 40px;
}

.order_wapper tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.01);
}

.order_wapper tr {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* .order_view {
    height: calc(100vh - 410px);
} */

/*============== login ==============*/
/* .login_sec .login_box {
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 29px 50px 48px;
    background-image: url(../img/bg-pattern-2.png);
    background-size: cover;
} */
.login_box {
  padding: 30px;
  background-color: #fff;
  border-radius: 15px;
  width: 50%;
  margin: auto;
}

.form-control {
  background: #f8f8f8;
}

/* .right_login{
    width: 100%;
    height: 100%;
    background-color: rgba(1, 121, 97, 0.2);
    border-radius: 15px 0px 0px 15px;
    display: flex;
    background-image: url(../img/login_mainpattern.png);
    align-items: end;
    background-size: cover;
    background-repeat: no-repeat;
} */
.right_login img {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  object-fit: cover;
  padding: 10px;
  border-radius: 20px;
}

/* .login_wapper{
    background-color: #fff;
    border-radius: 15px;
} */
.login_sec {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  min-height: 100vh;
  justify-content: center;
  background-color: var(--primary);
}

.register_acc {
  width: 70%;
  margin: auto;
  display: flex;
  align-items: center;
  min-height: 100vh;
  justify-content: center;
}

.register_acc .login_box {
  padding: 20px 30px;
}

.register_acc .login_box {
  width: 60%;
}

.forgot_sec .login_box {
  width: 50%;
}

.register_acc .right_login img {
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
  height: 100%;
}

.login_sec input[type="email"],
.login_sec input[type="password"],
.login_sec input[type="text"],
.form-select {
  border: 1px solid #f8f8f8;
  height: 48px;
  border-radius: 0;
  background-color: #f8f8f8;
}

.login_logo img {
  width: 125px;
  height: 55px;
  object-fit: contain;
}

.login_sec input[type="email"]:focus,
.login_sec input[type="password"]:focus,
.login_sec input[type="text"]:focus,
.form-select:focus {
  border: 1px solid var(--secoundry);
}

.login_sec .email_label {
  color: #696969;
  margin-bottom: 8px;
}

.login_sec .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.login_sec .form-check-input:focus {
  box-shadow: none;
  border-color: var(--primary);
}

.login_sec input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

.login_sec .login_btn {
  width: 100%;
  background-color: var(--secoundry);
  height: 40px;
  border: none;
  transition: all 0.5s;
}

.login_sec .login_btn:hover {
  transform: scale(0.9);
  background: var(--primary);
}

.forgot a {
  position: relative;
}

.forgot a:hover {
  color: var(--primary);
}

.forgot a::after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #ddd;
}

.forgot a:hover::after {
  width: 100%;
}

.create-btn {
  width: 209px;
  background-color: var(--secoundry);
  height: 40px;
  border: none;
  margin-top: 30px;
  transition: all 0.5s;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.create-btn:hover {
  transform: scale(0.9);
  background: var(--primary);
}

.forgot_sec {
  width: 60%;
}

.login_sec input[type="text"],
.form-select {
  font-size: 14px;
  font-weight: 400;
  color: #ababab;
}

.login_sec input[type="text"]::placeholder {
  color: #ababab;
}

.login_create:hover {
  color: var(--primary);
}

/*================= billing ======================*/
.billing_box {
  background: transparent !important;
  border-radius: 10px !important;
  padding: 25px 30px;
  border: 2px solid #f8f8f8;
  width: 40%;
  margin: auto;
}

.edit_address {
  background-color: var(--secoundry);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 140px;
  transition: all 0.5s;
}

.edit_address:hover {
  background: var(--primary);
  transform: scale(0.9);
}

/*================= trems&condtion =========================*/
.terms_condition ul {
  padding: 0 20px;
}

.terms_condition ul li::marker {
  vertical-align: middle;
}

/*=================== payment ============================*/
.add_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background-color: var(--secoundry);
  width: 210px;
}

.add_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background-color: var(--secoundry);
  width: 250px;
  margin-top: 24px;
}

.add_card {
  box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  padding: 11px;
  border-radius: 5px;
  margin-bottom: 0;
}

/* 
.main_wapper img{
    width: 100%;
    height: 190px;
    object-fit: cover;
} */
.saved-card .input-group {
  border: 1px solid #f8f8f8 !important;
  padding: 14px;
  border-radius: 5px;
}

.saved-card input {
  width: 18px;
  margin-right: 10px;
  height: 18px;
  border-radius: 50% !important;
}

.form-check-input:checked {
  background: var(--primary);
  border-color: var(--primary);
}

.cancel-img {
  width: 60px;
}

.yes_btn,
.no_btn {
  background-color: var(--secoundry);
  padding: 10px 49px;
  transition: all 0.5s;
  margin-top: 20px;
}

.cancel-text {
  width: 60%;
  margin: auto;
}

.cancel_modal {
  padding: 40px 10px;
}

.shop_item img {
  width: 306px;
  height: 306px;
  object-fit: contain;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--secoundry);
  border-color: var(--secoundry);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--secoundry);
  border-color: var(--secoundry);
}

.adad {
  color: var(--primary);
  font-weight: 600;
}

/* .up-product img{
    width: 70%;
    height: auto;
    object-fit: unset;
} */
/* .bottom-up-footer{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
} */
.deault-size {
  height: 48px !important;
  background-color: #f8f8f8 !important;
  border: 1px solid #f8f8f8;
  padding: 3px 20px;
  border-radius: 0;
  margin-bottom: 20px;
}

.crumb-contact {
  padding: 60px 0px 60px 0px;
  background-color: var(--primary);
}

.crumb-contact h2 {
  padding: 15px;
}

.m-top {
  margin-top: 100px;
}

.login_sec input[type="password"],
.form-select {
  font-size: 14px;
  font-weight: 400;
  color: #ababab !important;
}

/* .cart  table{
    text-align: center;
    border: none;
    border-radius: 0;
}
.cart .table_common .table-responsive{
    border: none;
    border-radius: 0;
}

.cart thead tr , #myorder thead tr , #again thead tr , #cancel thead tr{
    background-color: #e0f6f2;
   border-radius: 0;
   border: none;
   border-bottom:  2px solid #f8f8f8;
}
#myorder .table-bordered>:not(caption)>*>* ,#again .table-bordered>:not(caption)>*>* ,#cancel .table-bordered>:not(caption)>*>*{
    border-width: 0;
}
#myorder tbody tr , #again tbody tr , #cancel tbody tr{
    border-bottom:2px solid #f8f8f8 ;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 80px;
}
.order_wapper tbody tr:nth-child(even){
    background-color: transparent;
}
#myorder thead tr , #again thead tr, #cancel thead tr{
    height: 60px;
}
#myorder tbody td , #again tbody td , #cancel tbody td{
    height: 80px;
    align-items: center;
} */
.banner img {
  width: 636px;
  height: 636px;
  object-fit: cover;
}

.thnku {
  height: 300px;
  background-color: var(--primary);
  width: 100% !important;
}

.thnku .img_correct svg {
  width: 70px;
  height: 70px;
  margin-right: 0;
  margin-bottom: 20px;
}

.right_box.billing_box {
  width: 100%;
  border: none;
}

.right_box.billing_box .ship_order {
  /* border-bottom: 2px solid #f8f8f8; */
  padding-bottom: 20px;
  width: fit-content;
  position: relative;
}

/* .right_box.billing_box .ship_order::after {
    content: '';
    width: 90px;
    height: 6px;
    background: #017961;
    display: block;
    position: absolute;
    bottom: -6px;
} */

.border_sec {
  /* border-top: 2px solid #f8f8f8; */
  border-bottom: 2px solid #f8f8f8;
}

.billing_sec {
  width: 100%;
  /* background-color: #e0f6f2!important;
    border: none; */
}

span.status_success {
  color: var(--primary);
  padding: 6px 15px;
  border-radius: 7px;
}

span.status_cancel {
  color: #790117;
  padding: 6px 15px;
  border-radius: 7px;
}

span.status_pending {
  color: #ff9800;
  padding: 6px 15px;
  border-radius: 7px;
}

.edit_account {
  width: 50%;
  margin: auto;
}

#myTabContent,
.table_view {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 12px #f8f8f8;
  border: 2px solid #f8f8f8;
}

#myorder .table-bordered> :not(caption)>*>*,
#again .table-bordered> :not(caption)>*>*,
#cancel .table-bordered> :not(caption)>*>*,
.order_view .table-bordered> :not(caption)>*>* {
  border-width: 0;
}

#myorder tbody tr,
#again tbody tr,
#cancel tbody tr,
.order_view tbody tr {
  border-bottom: 2px solid #f8f8f8;
  border-top: none;
  border-left: none;
  border-right: none;
}

#myorder tbody tr:last-child,
#again tbody tr:last-child,
#cancel tbody tr:last-child,
.order_view tbody tr:last-child {
  border-bottom: 0px solid transparent;
}

#myorder thead tr,
#again thead tr,
#cancel thead tr,
.order_view thead tr {
  border-bottom: 2px solid transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 60px;
  background: #f8f8f8;
}

.order_wapper tbody tr:nth-child(even) {
  background-color: transparent;
}

#myorder tbody td,
#again tbody td,
#cancel tbody td,
.order_view tbody td {
  align-items: center;
  height: 100px;
}

.drop-login p span {
  text-transform: capitalize;
}

.drop-login p .text_cap {
  text-transform: capitalize;
}

.order_view {
  min-height: calc(100vh - 410px);
}

.main_billing {
  min-height: calc(100vh - 410px);
}

.main_billing .billing_box {
  background-color: #fff !important;
  border-radius: 6px;
  border: 2px solid #f8f8f8;
  box-shadow: 0 0 5px #f8f8f8;
}

.payment_method {
  width: 80%;
  margin: auto;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 12px #f8f8f8;
  border: 2px solid #f8f8f8;
}

.product_image {
  width: 70px;
  margin-right: 10px;
}

#myorder tbody tr td:first-child,
#again tbody tr td:first-child,
#cancel tbody tr td:first-child,
.order_view tbody tr td:first-child {
  padding-left: 30px;
}

#myorder thead tr th:first-child,
#again thead tr th:first-child,
#cancel thead tr th:first-child,
.order_view thead tr th:first-child {
  padding-left: 30px;
}

.order_header {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 12px #f8f8f8;
  border: 2px solid #f8f8f8;
}

#myorder,
#again,
#cancel,
.view_order {
  padding: 30px 30px 0;
}

/* .order_head {
    border-bottom: 2px solid #f8f8f8;
} */

#myorder tbody::before,
#again tbody::before,
#cancel tbody::before,
.order_view tbody::before {
  line-height: 1em;
  content: ".";
  color: white;
  display: block;
}

.seacrh_box button {
  background-color: var(--secoundry);
  border-radius: 0px 0px 0px 0px;
  width: 152px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  color: #fff;
  border: none;
}

.seacrh_box button:hover {
  background-color: var(--primary);
}

.payment_table {
  padding: 30px 30px 0;
}

.border-none {
  border-top: none !important;
}

.fiste_name {
  text-transform: capitalize !important;
}

#decrement {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  color: #ced4da;
}

#decrement:hover {
  background-color: var(--primary);
  border-color: transparent;
  color: #fff;
}

#decrement:hover svg rect {
  fill: #fff;
}

#increment:hover svg path {
  fill: #fff;
}

#increment {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  color: #ced4da;
}

#increment:hover {
  background-color: var(--primary);
  border-color: transparent;
  color: #fff;
}

#increment:hover i {
  color: #fff;
}

#decrement:hover i {
  color: #fff;
}

.form-control[readonly] {
  background-color: #f5f5f5;
}

.input_increment {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.input_increment input {
  border: none !important;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  min-height: 30px;
  min-width: 30px;
  text-align: center;
}

/* .item_detail a,
.item_name h4 {
  text-transform: capitalize;
} */

header a {
  text-transform: capitalize;
}

.item_detail a:first-letter,
.item_detail a:first-line {
  text-transform: capitalize;
}

.item_name h4:first-letter,
.item_name h4:first-line {
  text-transform: capitalize;
}

table tr span{
  text-transform: capitalize;
}

#newData .img {
  width: 242px;
  height: 242px;
  object-fit: cover;
  background-color: #f8f8f8 !important;
}

#newData .img img {
  width: 100%;
  height: 100%;
}

.order_summry {
  border-bottom: 2px solid #f8f8f8;
}

.thnk_text p {
  text-transform: lowercase;
}

.thnk_text p::first-letter {
  text-transform: capitalize;
}

.cuppon_code {
  border: 2px solid #f8f8f8 !important;
  padding: 20px;
  border-radius: 10px;
}

.input_cupon button {
  width: 178px;
  height: 40px;
  border-radius: 0;
  background-color: var(--secoundry);
  margin-top: 20px;
  border: none;
  transition: all 0.5s;
  color: #fff;
}

.thnku {
  width: 40%;
  margin: 0 auto 45px !important;
}

.billing_box.billing_sec {
  box-shadow: 0 0 5px #f8f8f8;
}

.ship_place {
  width: 60%;
  margin-left: auto !important;
  margin-right: 0;
}

.shop_pagination a {
  padding: 10px 20px;
}

.shop_pagination li {
  background: #f8f8f8;
  padding: 5px 0;
  margin: 0 10px;
}

.shop_pagination li.active {
  background-color: var(--primary);
}

.shop_pagination li.active a {
  color: #fff;
}

.product_inc {
  margin-right: 13px;
}

#increment {
  margin-left: 13px;
}

#decrement {
  margin-right: 13px;
}

.right_box.billing_box.p-0 {
  box-shadow: 0 0 5px #f8f8f8;
  background: #fff;
  border: 2px solid #f8f8f8 !important;
  padding: 25px 30px !important;
  width: 80%;
  margin-right: auto;
  margin-left: 0;
}

.table_order {
  width: 110px;
  height: 40px;
  background-color: #000;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.img_search {
  position: absolute;
  right: 16px;
  top: 10px;
}

.product_total {
  border-bottom: 1px solid #f8f8f8;
  padding: 12px 0;
}

.product_total:last-child {
  border-bottom: none;
}

#Cancel-order svg path {
  fill: var(--primary);
}

#Cancel-order .modal-dialog {
  min-height: calc(100vh - 57px);
  display: flex;
  align-items: center;
}

.continue_shp {
  width: 10%;
  text-align: center;
  margin: 30px auto 0;
}

.lookBook01 img {
  width: 100%;
  height: 373px;
  object-fit: cover;
}

/*============= Responsive ===========================*/

@media only screen and (max-width: 1400px) {
  .contact_sec {
    margin-top: 0;
  }

  .img_up {
    width: 100%;
  }

  .silde_nav img {
    width: 125px;
    height: 125px;
  }

  .order_wapper table {
    white-space: nowrap;
  }

  .lookBook01 img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
}

@media only screen and (max-width: 1200px) {
  .fs_50 {
    font-size: 43px;
  }

  .how_sec img {
    width: 572px;
    height: 491px;
    object-fit: cover;
  }

  .silde_nav img {
    width: 105px;
    height: 105px;
  }

  .banner {
    padding-top: 30px;
  }

  .contact_sec {
    padding: 25px;
    margin-bottom: 40px;
  }

  .contact_sec .fs_32 {
    font-size: 28px;
  }

  .contact_sec textarea {
    height: 100px;
  }

  /* 
    .card_detail .card_number {
        width: 48%;
    } */

  .contact_form {
    width: 85%;
  }

  section.m100.account {
    height: auto;
  }

  .banner img {
    width: 636px;
    height: 500px;
    object-fit: cover;
  }

  .categories .main_wapper .img {
    width: 205px;
    height: 170px;
  }

  .lookBook01 img {
    width: 100%;
    height: 270px;
    object-fit: cover;
  }

  #newData .img {
    width: 100%;
    height: 152px;
    object-fit: cover;
  }
}

@media only screen and (max-width: 991px) {
  .top_bar{
    display: none !important;
  }
  .text-wapper p {
    padding-right: 0px;
  }

  .banner a {
    margin: auto;
  }

  .banner {
    padding-top: 70px;
  }

  .banner img {
    width: 70%;
    margin-top: 40px;
  }

  .banner .img {
    text-align: center;
  }

  .categories .main_wapper {
    padding: 30px 20px;
  }

  #order1 {
    order: 1;
  }

  #order2 {
    order: 2;
  }

  .how_sec img {
    width: 80%;
  }

  .how_sec .img {
    text-align: center;
  }

  .bottom_bar .nav-link {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .bottom_bar {
    padding: 10px 0;
  }

  .m100 {
    margin: 50px 0;
  }

  .description {
    width: 100%;
  }

  .silde_nav img {
    width: 75px;
    height: 75px;
  }

  .cart thead tr {
    display: none;
  }

  .cart tbody tr {
    display: flex;
    flex-direction: column;
  }

  .table_common td {
    padding: 15px 20px;
  }

  .table_common td:first-child {
    padding-left: 15px;
    margin-left: 0;
  }

  .table_common td {
    padding: 8px 20px;
    margin-left: 93px;
  }

  .contact_form {
    width: 100%;
  }

  #price-view.modal.show .modal-dialog {
    min-width: 90%;
    max-height: 90%;
    margin: auto;
  }

  .close_btn {
    right: -20px;
    top: -10px;
  }

  .lookBook01 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .right_box.billing_box.p-0 {
    width: 100%;
  }

  .ship_place {
    width: 100%;
  }

  .continue_shp {
    width: 100%;
    text-align: center;
    margin: 30px auto 0;
  }

  .register_account .login_box {
    width: 90%;
    margin: auto;
  }
}

@media only screen and (max-width: 767px) {
  #categoriesContent {
    margin-bottom: 40px;
  }

  #order-shop1 {
    order: 1;
  }

  #order-shop2 {
    order: 2;
  }

  .silde_nav img {
    width: 115px;
    height: 115px;
  }

  .silde_main img {
    width: 97%;
  }

  .item_detail {
    margin-top: 40px;
  }

  .detail_alert {
    padding: 14px 10px;
  }

  .left_ship {
    margin-bottom: 24px;
    text-align: center;
  }

  .subtotal {
    width: 100%;
  }

  .login_sec {
    width: 100%;
  }

  .billing_box {
    width: 100%;
  }

  .banner img {
    width: 100%;
    margin-top: 40px;
  }

  #price-view.modal.show .modal-dialog {
    padding: 0;
  }

  .close_btn {
    right: 20px;
    top: 10px;
  }

  .edit_account {
    width: 100%;
    margin: auto;
  }

  .seacrh_box {
    padding: 20px 10px;
  }

  .payment_table {
    padding: 30px 10px 0;
  }

  .payment_method {
    width: 100%;
  }

  .add_btn a {
    width: 170px;
    font-size: 14px;
  }

  .right_box.billing_box.p-0 {
    margin-top: 25px;
  }

  .login_box {
    width: 90%;
    margin: auto;
  }
}

@media only screen and (max-width: 575px) {
  .flex-footer {
    flex-direction: column;
  }

  .left_sec.d-flex.align-items-center {
    flex-direction: column;
    text-align: center;
  }

  .footer-logo {
    width: 80%;
    margin: auto !important;
  }

  .copy-right .d-flex.align-items-center.justify-content-between,
  .top_bar.py-1 .d-flex.align-items-center.justify-content-between,
  .top_bar .d-flex.align-items-center {
    flex-direction: column;
  }

  .copy-right {
    padding: 12px 0;
  }

  .email_sec {
    padding-bottom: 10px;
  }

  .top_bar,
  .bottom_bar {
    padding: 10px 0 !important;
  }

  /* .common_shop{
        width: 60%;
        margin: auto;
    } */
  .common_shop img {
    width: 100%;
  }

  .silde_main img {
    width: 100%;
  }

  .alert.detail_alert .d-flex.align-items-center.justify-content-between {
    flex-direction: column;
    text-align: center;
  }

  .cart table a {
    display: block;
  }

  .table_common td {
    margin-left: 0px;
  }

  .table_common img {
    width: 100%;
    margin-bottom: 24px;
  }

  .cart table .d-flex {
    flex-direction: column;
  }

  .btn_cart.d-flex.align-items-center.mt-4.pt-2 {
    flex-direction: column;
  }

  .btn_cart.d-flex.align-items-center.mt-4.pt-2 a {
    margin-bottom: 24px;
    margin-right: 0 !important;
  }

  .login_sec .login_box {
    padding: 29px 20px 29px;
  }

  .drop-login:hover .hover_drop {
    left: 0;
  }

  .seacrh_box input {
    width: 170px;
  }

  .billing_box {
    padding: 25px 10px;
  }

  .right_box.billing_box.p-0 {
    padding: 25px 10px !important;
  }
}

@media only screen and (max-width: 490px) {
  .silde_nav img {
    width: 95px;
    height: 95px;
  }
}

@media only screen and (max-width: 475px) {
  .fs_50 {
    font-size: 35px;
  }

  .right_box .py-3.d-flex.align-items-start.justify-content-between {
    flex-direction: column;
  }

  .right_box .item_name .d-flex {
    flex-direction: column;
  }

  .item_name img {
    width: 100%;
    margin-bottom: 24px;
  }

  .selct_pyment .cards {
    flex-direction: column;
    height: 100px;
  }

  .selct_pyment .cards h4 {
    padding-top: 24px;
  }

  .order_wapper .nav-tabs .nav-item.show .nav-link,
  .order_wapper .nav-tabs .nav-link.active,
  .order_wapper .nav-tabs .nav-link:focus,
  .order_wapper .nav-tabs .nav-link:hover {
    border: none;
    color: var(--primary);
    padding: 10px 10px 10px 0px;
  }

  .order_wapper .nav-tabs .nav-link {
    border: none;
    padding: 10px 10px 10px 0px;
    font-size: 14px;
  }

  .banner img {
    height: 388px;
    object-fit: cover;
  }

  .py-3.d-flex.align-items-center.justify-content-between.order_summry {
    display: block !important;
  }

  h4.fs_14.fw_500.mb-0.brand_name {
    padding-bottom: 10px;
  }

  .order_wapper .nav-tabs .nav-item.show .nav-link,
  .order_wapper .nav-tabs .nav-link.active,
  .order_wapper .nav-tabs .nav-link:focus,
  .order_wapper .nav-tabs .nav-link:hover {
    border: none;
    background-color: var(--primary);
    color: #ffffff !important;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 0 15px !important;
  }

  #myorder,
  #again,
  #cancel,
  .view_order {
    padding: 30px 10px 0;
  }

  .seacrh_box {
    padding: 20px 10px;
  }
}

@media only screen and (max-width: 390px) {
  .fs_50 {
    font-size: 28px;
  }

  .fs_32 {
    font-size: 26px;
  }

  .silde_nav img {
    width: 65px;
    height: 65px;
  }

  .order_wapper .nav-tabs .nav-item.show .nav-link,
  .order_wapper .nav-tabs .nav-link.active,
  .order_wapper .nav-tabs .nav-link:focus,
  .order_wapper .nav-tabs .nav-link:hover {
    border: none;
    background-color: var(--primary);
    color: #ffffff !important;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 0 6px !important;
    margin-right: 6px !important;
    font-size: 14px;
  }

  .order_wapper .nav-tabs .nav-link {
    margin-right: 0;
  }

  .banner img {
    height: 341px;
    object-fit: cover;
  }
}

.notify-number i {
  font-size: 29px;
}

.notify-number .numbring {
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  top: -8px;
  right: -9px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: var(--primary) !important;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap"); */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
}

/*========== common css ================*/
:root {
  --primary: #017961;
  --secoundry: #000000;
  --grey: #fafafa;
}

.primary_color {
  color: var(--primary);
}

.secoundry_color {
  color: var(--secoundry);
}

.grey_color {
  color: var(--grey);
}

.m100 {
  margin: 100px 0;
}

/*=== font size ==== */
.fs_50 {
  font-size: 50px;
}

.fs_40 {
  font-size: 40px;
}

.fs_32 {
  font-size: 32px;
}

.fs_22 {
  font-size: 22px;
}

.fs_25 {
  font-size: 25px;
}

.fs_24 {
  font-size: 24px;
}

.fs_20 {
  font-size: 20px;
}

.fs_18 {
  font-size: 18px;
}

.fs_16 {
  font-size: 16px;
}

.fs_14 {
  font-size: 14px;
}

.fs_12 {
  font-size: 12px;
}

/*=== font weight ==== */
.fw_300 {
  font-weight: 300;
}

.fw_400 {
  font-weight: 400;
}

.fw_500 {
  font-weight: 500;
}

.fw_600 {
  font-weight: 600;
}

.fw_700 {
  font-weight: 700;
}

/*================ header =======================*/
.top_bar {
  background-color: var(--primary);
}

.top_bar svg {
  width: 16px;
  height: 16px;
  fill: #ffff;
}

.bottom_bar {
  box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  z-index: 9999;
}

.bottom_bar ul li a {
  border-bottom: 2px solid transparent;
}

.bottom_bar ul li:hover a {
  border-color: var(--primary);
  color: var(--primary);
}

.hover_drop .login_btn {
  padding: 10px 50px;
  background-color: var(--secoundry);
  width: fit-content;
}

.hover_drop .login_btn:hover {
  background-color: var(--primary);
}

.hover_drop {
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  border-radius: 10px;
  padding: 25px 15px 25px 15px;
  position: absolute;
  left: -50px;
  top: 80px;
  width: 230px;
  display: none;
  z-index: 9999;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
}

.hover_drop a.start-txt:hover {
  color: var(--primary);
}

.drop-login {
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
}

.drop-login:hover .hover_drop {
  display: block;
  top: 60px;
}

.cart-icon svg {
  width: 30px;
  height: 30px;
}

.bandge-cart {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary) !important;
}

.navbar-brand img {
  width: 80%;
  height: auto;
}

.hover_drop a:hover {
  color: var(--primary);
}

.fixed_header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}

.navbar-toggler-icon img {
  width: 32px;
}

/*=============banner========================*/
.banner {
  background-color: var(--primary);
  padding-top: 60px;
}

.banner a {
  background-color: var(--secoundry);
  border-radius: 0px 0px 0px 0px;
  width: 152px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
}

.banner a:hover {
  background-color: #fff;
  color: var(--secoundry) !important;
  transform: scale(0.9);
}

/* Override hover styles to maintain button color */
.banner a[style*="background-color"]:hover {
  color: #fff !important;
}

.text-wapper p {
  padding-right: 80px;
}

/*================ categories ======================*/
.categories {
  padding-top: 40px;
}

.categories .main_wapper {
  border: 2px solid var(--primary);
  border-radius: 10px;
  height: 100%;
  text-align: center;
  padding: 30px;
}

.categories .main_wapper .img {
  width: 275px;
  height: 250px;
  margin: auto;
  object-fit: cover;
}

.categories .main_wapper img {
  /* width: 70%; */
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.categories .main_wapper img:hover {
  transform: scale(0.9);
}

/* .categories .row .col-md-4:nth-child(3) .main_wapper img{
    width: 96% !important;
    margin: 15px 0;
} */
/* .up-product img{
    width: 94% !important;
    margin: 15px 0;
} */

.categories a:hover {
  color: var(--secoundry);
}

/*============= how_sec ================*/
.how_sec {
  margin-top: 80px;
  background-color: var(--grey);
  padding-top: 60px;
}

.contact_sec {
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  padding: 40px 40px 60px 40px;
  border-radius: 10px;
  /* width: 80%;
    margin: auto; */
  margin-top: 25px;
}

.how_sec img {
  width: 572px;
  height: 651px;
  object-fit: cover;
}

.contact_sec input {
  height: 48px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  padding: 3px 20px;
  border-radius: 0;
}

.contact_sec textarea {
  height: 150px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  padding: 20px 20px;
  border-radius: 0;
}

.form-control:focus {
  background-color: #fff;
  border-color: #000;
  outline: 0;
  box-shadow: none;
}

.contact_sec form {
  padding-top: 30px;
}

.contact_sec .form-control::placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
}

.form-control:focus::placeholder {
  color: #000;
}

.contact_sec button {
  background-color: var(--secoundry);
  width: 152px;
  height: 40px;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  border: none;
}

.contact_sec button:hover {
  background-color: var(--primary);
  transform: scale(0.9);
}

/* .lb01M8 .lbContent {
    z-index: 4;
    max-width: 100%;
    ;
    top: 35%;
    bottom: auto;
    left: 70px;
    right: auto;
    text-align: start;
    position: absolute;
}

.lookBook01.lb01M8.overLayAnim02 {
    position: relative;
    background: #e0f6f2;
    border-radius: 5px;
    overflow: hidden;
    text-align: right;
    margin: 0 0 24px;
    width: 100%;
    height: 340px;
}

.lookBook01.lb01M8.overLayAnim02 img {
    width: 50%;
    height: 338px;
    object-fit: contain;
    text-align: end;
    margin-left: auto;
    margin-right: 0;
    margin-top: 20px;
}

.lookBook01.lb01M8.overLayAnim02 h2 {
    width: 70%;
} */

.shop_appreal .main_wapper {
  border: none;
  text-align: center;
  border-radius: 10px;
  height: 100%;
  padding: 30px;
  background-color: #f8f8f8 !important;
}

.shop_appreal .main_wapper img {
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
}

.shop_appreal .main_wapper img:hover {
  transform: scale(0.9);
}

.shop_appreal a:hover {
  color: var(--primary);
}

/*============= footer ===============*/
.footer {
  padding: 10px 0;
  box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 10%);
}

.footer-logo {
  width: 70%;
}

.footer .social_media svg {
  width: 16px;
  height: 16px;
}

.copy-right {
  background-color: var(--primary);
  padding: 2px 0;
}

.footer a:hover {
  color: var(--primary);
}

/*================ Shop ==================*/
/* .shop {
    margin: 100px 0;
} */

.categories-sec button {
  text-align: start;
  padding: 0;
}

.categories-sec {
  background: #fff;
  border-radius: 5px;
  padding: 25px 20px 32px;
  border: 2px solid #f8f8f8 !important;
  border-radius: 10px;
}

.categories-sec .nav-pills .nav-link.active,
.categories-sec .nav-pills .show>.nav-link,
.categories-sec .nav-link:focus,
.categories-sec .nav-link:hover {
  color: #fff;
  background-color: transparent;
  color: var(--primary);
}

.apparel {
  color: #ababab;
}

.item_detail a:hover {
  color: var(--primary);
}

.common_shop .shop_item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f8f8f8 !important;
}

.common_shop img {
  transition: all 1.5s;
}

.common_shop:hover img {
  transform: scale(0.9);
  overflow: hidden;
}

.size select {
  border-color: #f8f8f8;
  background-color: transparent;
  height: 46px;
  border-radius: 0;
  background-image: linear-gradient(45deg, transparent 50%, #888 50%),
    linear-gradient(135deg, #888 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.size .form-select {
  color: #ababab;
}

.form-select:focus {
  background-image: linear-gradient(45deg, #888 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #888 50%);
  background-position: calc(100% - 15px), calc(100% - 20px),
    calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  border-color: #f8f8f8;
  box-shadow: none;
}

option:hover {
  background-color: var(--primary) !important;
}

.price.categories-sec a:hover,
.price.categories-sec span:hover {
  color: var(--primary);
}

.shop {
  min-height: calc(100vh - 510px);
  margin: 50px 0;
}

/*================ Shop Details ===================*/
.silde_nav img {
  width: 135px;
  height: 135px;
  border-radius: 5px;
  object-fit: cover;
  border: 1px solid #eee;
}

.silde_nav .slick-list.draggable {
  padding: 0 !important;
}

.silde_nav .slick-track {
  margin: 0;
}

.silde_main img {
  width: 100%;
  transition: all 1.5s;
  height: 100%;
  object-fit: cover;
}

/* .shop-details{
    margin: 100px 0;
} */
.img_up {
  width: 96%;
  overflow: hidden;
  height: 570px;
  object-fit: cover;
}

.silde_main:hover img {
  transform: scale(0.9);
  opacity: 0.7;
}

.size_select select {
  width: 213px;
  height: 48px;
  border: 2px solid #f8f8f8 !important;
  border-radius: 0;
}

.size_select h3 {
  max-width: 83px;
  width: 100%;
}

.size_select select {
  border-color: #f8f8f8;
  background-color: transparent;
  height: 46px;
  border-radius: 0;
  background-image: linear-gradient(45deg, transparent 50%, #888 50%),
    linear-gradient(135deg, #888 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.size_color .color {
  width: 24px;
  height: 24px;
  background: #222637;
  border-radius: 50%;
  box-shadow: 0 0 7px rgb(0 0 0 / 9%);
}

.colr_shop {
  margin-right: 10px;
}

.size_color .color::before {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  transform: translate(-5px, -5px);
  border: 1px solid #ccc;
  border-radius: 50%;
  display: none;
}

.size_color input {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -4px;
  opacity: 0;
}

.color.color_grey {
  background-color: #a4a6a9;
}

.color.color_red {
  background-color: #b41926;
}

.color.color_white {
  background-color: #fefefe;
}

.size_color .form-check-input:checked[type="radio"]+.color::before {
  display: block;
}

.custom_name input {
  background: transparent !important;
  border: 2px solid #f8f8f8 !important;
  margin-top: 20px;
  border-radius: 0;
  height: 48px;
}

span.removecartoffline {
  cursor: pointer;
}

.add_cart {
  width: 158px;
  height: 40px;
  background-color: var(--secoundry);
  margin-top: 30px;
  transition: all 0.5s;
  border: none;
  border-radius: 0;
}

.add_cart:hover {
  transform: scale(0.9);
  background-color: var(--primary);
}

.description {
  width: 80%;
}

.detail_alert {
  background-color: var(--primary);
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 14px 30px;
}

.detail_alert a {
  position: relative;
}

.detail_alert a::after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #ddd;
}

.detail_alert a:hover::after {
  width: 100%;
}

/* .img.slick-slide.slick-current.slick-center img {
  border-color: var(--primary) !important;
} */

.silde_nav img:hover {
  opacity: 0.7;
  border-color: var(--primary);
}

/*================= Cart ===================*/
/* .cart{
    margin: 100px 0;
} */
.table_common img {
  /* border: 1px solid #eee; */
  border-radius: 5px;
  width: 80px;
}

.table_common input {
  border: 2px solid #f8f8f8 !important;
  padding: 2px 10px 2px 10px;
  min-height: 48px;
  border-radius: 0;
  text-align: center;
}

.table_common tbody tr {
  vertical-align: middle;
}

.remove_td:hover {
  color: var(--primary);
  position: relative;
}

.remove_td:hover::after {
  width: 100%;
}

.remove_td::after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #ddd;
}

.table_common a:hover {
  color: var(--primary);
}

.table_common th {
  padding: 20px 20px;
}

.table_common td {
  padding: 20px 20px;
}

.table_common tbody tr {
  border-bottom: 2px solid #f8f8f8;
}

.table_common .table-responsive {
  border: 2px solid #f8f8f8;
  background: #fff;
  box-shadow: 0 0 5px #f8f8f8;
  border-radius: 6px;
  padding: 30px 30px 0;
}

.table_common .table-responsive thead tr {
  border-bottom: 2px solid transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 60px;
  background: #f8f8f8;
}

.table_common tbody tr:last-child {
  border-bottom: 2px solid transparent;
}

.table_common th:first-child {
  padding-left: 30px;
}

.table_common td:first-child {
  padding-left: 30px;
}

.continue_shop {
  width: 212px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  transition: all 0.5s;
}

.continue_shop:hover {
  background-color: var(--secoundry);
}

.clear_shop {
  color: #9b9b9b;
}

.clear_shop:hover {
  color: var(--secoundry) !important;
}

.view_price {
  width: 197px;
  height: 40px;
  border: none;
  background-color: var(--secoundry);
  transition: all 0.5s;
}

.view_price:hover {
  background-color: var(--primary);
}

.shipping_price {
  margin-top: 40px;
  padding-top: 30px;
  /* border-top: 1px solid #eee; */
}

.subtotal {
  background: transparent !important;
  border-radius: 10px !important;
  padding: 25px 30px 40px;
  border: 2px solid #f8f8f8;
  width: 90%;
  margin-left: auto;
  box-shadow: 0 0 5px #f8f8f8;
}

.sub_div {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.sub_div:last-of-type {
  border-bottom: none;
}

.checout_btn {
  height: 40px;
  background-color: var(--secoundry);
  border: none;
  width: 100%;
  margin-top: 26px;
  transition: all 0.5s;
}

.checout_btn:hover {
  background-color: var(--primary);
  transform: scale(0.9);
}

#price-view.modal.show .modal-dialog {
  box-sizing: border-box;
  min-width: 756px;
  max-height: 843px;
  max-width: 626px;
  border-radius: 7px;
  padding: 30px;
  width: 281.891px;
  background-color: rgb(255, 255, 255);
  border: none;
  box-shadow: #646161 0 0 8px 3px !important;
}

#price-view tr {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

#price-view tr td {
  height: 52px;
  vertical-align: middle;
  text-align: start;
  padding-left: 10px;
}

#price-view tr th {
  height: 32px;
  vertical-align: middle;
  text-align: start;
  padding-left: 10px;
}

#price-view .modal-content {
  border: none;
  height: 485px !important;
  overflow-y: scroll !important;
}

#price-view tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.01);
}

.close_btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 0;
  border: none;
  position: absolute;
  right: -10px;
  top: -20px;
  background-color: transparent;
  color: #000;
  font-size: 30px;
}

.close_btn:focus {
  box-shadow: none;
}

#price-view {
  top: 120px;
}

/*================= checkout =====================*/
.checkout .form-control {
  background: #f5f5f5;
  border-color: #f5f5f5;
  height: 48px;
  border-radius: 0;
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
}

.checkout .form-select {
  border: 2px solid #f5f5f5 !important;
  background-color: #f5f5f5;
  height: 48px;
  border-radius: 0;
  color: #ababab;
  font-size: 14px;
  background-image: linear-gradient(45deg, transparent 50%, #888 50%),
    linear-gradient(135deg, #888 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  font-weight: 400;
}

.checkout .form-control:focus,
.checkout .form-select:focus {
  color: var(--secoundry);
  border-color: var(--secoundry);
  background-color: #fff;
  box-shadow: 0 2px 20px rgb(0 0 0 / 5%);
}

.form-select:focus {
  background-image: linear-gradient(45deg, #888 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #888 50%);
  background-position: calc(100% - 15px), calc(100% - 20px),
    calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
}

.selct_pyment {
  margin-top: 50px;
}

.selct_pyment img {
  width: 43px;
  height: 26px;
}

.selct_pyment .cards {
  background: #fff;
  border: 1px solid #f8f8f8 !important;
  color: #000 !important;
  border-radius: 0;
  padding: 13px 20px;
  height: 80px;
  margin-bottom: 20px;
}

/* 
.card_detail .card_number {
    width: 68%;

} */

.card_detail input[type="text"] {
  background: transparent !important;
  font-size: 18px !important;
  border: none;
  color: #32325d !important;
}

.card_detail input[type="text"]:focus {
  color: var(--secoundry);
  border-color: var(--secoundry);
  background-color: #fff;
  box-shadow: none !important;
}

.card_detail img {
  width: 21px;
  filter: grayscale(1);
}

#basic-addon1 {
  background-color: transparent;
  border: none;
  padding: 0;
}

.saved_card .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
}

.card_detail {
  margin-bottom: 60px;
}

/* .terms_div {
    border-top: 1px solid #eee;
    padding-top: 30px;
} */
.btn-primary {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.place-order {
  width: 178px;
  height: 40px;
  border-radius: 0;
  background-color: var(--secoundry);
  margin-top: 40px;
  border: none;
  transition: all 0.5s;
}

.place-order:hover {
  transform: scale(0.9);
  background-color: var(--primary);
}

.item_name img {
  width: 80px;
  border-radius: 5px;
}

.brand_name {
  width: 86%;
}

/* .subtoal_check {
    border-top: 2px solid #f8f8f8 !important;
} */

.checkout_detail {
  padding: 12px 0;
}

.checkout .right_box {
  border: 2px solid #f8f8f8 !important;
  background-color: #fff !important;
  border-radius: 10px;
  padding: 30px;
}

/*============== contact us =======================*/
.contact_form input {
  height: 48px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  padding: 3px 20px;
  border-radius: 0;
}

.contact_form textarea {
  height: 150px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  padding: 20px 20px;
  border-radius: 0;
}

/* 
.contact_form form {
    padding-top: 30px;
} */

.contact_form .form-control::placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
}

.form-control:focus::placeholder {
  color: #000;
}

.contact_form button {
  background-color: var(--secoundry);
  width: 155px;
  height: 40px;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  border: none;
}

.contact_form button:hover {
  background-color: var(--primary);
  transform: scale(0.9);
}

.contact_form {
  width: 55%;
  margin: auto;
}

/*================= my account =====================*/
.card_box {
  border: 2px solid #f8f8f8 !important;
  padding: 40px 20px 40px 20px;
  border-radius: 10px;
  box-shadow: 0 0 5px #f8f8f8;
}

.card_box .card_text a:hover {
  color: var(--secoundry);
}

section.m100.account {
  min-height: calc(100vh - 410px);
}

/*================ my order =========================*/
.order_wapper .nav-tabs {
  border-bottom: none;
  padding-bottom: 0px;
  text-align: center;
  justify-content: start;
  margin-bottom: 0 !important;
  border-radius: 0;
  background-color: transparent;
  margin-left: 10px;
}

.order_wapper .nav-tabs .nav-item.show .nav-link,
.order_wapper .nav-tabs .nav-link.active,
.order_wapper .nav-tabs .nav-link:focus,
.order_wapper .nav-tabs .nav-link:hover {
  border: none;
  background-color: var(--primary);
  color: #ffffff;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}

.seacrh_box {
  padding: 20px 30px;
}

.seacrh_box input {
  border-radius: 0px;
  height: 45px;
  padding-left: 20px;
  border: none;
}

.order_wapper .nav-tabs .nav-link {
  margin: 0 20px 0 0;
  height: 44px;
  border: none;
  /* background-color: #f8f8f8; */
  border-bottom: 2px solid #01796100;
  border-radius: 0;
}

.order_wapper .nav-tabs .nav-item:last-child .nav-link {
  margin: 0;
}

.button_order a {
  background-color: var(--secoundry);
  padding: 10px 29px;
  transition: all 0.5s;
}

.button_order a:hover {
  transform: scale(0.9);
  background-color: var(--primary);
}

.order_wapper tbody tr {
  height: 61px;
  vertical-align: middle;
  /* text-align: center; */
}

.order_wapper thead tr {
  vertical-align: middle;
  /* text-align: center; */
  height: 40px;
}

.order_wapper tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.01);
}

.order_wapper tr {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* .order_view {
    height: calc(100vh - 410px);
} */

/*============== login ==============*/
/* .login_sec .login_box {
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 29px 50px 48px;
    background-image: url(../img/bg-pattern-2.png);
    background-size: cover;
} */
.login_box {
  padding: 30px;
  background-color: #fff;
  border-radius: 15px;
  width: 50%;
  margin: auto;
}

.form-control {
  background: #f8f8f8;
}

/* .right_login{
    width: 100%;
    height: 100%;
    background-color: rgba(1, 121, 97, 0.2);
    border-radius: 15px 0px 0px 15px;
    display: flex;
    background-image: url(../img/login_mainpattern.png);
    align-items: end;
    background-size: cover;
    background-repeat: no-repeat;
} */
.right_login img {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  object-fit: cover;
  padding: 10px;
  border-radius: 20px;
}

/* .login_wapper{
    background-color: #fff;
    border-radius: 15px;
} */
.login_sec {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  min-height: 100vh;
  justify-content: center;
  background-color: var(--primary);
}

.register_acc {
  width: 70%;
  margin: auto;
  display: flex;
  align-items: center;
  min-height: 100vh;
  justify-content: center;
}

.register_acc .login_box {
  padding: 20px 30px;
}

.register_acc .login_box {
  width: 60%;
}

.forgot_sec .login_box {
  width: 50%;
}

.register_acc .right_login img {
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
  height: 100%;
}

.login_sec input[type="email"],
.login_sec input[type="password"],
.login_sec input[type="text"],
.form-select {
  border: 1px solid #f8f8f8;
  height: 48px;
  border-radius: 0;
  background-color: #f8f8f8;
}

.login_logo img {
  width: 125px;
  height: 55px;
  object-fit: contain;
}

.login_sec input[type="email"]:focus,
.login_sec input[type="password"]:focus,
.login_sec input[type="text"]:focus,
.form-select:focus {
  border: 1px solid var(--secoundry);
}

.login_sec .email_label {
  color: #696969;
  margin-bottom: 8px;
}

.login_sec .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.login_sec .form-check-input:focus {
  box-shadow: none;
  border-color: var(--primary);
}

.login_sec input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

.login_sec .login_btn {
  width: 100%;
  background-color: var(--secoundry);
  height: 40px;
  border: none;
  transition: all 0.5s;
}

.login_sec .login_btn:hover {
  transform: scale(0.9);
  background: var(--primary);
}

.forgot a {
  position: relative;
}

.forgot a:hover {
  color: var(--primary);
}

.forgot a::after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #ddd;
}

.forgot a:hover::after {
  width: 100%;
}

.create-btn {
  width: 209px;
  background-color: var(--secoundry);
  height: 40px;
  border: none;
  margin-top: 30px;
  transition: all 0.5s;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.create-btn:hover {
  transform: scale(0.9);
  background: var(--primary);
}

.forgot_sec {
  width: 60%;
}

.notification_table td {
  min-height: 50px;
  height: 100% !important;
}

.notification_table tr {
  border-bottom: 5px solid #fff !important;
}

.login_sec input[type="text"],
.form-select {
  font-size: 14px;
  font-weight: 400;
  color: #ababab;
}

.login_sec input[type="text"]::placeholder {
  color: #ababab;
}

.login_create:hover {
  color: var(--primary);
}

/*================= billing ======================*/
.billing_box {
  background: transparent !important;
  border-radius: 10px !important;
  padding: 25px 30px;
  border: 2px solid #f8f8f8;
  width: 40%;
  margin: auto;
}

.edit_address {
  background-color: var(--secoundry);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 140px;
  transition: all 0.5s;
}

.edit_address:hover {
  background: var(--primary);
  transform: scale(0.9);
}

/*================= trems&condtion =========================*/
.terms_condition ul {
  padding: 0 20px;
}

.terms_condition ul li::marker {
  vertical-align: middle;
}

/*=================== payment ============================*/
.add_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background-color: var(--secoundry);
  width: 210px;
}

.add_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background-color: var(--secoundry);
  width: 250px;
  margin-top: 24px;
}

.add_card {
  box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  padding: 11px;
  border-radius: 5px;
  margin-bottom: 0;
}

/* 
.main_wapper img{
    width: 100%;
    height: 190px;
    object-fit: cover;
} */
.saved-card .input-group {
  border: 1px solid #f8f8f8 !important;
  padding: 14px;
  border-radius: 5px;
}

.saved-card input {
  width: 18px;
  margin-right: 10px;
  height: 18px;
  border-radius: 50% !important;
}

.form-check-input:checked {
  background: var(--primary);
  border-color: var(--primary);
}

.cancel-img {
  width: 60px;
}

.yes_btn,
.no_btn {
  background-color: var(--secoundry);
  padding: 10px 49px;
  transition: all 0.5s;
  margin-top: 20px;
}

.cancel-text {
  width: 60%;
  margin: auto;
}

.cancel_modal {
  padding: 40px 10px;
}

.shop_item img {
  width: 306px;
  height: 306px;
  object-fit: contain;
}

.pDetail .slick-dots li button:before
{
    font-size: 45px !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--secoundry);
  border-color: var(--secoundry);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--secoundry);
  border-color: var(--secoundry);
}

.adad {
  color: var(--primary);
  font-weight: 600;
}

/* .up-product img{
    width: 70%;
    height: auto;
    object-fit: unset;
} */
/* .bottom-up-footer{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
} */
.deault-size {
  height: 48px !important;
  background-color: #f8f8f8 !important;
  border: 1px solid #f8f8f8;
  padding: 3px 20px;
  border-radius: 0;
  margin-bottom: 20px;
}

.crumb-contact {
  padding: 60px 0px 60px 0px;
  background-color: var(--primary);
}

.crumb-contact h2 {
  padding: 15px;
}

.m-top {
  margin-top: 100px;
}

.login_sec input[type="password"],
.form-select {
  font-size: 14px;
  font-weight: 400;
  color: #ababab !important;
}

/* .cart  table{
    text-align: center;
    border: none;
    border-radius: 0;
}
.cart .table_common .table-responsive{
    border: none;
    border-radius: 0;
}

.cart thead tr , #myorder thead tr , #again thead tr , #cancel thead tr{
    background-color: #e0f6f2;
   border-radius: 0;
   border: none;
   border-bottom:  2px solid #f8f8f8;
}
#myorder .table-bordered>:not(caption)>*>* ,#again .table-bordered>:not(caption)>*>* ,#cancel .table-bordered>:not(caption)>*>*{
    border-width: 0;
}
#myorder tbody tr , #again tbody tr , #cancel tbody tr{
    border-bottom:2px solid #f8f8f8 ;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 80px;
}
.order_wapper tbody tr:nth-child(even){
    background-color: transparent;
}
#myorder thead tr , #again thead tr, #cancel thead tr{
    height: 60px;
}
#myorder tbody td , #again tbody td , #cancel tbody td{
    height: 80px;
    align-items: center;
} */
.banner img {
  width: 636px;
  height: 636px;
  object-fit: contain;
}

.thnku {
  height: 300px;
  background-color: var(--primary);
  width: 100% !important;
}

.thnku .img_correct svg {
  width: 70px;
  height: 70px;
  margin-right: 0;
  margin-bottom: 20px;
}

.right_box.billing_box {
  width: 100%;
  border: none;
}

.right_box.billing_box .ship_order {
  /* border-bottom: 2px solid #f8f8f8; */
  padding-bottom: 20px;
  width: fit-content;
  position: relative;
}

/* .right_box.billing_box .ship_order::after {
    content: '';
    width: 90px;
    height: 6px;
    background: #017961;
    display: block;
    position: absolute;
    bottom: -6px;
} */

.border_sec {
  /* border-top: 2px solid #f8f8f8; */
  border-bottom: 2px solid #f8f8f8;
}

.billing_sec {
  width: 100%;
  /* background-color: #e0f6f2!important;
    border: none; */
}

span.status_success {
  color: var(--primary);
  padding: 6px 15px;
  border-radius: 7px;
}

span.status_cancel {
  color: #790117;
  padding: 6px 15px;
  border-radius: 7px;
}

span.status_pending {
  color: #ff9800;
  padding: 6px 15px;
  border-radius: 7px;
}

.edit_account {
  width: 50%;
  margin: auto;
}

#myTabContent,
.table_view {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 12px #f8f8f8;
  border: 2px solid #f8f8f8;
}

#myorder .table-bordered> :not(caption)>*>*,
#again .table-bordered> :not(caption)>*>*,
#cancel .table-bordered> :not(caption)>*>*,
.order_view .table-bordered> :not(caption)>*>* {
  border-width: 0;
}

#myorder tbody tr,
#again tbody tr,
#cancel tbody tr,
.order_view tbody tr {
  border-bottom: 2px solid #f8f8f8;
  border-top: none;
  border-left: none;
  border-right: none;
}

#myorder tbody tr:last-child,
#again tbody tr:last-child,
#cancel tbody tr:last-child,
.order_view tbody tr:last-child {
  border-bottom: 0px solid transparent;
}

#myorder thead tr,
#again thead tr,
#cancel thead tr,
.order_view thead tr {
  border-bottom: 2px solid transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 60px;
  background: #f8f8f8;
}

.order_wapper tbody tr:nth-child(even) {
  background-color: transparent;
}

#myorder tbody td,
#again tbody td,
#cancel tbody td,
.order_view tbody td {
  align-items: center;
  height: 100px;
}

.drop-login p span {
  text-transform: capitalize;
}

.drop-login p .text_cap {
  text-transform: capitalize;
}

.order_view {
  min-height: calc(100vh - 410px);
}

.main_billing {
  min-height: calc(100vh - 410px);
}

.main_billing .billing_box {
  background-color: #fff !important;
  border-radius: 6px;
  border: 2px solid #f8f8f8;
  box-shadow: 0 0 5px #f8f8f8;
}

.payment_method {
  width: 80%;
  margin: auto;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 12px #f8f8f8;
  border: 2px solid #f8f8f8;
}

.product_image {
  width: 70px;
  margin-right: 10px;
}

#myorder tbody tr td:first-child,
#again tbody tr td:first-child,
#cancel tbody tr td:first-child,
.order_view tbody tr td:first-child {
  padding-left: 30px;
}

#myorder thead tr th:first-child,
#again thead tr th:first-child,
#cancel thead tr th:first-child,
.order_view thead tr th:first-child {
  padding-left: 30px;
}

.order_header {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 12px #f8f8f8;
  border: 2px solid #f8f8f8;
}

#myorder,
#again,
#cancel,
.view_order {
  padding: 30px 30px 0;
}

/* .order_head {
    border-bottom: 2px solid #f8f8f8;
} */

#myorder tbody::before,
#again tbody::before,
#cancel tbody::before,
.order_view tbody::before {
  line-height: 1em;
  content: ".";
  color: white;
  display: block;
}

.seacrh_box button {
  background-color: var(--secoundry);
  border-radius: 0px 0px 0px 0px;
  width: 152px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  color: #fff;
  border: none;
}

.seacrh_box button:hover {
  background-color: var(--primary);
}

.payment_table {
  padding: 30px 30px 0;
}

.border-none {
  border-top: none !important;
}

.fiste_name {
  text-transform: capitalize !important;
}

/* #decrement {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #ced4da;
    color: #ced4da;
}

#decrement:hover {
    background-color: var(--primary);
    border-color: transparent;
    color: #fff;
}

#increment {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #ced4da;
    color: #ced4da;
}

#increment:hover {
    background-color: var(--primary);
    border-color: transparent;
    color: #fff;
} */

/* #increment:hover i {
    color: #fff;
}

#decrement:hover i {
    color: #fff;
} */

/* .form-control[readonly] {
    background-color: transparent;
} */

.input_increment {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.input_increment input {
  border: none !important;
  height: 30px;
  padding: 0;
  width: 30px;
  border-radius: 50%;
  min-height: 30px;
  background-color: transparent !important;
  min-width: 30px;
  text-align: center;
}

/* .item_detail a,
.item_name h4 {
  text-transform: lowercase;
} */

/* .item_detail a::first-letter,
.item_name h4::first-letter {
  text-transform: capitalize;
} */

#newData .img {
  width: 242px;
  height: 242px;
  object-fit: cover;
}

#newData .img img {
  width: 100%;
  height: 100%;
}

.order_summry {
  border-bottom: 2px solid #f8f8f8;
}

.thnk_text p {
  text-transform: lowercase;
}

.thnk_text p::first-letter {
  text-transform: capitalize;
}

.cuppon_code {
  border: 2px solid #f8f8f8 !important;
  padding: 20px;
  border-radius: 10px;
}

.input_cupon button {
  width: 178px;
  height: 40px;
  border-radius: 0;
  background-color: var(--secoundry);
  margin-top: 20px;
  border: none;
  transition: all 0.5s;
  color: #fff;
}

.thnku {
  width: 40%;
  margin: 0 auto 45px !important;
}

.billing_box.billing_sec {
  box-shadow: 0 0 5px #f8f8f8;
}

.ship_place {
  width: 60%;
  margin-left: auto !important;
  margin-right: 0;
}

.shop_pagination a {
  padding: 10px 20px;
}

.shop_pagination li {
  background: #f8f8f8;
  padding: 5px 0;
  margin: 0 10px;
}

.shop_pagination li.active {
  background-color: var(--primary);
}

.shop_pagination li.active a {
  color: #fff;
}

.product_inc {
  margin-right: 13px;
}

.right_box.billing_box.p-0 {
  box-shadow: 0 0 5px #f8f8f8;
  background: #fff;
  border: 2px solid #f8f8f8 !important;
  padding: 25px 30px !important;
  width: 80%;
  margin-right: auto;
  margin-left: 0;
}

.table_order {
  width: 110px;
  height: 40px;
  background-color: #000;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.img_search {
  position: absolute;
  right: 16px;
  top: 10px;
}

.product_total {
  border-bottom: 1px solid #f8f8f8;
  padding: 12px 0;
}

.product_total:last-child {
  border-bottom: none;
}

#Cancel-order svg path {
  fill: var(--primary);
}

#Cancel-order .modal-dialog {
  min-height: calc(100vh - 57px);
  display: flex;
  align-items: center;
}

.continue_shp {
  width: 10%;
  text-align: center;
  margin: 30px auto 0;
}

.lookBook01 img {
  width: 100%;
  height: 373px;
  object-fit: cover;
}

.my_account .card_box {
  padding: 30px 20px 30px 20px;
}

.my_account .card_box svg path {
  fill: var(--primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: capitalize;
}

/* Override for banner title - must display exactly as in database */
.banner h3,
.banner h4,
.banner h5,
.banner h6,
.banner .text-wapper h3,
.banner .text-wapper h4,
.banner .text-wapper h5,
.banner .text-wapper h6 {
  text-transform: none !important;
}

table th,
button {
  text-transform: capitalize;
}

/* label{
    text-transform: capitalize;
} */

input[type="email"]::placeholder {
  text-transform: capitalize !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #ababab !important;
}

input[type="email"] {
  text-transform: lowercase !important;
}

/*============= Responsive ===========================*/

@media only screen and (max-width: 1400px) {
  .contact_sec {
    margin-top: 0;
  }

  .img_up {
    width: 100%;
  }

  .silde_nav img {
    width: 125px;
    height: 125px;
  }

  .order_wapper table {
    white-space: nowrap;
  }

  .lookBook01 img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
}

@media only screen and (max-width: 1200px) {
  .fs_50 {
    font-size: 43px;
  }

  .how_sec img {
    width: 572px;
    height: 491px;
    object-fit: cover;
  }

  .silde_nav img {
    width: 105px;
    height: 105px;
  }

  .banner {
    padding-top: 30px;
  }

  .contact_sec {
    padding: 25px;
    margin-bottom: 40px;
  }

  .contact_sec .fs_32 {
    font-size: 28px;
  }

  .contact_sec textarea {
    height: 100px;
  }

  /* .card_detail .card_number {
        width: 48%;
    } */

  .contact_form {
    width: 85%;
  }

  section.m100.account {
    height: auto;
  }

  .banner img {
    width: 636px;
    height: 500px;
    object-fit: cover;
  }

  .categories .main_wapper .img {
    width: 205px;
    height: 170px;
  }

  .lookBook01 img {
    width: 100%;
    height: 270px;
    object-fit: cover;
  }

  #newData .img {
    width: 100%;
    height: 152px;
    object-fit: cover;
  }
}

@media only screen and (max-width: 991px) {
  .text-wapper p {
    padding-right: 0px;
  }

  .banner a {
    margin: auto;
  }

  .banner {
    padding-top: 70px;
  }

  .banner img {
    width: 70%;
    margin-top: 40px;
  }

  .banner .img {
    text-align: center;
  }

  .categories .main_wapper {
    padding: 30px 20px;
  }

  #order1 {
    order: 1;
  }

  #order2 {
    order: 2;
  }

  .how_sec img {
    width: 432px;
    height: 471px;
    object-fit: cover;
  }

  .how_sec .img {
    text-align: center;
  }

  .bottom_bar .nav-link {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .bottom_bar {
    padding: 10px 0;
  }

  .m100 {
    margin: 50px 0;
  }

  .description {
    width: 100%;
  }

  .silde_nav img {
    width: 75px;
    height: 75px;
  }

  .cart thead tr {
    display: none;
  }

  .cart tbody tr {
    display: flex;
    flex-direction: column;
  }

  .table_common td {
    padding: 15px 20px;
  }

  .table_common td:first-child {
    padding-left: 15px;
    margin-left: 0;
  }

  .table_common td {
    padding: 8px 20px;
    margin-left: 93px;
  }

  .contact_form {
    width: 100%;
  }

  #price-view.modal.show .modal-dialog {
    min-width: 90%;
    max-height: 90%;
    margin: auto;
  }

  .close_btn {
    right: -20px;
    top: -10px;
  }

  .lookBook01 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .right_box.billing_box.p-0 {
    width: 100%;
  }

  .ship_place {
    width: 100%;
  }

  .continue_shp {
    width: 100%;
    text-align: center;
    margin: 30px auto 0;
  }

  .register_account .login_box {
    width: 90%;
    margin: auto;
  }
}

@media only screen and (max-width: 767px) {
  #categoriesContent {
    margin-bottom: 40px;
  }

  #order-shop1 {
    order: 1;
  }

  #order-shop2 {
    order: 2;
  }

  .silde_nav img {
    width: 115px;
    height: 115px;
  }

  .silde_main img {
    width: 97%;
  }

  .item_detail {
    margin-top: 40px;
  }

  .detail_alert {
    padding: 14px 10px;
  }

  .left_ship {
    margin-bottom: 24px;
    text-align: center;
  }

  .subtotal {
    width: 100%;
  }

  .login_sec {
    width: 100%;
  }

  .billing_box {
    width: 100%;
  }

  .banner img {
    width: 100%;
    margin-top: 40px;
  }

  #price-view.modal.show .modal-dialog {
    padding: 0;
  }

  .close_btn {
    right: 20px;
    top: 10px;
  }

  .edit_account {
    width: 100%;
    margin: auto;
  }

  .seacrh_box {
    padding: 20px 10px;
  }

  .payment_table {
    padding: 30px 10px 0;
  }

  .payment_method {
    width: 100%;
  }

  .add_btn a {
    width: 170px;
    font-size: 14px;
  }

  .right_box.billing_box.p-0 {
    margin-top: 25px;
  }

  .login_box {
    width: 90%;
    margin: auto;
  }
}

@media only screen and (max-width: 575px) {
  .flex-footer {
    flex-direction: column;
  }

  .left_sec.d-flex.align-items-center {
    flex-direction: column;
    text-align: center;
  }

  .footer-logo {
    width: 80%;
    margin: auto !important;
  }

  .copy-right .d-flex.align-items-center.justify-content-between,
  .top_bar.py-1 .d-flex.align-items-center.justify-content-between,
  .top_bar .d-flex.align-items-center {
    flex-direction: column;
  }

  .copy-right {
    padding: 12px 0;
  }

  .email_sec {
    padding-bottom: 10px;
  }

  .top_bar,
  .bottom_bar {
    padding: 10px 0 !important;
  }

  /* .common_shop{
        width: 60%;
        margin: auto;
    } */
  .common_shop img {
    width: 100%;
  }

  .silde_main img {
    width: 100%;
  }

  .alert.detail_alert .d-flex.align-items-center.justify-content-between {
    flex-direction: column;
    text-align: center;
  }

  .cart table a {
    display: block;
  }

  .table_common td {
    margin-left: 0px;
  }

  .table_common img {
    width: 100%;
    margin-bottom: 24px;
  }

  .cart table .d-flex {
    flex-direction: column;
  }

  .btn_cart.d-flex.align-items-center.mt-4.pt-2 {
    flex-direction: column;
  }

  .btn_cart.d-flex.align-items-center.mt-4.pt-2 a {
    margin-bottom: 24px;
    margin-right: 0 !important;
  }

  .login_sec .login_box {
    padding: 29px 20px 29px;
  }

  .drop-login:hover .hover_drop {
    left: 0;
  }

  .seacrh_box input {
    width: 170px;
  }

  .billing_box {
    padding: 25px 10px;
  }

  .right_box.billing_box.p-0 {
    padding: 25px 10px !important;
  }
}

@media only screen and (max-width: 490px) {
  .silde_nav img {
    width: 95px;
    height: 95px;
  }
}

@media only screen and (max-width: 475px) {
  .fs_50 {
    font-size: 35px;
  }

  .right_box .py-3.d-flex.align-items-start.justify-content-between {
    flex-direction: column;
  }

  .right_box .item_name .d-flex {
    flex-direction: column;
    justify-content: start;
    text-align: start;
    align-items: start !important;
  }

  .item_name img {
    width: 100%;
    margin-bottom: 24px;
  }

  .selct_pyment .cards {
    flex-direction: column;
    height: 100px;
  }

  .selct_pyment .cards h4 {
    padding-top: 24px;
  }

  .order_wapper .nav-tabs .nav-item.show .nav-link,
  .order_wapper .nav-tabs .nav-link.active,
  .order_wapper .nav-tabs .nav-link:focus,
  .order_wapper .nav-tabs .nav-link:hover {
    border: none;
    color: var(--primary);
    padding: 10px 10px 10px 0px;
  }

  .order_wapper .nav-tabs .nav-link {
    border: none;
    padding: 10px 10px 10px 0px;
    font-size: 14px;
  }

  .banner img {
    height: 388px;
    object-fit: cover;
  }

  .py-3.d-flex.align-items-center.justify-content-between.order_summry {
    display: block !important;
  }

  h4.fs_14.fw_500.mb-0.brand_name {
    padding-bottom: 10px;
  }

  .order_wapper .nav-tabs .nav-item.show .nav-link,
  .order_wapper .nav-tabs .nav-link.active,
  .order_wapper .nav-tabs .nav-link:focus,
  .order_wapper .nav-tabs .nav-link:hover {
    border: none;
    background-color: var(--primary);
    color: #ffffff !important;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 0 15px !important;
  }

  #myorder,
  #again,
  #cancel,
  .view_order {
    padding: 30px 10px 0;
  }

  .seacrh_box {
    padding: 20px 10px;
  }
}

@media only screen and (max-width: 390px) {
  .fs_50 {
    font-size: 28px;
  }

  .fs_32 {
    font-size: 26px;
  }

  .silde_nav img {
    width: 65px;
    height: 65px;
  }

  .order_wapper .nav-tabs .nav-item.show .nav-link,
  .order_wapper .nav-tabs .nav-link.active,
  .order_wapper .nav-tabs .nav-link:focus,
  .order_wapper .nav-tabs .nav-link:hover {
    border: none;
    background-color: var(--primary);
    color: #ffffff !important;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 0 6px !important;
    margin-right: 6px !important;
    font-size: 14px;
  }

  .order_wapper .nav-tabs .nav-link {
    margin-right: 0;
  }

  .banner img {
    height: 341px;
    object-fit: cover;
  }
}

.notify-number i {
  font-size: 29px;
}

.updcount.bell-notify-option {
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: -6px;
  right: -7px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: var(--primary) !important;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_drop {
  width: 11px;
  height: 11px;
  margin-left: 10px;
}

.return_text {
  background-color: var(--secoundry);
  border-radius: 0px 0px 0px 0px;
  width: 152px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  margin: auto;
}

section.empty-cart.m100.text-center {
  min-height: calc(100vh - 410px);
}

.empty_common {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: calc(100vh - 410px);
}

.tablist-ul a:hover {
  color: var(--primary);
}

.form-select {
  display: block !important;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
  -moz-padding-start: calc(0.75rem - 3px) !important;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5 !important;
  color: #ababab !important;
  background-image: url(../img/down.png) !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 22px 22px !important;
  border-radius: 0.25rem !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.form-select:focus {
  display: block;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529 !important;
  background-color: #f8f8f8 !important;
  background-image: url(../img/down.png) !important;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 22px 22px !important;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.price_grand h6 {
  position: absolute;
}
.outfit-product .number input{
  width: 100%;
}
.city-selecet select{
  width: 100%;
}