.elementor-2 .elementor-element.elementor-element-6205ca7:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-6205ca7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-6205ca7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 10px 80px 10px;}.elementor-2 .elementor-element.elementor-element-6205ca7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-a7640a7{text-align:center;}.elementor-2 .elementor-element.elementor-element-859356a{text-align:center;}.elementor-2 .elementor-element.elementor-element-859356a .elementor-heading-title{font-family:"Astro Space", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-409a0c8 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-2 .elementor-element.elementor-element-409a0c8{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-833c66c );}.elementor-2 .elementor-element.elementor-element-58ffe79 > .elementor-widget-container{padding:20px 0px 20px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-6205ca7{padding:40px 20px 40px 20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2 .elementor-element.elementor-element-409a0c8{font-size:16px;}}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-cb7a820{width:10%;}.elementor-2 .elementor-element.elementor-element-5111afd{width:79.332%;}.elementor-2 .elementor-element.elementor-element-7377cca{width:10%;}}/* Start custom CSS for html, class: .elementor-element-2ebafd2 */:root {
      --bg:#f6f7fb; --panel:#ffffff; --text:#182033; --muted:#64748b; --border:#e2e8f0; --shadow:0 10px 30px rgba(15,23,42,.10);
      --obs:#22c55e; --pla:#3b82f6; --store:#eab308; --astro:#a855f7;
    }
    * { box-sizing:border-box; }
    html, body { height:100%; margin:0; font-family:Inter,Segoe UI,system-ui,sans-serif; background:var(--bg); color:var(--text); }
    #app { display:grid; grid-template-rows:auto 1fr; height:100vh; }
    .topbar { background:rgba(255,255,255,.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--border); padding:14px 18px; display:flex; gap:16px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
    .title h1 { margin:0; font-size:1.1rem; }
    .title p { margin:4px 0 0; color:var(--muted); font-size:.88rem; }
    .controls { display:flex; flex-direction:column; gap:10px; align-items:flex-end; }
    .filters { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
    .filter-btn, .action-btn { border:1px solid var(--border); background:#fff; color:var(--text); border-radius:999px; padding:10px 14px; font-weight:700; font-size:.85rem; cursor:pointer; transition:.18s ease; }
    .filter-btn:hover, .action-btn:hover { transform:translateY(-1px); box-shadow:var(--shadow); }
    .filter-btn.active { border-color:currentColor; background:#fff; }
    .filter-btn .dot { width:10px; height:10px; display:inline-block; border-radius:50%; margin-right:8px; vertical-align:middle; }
    .legend { display:flex; gap:14px; flex-wrap:wrap; color:var(--muted); font-size:.8rem; }
    .legend span::before { content:''; display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; vertical-align:middle; }
    .legend .obs::before { background:var(--obs); }
    .legend .pla::before { background:var(--pla); }
    .legend .store::before { background:var(--store); }
    .legend .astro::before { background:var(--astro); }
    #map { height:100%; width:100%; z-index: 0;}
    .leaflet-container { background:#dbeafe; }
    .leaflet-popup-content-wrapper { border-radius:14px; box-shadow:var(--shadow); border:1px solid var(--border); }
    .leaflet-popup-content { margin:14px 16px; min-width:210px; }
    .popup-title { font-weight:800; font-size:1rem; margin-bottom:6px; }
    .popup-meta { font-size:.78rem; color:var(--muted); margin-bottom:10px; }
    .offering-list { display:flex; flex-direction:column; gap:7px; margin-bottom:12px; }
    .offering-item { display:flex; align-items:center; gap:8px; font-size:.86rem; font-weight:600; }
    .offering-item i { width:10px; height:10px; border-radius:50%; display:inline-block; }
    .wiki-link { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px; background:#2563eb; color:#fff; text-decoration:none; font-weight:700; font-size:.84rem; }
    .wiki-link:hover { background:#1d4ed8; }
    .count-badge { color:var(--muted); font-size:.78rem; font-weight:700; }
    @keyframes pulse { 0% { transform:scale(1); opacity:.28; } 70% { transform:scale(2.4); opacity:0; } 100% { opacity:0; } }
    @media (max-width: 760px) {
      .controls { align-items:flex-start; }
      .filters, .legend { justify-content:flex-start; }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-58ffe79 */.contact-us-form .forminator-description {
    font-size: 14px !important;
    color: #666 !important;
}
.contact-us-form .forminator-ui.forminator-custom-form[data-design="default"] .forminator-button {
    border: solid 1px #333;
    background-color: #e9e9ed;
    border: 1px solid #e0e0e0;
    color: #000;
    padding: 4px;
    border-radius: 5px;
    font-size: 14px !important;
}
.contact-us-form span {
    color: #0054c0;
    font-size: 14px !important;
}
.contact-us-form {
    max-width: 637px;
    margin: 0 auto;
    padding: 28px 32px 15px;
    background: rgba(255,255,255,0.95);
    border-radius: 26px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}
.contact-us-form .forminator-ui.forminator-custom-form[data-design="default"] .forminator-input {
    border-color: #e0e0e0;
    border-radius: 20px !important;
    padding: 12px !important;
}
.contact-us-form .forminator-ui.forminator-custom-form[data-design="default"] .forminator-textarea {
    border-color: #e0e0e0;
    border-radius: 8px !important;
}
.contact-us-form .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child) {
    margin-bottom: 15px !important;
}
.forminator-ui.forminator-custom-form[data-design="basic"] .forminator-input {
    border-radius: 10px;
}
.contact-us-form .cosmo-form-submit {
    position: relative !important;
  background: linear-gradient(135deg, #A877FF 0%, #7330F2 100%) !important;
  color: #ffffff !important;
  border: none;
  padding: 10px 40px !important;
    padding-left: 40px !important;
  font-size: 12px !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  width: auto !important;
  display: inline-block !important;
  border-radius: 0;
 clip-path: polygon(0 0, 82% 0, 100% 45%, 100% 100%, 15% 100%) !important;
  box-shadow: 0 8px 24px rgba(115, 48, 242, 0.45) !important;
  transition: all 0.25s ease;
}


.contact-us-form .forminator-row-last  {
    display: flex !important;
    text-align: center !important;
}
.contact-us-form .forminator-ui.forminator-custom-form[data-design="default"] .forminator-file-upload {
    width: 100%;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  padding: 14px 18px;
    padding-left: 18px;
  padding-left: 20px !important;
}
.contact-us-form .forminator-error-message {
    color: #E51919;
}
.contact-us-form .forminator-ui.forminator-custom-form[data-design="default"] .forminator-label {
    display: none;
}
.contact-us-form .form-heading {
    color: #000;
    font-weight: 700;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1px;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-881ff89 *//* ----------------------------------------------------
   Wrapper
---------------------------------------------------- */
.contact-us-form-sec {
    max-width: 637px;
    margin: 0 auto;
    padding: 28px 32px 15px;
    background: rgba(255,255,255,0.95);
    border-radius: 26px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

/* Remove extra CF7 gaps */
.contact-us-form-sec .cosmo-form br {
    display: none;
}

.contact-us-form-sec .cosmo-form p {
    margin: 0 0 14px;
}

/* ----------------------------------------------------
   Fields
---------------------------------------------------- */
.cosmo-form input,
.cosmo-form textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    padding: 14px 18px;
    padding-left: 20px !important; /* space for icon */
    font-size: 15px;
    outline: none;
    transition: 0.3s ease;
}

/* Optional: nicer focus */
.cosmo-form input:focus,
.cosmo-form textarea:focus {
    border-color: #a877ff;
    box-shadow: 0 0 0 1px rgba(168,119,255,0.5);
}

.cosmo-form .cosmo-message textarea {
    border-radius: 18px !important;
    height: 110px;
}

/* ----------------------------------------------------
   Icons
---------------------------------------------------- */
.cosmo-field {
    position: relative;
}

.cosmo-field::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    display: none !important;
}

/* Icons per field */
.cosmo-name::before {
    /*background-image: url('/wp-content/uploads/2025/11/profile.png');*/
}

.cosmo-email::before {
    /*background-image: url('/wp-content/uploads/2025/11/email.png');*/
}

.cosmo-phone::before {
    /*background-image: url('/wp-content/uploads/2025/11/Vector.png');*/
}

.cosmo-subject::before {
    /*background-image: url('/wp-content/uploads/2025/11/Vector-1.png');*/
}

.cosmo-message::before {
    /*background-image: url('/wp-content/uploads/2025/11/Vector-2.png');*/
    top: 20% !important; /* message icon adjustment */
}

/* ----------------------------------------------------
   Submit Button – Figma shape
---------------------------------------------------- */
.cosmo-submit {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cosmo-submit .wpcf7-submit {
    position: relative;
    background: linear-gradient(135deg, #A877FF 0%, #7330F2 100%);
    color: #ffffff;
    border: none;
    padding: 10px 40px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    width: auto !important;
    display: inline-block !important;
    border-radius: 0;

    /* Figma shape:
       - tiny top-right cut
       - bottom-left notch
    */
    clip-path: polygon(
        0 0,          /* top-left */
        82% 0,        /* before top-right bevel */
        100% 45%,     /* top-right bevel */
        100% 100%,    /* bottom-right */
        15% 100%,     /* bottom straight segment */
        0 65%         /* bottom-left angled notch */
    );

    box-shadow: 0 8px 24px rgba(115, 48, 242, 0.45);
    transition: all 0.25s ease;
}

/* Shine effect (Figma inner highlight) */
.cosmo-submit .wpcf7-submit::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.85),
        rgba(255, 255, 255, 0) 60%
    );
    opacity: 0.8;
    pointer-events: none;

    clip-path: polygon(
        35% 0,
        100% 0,
        100% 100%,
        5% 100%
    );
}

/* Hover */
.cosmo-submit .wpcf7-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 32px rgba(115, 48, 242, 0.55);
}

/* CF7 Spinner – aligned over the right side of the button */
.cosmo-submit .wpcf7-spinner {
    margin-left: -35px;
}

/* ----------------------------------------------------
   Form Title & Subtitle (Figma style)
---------------------------------------------------- */

/* Main title */
.cosmo-form-title {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;              /* 100% in Figma */
    letter-spacing: 0.1px;
    text-transform: none !important;
    color: #101010 !important;
    text-align: center;
    margin: 0 0 10px;            /* space below title */
}

/* Subtitle */
.cosmo-form-subtitle {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;            /* comfortable two lines */
    letter-spacing: 0.1px;
    color: #6c6c6c;              /* soft grey like Figma */
    text-align: center;
    margin: 0 0 22px;            /* space between subtitle and first field */
}

/* Optional: tighten on mobile */
@media (max-width: 767px) {
    .cosmo-form-title {
        font-size: 20px;
    }
    .cosmo-form-subtitle {
        font-size: 13px;
        margin-bottom: 18px;
    }
    .contact-us-form-sec #fileLabel{
        font-size: 12px; 
        line-height: 22px;
    }
}

.contact-us-form-sec #fileLabel{
  color: #7c7c7c;
  font-size: 14px;  
  padding-left: 20px;
  margin-bottom: 10px;
  line-height: 24px;
}
.contact-us-form-sec .wpcf7-not-valid-tip{
    padding: 10px 0px 0px 20px;
    font-size: 14px;
}
.wpcf7 form .wpcf7-response-output{
    color: #000;
  font-size: 14px;
}
.wpcf7 input[type="file"] {
  cursor: pointer;
  color: #0054c0;
  font-size: 14px;
}
.wpcf7 form.sent .wpcf7-response-output {
  font-size: 14px;
  color: #fff;
}
.wpcf7-form.sent .cosmo-form{
    display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Astro Space';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://cosmofluencer.space/wp-content/uploads/2025/11/AstroSpace-eZ2Bg.ttf') format('truetype');
}
/* End Custom Fonts CSS */