@charset "utf-8";

.leadform, .leadform * { box-sizing: border-box; }

.leadform { padding: 10px; display: flex; flex-direction: column; align-items: stretch; flex: 1 1 0%; }

.leadform > div { margin: 10px 0px; position: relative; }

.iti { width: 100%; font-size: 18px; }

.leadform input { width: 100%; font-size: 18px; padding: 12px 16px; background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 10px; line-height: 1; transition: 0.2s; }

.leadform .error { background: rgb(255, 241, 241); border: 1px solid rgb(205, 87, 87); }

.leadform button[type="submit"] { width: 100%; border: none; padding: 20px; border-radius: 10px; background: rgb(26, 124, 195); color: rgb(255, 255, 255); text-align: center; font-size: 22px; text-transform: uppercase; cursor: pointer; font-weight: 600; transition: 0.5s; }

.leadform button[type="submit"]:not([disabled]):hover { background: rgb(49, 150, 223); }

.leadform button[type="submit"]:disabled { opacity: 0.5; cursor: not-allowed; }

.error-msg { position: absolute; top: 100%; left: 0px; background: rgb(255, 68, 68); padding: 8px 12px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 1000; margin-top: 5px; color: white !important; }

.error-msg::before { content: ""; position: absolute; top: -5px; left: 15px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgb(255, 68, 68); }

.hide { display: none; }

.err { position: relative; }

.err::after { display: block; content: " ⊗"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 26px; line-height: 1; color: red; width: auto; height: auto; z-index: 99; }

.loader { margin: auto; width: 30px; padding: 4px; aspect-ratio: 1 / 1; border-radius: 50%; background: rgb(255, 255, 255); --_m: conic-gradient(#0000 10%,#000),
            linear-gradient(#000 0 0, #eee) content-box; mask-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; mask-mode: ; mask-composite: subtract; animation: 1s linear 0s infinite normal none running l3; }

@keyframes l3 { 
  100% { transform: rotate(1turn); }
}