body {
     font-family: 'Manrope', 'Noto Sans Arabic', sans-serif;
 }

 .font-display {
     font-family: 'Noto Serif', 'Noto Sans Arabic', serif;
 }

 .swiper-pagination-bullet {
     background-color: #9ca3af !important;
     opacity: 0.5;
 }

 .swiper-pagination-bullet-active {
     background-color: #d4af35 !important;
     opacity: 1;
 }

 .newsmalltext {
     font-size: 14px;
     padding-top: 17px;
     display: block;
 }


 [type='text']:focus,
 input:where(:not([type])):focus,
 [type='email']:focus,
 [type='url']:focus,
 [type='password']:focus,
 [type='number']:focus,
 [type='date']:focus,
 [type='datetime-local']:focus,
 [type='month']:focus,
 [type='search']:focus,
 [type='tel']:focus,
 [type='time']:focus,
 [type='week']:focus,
 [multiple]:focus,
 textarea:focus,
 select:focus {
     background-color: #292929 !important;
     border-color: #d4af35 !important;
     border-width: 1px;
     --tw-shadow: 0 0 #d4af35 !important;
     --tw-ring-offset-color: #d4af35 !important;
     --tw-ring-color: #d4af35 !important;
 }

 .hide {
     display: none !important;
 }

 .show {
     display: block !important;
 }

 @media (min-width: 768px) {
     #Prev {
         position: absolute;
     }
 }

 #Prev:hover {
     cursor: pointer;
 }

 #Next {
     float: right;
 }

 #Next:hover {
     cursor: pointer;
 }

 #location {
     padding-left: 42px;
 }

 #mobile-menu {
     background-color: #121212;
 }

 .Newtxt {
     font-size: 1rem !important;
     line-height: 2rem !important;
 }

 @media (min-width: 1024px) {
     .lg\:text-6xl {
         font-size: 3.75rem;
         line-height: 1.4 !important;
     }
 }

 .flip {
     transform: scaleX(-1);
 }

 .MobilIconsWrape {
     margin-top: 25px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 25px;

 }

 .MobilIcons {
     width: 28px;
     float: left;
     margin-right: 10px;
 }

 #qproduct1,
 #qproduct2,
 #qproduct3 {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 .submitMessage {
     color: #d4af35;
     text-align: center;
     font-size: 20px;

 }

 .submitMessage span {
     font-weight: bold;
     font-size: 50px;
 }

 @media (max-width: 768px) {
     .footer h4 {
         text-align: center;
     }

     .footer ul {
         width: fit-content;
         /* white-space: nowrap; */
         margin: auto;
     }

     .socialDiv {
         width: fit-content;
         margin: auto;
     }
 }

 .img-caption-dev {
     background-color: rgba(122, 122, 122, 0.5);
     color: white;
     text-align: center;
     position: absolute;
     padding: 15px;
 }

 .img-caption-dev p {
     text-align: center;
 }

 .text-slate-500 {
     color: rgb(167 180 198) !important;
 }