.elementor-5726 .elementor-element.elementor-element-c2b40f9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;box-shadow:0px 10px 18px 0px rgba(0, 0, 0, 0.1);--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-5726 .elementor-element.elementor-element-c2b40f9:not(.elementor-motion-effects-element-type-background), .elementor-5726 .elementor-element.elementor-element-c2b40f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://onspotsocial.com/wp-content/uploads/2024/10/onspot-socialbg-hero.jpg");background-position:top center;background-repeat:no-repeat;}.elementor-5726 .elementor-element.elementor-element-ef19b93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-5726 .elementor-element.elementor-element-d3b307f{text-align:center;}.elementor-5726 .elementor-element.elementor-element-d3b307f .elementor-heading-title{font-family:var( --e-global-typography-c9c5d84-font-family ), Sans-serif;font-size:var( --e-global-typography-c9c5d84-font-size );font-weight:var( --e-global-typography-c9c5d84-font-weight );line-height:var( --e-global-typography-c9c5d84-line-height );color:var( --e-global-color-2e9a88d );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5726 .elementor-element.elementor-element-fda3278{text-align:center;font-family:var( --e-global-typography-9ec96d9-font-family ), Sans-serif;font-size:var( --e-global-typography-9ec96d9-font-size );font-weight:var( --e-global-typography-9ec96d9-font-weight );line-height:var( --e-global-typography-9ec96d9-line-height );color:var( --e-global-color-bf6a9c1 );}.elementor-5726 .elementor-element.elementor-element-e53f56b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5726 .elementor-element.elementor-element-e53f56b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5726 .elementor-element.elementor-element-a2d890d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-5726 .elementor-element.elementor-element-c9aa931 img{width:80%;}.elementor-5726 .elementor-element.elementor-element-0a232ac{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-9ec96d9-font-family ), Sans-serif;font-size:var( --e-global-typography-9ec96d9-font-size );font-weight:var( --e-global-typography-9ec96d9-font-weight );line-height:var( --e-global-typography-9ec96d9-line-height );color:var( --e-global-color-7fb6c4d );}.elementor-5726 .elementor-element.elementor-element-7ca6117{text-align:center;font-family:var( --e-global-typography-7ab1309-font-family ), Sans-serif;font-size:var( --e-global-typography-7ab1309-font-size );font-weight:var( --e-global-typography-7ab1309-font-weight );line-height:var( --e-global-typography-7ab1309-line-height );color:var( --e-global-color-7fb6c4d );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 > .elementor-widget-container{background-color:var( --e-global-color-5fe13af );padding:40px 40px 40px 40px;border-radius:10px 10px 10px 10px;}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-wrapper{text-align:start;}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title, .elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title a{font-family:var( --e-global-typography-12f4467-font-family ), Sans-serif;font-size:var( --e-global-typography-12f4467-font-size );font-weight:var( --e-global-typography-12f4467-font-weight );line-height:var( --e-global-typography-12f4467-line-height );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title{color:var( --e-global-color-bf6a9c1 );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-description{font-family:var( --e-global-typography-cfb0e7d-font-family ), Sans-serif;font-size:var( --e-global-typography-cfb0e7d-font-size );font-weight:var( --e-global-typography-cfb0e7d-font-weight );line-height:var( --e-global-typography-cfb0e7d-line-height );color:var( --e-global-color-7fb6c4d );}@media(min-width:768px){.elementor-5726 .elementor-element.elementor-element-ef19b93{--width:43%;}.elementor-5726 .elementor-element.elementor-element-e53f56b{--width:55%;}}@media(max-width:1600px) and (min-width:768px){.elementor-5726 .elementor-element.elementor-element-c2b40f9{--content-width:1300px;}.elementor-5726 .elementor-element.elementor-element-ef19b93{--width:50%;}.elementor-5726 .elementor-element.elementor-element-e53f56b{--width:47.707%;}}@media(max-width:960px) and (min-width:768px){.elementor-5726 .elementor-element.elementor-element-ef19b93{--width:54%;}.elementor-5726 .elementor-element.elementor-element-e53f56b{--width:44%;}}@media(min-width:2400px){.elementor-5726 .elementor-element.elementor-element-d3b307f .elementor-heading-title{font-size:var( --e-global-typography-c9c5d84-font-size );line-height:var( --e-global-typography-c9c5d84-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-fda3278{font-size:var( --e-global-typography-9ec96d9-font-size );line-height:var( --e-global-typography-9ec96d9-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-0a232ac{font-size:var( --e-global-typography-9ec96d9-font-size );line-height:var( --e-global-typography-9ec96d9-line-height );}.elementor-5726 .elementor-element.elementor-element-7ca6117{font-size:var( --e-global-typography-7ab1309-font-size );line-height:var( --e-global-typography-7ab1309-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title, .elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title a{font-size:var( --e-global-typography-12f4467-font-size );line-height:var( --e-global-typography-12f4467-line-height );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-description{font-size:var( --e-global-typography-cfb0e7d-font-size );line-height:var( --e-global-typography-cfb0e7d-line-height );}}@media(max-width:1600px){.elementor-5726 .elementor-element.elementor-element-c2b40f9:not(.elementor-motion-effects-element-type-background), .elementor-5726 .elementor-element.elementor-element-c2b40f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://onspotsocial.com/wp-content/uploads/2024/10/onspot-socialbg-hero.jpg");background-position:top center;background-size:cover;}.elementor-5726 .elementor-element.elementor-element-c2b40f9{--min-height:0px;--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:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-5726 .elementor-element.elementor-element-ef19b93{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5726 .elementor-element.elementor-element-d3b307f .elementor-heading-title{font-size:var( --e-global-typography-c9c5d84-font-size );line-height:var( --e-global-typography-c9c5d84-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-fda3278{font-size:var( --e-global-typography-9ec96d9-font-size );line-height:var( --e-global-typography-9ec96d9-line-height );}.elementor-5726 .elementor-element.elementor-element-a2d890d{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-0a232ac{font-size:var( --e-global-typography-9ec96d9-font-size );line-height:var( --e-global-typography-9ec96d9-line-height );}.elementor-5726 .elementor-element.elementor-element-7ca6117{font-size:var( --e-global-typography-7ab1309-font-size );line-height:var( --e-global-typography-7ab1309-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title, .elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title a{font-size:var( --e-global-typography-12f4467-font-size );line-height:var( --e-global-typography-12f4467-line-height );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-description{font-size:var( --e-global-typography-cfb0e7d-font-size );line-height:var( --e-global-typography-cfb0e7d-line-height );}}@media(max-width:1280px){.elementor-5726 .elementor-element.elementor-element-c2b40f9:not(.elementor-motion-effects-element-type-background), .elementor-5726 .elementor-element.elementor-element-c2b40f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://onspotsocial.com/wp-content/uploads/2024/10/onspot-socialbg-hero.jpg");}.elementor-5726 .elementor-element.elementor-element-c8f6af7 > .elementor-widget-container{padding:20px 20px 20px 20px;}}@media(max-width:960px){.elementor-5726 .elementor-element.elementor-element-c2b40f9{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:60px;--padding-bottom:50px;--padding-left:60px;--padding-right:60px;}.elementor-5726 .elementor-element.elementor-element-ef19b93{--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-5726 .elementor-element.elementor-element-d3b307f .elementor-heading-title{font-size:var( --e-global-typography-c9c5d84-font-size );line-height:var( --e-global-typography-c9c5d84-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-fda3278{font-size:var( --e-global-typography-9ec96d9-font-size );line-height:var( --e-global-typography-9ec96d9-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-c9aa931 img{width:100%;}.elementor-5726 .elementor-element.elementor-element-0a232ac{width:100%;max-width:100%;font-size:var( --e-global-typography-9ec96d9-font-size );line-height:var( --e-global-typography-9ec96d9-line-height );}.elementor-5726 .elementor-element.elementor-element-7ca6117{font-size:var( --e-global-typography-7ab1309-font-size );line-height:var( --e-global-typography-7ab1309-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title, .elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title a{font-size:var( --e-global-typography-12f4467-font-size );line-height:var( --e-global-typography-12f4467-line-height );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-description{font-size:var( --e-global-typography-cfb0e7d-font-size );line-height:var( --e-global-typography-cfb0e7d-line-height );}}@media(max-width:767px){.elementor-5726 .elementor-element.elementor-element-c2b40f9{--gap:60px 0px;--row-gap:60px;--column-gap:0px;--padding-top:40px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5726 .elementor-element.elementor-element-c2b40f9:not(.elementor-motion-effects-element-type-background), .elementor-5726 .elementor-element.elementor-element-c2b40f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:initial;}.elementor-5726 .elementor-element.elementor-element-ef19b93{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5726 .elementor-element.elementor-element-d3b307f{text-align:center;}.elementor-5726 .elementor-element.elementor-element-d3b307f .elementor-heading-title{font-size:var( --e-global-typography-c9c5d84-font-size );line-height:var( --e-global-typography-c9c5d84-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-fda3278{text-align:center;font-size:var( --e-global-typography-9ec96d9-font-size );line-height:var( --e-global-typography-9ec96d9-line-height );}.elementor-5726 .elementor-element.elementor-element-e53f56b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-5726 .elementor-element.elementor-element-a2d890d{--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-c9aa931 img{width:100%;}.elementor-5726 .elementor-element.elementor-element-0a232ac{width:100%;max-width:100%;text-align:center;font-size:var( --e-global-typography-9ec96d9-font-size );line-height:var( --e-global-typography-9ec96d9-line-height );}.elementor-5726 .elementor-element.elementor-element-7ca6117{text-align:center;font-size:var( --e-global-typography-7ab1309-font-size );line-height:var( --e-global-typography-7ab1309-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title, .elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-title a{font-size:var( --e-global-typography-12f4467-font-size );line-height:var( --e-global-typography-12f4467-line-height );}.elementor-5726 .elementor-element.elementor-element-c8f6af7 .elementor-icon-box-description{font-size:var( --e-global-typography-cfb0e7d-font-size );line-height:var( --e-global-typography-cfb0e7d-line-height );}}/* Start custom CSS for html, class: .elementor-element-9528617 *//* Styles for #form-signup - All fields at 100% width */

