@import url('https://fonts.googleapis.com/css2?family=NotoSans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
    font-family: 'Noto Sans', sans-serif !important;
}

:root{
--color-brand: #d5160c !important;
 --zohohc_asap_web_applauncher_bg : linear-gradient(45deg,#000 , #000) !important;
  --zohohc_asap_web_appheader_bg : linear-gradient(45deg,#d5160c , #d5160c) !important;
 --zohohc_asap_web_appclose_iconbg : linear-gradient(45deg,#ccc , #ccc) !important;
}

.Header__homeContent {
    position: relative;
    z-index: 1; /* keep original content above the overlay */
}

.Header__homeContent::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* adjust opacity here */
    z-index: -1; /* keep overlay behind content */
    pointer-events: none; /* prevent blocking clicks */
}
.Header__searchTitle{
  color: #ffffff;
}
.Header__description{
color: #ffffff;}
.commonStyle__zt3BrandBg {
    background-color: #d5160c !important;
}

.SearchContainer__downArrow {
    border-top-color: #d5160c !important;
}

.Button__footerBtn {
    border-radius: 10px !important;
    background: #000000 !important;
}
/* --- Shared Layout --- */
.footer-columns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    text-align: center;
}

/* --- LENS Column --- */
.footer-col-lens {
    min-width: 200px;
    padding: 20px;
    border-radius: 5px;
     /* Light blue tint */2
}

.footer-col-lens .footer-logo {
    width: 200px;
    border-radius: 5px;
}

/* --- REMOTE/ASSIST Column --- */
.footer-col-remote {
    min-width: 200px;
    padding: 20px;
    border-radius: 5px;
   /* Light orange tint */
}

.footer-col-remote .footer-logo {
    width: 200px;
    border-radius: 5px;
}

/* --- Icons (Shared) --- */
.footer-app-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
  
}

.footer-app-icons img {
    height: 45px;
    width: auto;
    transition: transform 0.2s ease;
  border-radius:5px;
}

.footer-app-icons img:hover {
    transform: scale(1.08);
}

/* Footer bottom */
.Footer__container2 {
    text-align: center;
    margin-top: 25px;
}