/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#primary-header {
  transition: background-color .3s ease;
}

#primary-header.scrolled {
  background-color: #000711;
}

/*
|--------------------------------------------------------------------------
| SECTION
|--------------------------------------------------------------------------
*/

.bds-global-network{
  position:relative;
  width:100%;
  padding:6rem 3rem;
  background:#F8FAFC;
  overflow:hidden;
}

/*
|--------------------------------------------------------------------------
| MAP WRAPPER
|--------------------------------------------------------------------------
*/

#bds-map{
  position:relative;
  width:100%;
  max-width:1600px;
  height:500px;
  margin:0 auto;
}

/*
|--------------------------------------------------------------------------
| MAP IMAGE
|--------------------------------------------------------------------------
*/

.bds-map-image{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:contain;

  opacity:.22;

  pointer-events:none;
  user-select:none;
}

/*
|--------------------------------------------------------------------------
| PINS
|--------------------------------------------------------------------------
*/

.bds-pin{
  position:absolute;

  width:16px;
  height:16px;

  border-radius:50%;

  background:#18B7FF;

  transform:translate(-50%,-50%);

  z-index:20;

  box-shadow:
    0 0 0 4px rgba(24,183,255,.08),
    0 0 14px rgba(24,183,255,.14);
}

/*
|--------------------------------------------------------------------------
| PIN PULSE
|--------------------------------------------------------------------------
*/

.bds-pin::before{
  content:'';

  position:absolute;

  inset:-4px;

  border-radius:50%;

  border:1px solid rgba(24,183,255,.6);

  animation:bdsPulse 2s infinite;
}

/*
|--------------------------------------------------------------------------
| LABELS
|--------------------------------------------------------------------------
*/

.bds-label{
  position:absolute;

  width:160px;

  padding:.9rem 1rem;

  border-radius:16px;

  background:rgba(255,255,255,.94);

  backdrop-filter:blur(10px);

  border:1px solid rgba(15,23,42,.04);

  z-index:30;

  box-shadow:
    0 8px 24px rgba(15,23,42,.05);
}

/*
|--------------------------------------------------------------------------
| LABEL TITLE
|--------------------------------------------------------------------------
*/

.bds-label h4{
  margin:0 0 .45rem;

  font-family:'Bebas Neue',sans-serif;

  font-size:1.2rem;

  line-height:1;

  letter-spacing:.02em;

  color:#071223;
}

/*
|--------------------------------------------------------------------------
| LABEL TEXT
|--------------------------------------------------------------------------
*/

.bds-label p{
  margin:0;

  font-family:'Inter',sans-serif;

  font-size:.72rem;

  line-height:1.45;

  color:#64748B;
}

/*
|--------------------------------------------------------------------------
| LINES
|--------------------------------------------------------------------------
*/

.bds-line{
  position:absolute;

  height:1.5px;

  background:
    linear-gradient(
      90deg,
      rgba(24,183,255,.42),
      rgba(24,183,255,.04)
    );

  transform-origin:left center;

  z-index:10;

  opacity:.35;
}

/*
|--------------------------------------------------------------------------
| ANIMATION
|--------------------------------------------------------------------------
*/

@keyframes bdsPulse{

  0%{
    transform:scale(.8);
    opacity:1;
  }

  100%{
    transform:scale(2);
    opacity:0;
  }
}

/*
|--------------------------------------------------------------------------
| CONTACT FORM 7 — CLEAN MINIMAL STYLE
|--------------------------------------------------------------------------
*/

.wpcf7{
  width:100%;
}

/*
|--------------------------------------------------------------------------
| REMOVE LABEL SPACING
|--------------------------------------------------------------------------
*/

.wpcf7 p{
  margin:0 0 .65rem;
}

/*
|--------------------------------------------------------------------------
| HIDE LABEL TEXT
|--------------------------------------------------------------------------
*/

.wpcf7 label{
  display:block;
}

/*
|--------------------------------------------------------------------------
| INPUTS
|--------------------------------------------------------------------------
*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea{
  width:100%;

  border:1px solid rgba(11,110,202,.22);

  outline:none;

  background:#FFFFFF;

  border-radius:6px;

  padding:.85rem 1rem;

  font-family:'Inter',sans-serif;

  font-size:.92rem;

  font-weight:400;

  line-height:1.5;

  color:#071223;

  transition:.25s ease;

  box-sizing:border-box;
}

/*
|--------------------------------------------------------------------------
| TEXTAREA
|--------------------------------------------------------------------------
*/

.wpcf7 textarea{
  min-height:140px;

  resize:none;
}

/*
|--------------------------------------------------------------------------
| PLACEHOLDERS
|--------------------------------------------------------------------------
*/

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{
  color:#8A94A6;

  opacity:1;
}

/*
|--------------------------------------------------------------------------
| FOCUS
|--------------------------------------------------------------------------
*/

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus{
  border-color:#0b6eca;

  box-shadow:
    0 0 0 3px rgba(11,110,202,.08);
}

/*
|--------------------------------------------------------------------------
| SUBMIT BUTTON
|--------------------------------------------------------------------------
*/

.wpcf7 input[type="submit"]{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  border:none;

  outline:none;

  cursor:pointer;

  background:#0b6eca;

  color:#FFFFFF;

  font-family:'Inter',sans-serif;

  font-size:.9rem;

  font-weight:600;

  letter-spacing:.01em;

  border-radius:6px;

  padding:.9rem 1.6rem;

  transition:.25s ease;
}

/*
|--------------------------------------------------------------------------
| BUTTON HOVER
|--------------------------------------------------------------------------
*/

.wpcf7 input[type="submit"]:hover{
  background:#0959a3;

  transform:translateY(-1px);
}

/*
|--------------------------------------------------------------------------
| RESPONSE OUTPUT
|--------------------------------------------------------------------------
*/

.wpcf7-response-output{
  margin:.8rem 0 0 !important;

  padding:.9rem 1rem !important;

  border-radius:6px;

  border:1px solid rgba(11,110,202,.15) !important;

  background:#F8FBFF;

  color:#071223;

  font-family:'Inter',sans-serif;

  font-size:.85rem;
}

/*
|--------------------------------------------------------------------------
| VALIDATION ERRORS
|--------------------------------------------------------------------------
*/

.wpcf7-not-valid-tip{
  margin-top:.35rem;

  font-size:.75rem;

  color:#D92D20;
}

/*
|--------------------------------------------------------------------------
| SPINNER
|--------------------------------------------------------------------------
*/

.wpcf7-spinner{
  margin-left:.65rem;
}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:768px){

  .bds-global-network{
    padding:4rem 1rem;
  }

  #bds-map{
    height:1000px;
  }

  .bds-label{
    width:140px;
    padding:.8rem .9rem;
  }

  .bds-label h4{
    font-size:1rem;
  }

  .bds-label p{
    font-size:.65rem;
  }

}