.elementor-1382 .elementor-element.elementor-element-3906703:not(.elementor-motion-effects-element-type-background), .elementor-1382 .elementor-element.elementor-element-3906703 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://globeschooler.fr/wp-content/uploads/2025/04/Leonardo_Phoenix_09_From_a_rear_view_a_young_boy_with_a_rounde_0.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1382 .elementor-element.elementor-element-3906703 > .elementor-background-overlay{background-color:var( --e-global-color-astglobalcolor2 );opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1382 .elementor-element.elementor-element-3906703 > .elementor-container{max-width:800px;}.elementor-1382 .elementor-element.elementor-element-3906703{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:230px 0px 230px 0px;}.elementor-1382 .elementor-element.elementor-element-24c9f1f > .elementor-element-populated, .elementor-1382 .elementor-element.elementor-element-24c9f1f > .elementor-element-populated > .elementor-background-overlay, .elementor-1382 .elementor-element.elementor-element-24c9f1f > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-24c9f1f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1382 .elementor-element.elementor-element-a5e247a > .elementor-widget-container{margin:1px 0px 0px 0px;padding:3px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-a5e247a{text-align:center;}.elementor-1382 .elementor-element.elementor-element-a5e247a .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-1382 .elementor-element.elementor-element-34cbd81{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-1382 .elementor-element.elementor-element-34cbd81 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1382 .elementor-element.elementor-element-1dfb88a > .elementor-element-populated, .elementor-1382 .elementor-element.elementor-element-1dfb88a > .elementor-element-populated > .elementor-background-overlay, .elementor-1382 .elementor-element.elementor-element-1dfb88a > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-1382 .elementor-element.elementor-element-1dfb88a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 60px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-837e425{font-size:15px;color:#CE1D6B;}.elementor-1382 .elementor-element.elementor-element-0d4aca1{text-align:start;}.elementor-1382 .elementor-element.elementor-element-0d4aca1 .elementor-heading-title{font-size:15px;color:#CE1D6B;}.elementor-1382 .elementor-element.elementor-element-ecc0d52 > .elementor-widget-container{padding:33px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-2c2b69c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-48dc1a0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-48dc1a0{text-align:start;}.elementor-1382 .elementor-element.elementor-element-48dc1a0 .elementor-heading-title{color:#DB0960;}.elementor-1382 .elementor-element.elementor-element-33e6ac1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-33e6ac1 .elementor-icon-box-wrapper{text-align:start;}.elementor-1382 .elementor-element.elementor-element-33e6ac1 .elementor-icon-box-title{margin-block-end:5px;}.elementor-1382 .elementor-element.elementor-element-d82cf08 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-d82cf08{text-align:start;}.elementor-1382 .elementor-element.elementor-element-2907d36{--grid-template-columns:repeat(0, auto);--icon-size:16px;--grid-column-gap:11px;--grid-row-gap:0px;}.elementor-1382 .elementor-element.elementor-element-2907d36 .elementor-widget-container{text-align:left;}.elementor-1382 .elementor-element.elementor-element-2907d36 .elementor-social-icon{background-color:var( --e-global-color-astglobalcolor0 );--icon-padding:0.7em;}.elementor-1382 .elementor-element.elementor-element-2907d36 .elementor-social-icon i{color:var( --e-global-color-astglobalcolor5 );}.elementor-1382 .elementor-element.elementor-element-2907d36 .elementor-social-icon svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-1382 .elementor-element.elementor-element-2907d36 .elementor-social-icon:hover{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1382 .elementor-element.elementor-element-b1acdfe{margin-top:-91px;margin-bottom:0px;}.elementor-1382 .elementor-element.elementor-element-45e0e67 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 47px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-c6938f6 > .elementor-widget-container{margin:80px 50px 50px 50px;}.elementor-1382 .elementor-element.elementor-element-c6938f6{font-size:20px;}.elementor-1382 .elementor-element.elementor-element-d673a37 img{width:24%;}@media(max-width:1024px){.elementor-1382 .elementor-element.elementor-element-3906703{padding:100px 50px 100px 50px;}.elementor-1382 .elementor-element.elementor-element-34cbd81{margin-top:0px;margin-bottom:0px;padding:80px 50px 80px 50px;}.elementor-1382 .elementor-element.elementor-element-1dfb88a > .elementor-element-populated{padding:0px 45px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-33e6ac1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-33e6ac1 .elementor-icon-box-title{margin-block-end:10px;}.elementor-1382 .elementor-element.elementor-element-2907d36{--icon-size:16px;}}@media(max-width:767px){.elementor-1382 .elementor-element.elementor-element-3906703{padding:90px 20px 90px 20px;}.elementor-1382 .elementor-element.elementor-element-a5e247a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-34cbd81{padding:60px 20px 60px 20px;}.elementor-1382 .elementor-element.elementor-element-1dfb88a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-0d4aca1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-0d4aca1{text-align:start;}.elementor-1382 .elementor-element.elementor-element-ecc0d52 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-2c2b69c > .elementor-element-populated{margin:40px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1382 .elementor-element.elementor-element-48dc1a0{text-align:start;}.elementor-1382 .elementor-element.elementor-element-33e6ac1 .elementor-icon-box-wrapper{text-align:start;}.elementor-1382 .elementor-element.elementor-element-33e6ac1 .elementor-icon-box-title{margin-block-end:8px;}.elementor-1382 .elementor-element.elementor-element-d82cf08{text-align:start;}.elementor-1382 .elementor-element.elementor-element-2907d36{--grid-template-columns:repeat(3, auto);--icon-size:15px;--grid-column-gap:13px;}.elementor-1382 .elementor-element.elementor-element-2907d36 .elementor-widget-container{text-align:left;}}@media(min-width:768px){.elementor-1382 .elementor-element.elementor-element-1dfb88a{width:54.332%;}.elementor-1382 .elementor-element.elementor-element-2c2b69c{width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1382 .elementor-element.elementor-element-1dfb88a{width:55%;}}/* Start custom CSS for html, class: .elementor-element-31f9656 *//* =========================================================
   CONTACT PAGE — GLOBE SCHOOLER
   ========================================================= */

