body {
    font-family: 'Yekan', Tahoma, Arial, sans-serif;
    background-color: #e9e9e9;
  }
  
  
.bg-theme{
  background-color: #0d3c36;
}
.bg-theme2{
  background-color: #dccbb0;
}
.bg-theme3{
  background-color: #1e7a6b;
}
.text-theme{
  color: #E7AB74;
}
/* .article-swiper .swiper-slide {
  transition: transform 0.3s, box-shadow 0.3s;
  transform: scale(0.85);
  opacity: 0.7;
  z-index: 1;
}
.article-swiper .swiper-slide-active {

  
  transform: scale(1.05);
  opacity: 1;
  z-index: 2;
  box-shadow: 0 8px 32px rgba(24, 76, 58, 0.15);
}
.article-swiper .swiper-slide-next,
.article-swiper .swiper-slide-prev {
  transform: scale(0.95);
  opacity: 0.85;
  z-index: 1;
}
  */

/* Custom why-resam-box for exact image match */
 
@media (max-width: 768px) {
  .price-gold18{
    font-size: 14px !important;
  }
  .price-gold18-center{
    font-size: 16px !important;

  }
  .h1-text-seo-title{ 
    font-size: 16px !important;
  }
  .btn-tab-gold18{
    font-size: 12px !important;
  }
  .pd-gold18{
    padding: 10px !important;
  }
  .text-gold18-title{
    font-size: 12px !important;
  }
  .phone-box-top {
    bottom: 4px !important;

  }
  .phone-box-top a span{
    font-size: 17px !important;
  }
  #whatsapp-fix{
    margin-right: 40px !important;
  }
  #phone-number-fix{
    display: none !important;
  }
  .fuh-item{
    margin-top: -11px !important;
    font-size: 11px;
  text-align: left;
  }
  .currency-name{
    font-size: 15px !important;
    text-align: right;
    position: absolute;
    right: 60px;
   }
   .currency-minw{
    min-width: 133px !important;
   }
  .currency-flag{
    width: 43px !important;
    height: 43px !important;
    position: absolute;
    right: 5px;
  }
  /* Improved WhatsApp floating button for mobile */
  #whatsapp-fix {
    right: 1rem !important;
    bottom: 5rem !important;
    z-index: 60 !important;
  }
  
  #whatsapp-fix a {
    width: 3.5rem !important;
    height: 3.5rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  }
  
  #whatsapp-fix i {
    font-size: 1.5rem !important;
  }
  
  /* Mobile phone floating button */
  #mobile-phone-fix {
    left: 1rem !important;
    bottom: 5rem !important;
    z-index: 60 !important;
  }
  
  #mobile-phone-fix a {
    width: 3.5rem !important;
    height: 3.5rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  }
  
  #mobile-phone-fix i {
    font-size: 1.25rem !important;
  }
  
  /* Mobile phone number improvements */
  .mobile-phone-number {
    background: linear-gradient(135deg, #0d3c36 0%, #1e7a6b 100%);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(230, 196, 141, 0.2);
  }
  
  .mobile-phone-number a {
    color: #e6c48d !important;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  
  .mobile-phone-number .phone-icon {
    width: 1.25rem;
    height: 1.25rem;
    background: #25d366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .mobile-phone-number .phone-icon::before {
    content: "📞";
    font-size: 0.75rem;
  }
  
  /* Ensure scroll to top button doesn't conflict */
  #scrollToTop {
    bottom: 1rem !important;
    right: 3.2rem !important;
    z-index: 55 !important;
  }
  
  .why-resam-box-custom .custom-corner {
    border-top-right-radius: 50px 40px;
    padding: 2rem 1rem 1.5rem 1rem;
  }
  .why-resam-title {
    font-size: 1.2rem;
    padding: 1rem 0.5rem;
  }
}

/* Additional responsive improvements for very small screens */
@media (max-width: 480px) {
  #whatsapp-fix {
    right: 0.75rem !important;
    bottom: 4.5rem !important;
  }
  
  #whatsapp-fix a {
    width: 3rem !important;
    height: 3rem !important;
  }
  
  #whatsapp-fix i {
    font-size: 1.25rem !important;
  }
  
  #mobile-phone-fix {
    left: 0.75rem !important;
    bottom: 4.5rem !important;
  }
  
  #mobile-phone-fix a {
    width: 3rem !important;
    height: 3rem !important;
  }
  
  #mobile-phone-fix i {
    font-size: 1rem !important;
  }
  
  .mobile-phone-number {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
  }
  
  .mobile-phone-number .phone-icon {
    width: 1rem;
    height: 1rem;
  }
  
  .mobile-phone-number .phone-icon::before {
    font-size: 0.625rem;
  }
}

/* Landscape orientation adjustments */
@media (max-width: 768px) and (orientation: landscape) {
  #whatsapp-fix {
    bottom: 3rem !important;
  }
  
  #mobile-phone-fix {
    bottom: 3rem !important;
  }
  
  #scrollToTop {
    bottom: 0.75rem !important;
  }
}