.elementor-446 .elementor-element.elementor-element-4d61f14{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-446 .elementor-element.elementor-element-4331c2f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-446 .elementor-element.elementor-element-68f6f88a{--display:flex;--justify-content:center;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-446 .elementor-element.elementor-element-68f6f88a:not(.elementor-motion-effects-element-type-background), .elementor-446 .elementor-element.elementor-element-68f6f88a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF2;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-446 .elementor-element.elementor-element-f455198{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-446 .elementor-element.elementor-element-f455198 img{width:100%;}.elementor-446 .elementor-element.elementor-element-1d6e707d{--display:flex;--padding-top:50px;--padding-bottom:050px;--padding-left:30px;--padding-right:30px;}.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-446 .elementor-element.elementor-element-5f8f75e2{width:var( --container-widget-width, 380px );max-width:380px;--container-widget-width:380px;--container-widget-flex-grow:0;text-align:center;}.elementor-446 .elementor-element.elementor-element-5f8f75e2.elementor-element{--align-self:center;}.elementor-446 .elementor-element.elementor-element-5f8f75e2 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:32px;font-weight:400;line-height:125%;color:#220E0A;}#elementor-popup-modal-446{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-446 .dialog-message{width:800px;height:auto;}#elementor-popup-modal-446 .dialog-close-button{display:flex;}#elementor-popup-modal-446 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-446 .elementor-element.elementor-element-4331c2f1{--width:100%;}.elementor-446 .elementor-element.elementor-element-68f6f88a{--width:33%;}.elementor-446 .elementor-element.elementor-element-1d6e707d{--width:67%;}}@media(max-width:767px){.elementor-446 .elementor-element.elementor-element-4d61f14{--width:100%;}.elementor-446 .elementor-element.elementor-element-1d6e707d{--width:100%;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}#elementor-popup-modal-446 .dialog-message{width:100vw;}}/* Start custom CSS for html, class: .elementor-element-64970fca */.console {
    color: #000000;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
}

.smsTerms {
    display: none;
}

.terms {
    margin-top: 8px;
    font-size: 12px;
    font-family: proxima-nova, sans-serif;
    color: #000000;
}

.terms a {
    color: #000000;
    text-decoration: underline;
}

.termsContainer {
    display: flex;
    flex-direction: column;
}

#webinarForm {
    max-width: 500px;
    margin: auto;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    display: relative;
}

#formInner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

#webinarForm input:not([type="checkbox"]),
#webinarForm select,
#webinarForm button {
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 24px;
    padding: 15px;
    border: 1px solid lightgrey;
    border-radius: 0;
}

#webinarForm input:not([type="checkbox"]),
#webinarForm select {
    font-weight: 500;
}

#webinarForm label {
    color: #000000;
    margin-bottom: 5px;
    display: block;
}

#webinarForm button {
    width: 100% !important;
      height: auto !important;
      aspect-ratio: 669 / 128 !important;
      padding: 0 !important;
      background-image: url('https://witch.thesacredscience.com/wp-content/uploads/2026/01/WOTW-Optin-Button.png') !important;
      background-size: 100% 100% !important;
      background-color: transparent !important;
      background-repeat: no-repeat !important;
      color: transparent !important;
      border: none !important;
}

#errorName,
#errorEmail {
    color: red;
    margin-top: -10px;
    font-size: 14px;
}

.ifs-check-container {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.ifs-check-container label {
    display: flex;
    align-items: flex-start;
    color: #000;
    font-size: 14px;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 0;
    cursor: pointer;
    font-family: "Exo", sans-serif !important;
}

.ifs-check-container input[type="checkbox"] {
    width: auto !important;
    margin-right: 8px;
    margin-top: 2px;
    flex: 0 0 auto;
}

.ifs-check-container span {
    flex: 1;
}

.sms-phone-no {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.sms-phone-no input[type="tel"] {
    margin-bottom: 5px;
    margin-top: -10px;
}

.sms-phone-no .console {
    font-size: 0.8em;
    color: #000;
    line-height: 1.2;
    text-align: center;
    font-family: "Exo", sans-serif !important;
}

#loadingSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background: #FFFFFF;
    padding: 15px;
    border: 1px solid lightgrey;
    border-radius: 7px;
    box-shadow: rgba(50, 50, 93, 0.95) 0px 13px 27px -6px, rgba(0, 0, 0, 1) 0px 8px 16px -8px;
    z-index: 1000;  /* Ensure it's on top of other elements */
}

#loadingSpinner img {
    width: 25px;
    height: 25px;
}

#loadingSpinner p {
    margin: 10px 0 0;
    font-size: 14px;
}

@media only screen and (max-width: 600px) {
    #webinarForm {
        max-width: 300px;
    }

    #webinarForm input:not([type="checkbox"]),
    #webinarForm select {
        font-size: 19px;
    }

   
    #loadingSpinner {
        width: 250px;
        top: 15px; 
        left: 25px; 
}
}/* End custom CSS */