@font-face {
	font-family: kalameh;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff2/KalamehWebFaNum-Regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/KalamehWebFaNum-Regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

:root {
    --primary: #0C1142;
    --secondary: #F6D47E;
    --background: #FFF8ED;
    --gray: #B6B8C6;
    --light-gray: #B6B8C666;
}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}
.form-check-input:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 .25rem #f6d47e1c;
}

.form-control {
    font-size: calc(12px + 1.5vmin);
    background: var(--light-gray) !important;
}
.form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 .25rem rgb(12 17 66 / 17%) !important;
}

/* scrollBar Css */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    /* background: linear-gradient(0deg, #0D3D35 0%, #23ab94 100%); */
    background:var(--primary);
    border-radius: 5px;
    transition: background-color 3s ease;
}

/* Customize the scrollbar track when being hovered over */
::-webkit-scrollbar-thumb:hover {
    background:var(--primary);
}
.appdoozak{
    font-weight: bold;
    color: var(--background);
    transition: 300ms;
}
.appdoozak:hover{
    text-shadow: 0px 0px 9px var(--secondary);
    transition: 300ms;
}
.bg-primary {
    background: var(--primary) !important;
}

.text-primary {
    color: var(--primary) !important;
}

.bg-secondary {
    background: var(--secondary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

body {
    font-family: kalameh !important;
    background: var(--background) !important;
    color: var(--primary) !important;
    font-variant-ligatures: discretionary-ligatures;
    font-feature-settings: 'ss01' 1, 'salt' 1;
}

a {
    text-decoration: none;
}

th {
    color: #FEFBF2;
}

.text-white {
    color: #FEFBF2 !important;
}

.bg-strip-1 {
    background: #0C114205 !important;
}

.bg-strip-2 {
    background: #0C11420f !important;
}

td {
    color: var(--primary);
    text-align: center !important;
    padding: 0.75rem;
    font-weight: 600;
    cursor: context-menu !important;
}

.border-bottom-gold {
    border-bottom: 2px solid var(--secondary);
    transition: 300ms;
}

.border-bottom-gold:hover {
    scale: 0.99;
    background: #0c114214 !important;
    transition: 300ms;
}

.swiper-button-next,
.swiper-button-prev {
    position: relative;
    top: auto;
    width: auto;
    height: auto;
    margin-top: auto;
    z-index: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: '' !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '' !important;
}

.pointer {
    cursor: pointer !important;
}

a {
    color: var(--primary);
}

.nowrap {
    white-space: nowrap !important;
}

/* navbar */
.header {
    height: 80px;
    background: linear-gradient(90deg, #0C1B54 0%, #0C1142 36.5%);
    box-shadow: 0px 4px 12px 2px #00000052;
    z-index: 10000 !important;

}

.header-items {
    padding: 0.25rem 0rem;
    transition: 300ms;
    color: var(--background);
    font-weight: 600;
    font-size: calc(12px + 1.5vmin);
}

.header-items:hover {
    padding: 0.25rem 1.5rem;
    /* background: #048743; */
    color: var(--secondary) !important;
    border-radius: 7px;
    transition: 300ms;
}

.header-items:focus {
    color: #FFFFFF !important;
}

.header-items.active {
    padding: 0.25rem 1.5rem;
    background: #f6d47e0f;
    font-weight: 600;
    color: var(--secondary) !important;
    border-radius: 7px;
    transition: 300ms;
}

.menu-bar {
    background: #0c1b5487;
    backdrop-filter: blur(10px);
}

.header-items-mobile {
    padding: 0.25rem 0rem;
    transition: 300ms;
    color: #fff;
    padding: 0.25rem 1.5rem;
    border-radius: 7px;
    background: #fef3e411;
    font-weight: 400;

}


.header-items-mobile:hover {
    padding: 0.25rem 1.5rem;
    background: #fac682e2;
    color: #010101 !important;
    border-radius: 7px;
    transition: 300ms;
}

.header-items-mobile:focus {
    color: #010101 !important;
}

.header-items-mobile.active {
    padding: 0.25rem 1.5rem;
    background: #fac682e2;
    color: #010101 !important;
    font-weight: 600;
    border-radius: 7px;
    transition: 300ms;
}

.offcanvas.offcanvas-end {
    width: 100% !important;
}

.offcanvas.offcanvas-top {
    min-height: 55svh;
}

.hero-title {
    font-size: calc(25px + 12vmin);
}

.hero-sub-title {
    font-size: calc(15px + 4vmin);
}

.main-text {
    font-size: calc(12px + 1.5vmin);
}

.title-text {
    font-size: calc(20px + 3vmin);
    font-weight: bold;
}

.info-text {
    font-size: calc(10px + 1.5vmin);
}

.box-shadow {
    box-shadow: 0 0 15px #0000000d;
}

.loader {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
  }

  .loader:before,
  .loader:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
  }
  .loader:before {
    animation: ball1 1s infinite;
    background-color: #fff;
    box-shadow: 30px 0 0 #ff3d00;
    margin-bottom: 10px;
  }
  .loader:after {
    animation: ball2 1s infinite;
    background-color: #ff3d00;
    box-shadow: 30px 0 0 #fff;
  }

  @keyframes rotate {
    0% { transform: rotate(0deg) scale(0.8) }
    50% { transform: rotate(360deg) scale(1.2) }
    100% { transform: rotate(720deg) scale(0.8) }
  }

  @keyframes ball1 {
    0% {
      box-shadow: 30px 0 0 #ff3d00;
    }
    50% {
      box-shadow: 0 0 0 #ff3d00;
      margin-bottom: 0;
      transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 #ff3d00;
      margin-bottom: 10px;
    }
  }

  @keyframes ball2 {
    0% {
      box-shadow: 30px 0 0 #fff;
    }
    50% {
      box-shadow: 0 0 0 #fff;
      margin-top: -20px;
      transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 #fff;
      margin-top: 0;
    }
  } 

  .cart-button{
    cursor: pointer !important;
}
.form-check-input[type=radio] {
    transition: 300ms;
    border: 1px solid var(--primary);
}

.pagination {
   border-left: 1px solid var(--primary);
   border-right: 1px solid var(--primary);
   transition: 300ms;
}
.pagination.active {
    background: var(--light-gray) !important;
    font-weight: bold;
}
.purchase-row:has(.zero) {
    opacity: 0.5 !important;
}

.zero{
    opacity: 0.5 !important;
    border: 1px solid #dc3545 !important;
    color: #dc3545 !important;
}