@font-face {
  font-family: 'Jost-Black';
  src: url(font/jost/Jost-Black.ttf);
}
/* universal selector */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.za-cat-number {
top: 7px !important;
width: 10px;
height: 10px;
font-size: 8px;
display: flex
;
align-items: center;
justify-content: center;
padding: 0;
}
.za-card-heading{
  background: #191923;
  width: 62%;
  max-width: 62%;
  margin: auto;
  padding: 10px;
  border-radius: 50px;
  font-weight: 500;
  position: absolute;
  bottom: 45px;
  left: 50px;
  pointer-events: none;
}
.za-img-opacity{
opacity: 0.9;
}
.za-heading-above-footer{
font-size: 42px;
font-weight: 700;
}
.za-para-above-footer{
max-width: 70%;
margin: auto;
}
.za-custom-width{
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center
}
.za-custom-width:hover{
background-color: black;
color: #fff;
}
.za-variant{
padding: 5px 7px;
font-size: 12px;
}
.variants{
padding: 5px 7px;
font-size: 10px;
}
.za-cart-text{
font-size: 14px;
}

.ufa-privacy-heading1 {
font-size: 27px;
}

.ufa-privacy-heading2 {
font-size: 23px;
}

/* Zaid Modal Css */
.modal.right .modal-dialog {
position: fixed !important;
margin: auto !important;
width: 550px !important; /* Adjust width as needed */
height: 100%!important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
transform: translateX(100%) !important; /* Initially hidden */
transition: transform 0.3s ease-in-out !important;
}

/* Show modal */
.modal.right.show .modal-dialog {
transform: translateX(0) !important;
}

/* Modal Titile Css */
.za-modal-title{
font-size: 15px!important;
font-weight: 700!important;
} 
/* Modal Paragraph Size */
.za-cart-modal-para{
font-size: 13px;
font-weight: 700;
}
/* Modal Footer css */
.za-footer-modal{
font-size: 12px;
font-weight: 500;
margin-right: 30px;
}
/* Modal Close Button CSS */


/* Mobile View */
.za-mobile-cls{
  display: none;
}
.za-horizontal{
  display: none;
}
/* Main section background */
.za-product-sec {
  background-color: #F4F4F4;
}
/* Mobilr Class */
.za-mobile-hassle {
  display: none;
}
/* Footer css */
.za-main-footer {
  background: rgba(0, 0, 0, 0.15);
}
/* Contact us page css */
.row-equal-height img {
  width: 100%;
}
/* Mobile Top Header */
.za-mobile-top-header {
  display: none;
}
/* Homepage shop css */
.za-shop-bg {
  background: rgba(0, 0, 0, 0.15);
}
/* New arrivals Product section  */
.new-arrivals-main {
  background: #191923;
  padding: 60px 0px;
}
/* image */
.za-img {
  border: 1px solid grey;
}
/* Footer Logo */
.za-footer-logo img {
  width: auto;
}
/* Header Logo */
.za-header-logo img {
  width: 100%;
  max-width: 50%;
}
/* Login to view Price css */
.za-login-btn {
  font-size: 12px !important;
  padding: 7px 5px;
}
.modal.right .za-modal-content {
  height: 100% !important;
  border-radius: 10 !important;
  right: 0;
}

@media (min-width: 1912px) {
  /* Styles for large screens */

}

@media (min-width: 1024px) and (max-width: 1200px){
  .za-login-btn {
      font-size: 10px !important;
      padding: 6px 3px;
    }

    .nav-link {
      font-size: 12px;
    }
}

@media (min-width: 767px) and (max-width: 991px){
  .za-login-btn {
      font-size: 9px !important;
      padding: 7px 3px;
    }
    .za-horizontal{
      display: block;
    }
    .za-lg-screen{
    display: none;
  }
    .nav-link {
      font-size: 10px;
    }
    .za-mobile-logo img{
      width: 175px;
    }
    za-header-logo {
      display: none;
    }

    .navbar {
      display: none;
    }
    .za-mobile-cls{
    display: block;
  }
}

/* Media Query for Mobile screen */
@media(max-width:767px) {
  


  .za-mobile-cls{
      display: block;
    }
    .za-cart-modal-para{
      font-size: 12px;
    }
    .za-option {
      width: 65%!important;
      font-size: 10px!important;
      margin: 10px 0;
  }
    .za-horizontal{
      display: block;
    }
    /* Mobile Modal */
   .za-mobile-modal{
      position: fixed!important;
      top: 10% !important;
      width: auto!important;
    }
    .za-footer-modal {
      font-size: 12px;
      font-weight: 500;
       margin-right: 10px;
  }
  .za-cart-text{
    font-size: 14px;
  }
    .za-lg-screen{
      display: none;
    }
      .za-footer-logo img {
        width: 100%;
        max-width: 50%;
      }

      .za-header-logo {
        display: none;
      }

      .za-lg-screen {
        display: none;
      }

      .za-mobile-hassle {
        display: block;
      }

      .za-top-header {
        display: none;
      }

      .navbar {
        display: none;
      }

      .za-mobile-logo img{
          width: 146px;
        }
      .navbar {
        display: none;
      }

      .za-mobile-top-header {
        display: block;
      }

      .new-arrivals-main {
        padding: 20px 0px;
      }

      .za-shop-bg h4 {
        font-size: 14px;
      }
      .za-login-btn {
        font-size: 11px;
        padding: 7px 3px;
      }
      .za-para-checkout-page{
        font-size: 14px;
      }
      .za-checkout-page{
        font-size: 16px;
      }
      .za-heading-above-footer {
        font-size: 18px;
        font-weight: 700;
    }
    .za-card-heading {
      position: absolute;
      bottom: 45px;
      left: 35px;
      pointer-events: none;
  }
  .za-card-heading {
   
    width: 75%;
    max-width: 75%;
    margin: auto;
    position: absolute;
    bottom: 45px;
    font-size: 13px;
    left: 18px;
    pointer-events: none;
}
  }
  @media(max-width: 500px){
    .list-inline-item{
      font-size: 13px;
    }
    
  }

/* Default height */