@font-face {
    font-family: 'number font';
    src: url(../fonts/Sahel-Black-FD.woff);
}

@font-face {
  font-family: 'english font';
  src: url(../fonts/MyriadPro-Light.otf);
}

.brand-text-mobile {
    color: white;
}

.logo-header {
  height: auto; width: 100%;
}


.line-nav {
    margin-right: 70px;
}

@media screen and (max-width: 767px) {
    .mobile_products {
        font-size: 14px;
    }

    .product-image-height {
        height: 200px;
        object-fit: cover;
    }
}

@media screen and (min-width: 768px) {
    .product-image-height {
        height: 200px;
        object-fit: cover;
    }

    .mobile_products {
        font-size: 18px;
    }

    .number-font {
        font-size: 15px;
    }

}

.number-font {
    font-family: number font;
}

.footer-copy-right {
    font-size: 15px;
    color: white !important;
}

/* slide show css code */

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.slide-prev, .slide-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 25px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.slide-next:hover, .slide-prev:hover {
  color: #397459;
}

/* Position the "next button" to the right */
.slide-next {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 12px;
  width: 12px;
  margin-top: 8px;
  margin-bottom: 15px;
  background-color: #A9B396;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.slide-active, .dot:hover {
  background-color: #397459;
}

/* Fading animation */
.slide-fade {
  -webkit-animation-name: slide-fade;
  -webkit-animation-duration: 1.5s;
  animation-name: slide-fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes slide-fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes slide-fade {
  from {opacity: .4}
  to {opacity: 1}
}

@media screen and (max-width: 767px) {
    .slider-image {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }
}

@media screen and (min-width: 768px) {
    .slider-image {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }    
}


.height_header_1 {
  margin-top: 60px;
}

.height_header_2 {
  margin-top: 40px;
}

.footer-background {
  background-color: #0e0e0e;
}

.instagram-logo {
  width: 45px;
  height: 45px;
  margin-left: 5px;
}

.wattsapp-logo {
  width: 45px;
  height: 45px;
  margin-left: 5px;
}

.logo-white {
  height: 150px;
}

.sign-up-button {
  color: #397459;
  font-size: 16px;
  font-weight: 300px;
}

.sign-in-error {
  color: red;
}

.login_token_tag a {
  display: inline;
  font-weight: 600;
  height: 25px;
  line-height: 26px;
  padding: 0 5px;
  background: #f2f1f3;
  text-transform: capitalize;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: number font;
  float: left;
}

.login_token_tag a:hover {
  background: #397459;
  color: #ffffff;
}

.input-token-title {
  float: right;
}

.hover-text-icon {
  background-color: #0e0e0e;
  color: white;
  position: absolute;
  display: none;
  font-size: 12px;
  /* margin-top: 10px; */
  padding: 0px 6px;
  border-radius: 10%;
}

/*-----------------------------------------------------------*/

    .value-button {
      display: inline-block;
      border: 1px solid #397459;
      margin: 0px;
      width: 40px;
      height: 40px;
      font-size: 15px;
      text-align: center;
      vertical-align: middle;
      padding: 8px 0;
      background: #ffffff;
      color: #0e0e0e;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .value-button:hover {
      cursor: pointer;
      background-color: #397459;
      color: #ffffff;
  }

  /* form #decrease {
      margin-right: +4px;
      border-radius: 8px 0 0 8px;
  }

  form #increase {
      margin-left: +4px;
      border-radius: 0 8px 8px 0;
  } */

  form #input-wrap {
      margin: 0px;
      padding: 0px;
  }

  input#number {
      text-align: center;
      border: none;
      border: 1px solid #A9B396;
      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;
  }


  /* .switch-field {
      display: flex;
      margin-bottom: 36px;
      overflow: hidden;
  } */

  .switch-field input {
      position: absolute !important;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      width: 1px;
      border: 0;
      overflow: hidden;
  }

  .switch-field label {
      background-color: #ffffff;
      color: #0e0e0e;
      font-size: 14px;
      line-height: 1;
      text-align: center;
      padding: 10px 16px;
      margin-left: 4px;
      margin-bottom: 5px;
      border-radius: 20px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
      transition: all 0.1s ease-in-out;
  }

  .switch-field label:hover {
      cursor: pointer;
  }

  .switch-field input:checked + label {
      background-color: #397459;
      color:#ffffff;
      box-shadow: none;
  }

  /* .switch-field label:first-of-type {
      border-radius: 4px 0 0 4px;
  }

  .switch-field label:last-of-type {
      border-radius: 0 4px 4px 0;
  } */

  /* This is just for CodePen. */

  .my-white-bg {
      background-color: #ffffff;
      border-radius: 5px;
  }

  .attribute-product {
      font-family: number font;
      font-size: 14px;
  }

  #content-wrapper{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin-top: 30px;
  }

  .column{
      width: 100%;
      padding: 10px;

  }

  #featured{
      object-fit: cover;
      width: 100%;
      height: 200px;
      cursor: pointer;
      /* border: 2px solid black; */
  }

  .thumbnail{
      object-fit: cover;
      width: 100%;
      height: 60px;
      cursor: pointer;
      opacity: 0.5;
      margin: 5px;
      /* border: 2px solid black; */
  }

  .thumbnail:hover{
      opacity:1;
  }

  .active{
      opacity: 1;
  }

  #slide-wrapper{
      max-width: 500px;
      display: flex;
      min-height: 100px;
      align-items: center;
  }

  #slider{
      width: 440px;
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
  }

  #slider::-webkit-scrollbar {
      width: 8px;
      height: 1px;
  }

  /* #slider::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  } */
  
  #slider::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  /* outline: 1px solid slategrey; */
  border-radius: 100px;
  }

  #slider::-webkit-scrollbar-thumb:hover{
      background-color: #ffffff;
  }

  .arrow-right {
      /* width: 30px;
      height: 30px; */
      cursor: pointer;
      transition: .3s;
      font-size: 30px;
      margin-left: 5px;
      color: #397459;
  }

  .arrow-left {
      /* width: 30px;
      height: 30px; */
      cursor: pointer;
      transition: .3s;
      font-size: 30px;
      margin-right: 5px;
      color: #397459;
  }

  /* .arrow:hover{
      opacity: .5;
      width: 35px;
      height: 35px;
  } */

  
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////// Home Page Css /////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

