@charset "UTF-8";
/*
Theme Name: Sham Tech
Theme URI: https://sham-tech.com/
Template: astra
Author: Shihab-Ul Hoque
Author URI: https://shihabiiuc.com/author/shihab/
Description: This is a customized theme for a global wholesaler of printers, copiers, and office equipment. This child theme is designed to safely extend and customize the Astra parent theme while preserving update compatibility. It includes project-specific styling, functionality, and WooCommerce enhancements to support a high-performance B2B eCommerce website with a responsive design, fast loading speeds, and easy future maintenance. If you have any questions, please contact the author: https://shihabiiuc.com/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 1.0.0
Updated: 2026-08-04 10:47:22

*/
footer.site-footer .site-footer-section-1 img {
  max-width: 110px;
  height: auto;
}
footer.site-footer .site-footer-section-1 .widget_text p {
  color: #e0f2fe;
  font-weight: 300;
  font-size: 0.85rem;
}
footer.site-footer .site-footer-section-2 h2,
footer.site-footer .site-footer-section-3 h2 {
  font-weight: 600;
  color: white;
  font-size: 1rem;
  text-transform: uppercase;
  margin: 30px 0 0 0;
}
footer.site-footer .site-footer-section-2 ul li a,
footer.site-footer .site-footer-section-3 ul li a {
  font-size: 0.75rem;
  color: #e0f2fe;
}
footer.site-footer .site-footer-section-2 ul li a:hover,
footer.site-footer .site-footer-section-3 ul li a:hover {
  color: #4842f8;
}

/* ===================================
   Luxury Hero Section - Professional Background
   =================================== */
#Hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #0f172a 0%, #1a1f3a 25%, #2d1b4e 50%, #1a2847 75%, #0f1620 100%);
  background-attachment: fixed;
}

/* Canvas for animated geometric shapes */
#Hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="%23ffffff" stroke-width="0.5" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
  pointer-events: none;
  z-index: 1;
}

/* Radial gradient overlay for depth */
#Hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at 20% 50%, rgba(218, 165, 32, 0.08) 0%, transparent 40%), radial-gradient(ellipse at 80% 80%, rgba(30, 144, 255, 0.06) 0%, transparent 50%), radial-gradient(ellipse at 50% 0%, rgba(100, 150, 200, 0.04) 0%, transparent 60%);
  pointer-events: none;
  z-index: 2;
}

/* Ensure content stays above background elements */
#Hero > * {
  position: relative;
  z-index: 10;
}

/* Heading styling */
#Hero h1 {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3), 0 0 30px rgba(218, 165, 32, 0.1);
}

#Hero h2 {
  color: #ffffff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

/* Paragraph styling */
#Hero p {
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  line-height: 1.6;
}

/* Button styling for enhanced luxury feel */
#Hero .elementor-button {
  background: linear-gradient(135deg, #22c55e 0%, #0f7233 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 15px rgba(218, 165, 32, 0.2);
          box-shadow: 0 4px 15px rgba(218, 165, 32, 0.2);
  padding: 18px 24px;
}

#Hero .elementor-button:hover {
  background: linear-gradient(135deg, #ffd700 0%, #22c55e 100%);
  -webkit-box-shadow: 0 8px 25px rgba(218, 165, 32, 0.35);
          box-shadow: 0 8px 25px rgba(218, 165, 32, 0.35);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

/* Alternative button (secondary) */
#Hero .elementor-button.elementor-button-secondary,
#Hero .elementor-button-secondary {
  background: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  backdrop-filter: blur(10px);
}

#Hero .elementor-button.elementor-button-secondary:hover,
#Hero .elementor-button-secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 8px 25px rgba(255, 255, 255, 0.15);
          box-shadow: 0 8px 25px rgba(255, 255, 255, 0.15);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  #Hero h1 {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  }
  #Hero p {
    font-size: 16px;
  }
  #Hero .elementor-button {
    padding: 12px 24px;
    font-size: 14px;
  }
}
/* Animation for subtle entrance effect */
#Hero h1,
#Hero p,
#Hero .elementor-button {
  -webkit-animation: fadeInUp 0.8s ease-out forwards;
          animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0;
}

#Hero h1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

#Hero p {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

#Hero .elementor-button {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* Make columns relative for absolute positioning */
#fill_application,
#connect_team {
  position: relative;
}

/* Desktop: Arrows outside to the right */
@media (min-width: 1024px) {
  #fill_application::after,
  #connect_team::after {
    content: "→";
    position: absolute;
    right: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 28px;
    color: #22c55e;
    white-space: nowrap;
  }
}
/* Mobile: Arrows below the column */
@media (max-width: 1023px) {
  #fill_application::after,
  #connect_team::after {
    content: "↓";
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 24px;
    color: #22c55e;
  }
}/*# sourceMappingURL=style.css.map */