.jewelryStore_8th_section {
 position: relative;
 font-family: 'irsans', sans-serif;
 margin-top: 60px;
 background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, var(--third_color) 50%, var(--third_color) 100%);
 z-index: 2;
}

.jewelryStore_8th_section > .main {
 display: flex;
 width: 90%;
 max-width: 900px;
 height: -webkit-fit-content;
 height: -moz-fit-content;
 height: fit-content;
 min-height: 170px;
 background-color: var(--primary_color);
 margin: 0 auto;
 border-radius: 8px;
 direction: rtl;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 padding: 20px 50px;
 box-shadow: 0px 15px 18.4px 0px rgba(0, 0, 0, 0.25);
 gap: 20px;

 @media screen and (max-width: 650px) {
     flex-direction: column;
     justify-content: center;
 }
}

.jewelryStore_8th_section > .main > .title {
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 font-size: 22px;

 @media screen and (max-width: 650px) {
     text-align: center;   
 }
}

.jewelryStore_8th_section > .main > form {
 display: flex;
 flex-direction: row;
 gap: 12px;

 @media screen and (max-width: 380px) {
     flex-direction: column;
 }
}

.jewelryStore_8th_section > .main > form > input {
 width: 200px;
 font-size: 16px;
 outline: none;
 border: none;
 padding: 12px 8px;
 background-color: var(--secondary_color);
 direction: ltr;
 border-radius: 8px;
 -webkit-appearance: textfield;
         appearance: textfield;
 -moz-appearance: textfield;
}
.jewelryStore_8th_section > .main > form > input[type="number"]::-webkit-outer-spin-button,
.jewelryStore_8th_section > .main > form > input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

.jewelryStore_8th_section > .main > form > button {
 outline: none;
 border: none;
 padding: 12px;
 font-size: 16px;
 background-color: var(--secondary_color);
 border-radius: 8px;
 transform: scale(1);
 -webkit-filter: brightness(1);
         filter: brightness(1);
 transition: transform 0.2s ease, -webkit-filter 0.2s ease;
 transition: filter 0.2s ease, transform 0.2s ease;
 transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease; 
}
.jewelryStore_8th_section > .main > form > button:hover {
 transform: scale(1.1);
 -webkit-filter: brightness(0.9);
         filter: brightness(0.9); 
}
.jewelryStore_8th_section > .main > form > button:active {
 transform: scale(0.9);
}