:root{
  --gs-max: 1180px;
  --line: #d9deea;
  --text: #111827;
  --muted: #5b6678;
  --bg: #f7f8fc;
  --grad: linear-gradient(135deg, #7c4dff 0%, #5aa6ff 50%, #e66fff 100%);
  --grad-soft: linear-gradient(135deg, rgba(124,77,255,.10) 0%, rgba(90,166,255,.10) 50%, rgba(230,111,255,.12) 100%);
}

.gs-contact-page{
  background: #fff;
  color: var(--text);
}

.gs-contact-shell{
  width: min(var(--gs-max), 92vw);
  margin: 0 auto;
}

/* =========================
   SHARED DIVIDERS
   ========================= */

.divider{
  margin: 22px 0 34px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.divider::before,
.divider::after{
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(17,24,39,.12);
}

.dividerDot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--grad);
  box-shadow: 0 10px 24px rgba(138,92,255,.18);
}

.dividerMini{
  width: 96px;
  height: 4px;
  border-radius: 999px;
  margin: 14px auto 18px;
  background: var(--grad);
}

/* =========================
   HERO
   ========================= */

.gs-contact-hero{
  padding: 8px 0 28px;
}

.gs-contact-heroInner{
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.60)),
    var(--grad-soft);
  padding: 34px 34px 0;
}

.gs-contact-heroText{
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 18px;
}

.gs-contact-heroText h1{
  margin: 0;
  font-size: clamp(44px, 6vw, 86px);
  line-height: .95;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  font-weight: 1000;
  background: linear-gradient(135deg, #7c4dff 0%, #5aa6ff 50%, #e66fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.gs-contact-heroText p{
  margin: 0 auto;
  max-width: 740px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 800;
  color: #4b5568;
}

.gs-contact-heroVisual{
  position: relative;
  border-radius: 26px 26px 0 0;
  overflow: hidden;
}

.gs-contact-heroVisual img:first-child{
  width: 100%;
  display: block;
  object-fit: cover;
  max-height: 520px;
}

.gs-contact-globby{
  position: absolute;
  right: 42px;
  top: 30px;
  width: 150px;
  height: auto;
}

/* =========================
   CONTACT GRID
   ========================= */

.gs-contact-section{
  padding: 26px 0 54px;
}

.gs-contact-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  align-items: stretch;
}

