.jewelryStore_3th_section {
 position: relative;
 display: flex;
 font-family: 'irsans', sans-serif;
 direction: rtl;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 padding: 70px 60px;
 -moz-column-gap: 40px;
      column-gap: 40px;

 @media screen and (max-width: 950px) {
     padding-top: 0;
 }
}

.jewelryStore_3th_section .button {
 font-size: 15px;
 color: #000000;
 border: none;
 outline: none;
 background-color: var(--primary_color);
 padding: 13px 25px;
 border-radius: 10px;
 flex: none;
 font-weight: bold;

 @media screen and (max-width: 950px) {
     font-size: 12px;
 }
}

.jewelryStore_3th_section .transClick {
 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_3th_section .transClick:hover {
 transform: scale(1.1);
 -webkit-filter: brightness(0.9);
         filter: brightness(0.9);
}
.jewelryStore_3th_section .transClick:active {
 transform: scale(0.9);
}

.jewelryStore_3th_section > .textContainer {
 display: flex;
 width: 50%;
 flex-direction: column;
 gap: 50px;

 @media screen and (max-width: 950px) {
     width: 100%;
 }
}

.jewelryStore_3th_section > .textContainer > .title {
 font-size: 40px;
 color: var(--title_color);

 @media screen and (max-width: 950px) {
     font-size: 28px;
 }
}

.jewelryStore_3th_section > .textContainer > .par {
 font-size: 22px;

 @media screen and (max-width: 950px) {
     font-size: 18px;
 }
}

.jewelryStore_3th_section > .textContainer > .buttonContainer {
 display: flex;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 flex-direction: row;
 gap: 30px;
 align-self: center;
 padding-left: 80px;

 @media screen and (max-width: 950px) {
     padding: 0;
     align-self: flex-end;
 }

 @media screen and (max-width: 450px) {
     align-self: center;
     flex-direction: column;
 }
}

.jewelryStore_3th_section > .textContainer > .buttonContainer > button:first-child {
 background-color: var(--third_color);
}

.jewelryStore_3th_section > .pic {
 display: block;
 width: auto;
 height: 420px;
 border-radius: 4px;
 box-shadow: 0 0 0 20px var(--secondary_color);

 @media screen and (max-width: 950px) {
     display: none;
 }
}