.discount_number_productList {
  background-color: #397459;
  color: #ffffff;
  border-radius: 20%;
  padding: 1px 3px;
  display: inline;
  font-size: x-small;
}

.product_bottom_productList {
  /* display: inline-block; */
  position: absolute;
  bottom: 10px;
  right:5%;
  width:90%;
  text-align: center;
  font-weight: 600;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background: #f2f1f3;
  text-transform: capitalize;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.product_bottom_productList:hover {
  background: #397459;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .product_image_productList {
     height: 150px;
     object-fit: cover;
  }

  .product_title_productList {
     font-size: small;
  }
  
  .product_cart_size_productList {
     height:320px;
     position: relative;
  }

  .price_discount_orginal_productList {
     font-size:x-small;
     text-decoration: line-through #397459 2px;
     display: block;
     margin-right: 20%;
  }
  
  .price_text_productList {
     font-size: x-small;
  }

  .price_discount_productList {
     font-size: x-small;
  }

  .price_other_text_productList {
     color:#397459 !important;
     font-size:x-small
  }

  .price_orginal_productList {
     font-size: x-small;
  }

  .price_box_orginal_productList {
     position: absolute;
     bottom: 50px;
     right: 15%;
  }
  
  .price_box_discount_productList {
     position: absolute;
     bottom: 30px;
     right: 15%;
  }
  
  .price_discount_number_productList {
     position: absolute;
     bottom: 60px;
     left: 10%;
  }
}