.gs-contact-card{
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 28px;
  padding: 34px;
  box-shadow: 0 18px 38px rgba(16,24,40,.06);
}

.gs-contact-card h2{
  margin: 0 0 24px;
  font-size: clamp(28px, 2.7vw, 20px);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #26285f;
}

.gs-contact-cardIcon{
  font-size: 24px;
  margin-bottom: 10px;
}

/* =========================
   FORM
   ========================= */

.gs-contact-form{
  display: grid;
  gap: 16px;
}

.gs-contact-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.gs-contact-form input,
.gs-contact-form textarea{
  width: 100%;
  border: 1px solid #e3e7f1;
  background: #fff;
  border-radius: 14px;
  padding: 16px 18px;
  font-size: 16px;
  color: #20263a;
  outline: none;
  box-sizing: border-box;
}

.gs-contact-form input::placeholder,
.gs-contact-form textarea::placeholder{
  color: #7b8698;
}

.gs-contact-form textarea{
  resize: vertical;
  min-height: 150px;
}

/* =========================
   INFO CARD
   ========================= */

.gs-contact-card--info{
  background:
    radial-gradient(circle at bottom right, rgba(90,166,255,.10), transparent 28%),
    radial-gradient(circle at top left, rgba(230,111,255,.10), transparent 26%),
    #fff;
}

.gs-contact-infoBox{
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(245,239,252,.72);
  border: 1px solid #eee5f6;
  border-radius: 18px;
  padding: 18px 20px;
  margin-bottom: 18px;
}

.gs-contact-infoLine{
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 20px 0 16px;
}

.gs-contact-infoIcon{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid #ebe3f4;
  font-size: 26px;
  flex: 0 0 52px;
}

.gs-contact-miniIcon{
  font-size: 30px;
  line-height: 1;
}

.gs-contact-card--info h3{
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 1.2;
  color: #232760;
}

.gs-contact-card--info p{
  margin: 0;
  color: #4d5770;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 700;
}

.gs-contact-socials{
  display: flex;
  gap: 12px;
  margin-top: 10px;
}

.gs-contact-socials a{
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  text-decoration: none;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  background: var(--grad);
  box-shadow: 0 12px 24px rgba(138,92,255,.18);
}

/* =========================
   TRUST PILLS
   ========================= */

.gs-contact-trust{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 30px auto 10px;
  max-width: 980px;
}

.gs-contact-pill{
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--grad-soft);
  border: 1px solid #ebe7f4;
  border-radius: 999px;
  padding: 18px 22px;
}

.gs-contact-pill span{
  font-size: 34px;
  line-height: 1;
}

.gs-contact-pill strong{
  font-size: 16px;
  line-height: 1.35;
  color: #2b2d63;
}

/* =========================
   FAQ
   ========================= */

.gs-contact-faq{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  align-items: end;
  margin-top: 34px;
}

.gs-contact-faqText{
  padding: 24px 4px 0;
}

.gs-contact-faqText h2{
  margin: 0 0 10px;
  font-size: clamp(34px, 4vw, 40px);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #252760;
}

.gs-contact-faqText p{
  margin: 0 0 22px;
  font-size: 18px;
  line-height: 1.6;
  color: #4f5870;
  font-weight: 700;
}

.gs-contact-faqVisual{
  text-align: right;
}

.gs-contact-faqVisual img{
  max-width: 100%;
  width: 420px;
  height: auto;
}

/* =========================
   BOTTOM TEXT
   ========================= */

.gs-contact-bottomText{
  text-align: center;
  margin-top: 18px;
}

.gs-contact-bottomText h2{
  margin: 0;
  font-size: clamp(28px, 4vw, 28px);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #2a2c63;
}

/* =========================
   BUTTONS
   ========================= */

.gs-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 28px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 1000;
  transition: transform .18s ease, box-shadow .18s ease;
  border: 1px solid transparent;
  cursor: pointer;
}

.gs-btn:hover{
  transform: translateY(-2px);
}

