/* Social Icons Vertical (Fixed Position) */
.social-icons-container {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
}

.social-icons-vertical {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.social-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.social-icon svg {
  width: 20px;
  height: 20px;
  fill:rgba(240, 176, 0, 0.74);
  transition: all 0.3s ease;
}

.social-icon:hover {
  background-color: rgba(0, 0, 0, 0.9);
  transform: translateY(-3px);
}

/* Hover Colors */
.social-icon[aria-label="Facebook"]:hover svg { fill: #1877F2; }
.social-icon[aria-label="LinkedIn"]:hover svg { fill: #0A66C2; }
.social-icon[aria-label="Instagram"]:hover svg { fill: #E4405F; }
.social-icon[aria-label="Email"]:hover svg { fill: #EA4335; }
.social-icon[aria-label="WhatsApp"]:hover svg { fill: #25D366; }
.social-icon[aria-label="TikTok"]:hover svg { fill: #f35900; }

/* Social Icons Vertical (Fixed Position) */
.social-icons-container {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
}

.social-icons-vertical {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.social-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.social-icon svg {
  width: 20px;
  height: 20px;
  fill: rgba(240, 176, 0, 0.74);
  transition: all 0.3s ease;
}

.social-icon:hover {
  background-color: rgba(0, 0, 0, 0.9);
  transform: translateY(-3px);
}

/* Hover Colors */
.social-icon[aria-label="Facebook"]:hover svg { fill: #1877F2; }
.social-icon[aria-label="LinkedIn"]:hover svg { fill: #0A66C2; }
.social-icon[aria-label="Instagram"]:hover svg { fill: #E4405F; }
.social-icon[aria-label="Email"]:hover svg { fill: #EA4335; }
.social-icon[aria-label="WhatsApp"]:hover svg { fill: #25D366; }
.social-icon[aria-label="TikTok"]:hover svg { fill: #f35900; }

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .social-icons-container {
    right: 10px;
    bottom: 10px;
  }
  
  .social-icon {
    width: 36px;
    height: 36px;
  }
  
  .social-icon svg {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 480px) {
  .social-icons-container {
    right: 8px;
    bottom: 8px;
  }
  
  .social-icons-vertical {
    gap: 8px;
  }
  
  .social-icon {
    width: 32px;
    height: 32px;
  }
  
  .social-icon svg {
    width: 16px;
    height: 16px;
  }
}


/* ===== CRITICAL ABOVE-THE-FOLD STYLES ===== */
/**{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;color:#fff;line-height:1.5}*/



/* ===== Base Styles ===== */
/*:root {*/
/*  --primary-color: #000;*/
/*  --secondary-color: #f0b000;*/
/*  --text-dark: #222;*/
/*  --text-medium: #444;*/
/*  --text-light: #666;*/
/*  --bg-white: #fff;*/
/*  --bg-light: #f8f8f8;*/
/*  --shadow-sm: 0 2px 10px rgba(0,0,0,0.05);*/
/*  --shadow-md: 0 4px 6px rgba(0,0,0,0.1);*/
/*  --transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);*/
/*}*/

/* ===== Header Styles ===== */
/*.main-header {*/
/*  background: var(--bg-white);*/
/*  padding: 0.75rem 0;*/
/*  box-shadow: var(--shadow-sm);*/
/*  position: relative;*/
/*  z-index: 100;*/
/*  border-bottom: 1px solid rgba(0,0,0,0.05);*/
/*}*/

/*.header-content {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: space-between;*/
/*  max-width: 1200px;*/
/*  margin: 0 auto;*/
/*  padding: 0 1.5rem;*/
/*  position: relative;*/
/*  z-index: 90;*/
/*}*/

/*.header-left {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  gap: 1.25rem;*/
/*  flex-grow: 1;*/
/*  min-width: 0;*/
/*}*/

/*.logo {*/
/*  height: 5rem;*/
/*  width: auto;*/
/*  transition: transform 0.3s ease;*/
/*  filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));*/
/*}*/

/*.text-content {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*  min-width: 0;*/
/*  position: relative;*/
/*  z-index: 95;*/
/*}*/

/*.text-content h1 {*/
/*  font-size: 1.4rem;*/
/*  margin: 0;*/
/*  color: var(--text-dark);*/
/*  font-weight: 700;*/
/*  letter-spacing: 0.5px;*/
/*  line-height: 1.2;*/
  /* white-space: nowrap; */
/*  overflow: visible;*/
/*  text-overflow: clip;*/
/*  text-shadow: 0 1px 2px rgba(0,0,0,0.1);*/
/*}*/

/*.tagline {*/
/*  font-size: 0.85rem;*/
/*  color: var(--text-light);*/
/*  margin: 0.25rem 0 0;*/
/*  font-style: italic;*/
/*  letter-spacing: 0.3px;*/
  /* white-space: nowrap; */
/*  overflow: visible;*/
/*  text-overflow: clip;*/
/*}*/

/*.header-right {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  gap: 1rem;*/
/*}*/

/*.country-flag {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  background: var(--bg-white);*/
/*  padding: 0.3rem 0.6rem;*/
/*  border-radius: 2rem;*/
/*  box-shadow: var(--shadow-sm);*/
/*  border: 1px solid rgba(0,0,0,0.08);*/
/*  transition: var(--transition);*/
/*  position: relative;*/
/*  z-index: 95;*/
/*}*/

/*.country-flag:hover {*/
/*  transform: translateY(-2px);*/
/*  box-shadow: 0 4px 12px rgba(0,0,0,0.1);*/
/*}*/

/*.flag-icon {*/
/*  height: 1rem;*/
/*  width: 1.6rem;*/
/*  object-fit: cover;*/
/*  border-radius: 0.125rem;*/
/*}*/

/* ===== Navigation Styles ===== */
/*.navigation {*/
/*  background: var(--primary-color);*/
/*  box-shadow: var(--shadow-md);*/
/*  position: relative;*/
/*  z-index: 200;*/
/*}*/

/* Mobile Menu Toggle Button */
/*.menu-toggle {*/
/*  display: none;*/
/*  background: none;*/
/*  border: none;*/
/*  color: var(--primary-color);*/
/*  font-size: 1.8rem;*/
/*  padding: 0.5rem;*/
/*  cursor: pointer;*/
/*  z-index: 1002;*/
/*  transition: var(--transition);*/
/*  width: 2rem;*/
/*  height: 2rem;*/
/*}*/

/*.menu-toggle:hover {*/
/*  color: var(--secondary-color);*/
/*}*/

/*.navbar {*/
/*  display: flex;*/
/*  list-style: none;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/

/*.navbar > li {*/
/*  position: relative;*/
/*}*/

/*.navbar-close {*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: 15px;*/
/*  right: 15px;*/
/*  font-size: 28px;*/
/*  cursor: pointer;*/
/*  color: #fff;*/
/*  z-index: 1001;*/
/*}*/

/*@media (max-width: 768px) {*/
/*  .navbar.active .navbar-close {*/
/*    display: block;*/
/*  }*/
/*}*/
/*.navbar a {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  padding: 1rem 1.25rem;*/
/*  color: var(--bg-white);*/
/*  text-decoration: none;*/
/*  font-weight: 500;*/
/*  transition: var(--transition);*/
/*  position: relative;*/
/*  font-size: 0.9rem;*/
/*  letter-spacing: 0.3px;*/
/*}*/

/*.navbar a:hover {*/
/*  color: var(--secondary-color);*/
/*}*/

/* Dropdown Styles */
/*.dropdown-menu {*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: 100%;*/
/*  left: 0;*/
/*  background: var(--bg-white);*/
/*  min-width: 220px;*/
/*  box-shadow: 0 10px 30px rgba(0,0,0,0.15);*/
/*  border-radius: 0 0 0.5rem 0.5rem;*/
/*  overflow: hidden;*/
/*  z-index: 1000;*/
/*  border-top: 3px solid var(--secondary-color);*/
/*}*/

/*.dropdown:hover .dropdown-menu {*/
/*  display: block;*/
/*  animation: fadeIn 0.3s ease;*/
/*}*/

/*.dropdown-menu li a {*/
/*  color: var(--text-dark);*/
/*  padding: 0.75rem 1.5rem;*/
/*  border-left: 3px solid transparent;*/
/*}*/

/*.dropdown-menu li a:hover {*/
/*  background: var(--bg-light);*/
/*  border-left: 3px solid var(--secondary-color);*/
/*  color: var(--primary-color);*/
/*}*/

/* Animations */
/*@keyframes fadeIn {*/
/*  from { opacity: 0; transform: translateY(-10px); }*/
/*  to { opacity: 1; transform: translateY(0); }*/
/*}*/

/*@keyframes slideInRight {*/
/*  from { transform: translateX(100%); }*/
/*  to { transform: translateX(0); }*/
/*}*/

/* ===== Social Media Icons Styles ===== */
/*.social-icons-container {*/
/*  position: fixed;*/
/*  right: 20px;*/
/*  bottom: 20px;*/
/*  z-index: 50;*/
/*}*/

/*.social-icons {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  gap: 15px;*/
/*  background-color: rgba(0, 0, 0, 0.7);*/
/*  padding: 15px 10px;*/
/*  border-radius: 30px;*/
/*  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);*/
/*}*/

/*.social-icon {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  width: 40px;*/
/*  height: 40px;*/
/*  border-radius: 50%;*/
/*  transition: all 0.3s ease;*/
/*  cursor: pointer;*/
/*}*/

/*.social-icon svg {*/
/*  width: 24px;*/
/*  height: 24px;*/
/*  fill: white;*/
/*  transition: all 0.3s ease;*/
/*}*/

/*.social-icon:hover.facebook {*/
/*  background-color: #1877f2;*/
/*}*/
/*.social-icon:hover.linkedin {*/
/*  background-color: #0a66c2;*/
/*}*/
/*.social-icon:hover.instagram {*/
/*  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);*/
/*}*/
/*.social-icon:hover.whatsapp {*/
/*  background-color: #25d366;*/
/*}*/
/*.social-icon:hover.email {*/
/*  background-color: #f0b000;*/
/*}*/

/* ===== Responsive Styles ===== */
/*@media (max-width: 768px) {*/
/*  .header-content {*/
/*    padding: 0.5rem;*/
/*    flex-wrap: nowrap;*/
/*  }*/
  
/*  .header-left {*/
/*    gap: 0.75rem;*/
/*  }*/
  
/*  .text-content h1 {*/
/*    font-size: 1.1rem;*/
/*  }*/
  
/*  .tagline {*/
/*    font-size: 0.7rem;*/
/*  }*/
  
/*  .logo {*/
/*    height: 3.5rem;*/
/*  }*/
  
/*  .country-flag {*/
/*    padding: 0.25rem 0.5rem;*/
/*  }*/
  
/*  .flag-icon {*/
/*    height: 0.9rem;*/
/*    width: 1.4rem;*/
/*  }*/
  
  /* Mobile Menu Styles */
/*  .menu-toggle {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 2.5rem;*/
/*    height: 2.5rem;*/
/*    background: rgba(0,0,0,0.1);*/
/*    border-radius: 4px;*/
/*    position: relative;*/
/*    z-index: 1002;*/
/*  }*/
  
  /* Mobile Navigation - Slide from Right */
/*  .navbar {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    right: -100%;*/
/*    width: 85%;*/
    /*max-width: 320px;*/
/*    height: 100vh;*/
/*    background: #111;*/
/*    flex-direction: column;    */
/*    transition: all 0.35s ease-out;*/
/*    z-index: 1000;*/
/*    box-shadow: -5px 0 25px rgba(0,0,0,0.3);*/
/*    overflow-y: auto;*/
/*    padding: 3rem 0 0.5rem;*/
/*    font-size: 0.9rem;*/
/*  }*/
  
/*  .navbar.active {*/
/*    right: 0;*/
/*    animation: slideInRight 0.3s ease-out;*/
/*  }*/
  
/*  .navbar > li {*/
/*    width: 100%;*/
/*  }*/
  
/*  .navbar a {    */
/*    border-bottom: 1px solid rgba(255,255,255,0.08);*/
/*    font-size: 1rem;*/
/*    color: #f0f0f0;*/
/*    padding: 0.7rem 1rem;*/
/*    font-size: 0.9rem;*/
/*  }*/
  
/*  .navbar a:hover {*/
/*    color: var(--secondary-color);*/
/*    background: rgba(255,255,255,0.05);*/
/*  }*/
  
  /* Mobile Dropdown Styles */
/*  .dropdown > a {*/
/*    position: relative;*/
/*  }*/
  
/*  .dropdown > a::after {*/
/*    content: '+';*/
/*    position: absolute;*/
/*    right: 1.5rem;*/
/*    font-size: 1.2rem;*/
/*    transition: transform 0.3s ease;*/
/*  }*/
  
/*  .dropdown.active > a::after {*/
/*    content: '-';*/
/*  }*/
  
/*  .dropdown-menu {*/
/*    position: static;*/
/*    width: 100%;*/
/*    max-height: 0;*/
/*    overflow: hidden;*/
/*    background: rgba(0,0,0,0.25);*/
/*    box-shadow: none;*/
/*    border-top: none;*/
/*    border-radius: 0;*/
/*    padding: 0;*/
/*    transition: max-height 0.3s ease-out;*/
/*  }*/
  
/*  .dropdown.active .dropdown-menu {*/
/*    max-height: 500px;*/
/*    display: block;*/
/*  }*/
  
/*  .dropdown-menu li a {*/
/*    color: #ddd;    */
/*    background: rgba(0,0,0,0.2);*/
/*    transition: all 0.2s ease;*/
/*    padding: 0.5rem 1.5rem;*/
/*    font-size: 0.85rem;*/
/*  }*/
  
/*  .dropdown-menu li a:hover {*/
/*    background: rgba(255,255,255,0.1);*/
/*    color: var(--secondary-color);*/
/*    padding-left: 2.2rem;*/
/*  }*/
  
  /* Prevent body scroll when menu is open */
/*  body.menu-open {*/
/*    overflow: hidden;*/
/*    position: fixed;*/
/*    width: 100%;*/
/*  }*/
  
  /* Social Icons Mobile Adjustment */
/*  .social-icons-container {*/
/*    bottom: 10px;*/
/*    right: 10px;*/
/*  }*/
  
/*  .social-icons {*/
/*    flex-direction: row;*/
/*    padding: 10px 15px;*/
/*  }*/
  
/*  .social-icon {*/
/*    width: 35px;*/
/*    height: 35px;*/
/*  }*/
  
/*  .social-icon svg {*/
/*    width: 20px;*/
/*    height: 20px;*/
/*  }*/
/*}*/

/*@media (max-width: 480px) {*/
/*  .header-content {*/
/*    padding: 0.5rem;*/
/*  }*/
  
/*  .text-content h1 {*/
/*    font-size: 1rem;*/
/*  }*/
  
/*  .tagline {*/
/*    font-size: 0.65rem;*/
/*  }*/
  
/*  .logo {*/
/*    height: 3rem;*/
/*  }*/
  
/*  .navbar {*/
/*    width: 90%;*/
/*    padding: 4rem 0 1rem;*/
/*  }*/

  /* Vertical alignment for mobile */
/*  .social-icons {*/
/*    flex-direction: column;*/
/*  }*/
/*}*/
/* Scroll Button Styling (Top Right) */
/*#scrollButton {*/
/*  position: fixed;*/
/*  top: 20px;*/
/*  right: 20px;*/
/*  width: 45px;*/
/*  height: 45px;*/
/*  background-color: rgba(0, 0, 0, 0.4);*/
/*  color: #fff;*/
/*  border: none;*/
/*  border-radius: 50%;*/
/*  cursor: pointer;*/
/*  font-size: 24px;*/
/*  transition: background 0.3s ease, transform 0.3s ease;*/
/*  z-index: 9999;*/
  display: none; /* Hidden by default */
/*}*/

/*#scrollButton:hover {*/
/*  background-color: rgba(0, 0, 0, 0.7);*/
/*  transform: scale(1.1);*/
/*}*/

/*.dropdown > a {*/
/*  cursor: pointer;*/
/*}*/

/*.dropdown-menu {*/
/*  z-index: 9999;*/
/*  pointer-events: auto;*/
  
/*}*/

/*.header-content, .navigation {*/
/*  overflow: visible;*/
/*}*/

/*.dropdown:hover .dropdown-menu,*/
/*.dropdown:focus-within .dropdown-menu {*/
/*  display: block;*/
/*}*/

/*.dropdown-menu, .dropdown {*/
/*  touch-action: manipulation;*/
/*}*/

/*.navbar {*/
/*  -webkit-overflow-scrolling: touch;*/
/*}*/