.webinar-form-card {   background-color: rgb(33, 33, 33);   border-top-width: 0.5px;   border-right-width: 0.5px;   border-bottom-width: 0.5px;   border-left-width: 0.5px;   border-top-style: solid;   border-right-style: solid;   border-bottom-style: solid;   border-left-style: solid;   border-top-color: rgb(113, 113, 113);   border-right-color: rgb(113, 113, 113);   border-bottom-color: rgb(113, 113, 113);   border-left-color: rgb(113, 113, 113);   border-image-source: none;   border-image-slice: 100%;   border-image-width: 1;   border-image-outset: 0;   border-image-repeat: stretch;   border-top-left-radius: 12px;   border-top-right-radius: 12px;   border-bottom-right-radius: 12px;   border-bottom-left-radius: 12px;   padding-top: 40px;   padding-right: 40px;   padding-bottom: 40px;   padding-left: 40px;   max-width: 594px;   margin-left: auto;   box-shadow: rgba(193, 70, 70, 0.08) 42px 28px 44px 0px, rgba(255, 255, 255, 0.08) 0px 0px 48px 0px; } .form-card-title {   font-family: var(--site-font);   font-size: 24px;   font-weight: 500;   color: var(--text-white);   margin-bottom: 8px; } .form-card-subtitle {   font-family: var(--site-font);   font-size: 14px;   color: var(--text-muted);   margin-bottom: 32px; } .webinar-booking-form {   display: flex;   flex-direction: column;   row-gap: 20px;   column-gap: 20px; } .form-input-group {   display: flex;   flex-direction: column;   row-gap: 8px;   column-gap: 8px; } .form-input-label {   font-family: var(--site-font);   font-size: 14px;   color: var(--text-muted); } .site-input-field {   width: 100%;   height: 48px;   background-color: rgb(26, 26, 26);   border-top-width: 1px;   border-right-width: 1px;   border-bottom-width: 1px;   border-left-width: 1px;   border-top-style: solid;   border-right-style: solid;   border-bottom-style: solid;   border-left-style: solid;   border-top-color: rgba(255, 255, 255, 0.15);   border-right-color: rgba(255, 255, 255, 0.15);   border-bottom-color: rgba(255, 255, 255, 0.15);   border-left-color: rgba(255, 255, 255, 0.15);   border-image-source: none;   border-image-slice: 100%;   border-image-width: 1;   border-image-outset: 0;   border-image-repeat: stretch;   border-top-left-radius: 8px;   border-top-right-radius: 8px;   border-bottom-right-radius: 8px;   border-bottom-left-radius: 8px;   padding-top: 0px;   padding-right: 16px;   padding-bottom: 0px;   padding-left: 16px;   font-family: var(--site-font);   font-size: 15px;   color: var(--text-white);   outline-color: initial;   outline-style: none;   outline-width: initial;   transition-behavior: normal;   transition-duration: 0.2s;   transition-timing-function: ease;   transition-delay: 0s;   transition-property: border-color; } .site-input-field:focus {   border-color: var(--primary-color); } .site-input-field::placeholder {   color: rgb(102, 102, 102); } .submit-reserve-btn {   height: 48px;   margin-top: 12px;   cursor: pointer; } .form-submit-wrap {   position: relative; } .spinner {   position: absolute;   top: 50%;   right: 20px;   transform: translateY(-50%);   width: 22px;   height: 22px;   border-top-width: 3px;   border-right-width: 3px;   border-bottom-width: 3px;   border-left-width: 3px;   border-top-style: solid;   border-right-style: solid;   border-bottom-style: solid;   border-left-style: solid;   border-right-color: rgba(255, 255, 255, 0.3);   border-bottom-color: rgba(255, 255, 255, 0.3);   border-left-color: rgba(255, 255, 255, 0.3);   border-image-source: none;   border-image-slice: 100%;   border-image-width: 1;   border-image-outset: 0;   border-image-repeat: stretch;   border-top-color: rgb(255, 255, 255);   border-top-left-radius: 50%;   border-top-right-radius: 50%;   border-bottom-right-radius: 50%;   border-bottom-left-radius: 50%;   animation-duration: 0.8s;   animation-timing-function: linear;   animation-delay: 0s;   animation-iteration-count: infinite;   animation-direction: normal;   animation-fill-mode: none;   animation-play-state: running;   animation-name: spinLoader;   animation-timeline: auto;   animation-range-start: normal;   animation-range-end: normal; } @keyframes spinLoader {   100% {     transform: translateY(-50%) rotate(360deg);   } } .form-security-note {   font-family: var(--site-font);   font-size: 13px;   color: var(--text-muted);   margin-top: 4px;   margin-bottom: 0px; } @media (max-width: 991.98px) {   .webinar-form-card {     max-width: 100%;     margin-left: 0px;   } } @media (max-width: 767.98px) {   .webinar-form-card {     padding-top: 24px;     padding-right: 20px;     padding-bottom: 24px;     padding-left: 20px;   }   .form-card-title {     font-size: 22px;   }   .form-card-subtitle {     margin-bottom: 24px;   } } * {   box-sizing: border-box; } body {   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px; } .form-security-note.text-center {   border-top-width: 0px;   border-right-width: 0px;   border-bottom-width: 0px;   border-left-width: 0px;   border-top-style: solid;   border-right-style: solid;   border-bottom-style: solid;   border-left-style: solid;   border-top-color: black;   border-right-color: black;   border-bottom-color: black;   border-left-color: black;   border-image-source: none;   border-image-slice: 100%;   border-image-width: 1;   border-image-outset: 0;   border-image-repeat: stretch; } #spinner {   display: none; } cap-widget {   --cap-background: #1a1a1a;   --cap-border-color: #555555;   --cap-border-radius: 8px;   --cap-color: #e0e0e0;   --cap-checkbox-background: #2b2b2b;   --cap-checkbox-border: none;   --cap-focus-ring: oklch(0.55 0.19 160);   --cap-spinner-color: oklch(0.55 0.19 160);   --cap-spinner-background-color: #555555; }