/* Removed <style> tag */
/* ================= RESET ================= */
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial;
}

/* ================= HEADER ================= */
.fx-header {
  background:#4d148c;
  height:72px;
  display:flex;
  align-items:center;
  position:relative;
  z-index:1000;
}

.fx-container {
  width:100%;
  max-width:1400px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
}

/* Logo */
.fx-logo {
  font-size:30px;
  font-weight:700;
}
.fx-logo .fed { color:#fff; }
.fx-logo .ex { color:#ff6600; }

/* ================= DESKTOP NAV ================= */
.fx-nav {
  display:flex;
  gap:28px;
}

.fx-nav-item {
  position:relative;
}

.fx-nav-item > a {
  color:#fff;
  text-decoration:none;
  font-size:16px;
  padding:24px 6px;
  display:flex;
  align-items:center;
}

/* Dropdown */
.fx-dropdown {
  position:absolute;
  top:72px;
  left:0;
  background:#fff;
  min-width:360px;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
  display:none;
}

.fx-dropdown a {
  display:block;
  padding:14px 20px;
  color:#111;
  text-decoration:none;
  border-bottom:1px solid #eee;
}

.fx-dropdown a:hover {
  background:#f6f6f6;
}

.fx-dropdown .fx-all {
  font-weight:600;
  color:#0066cc;
  border-bottom:none;
}

.fx-nav-item:hover .fx-dropdown {
  display:block;
}

/* ================= MOBILE TOGGLE ================= */
.fx-menu-btn {
  display:none;
  font-size:26px;
  color:#fff;
  cursor:pointer;
}

/* ================= MOBILE MENU ================= */
.fx-mobile-menu {
  position:fixed;
  inset:0;
  background:#4d148c;
  transform:translateX(100%);
  transition:.35s ease;
  z-index:2000;
}

.fx-mobile-menu.active {
  transform:translateX(0);
}

.fx-mobile-top {
  display:flex;
  gap:12px;
  padding:16px;
}

.fx-mobile-top input {
  flex:1;
  padding:14px;
  border:none;
  border-radius:6px;
}

.fx-mobile-top .close {
  font-size:26px;
  color:#fff;
  cursor:pointer;
}

.fx-mobile-list {
  background:#fff;
  height:100%;
}

.fx-mobile-item {
  border-bottom:1px solid #eee;
}

.fx-mobile-item button {
  width:100%;
  padding:18px 16px;
  background:none;
  border:none;
  font-size:16px;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
}

.fx-submenu {
  display:none;
  padding:0 16px 14px;
}

.fx-submenu a {
  display:block;
  padding:8px 0;
  text-decoration:none;
  color:#4d148c;
}

/* ================= RESPONSIVE ================= */
@media(max-width: 900px) {
  .fx-nav { display:none; }
  .fx-menu-btn { display:block; }
}

/* ================= DEMO HERO ================= */
.hero {
  height:420px;
  background:url('https://media.wired.com/photos/64c451a35d58439e770e4625/16:9/w_2400,h_1350,c_limit/Delivery-Drivers-Heatwave-Business-1554643273.jpg')
    center/cover no-repeat;
}

/* Removed </style> tag */
    
 .fx-footer {
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Arial, sans-serif;
  color:#111;
}

/* ===== MAIN FOOTER ===== */
.fx-footer-main {
  background:#fff;
  padding:64px 0 36px;
}

.fx-footer-container {
  max-width:1400px;
  margin:0 auto;
  padding:0 48px;
  display:grid;
  grid-template-columns: 1.3fr 1fr 1.3fr 1fr;
  column-gap:90px;
}

/* Column headings */
.fx-footer-col h5 {
  color:#4d148c;
  font-size:10px;
  font-weight:600;
  letter-spacing:0.1em;
  margin-bottom:20px;
}

/* Footer links */
.fx-footer-col a {
  display:block;
  font-size:15px;
  font-weight:400;
  color:#111;
  text-decoration:none;
  margin-bottom:12px;
  line-height:1.5;
}

.fx-footer-col a:hover {
  text-decoration:underline;
}

/* Language */
.fx-country {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  margin-bottom:16px;
}

.fx-language-box {
  border:1px solid #bfbfbf;
  padding:16px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:16px;
  cursor:pointer;
  width:260px;
}

/* ===== SOCIAL ===== */
.fx-footer-social {
  max-width:1440px;
  margin:48px auto 0;
  padding:0 48px;
  display:flex;
  align-items:center;
  gap:20px;
}

.fx-footer-social .label {
  color:#4d148c;
  font-size:14px;
  font-weight:600;
  letter-spacing:.06em;
}

/* Social icons */
.fx-footer-social .icons {
  display:flex;
  gap:14px;
}

.fx-footer-social .icons a {
  width:40px;
  height:40px;
  border:1.8px solid #333;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .2s ease;
}

.fx-footer-social .icons a:hover {
  background:#f5f5f5;
}

.fx-footer-social img {
  width:18px;
  height:18px;
  display:block;
}

/* ===== BOTTOM BAR ===== */
.fx-footer-bottom {
  background:#4d148c;
  color:#fff;
}

.fx-footer-bottom-inner {
  max-width:1440px;
  margin:0 auto;
  padding:20px 48px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
}

.fx-footer-bottom a {
  color:#fff;
  text-decoration:none;
}

.fx-footer-bottom a:hover {
  text-decoration:underline;
}

.fx-bottom-links {
  display:flex;
  align-items:center;
  gap:12px;
}

/* ===== RESPONSIVE ===== */
@media (max-width:1024px) {
  .fx-footer-container {
    grid-template-columns:1fr 1fr;
    row-gap:48px;
  }
}

@media (max-width:640px) {
  .fx-footer-container {
    grid-template-columns:1fr;
  }

  .fx-footer-social {
    flex-direction:column;
    align-items:flex-start;
  }

  .fx-footer-bottom-inner {
    flex-direction:column;
    gap:10px;
    text-align:center;
  }
}

    

/* Removed <style> tag */
    .fx-country {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  margin-bottom:16px;
  color:#111;
}

.fx-globe-icon {
  width:20px;
  height:20px;
  stroke:#111;
  fill:none;
  stroke-width:1.6;
}

    

/* Removed </style> tag */
    
    /* ================= HERO ================= */
.fx-hero {
  height:520px;
  background:url('https://media.wired.com/photos/64c451a35d58439e770e4625/16:9/w_2400,h_1350,c_limit/Delivery-Drivers-Heatwave-Business-1554643273.jpg')
    center/cover no-repeat;
  position:relative;
}

.fx-hero-overlay {
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  padding:20px;
}

/* Title */
.fx-title {
  font-size:44px;
  font-weight:400;
  margin-bottom:32px;
}

/* ================= TABS ================= */
.fx-tabs {
  display:flex;
  background:#fff;
  border-radius:6px;
  overflow:hidden;
}

.fx-tab {
  width:220px;
  padding:22px 14px;
  color:#111;
  text-align:center;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

.fx-tab svg {
  width:32px;
  height:32px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
}

.fx-tab span {
  font-size:13px;
  font-weight:600;
  letter-spacing:.05em;
}

.fx-tab.active {
  background:#4d148c;
  color:#fff;
}

/* ================= TRACK INPUT ================= */
.fx-track-box {
  margin-top:18px;
  display:flex;
  max-width:720px;
  width:100%;
}

.fx-track-box input {
  flex:1;
  padding:18px;
  font-size:16px;
  border:none;
  outline:none;
}

.fx-track-box button {
  background:#ff6600;
  border:none;
  color:#fff;
  padding:0 30px;
  font-size:16px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}

.fx-track-box button svg {
  width:18px;
  height:18px;
  stroke:#fff;
  fill:none;
  stroke-width:2;
}

/* ================= MOBILE MATCH ================= */
@media(max-width: 768px) {

  .fx-hero {
    height:auto;
    padding-bottom:40px;
  }

  .fx-hero-overlay {
    position:relative;
    background:transparent;
  }

  .fx-title {
    font-size:32px;
    margin:40px 0 20px;
  }

  .fx-tabs {
    width:100%;
    max-width:420px;
    justify-content:space-between;
    background:transparent;
    gap:10px;
  }

  .fx-tab {
    background:#fff;
    width:33.333%;
    padding:18px 10px;
    border-radius:4px;
  }

  .fx-tab span {
    font-size:11px;
  }

  .fx-track-box {
    flex-direction:row;
    max-width:420px;
    margin-top:16px;
  }

  .fx-track-box input {
    font-size:14px;
  }

  .fx-track-box button {
    padding:0 22px;
    font-size:14px;
  }
}


/* Removed </style> tag */
    
    /* ================= MANAGE YOUR SHIPMENTS ================= */
.fx-manage-clean {
  background:#fff;
  padding:180px 40px 120px;   /* large space above like FedEx */
  text-align:center;
}

/* Heading */
.fx-manage-heading {
  font-size:42px;
  font-weight:500;
  color:#4d148c;
  margin-bottom:100px;
}

/* Desktop grid */
.fx-manage-icons {
  max-width:1300px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:64px;
}

/* Item */
.fx-icon-item {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
}

/* Image icons */
.fx-icon-item img {
  width:90px;
  height:90px;
  object-fit:contain;
}

/* Labels */
.fx-icon-item span {
  color:#0072ce;
  font-size:15px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.4;
  text-align:center;
}

/* ================= TABLET ================= */
@media (max-width:1024px) {
  .fx-manage-icons {
    grid-template-columns:1fr 1fr;
    gap:70px;
  }
}

/* ================= MOBILE (FEDEX STYLE) ================= */
@media (max-width:768px) {

  .fx-manage-clean {
    padding:120px 20px 90px;
  }

  .fx-manage-heading {
    font-size:30px;
    margin-bottom:60px;
  }

  /* Stack vertically */
  .fx-manage-icons {
    grid-template-columns:1fr;
    gap:60px;
  }

  .fx-icon-item img {
    width:88px;
    height:88px;
  }

  .fx-icon-item span {
    font-size:14px;
    letter-spacing:.12em;
  }
}


/* Removed </style> tag */
    
   /* ================= CTA SECTION ================= */
.fx-cta-wrap {
  padding:80px 40px 120px;
  background:#fff;
}

.fx-cta {
  max-width:1200px;
  margin:0 auto;
  background:#4d148c;
  padding:40px 60px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
}

/* LEFT SIDE */
.fx-cta-left {
  display:flex;
  align-items:flex-start;
  gap:30px;
  max-width:900px;
}

.fx-cta-left img {
  width:64px;
  height:64px;
  object-fit:contain;
}

/* TEXT */
.fx-cta-text h3 {
  color:#fff;
  font-size:34px;
  font-weight:500;
  line-height:1.3;
  margin-bottom:18px;
}

.fx-cta-text p {
  color:#fff;
  font-size:18px;
  line-height:1.6;
  max-width:700px;
}

/* RIGHT SIDE */
.fx-cta-btn {
  background:#ff6600;
  color:#fff;
  font-size:16px;
  font-weight:700;
  letter-spacing:.06em;
  padding:22px 42px;
  text-decoration:none;
  display:inline-block;
  white-space:nowrap;
}

.fx-cta-btn:hover {
  opacity:.9;
}

/* ================= TABLET ================= */
@media (max-width:1024px) {
  .fx-cta {
    padding:50px 50px;
  }

  .fx-cta-text h3 {
    font-size:28px;
  }
}

/* ================= MOBILE ================= */
@media (max-width:768px) {

  .fx-cta-wrap {
    padding:60px 20px 90px;
  }

  .fx-cta {
    flex-direction:column;
    align-items:flex-start;
    padding:50px 30px;
  }

  .fx-cta-left {
    flex-direction:column;
    gap:24px;
  }

  .fx-cta-left img {
    width:56px;
    height:56px;
  }

  .fx-cta-text h3 {
    font-size:26px;
  }

  .fx-cta-text p {
    font-size:16px;
  }

  .fx-cta-right {
    margin-top:30px;
    width:100%;
  }

  .fx-cta-btn {
    width:100%;
    text-align:center;
    padding:20px;
  }
}
 
    
/* Removed </style> tag */




.goog-logo-link {
 display:none !important;
}

/*select {*/
/*  font-size: 16px;*/
/*  border: 1px solid #cecece;*/
/*  width: auto;*/
/*  appearance: none;*/
/*  -moz-appearance: none;*/
/*  -webkit-appearance: none;*/
/*  background: url(./img/select_arrow.png) no-repeat center right #fff;*/
/*  padding: 8px 20px 8px 8px;*/
/*  color: #363169;*/
/*  border-radius: 4px;*/
/*}*/

.goog-te-gadget {
 color: transparent !important;
 /*display:none !important;*/
}

.goog-te-gadget .goog-te-combo {
 color: black !important;
}