.gs-btn--primary{
  color: #fff;
  background: var(--grad);
  box-shadow: 0 14px 28px rgba(138,92,255,.18);
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px){

  .gs-contact-shell{
    width: min(var(--gs-max), 92vw);
  }

  .gs-contact-heroInner{
    padding: 24px 18px 0;
    border-radius: 24px;
  }

  .gs-contact-heroText h1{
    font-size: clamp(40px, 12vw, 60px);
    line-height: .95;
  }

  .gs-contact-heroText p{
    font-size: 16px;
    line-height: 1.55;
    max-width: 100%;
  }

  .gs-contact-globby{
    width: 92px;
    right: 12px;
    top: 12px;
  }

  .gs-contact-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .gs-contact-card{
    padding: 22px 18px;
    border-radius: 22px;
  }

  .gs-contact-card h2{
    font-size: 24px;
    margin-bottom: 18px;
  }

  .gs-contact-row{
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .gs-contact-form input,
  .gs-contact-form textarea{
    padding: 14px 14px;
    font-size: 15px;
  }

  .gs-contact-infoBox{
    padding: 14px 14px;
    gap: 12px;
  }

  .gs-contact-infoIcon{
    width: 46px;
    height: 46px;
    border-radius: 14px;
    font-size: 22px;
    flex: 0 0 46px;
  }

  .gs-contact-card--info h3{
    font-size: 17px;
  }

  .gs-contact-card--info p{
    font-size: 15px;
  }

  .gs-contact-socials a{
    width: 44px;
    height: 44px;
    font-size: 20px;
  }

  .gs-contact-trust{
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 18px;
  }

  .gs-contact-pill{
    border-radius: 20px;
    padding: 16px 16px;
  }

  .gs-contact-pill span{
    font-size: 28px;
  }

  .gs-contact-faq{
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 18px;
  }

  .gs-contact-faqText{
    padding: 8px 0 0;
  }

  .gs-contact-faqText h2,
  .gs-contact-bottomText h2{
    font-size: 34px;
  }

  .gs-contact-faqText p{
    font-size: 16px;
  }

  .gs-contact-faqVisual{
    text-align: center;
  }

  .gs-contact-faqVisual img{
    width: 280px;
  }

  .gs-btn{
    width: 100%;
  }
}
/* ===== FAQ BLOCK FIX ===== */

/* Centrer bouton */
.gs-contact-faq .gs-btn{
  display: block !important;
  margin: 1px auto 0 auto !important;
  width: fit-content !important;
}

/* Remonter bloc */
.gs-contact-faq{
  margin-top: -40px !important;
}

/* Alignement image + texte */
.gs-contact-faq-wrapper{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}
/* ===== FAQ BUTTON TEXT CENTER ===== */
.gs-contact-faq .gs-btn,
.gs-contact-faq a.gs-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  min-height: 52px !important;
  padding: 0 26px !important;
}
/* Décaler bouton FAQ vers la droite */
.gs-contact-faq .gs-btn{
  margin-left: 200px !important;
}
/* ===== REMONTER UNIQUEMENT LE BLOC TEXTE FAQ ===== */
.gs-contact-faqText{
  position: relative;
  top: -78px; /* ajuste ici : -20 / -25 / -30 */
}
/* ======================================
   CONTACT PAGE MOBILE FIX
   ====================================== */
@media (max-width: 767px){

  /* 1) Recentrer le divider du hero */
  .gs-contact-hero .divider{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 18px !important;
    justify-content: center !important;
    position: relative !important;
    left: 0 !important;
  }

  .gs-contact-hero .divider::before,
  .gs-contact-hero .divider::after{
    flex: 1 !important;
  }

  .gs-contact-hero .dividerDot{
    margin: 0 auto !important;
  }

  /* 2) Remettre le bloc Have questions à sa bonne place */
  .gs-contact-faqText{
    position: relative;
    top: 0 !important;   /* enlève la remontée */
    margin-top: 8px !important;
    z-index: 2;
  }

  /* 3) Donner un peu d'air entre les trust pills et le FAQ */
  .gs-contact-trust{
    margin-bottom: 18px !important;
  }

  .gs-contact-faq{
    margin-top: 10px !important;
  }

  /* 4) Le bouton FAQ reste bien centré */
  .gs-contact-faq .gs-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 14px auto 0 auto !important;
    position: relative !important;
    left: 70px
  }
}
}/* End custom CSS */