/* Main form container styling */
#form-signup .form-layout-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* Aligns items to the start */
}

#form-signup .form-field-wrapper,
#form-signup .form-submit-wrapper {
  width: 100%; /* All wrappers are full width */
  margin-bottom: 20px;
}

#form-signup label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
  color: #333;
}

#form-signup input[type="text"],
#form-signup input[type="password"] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;  
  transition: border-color 0.3s;
}

#form-signup input[type="text"]:focus,
#form-signup input[type="password"]:focus {
  border-color: #0073aa; 
  outline: none;
}

/* --- Button Style --- */
#form-signup #btn-submit {
  display: inline-block;
  width: auto; 
  background-color: #FF6000; 
  border-radius: 10px;
  padding: 15px 30px; 
  color: #ffffff;
  border: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s;
}

#form-signup #btn-submit:hover {
  background-color: #E05500;
}

/* No media query is needed for layout adjustments anymore,
  as the fields are 100% width by default on all screen sizes.
*/

/* Styling for Form, Loader and Error Messages */
#form-container-wrapper {
  position: relative;
}

#form-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

#form-loader img {
  width: 100px;
  height: 100px;
}

/* Server error message spacing fix */
#form-error-message {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  border-radius: 4px;
  text-align: center;
}

.form-field-wrapper input.error {
  border-color: #a94442;
  margin-bottom: 5px;
}

.form-field-error {
  display: block;
  color: #a94442;
  font-size: 0.875rem;
}/* End custom CSS */