body, .site, .site-content, #content, #page, 
.site-inner, main, .entry-content, 
.content-area, #primary {
  background-color: transparent !important;
}

body {
  background-image: url('https://aerospaceparkbengalis.in/wp-content/uploads/2025/09/1000104049.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}

/* 1. The Main Curved Box */
.cky-banner-element {
    position: fixed !important;
    bottom: 15px !important;
    left: 4% !important;
    width: 92% !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border-radius: 16px !important; /* Elegant curved edges */
    box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    padding: 15px !important; /* This stops the text from being cut off at the start */
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    z-index: 9999999 !important;
    overflow: visible !important; /* Ensures text doesn't clip */
}

/* 2. Text Alignment Fix */
.cky-notice-des, .cky-notice-des * {
    font-size: 11px !important;
    line-height: 1.5 !important; /* Room for the letters to breathe */
    color: #333 !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 5px !important; /* Safety margin for the first letter */
    display: block !important;
}

/* 3. Balanced Rectangular Buttons */
.cky-btn-group {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
}

.cky-btn {
    flex: 1 !important;
    height: 38px !important; /* Uniform height for both buttons */
    border-radius: 8px !important; /* Matching curved corners */
    font-size: 11px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 4. Color & Stealth Settings */
.cky-btn-accept { background: #000 !important; color: #fff !important; }
.cky-btn-reject { background: #f5f5f5 !important; color: #444 !important; }
.cky-btn-settings, .cky-powered-by, .cky-title { display: none !important; }
/* All language links - default */
a[data-gt-lang] {
color: #7B4F2E !important;
font-weight: 600 !important;
font-size: 10px !important;
text-decoration: none !important;
margin: 0 !important;
padding: 1px 6px !important;
border-radius: 12px !important;
transition: all 0.4s ease !important;
background: transparent !important;
letter-spacing: 0.2px !important;
}

/* HOVER - Instagram gradient fading at edges */
a[data-gt-lang]:not(.gt-current-lang):hover {
color: #ffffff !important;
background: linear-gradient(
45deg,
transparent 0%,
#405DE6 15%,
#833AB4 30%,
#C13584 50%,
#F77737 75%,
#FCAF45 90%,
transparent 100%
) !important;
border-radius: 10px !important;
padding: 1px 6px !important;
}

/* Selected language - Instagram gradient */
a.gt-current-lang {
color: #ffffff !important;
background: linear-gradient(
45deg,
#405DE6 0%,
#833AB4 25%,
#C13584 50%,
#F77737 75%,
#FCAF45 100%
) !important;
border-radius: 10px !important;
padding: 1px 5px !important;
font-weight: 700 !important;
}

/* Selected hover - stays Instagram */
a.gt-current-lang:hover {
color: #ffffff !important;
background: linear-gradient(
45deg,
#405DE6 0%,
#833AB4 25%,
#C13584 50%,
#F77737 75%,
#FCAF45 100%
) !important;
}


/* ===================================================== *//* 1. Accessibility floater */#baap-a11y-wrap {  bottom: calc(env(safe-area-inset-bottom, 0px) + 90px + var(--baap-bottom-gap)) !important;  transform: translateZ(0); /* force GPU layer on iOS */  pointer-events: none;     /* fix footer nav blocking */}/* Keep floater button and open panel clickable */#baap-a11y-trigger {  pointer-events: auto;}#baap-a11y-panel.baap-visible {  pointer-events: auto;}/* 2. Membership join button */.baap-join-wrap {  bottom: calc(env(safe-area-inset-bottom, 0px) + 20px + var(--baap-bottom-gap)) !important;  transform: translateZ(0); /* force GPU layer on iOS */}/* Root variable — JS will override this with real viewport gap */:root {  --baap-bottom-gap: 0px; /* fallback for browsers without visualViewport */}
/* Make GTranslate row scrollable on mobile */#google_translate_element,#google_translate_element .goog-te-gadget,.gt-lang-code {  white-space: nowrap;  overflow-x: auto !important;  -webkit-overflow-scrolling: touch;  display: block !important;  width: 100% !important;  scrollbar-width: none; /* hide scrollbar */}#google_translate_element::-webkit-scrollbar {  display: none;}