@media screen and (min-width: 768px) {
  .product_image_productList {
     height: 180px;
     object-fit: cover;
  }

  .product_title_productList {
     font-size: small;
  }
  
  .product_cart_size_productList {
     height:350px;
     position: relative;
  }

  .price_discount_orginal_productList {
     font-size:small;
     text-decoration: line-through #397459 2px;
     display: block;
     margin-right: 20%;
  }
  
  .price_text_productList {
     font-size: small;
  }

  .price_discount_productList {
     font-size: small;
  }

  .price_other_text_productList {
     color:#397459 !important;
     font-size:x-small
  }

  .price_orginal_productList {
     font-size: small;
  }

  .price_box_orginal_productList {
     position: absolute;
     bottom: 50px;
     right: 10%;
  }
  
  .price_box_discount_productList {
     position: absolute;
     bottom: 30px;
     right: 10%;
  }
  
  .price_discount_number_productList {
     position: absolute;
     bottom: 60px;
     left: 10%;
  }
}

.search_box_productList {
  height: 40px !important;
}

.search_box_button_productList {
  background-color: #397459;
  width: 100%;
  height: 100%;
  color: #ffffff;
  border-radius: 5px;
}

.green_color {
  color: #397459;
}

.center_text {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .slider_image {
     width: 100%;
     height: 250px;
     object-fit: cover;
  }

  .slide_arrow_top {
     top:50% !important;
     bottom:50% !important;
  }

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

@media screen and (min-width: 768px) {
  .slider_image {
     width: 100%;
     height: 400px;
     object-fit: cover;
  }    

  .slide_arrow_top {
     top:50% !important;
     bottom:50% !important;
  }

  .text_resize {
     font-size: medium;
  }
}

.seoContentCss {
  text-align: justify !important;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// Products Page Css /////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

.discount_number_productList {
  background-color: #397459;
  color: #ffffff;
  border-radius: 20%;
  padding: 1px 3px;
  display: inline;
  font-size: x-small;
}

.product_bottom_productList {
  /* display: inline-block; */
  position: absolute;
  bottom: 10px;
  right:5%;
  width:90%;
  text-align: center;
  font-weight: 600;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background: #f2f1f3;
  text-transform: capitalize;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.product_bottom_productList:hover {
  background: #397459;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .product_image_productList {
     height: 150px;
     object-fit: cover;
  }

  .product_title_productList {
     font-size: small;
  }
  
  .product_cart_size_productList {
     height:320px;
     position: relative;
  }

  .price_discount_orginal_productList {
     font-size:x-small;
     text-decoration: line-through #397459 2px;
     display: block;
     margin-right: 20%;
  }
  
  .price_text_productList {
     font-size: x-small;
  }

  .price_discount_productList {
     font-size: x-small;
  }

  .price_other_text_productList {
     color:#397459 !important;
     font-size:x-small
  }

  .price_orginal_productList {
     font-size: x-small;
  }

  .price_box_orginal_productList {
     position: absolute;
     bottom: 50px;
     right: 15%;
  }
  
  .price_box_discount_productList {
     position: absolute;
     bottom: 30px;
     right: 15%;
  }
  
  .price_discount_number_productList {
     position: absolute;
     bottom: 60px;
     left: 10%;
  }
  
  .product_filter_font_1 {
     font-size: small;
     white-space: nowrap;
     margin-right: 14px;
  }

  .product_filter_font_2 {
     display: none;
  }       

  .product_filter_font_3 {
     font-size: small;
     white-space: nowrap;
     margin-right: -16px;
  }  
  
  .product_filter_icon_2 {
     width: 15px;
     height: 15px;
  }    
}

@media screen and (min-width: 768px) {
  .product_image_productList {
     height: 180px;
     object-fit: cover;
  }

  .product_title_productList {
     font-size: small;
  }
  
  .product_cart_size_productList {
     height:350px;
     position: relative;
  }

  .price_discount_orginal_productList {
     font-size:small;
     text-decoration: line-through #397459 2px;
     display: block;
     margin-right: 20%;
  }
  
  .price_text_productList {
     font-size: small;
  }

  .price_discount_productList {
     font-size: small;
  }

  .price_other_text_productList {
     color:#397459 !important;
     font-size:x-small
  }

  .price_orginal_productList {
     font-size: small;
  }

  .price_box_orginal_productList {
     position: absolute;
     bottom: 50px;
     right: 10%;
  }
  
  .price_box_discount_productList {
     position: absolute;
     bottom: 30px;
     right: 10%;
  }
  
  .price_discount_number_productList {
     position: absolute;
     bottom: 60px;
     left: 10%;
  }
  
  .product_filter_font_2 {
     white-space: nowrap;
  }       
           
  .product_filter_font_3 {
     display: none;
  }

  .product_filter_icon_1 {
     width: 18px;
     height: 18px;
  }
}

.search_box_productList {
  height: 40px !important;
}

.search_box_button_productList {
  background-color: #397459;
  width: 100%;
  height: 100%;
  color: #ffffff;
  border-radius: 5px;
}

.green_color {
  color: #397459;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////// Products Detail Page Css /////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

.discount-number {
  background-color: #397459;
  color: #ffffff;
  border-radius: 20%;
  padding: 1px 1px;
  display: inline;
  font-size: x-small;
}

.thumbnail_image_size {
  height: 300px !important;
}

.count_div_style {
  width: 100px; 
  max-height:50px; 
  border:2px solid #e0e0e2;
  border-radius: 5px;
  display: flex;
}
.count_button_css {
  border: none;   
  /* margin-top: 15px; */
  margin:auto;
  color: #397459;
  cursor: pointer;
}
.count_button_css:hover {
  background-color: #ffffff;
  color: #0e0e0e;
}
.count_input_css {
  margin-top: 5px;
  border:none !important;
}
.count_input_css:focus{
  outline: none;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////// Orders Page Css //////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 767px) {
  .div_orders {
      text-align: center;
      margin-bottom: -15px;
  }

  .image_orders {
      height: 90px; 
      width: 100%;
      display: block;
      margin-top: 15px;
      margin-right: auto;
      margin-left:auto;
      object-fit: cover;
  }

  .hidden_text_one_orders {
      display: none;
  }

  .hidden_text_two_orders {
      margin-top: 10%;
      /* color: #397459; */
  }
}

@media screen and (min-width: 768px) {
  .div_orders {
      height: auto;
      text-align: center;
  }

  .image_orders {
      height: 100px; 
      width: 100px;
      display: block;
      margin-top: 15px;
      margin-right: auto;
      margin-left:auto;
      object-fit: cover;
  }

  .hidden_text_one_orders {
      margin-top: 10%;
      /* color: #397459; */
  }

  .hidden_text_two_orders {
      display: none;
  }
}

.discount_number_orders {
  background-color: #397459;
  color: #ffffff;
  border-radius: 20%;
  padding: 1px 3px;
  display: inline;
  font-size: x-small;
}

.row_orders {
  margin-bottom: 20px;
  border-radius: 7px;
}

.items_div_orders {
  margin-bottom: 10px;
}

.items_span_orders {
  display: inline;
}

.items_text_h_orders {
  margin-top: 20px;
  display: inline;
}

.items_price_orginal_orders {
  text-decoration: line-through #397459 2px;
  margin-left: 5px;
}

.form_count_orders {
  display: inline;
}

.update_count_orders {
  background-color: #397459;
  color: #ffffff;
}

.title_no_orders {
  text-align: center;
}

.result_price_left {
  display:inline;
  float: left;
}

.result_price_right {
  display:inline;
  float: right;
}

.discount_number_result_orders {
  background-color: #397459;
  color: #ffffff;
  border-radius: 20%;
  padding: 1px 3px;
  display: inline;
  font-size: x-small;
  display: inline;
  float: left;
  font-size: small;
}

.error_orders {
   color: #BB6625;
}

.link_orders {
  color: #397459;
}

/* ---------------------------------------------------------------------------- */

.flex-container {
  display: flex;
  flex-wrap: nowrap;
  /* background-color: DodgerBlue; */
}

@media screen and (max-width: 991px) {
  .flex-container > .element {
      /* background-color: #ffffff; */
      /* width: 100px; */
      /* margin-right: 4%;
      margin-left: 4%;
      margin-top: 10px;
      margin-bottom: 10px; */
      margin: auto;
      text-align: center;
      /* line-height: 75px; */
      font-size: 10px;
      padding: 5px 10px;
      border-radius: 10px;
  }

  .situation_pricing {
      width: 94%;
      margin-right:3%;
  }

  /* .situation_pricing_margin {
      margin-right: 5% !important;
  } */

  .situation_pricing_line {
      width: 9%;
      background-color: #E0E0E2;
      height: 2px;
      margin-top: 4%;
  }

  .situation_pricing_line_other {
      width: 9%;
      background-color: #E0E0E2;
      height: 2px;
      margin-top: 4%;
  }

  .display_block {
      display: block;
  }
}

@media screen and (min-width: 992px) {
  .flex-container > .element {
      /* background-color: #ffffff; */
      /* width: 100px; */
      margin-right: auto;
      margin-left: auto;
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: center;
      /* line-height: 75px; */
      font-size: 15px;
      padding: 5px 10px;
      border-radius: 10px;
  }

  .situation_pricing {
      width: 99%;
      margin-right:1%
  }

  /* .situation_pricing_margin {
      margin-right: 14% !important;
  } */

  .situation_pricing_line {
      width: 15%;
      background-color: #E0E0E2;
      height: 3px;
      margin-top: 2%;
  }

  .situation_pricing_line_other {
      width: 15%;
      background-color: #E0E0E2;
      height: 3px;
      margin-top: 2%;
  }

  .situation_pricing_line_lastAccept {
      width: 15%;
      background-color: #397459;
      height: 3px;
      margin-top: 2%;
  }
}

/* ----------------------------------------------------------------------------------------- */

.count_div_style {
  width: 100px; 
  max-height:50px; 
  border:2px solid #e0e0e2;
  border-radius: 5px;
  display: flex;
  margin: auto;
}
.count_button_css {
  border: none;   
  /* margin-top: 15px; */
  margin:auto;
  color: #397459;
  cursor: pointer;
}
.count_button_css:hover {
  background-color: #ffffff;
  color: #0e0e0e;
}
.count_input_css {
  margin-top: 5px;
  border:none !important;
}
.count_input_css:focus{
  outline: none;
}

.count_button_css_color {
  background-color: #ffffff;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// Last Accept Page Css ///////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 767px) {
  .div_ordersLast {
      /* border-left: 2px solid #9c9c9c; */
      height: auto;
      text-align: center;
      margin-bottom: -15px;
  }

  .image_ordersLast {
      height: 70px; 
      width: 100%;
      display: block;
      margin-top: 15px;
      margin-right: auto;
      margin-left:auto;
      object-fit: cover;
  }

  .hidden_text_one_orders {
      display: none;
  }
}

@media screen and (min-width: 768px) {
  .div_ordersLast {
      /* border-left: 2px solid #9c9c9c; */
      height: auto;
      text-align: center;
  }

  .image_ordersLast {
      height: 80px; 
      width: 80px;
      display: block;
      margin-top: 15px;
      margin-right: auto;
      margin-left:auto;
      object-fit: cover;
  }
}

.discount-number {
  background-color: #397459;
  color: #ffffff;
  border-radius: 20%;
  padding: 1px 3px;
  display: inline;
  font-size: x-small;
}

.sidebar__ordersPack {
  height: 160px;
  overflow-y: scroll;
  /* border-top:0.5px solid #9c9c9c;
  border-right:0.5px solid #9c9c9c; */
  -webkit-box-shadow: 0px 14px 20px 0px rgba(37, 17, 124, 0.16);
  -moz-box-shadow: 0px 14px 20px 0px rgba(37, 17, 124, 0.16);
  box-shadow: 0px 5px 5px 0px rgba(37, 17, 124, 0.16);
}
.sidebar__ordersPack::-webkit-scrollbar {
  width: 8px;
  background: #9c9c9c;
}
.sidebar__ordersPack::-webkit-scrollbar-thumb {
  background: #397459;
  border-radius: 8px;
}

.row_ordersLast {
  border-bottom: 0.5px solid #0e0e0e;
}

.items_div_ordersLast {
  margin-bottom: 10px;
}

.items_span_ordersLast {
  display: inline;
}

.items_text_h_ordersLast {
  margin-top: 20px;
  display: inline;
}

.header_text_ordersLast {
  text-align:center;
  border-bottom:0.5px solid #0e0e0e;
  padding: 0px 0px;
  margin-top: 15px;
}

.address_button_ordersLast {
  background-color: #ffffff;
  color: #397459;
  font-size: medium;
  /* border: 1px solid #397459;
  padding: 1px 5px;
  border-radius: 10px; */
  margin-top: 5px;
}

.address_form_ordersLast {
  display: none;
}

.count_ordersLast {
  font-size:smaller
}

.price_span_ordersLast {
  text-decoration: line-through #397459 2px;
}

.price_h_ordersLast {
  display: block;
  margin-right: 30%;
}

.zarinpal_div_ordersLast {
  border: 2px solid #397459;
  border-radius: 10px;
  padding: 10px 10px;
  width: 100%;
}

.zarinpal_text_ordersLast {
  height: 30px;
  width: 30px;
  display: inline;
}

.zarinpal_image_ordersLast {
  display: inline;
  font-size: small;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////// User Pages Css //////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 767px) {
  .orders_link_div_one {
     border-bottom:1px solid #e0e0e2;
     text-align: center;
     padding: 10px 10px;
  }

  .orders_link_div_two {
     border-bottom:1px solid #e0e0e2;
     text-align: center;
     padding: 10px 10px;
  }

  .orders_link_div_three {
     text-align: center;
     padding: 10px 10px;
  }

  .ordersPack_items_image {
     height: 70px;
     width:100%;
     object-fit: cover;
  }
}

@media screen and (min-width: 768px) {
  .orders_link_div_one {
     border-left:1px solid #e0e0e2;
     text-align: center;
  }

  .orders_link_div_two {
     border-left:1px solid #e0e0e2;
     text-align: center;
  }

  .orders_link_div_three {
     text-align: center;
  }

  .ordersPack_items_div {
     border-left:1px solid #e0e0e2;
  }

  .ordersPack_items_image {
     height: 80px;
     width:100%;
     object-fit: cover;
  }
}

.orders_link_row {
  border: 1px solid #e0e0e2;
  padding: 10px 0px;
  border-radius: 10px;
}

.ordersPack_row {
  border: 1px solid #e0e0e2;
  padding: 10px 0px;
  border-radius: 10px;
}

.text_green_color {
  color: #397459;
}

.user_information_link_i {
  font-size:large;
  color: #397459;
}

.user_information_link_one {
  font-size:small;color:blue;
}

.user_information_link_two {
  font-size:medium;
  color: #397459;
}

.orders_link_h {
  display: inline;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////// User OrdersPack Page Css //////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 767px) {
  .ordersPack_items_image {
     height: 70px;
     width:100%;
     object-fit: cover;
  }
}

@media screen and (min-width: 768px) {
  .ordersPack_items_div {
     border-left:1px solid #e0e0e2;
  }

  .ordersPack_items_image {
     height: 80px;
     width:100%;
     object-fit: cover;
  }
}

.orders_link_row {
  border: 1px solid #e0e0e2;
  padding: 10px 0px;
  border-radius: 10px;
}

.text_green_color {
  color: #397459;
}

.user_information_link_i {
  font-size:large;
  color: #397459;
}

.user_information_link_one {
  font-size:small;color:blue;
}

.user_information_link_two {
  font-size:medium;
  color: #397459;
}

.orders_link_h {
  display: inline;
}

.details_orders_row {
  border: 1px solid #e0e0e2;
  border-radius: 10px;
  padding:10px 10px;
  margin: 10px;
}

.details_orders_container {
  margin-top: 20px;
}

.details_orders_span {
  font-size: small;
}