/* GGLOT tool-first pages (gglot-tool-pages.php). Brand pink #C4148F. */
.ggt,.ggt-more{padding:40px 20px;background:#fff}
.ggt{background:linear-gradient(180deg,#faf5fb 0%,#fff 100%)}
.ggt-in{max-width:860px;margin:0 auto}
.ggt-title{text-align:center;margin:0 0 18px;font-size:30px;line-height:1.2;color:#14213d}
.ggt-drop{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:220px;justify-content:center;
  border:2px dashed #d9a6c9;border-radius:16px;background:#fff;padding:28px 18px;text-align:center;cursor:pointer;
  transition:border-color .15s,background .15s}
.ggt-drop:hover,.ggt-drop.is-over{border-color:#C4148F;background:#fdf3f9}
.ggt-drop:focus-within{outline:3px solid #C4148F;outline-offset:3px}
.ggt-ico{width:40px;height:40px;color:#C4148F}
.ggt-drop-main{font-size:20px;font-weight:700;color:#14213d}
.ggt-btn{display:inline-block;background:#C4148F;color:#fff;font-weight:700;border-radius:999px;padding:12px 28px;font-size:17px}
.ggt-drop-sub{font-size:14px;color:#5b6475}
.ggt-err{color:#b42318;font-weight:600;font-size:15px}
.ggt-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.ggt-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;list-style:none;padding:0;margin:18px 0 6px;font-weight:600;color:#14213d}
.ggt-facts li::before{content:"\2713";color:#0ca30c;margin-right:6px}
.ggt-next{text-align:center;font-size:14px;color:#5b6475;margin:6px 0 0}
.ggt-more h2{margin:0 0 16px;color:#14213d}
.ggt-steps{counter-reset:s;list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ggt-steps li{border:1px solid #e3e7ef;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}
.ggt-steps li::before{counter-increment:s;content:counter(s);width:30px;height:30px;border-radius:50%;background:#C4148F;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.ggt-steps span{color:#4a5160;line-height:1.5}
.ggt-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ggt-cols h3{margin:0 0 8px;color:#14213d}.ggt-cols p,.ggt-cols li{line-height:1.6;color:#4a5160}
@media (max-width:767px){
  .ggt-hero .elementor-widget-image{display:none!important}
  .ggt-hero>.elementor-container{padding-top:8px;padding-bottom:8px}
  .ggt{padding:24px 16px}.ggt-title{font-size:24px}.ggt-drop{min-height:180px}
  .ggt-steps,.ggt-cols{grid-template-columns:1fr}
}
[dir="rtl"] .ggt-facts li::before{margin:0 0 0 6px}