
.pf-content{padding-top:20px;padding-bottom:20px;padding-left:15px;padding-right:15px;border-radius:30px}
.popup-form__brand{display:flex;align-items:center;justify-content:center;column-gap:20px}
.popup-brand__title{font-size:30px;color:#fff}
.hs-form-checkbox-display input{width:16px !important;height:16px !important;}
.hs-form-checkbox{list-style-type:none;margin-bottom:5px;}
.popup-form__area{ background: rgba(0, 0, 0, .9);bottom: 0;;position:fixed;top: 0;left: 0;z-index: 1055;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;display:none}
.popup-form__box{width:calc(100% - 1.5rem);max-width:600px;margin: 1.75rem auto;}
.popup-form__box{ border-radius: 30px; margin-left: auto; margin-right: auto; padding: 2px;background:var(--primary-color);transition: background 0.3s ease-in-out;}
.popup-form__close{width:16px;height:16px;position:absolute;top:40px;right:24px;cursor:pointer;color:#fff;}
.popup-form__logo{width: 100px;height: auto;margin-bottom: 20px;display: block;}
.popup-form .form-title{display:none;}
.popup-form h3{max-width:80%;margin-left:auto;margin-right:auto;font-family: var(--secondary-font-family);font-size: 16px;font-weight: 500;margin-bottom: 24px;text-align: center;color: #fff;}
.popup-form .hs-form-field{margin-bottom:20px;}
.popup-form .hs-form-field label{color:#fff;font-size:14px;margin-bottom:5px;display: inline-block;line-height: 1.5;}
.popup-form .input{position:relative;}
.popup-form input.hs-input,.popup-form select.hs-input{width:100%;background-color:#fff;border: 1px solid #36236a;padding: 8px 12px;border-radius:6px;height: 45px;font-family: var(--secondary-font-family);font-size: 16px;font-weight: 500;}
.popup-form select.hs-input{-webkit-appearance: none;appearance: none;background-image: url('data:image/svg+xml,<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 10L12 15L17 10" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position: 98% !important;background-repeat: no-repeat;}
.popup-form select.hs-input option{color:#000;}
.popup-form .hs-phone input.hs-input{padding-left:50px;padding-top:7px;}
.popup-form .country-prefix{color: #000;position: absolute;top: 9px;left: 15px;line-height:1.5;top: 10px;font-size: 16px;}
.popup-form .hs-submit{text-align: center;margin-top: 20px;margin-bottom: 20px;}
.popup-form .actions{display:block;position: relative;}
.popup-form .hs-button{width:100%;cursor:pointer;background-color: rgba(243, 167, 29, 1);border:1px solid rgba(243, 167, 29, 1);color:#000;font-family:Appetite-Rounded;font-size: 16px;font-weight: 400;text-align: center;padding:4px 20px;height: 50px;border-radius: 30px;color:#36236a;}
.popup-form .hs-error-msgs li{list-style-type: none;margin-left: 0;}
.popup-form .hs-error-msg {color:#c69e9e !important;font-size: 13px !important;}
.popup-form .hs_error_rollup .hs-error-msgs{display: none !important;}
.resend_otp{opacity:0.4;pointer-events:none}
@supports (-webkit-touch-callout: none) {
  .inputs-list{padding-left:20px;}
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{transition: background-color 5000s ease-in-out 0s;box-shadow: inset 0 0 20px 20px #23232329;}
input::spelling-error {color:#fff;}
.popup-form .hs-form-booleancheckbox, .hs-fieldtype-checkbox{list-style-type:none;margin-left:0;}
.popup-form .hs-fieldtype-booleancheckbox ul{padding-left:0;}
.popup-form .hs-form-booleancheckbox label,
.popup-form .hs-form-checkbox label{display: grid;grid-template-columns: 16px auto;gap: 7px;}
.popup-form .hs-form-booleancheckbox .hs-input,  .hs-fieldtype-checkbox  .hs-input{width:16px;height:16px;position: relative;top: 3px;}
.popup-form .hs-form-booleancheckbox a,  .hs-fieldtype-checkbox a{color:#f3a71d;}

.popup-form__otp{text-align:center;display: none;}
.popup-form__otp-title{text-transform:uppercase;font-family: var(--secondary-font-family);font-size:22px;font-weight:700;background: var(--primary-color);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: #fff;margin-bottom: 15px;}
.popup-form__otp-description{color:#fff;margin-bottom: 20px;}
.popup-form__otp-new{display:none;font-size:14px;color: rgba(180, 180, 180, 1);}
.popup-form__otp-error{display:none;font-size:14px;color: rgba(180, 180, 180, 1);color:red;}
.popup-form__otp-time{font-size:14px;color: rgba(180, 180, 180, 1);margin-top:20px;}
.popup-form__otp-resend{font-size:14px;color: rgba(180, 180, 180, 1);}
.popup-form__otp-resend a{color: #f3a71d;text-decoration: underline;}
.popup-form__otp-form{text-align: center;font-family: var(--secondary-font-family);margin-bottom:10px;}
.popup-form__otp-input{-moz-appearance: textfield;background-color: #fff;border-radius: 6px;color: #000;font-size: 16px;height: 36px;margin-right: 5px;text-align: center;width: 36px;-webkit-appearance: none;border:1px solid #fff;}
.popup-form__otp-input::-webkit-outer-spin-button,
.popup-form__otp-input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.popup-form__otp-button{background-color: #f3a71d;border: 1px solid #f3a71d;border-radius: 30px;color: #36236a;cursor: pointer;font-family: Appetite-Rounded;font-size: 16px;font-weight: 400;height: 50px;padding: 4px 20px;text-align: center;width: 100%;margin-bottom:20px;margin-top:20px;}
.popup-form__otp-button.disabledpopup{pointer-events: none;opacity: 0.3;}
.popup-form__thankyou{text-align: center;display: none;}
.popup-form__tick-icon{margin-left: auto;margin-right: auto;margin-bottom: 20px;}
.popup-form__thankyou-title{font-size: 16px;font-weight: 700;margin-bottom: 12px;color:#fff;font-family:var(--secondary-font-family)!important;}
.popup-form__thankyou-description{color: #fff;font-size: 16px;font-weight: 400;}
.popup-form__image-description{color:#fff;font-size:16px;font-weight:400;margin-top:20px;margin-bottom:20px;}
.popup-from__image-link{color:#f3a71d;margin-bottom:20px;display:inline-block;}
.popup-form__title{color:#fff;margin-bottom:20px;font-size:24px;}
.multi-container{margin-top:10px;}
.popup-form .hs_occasion{margin-bottom:40px;!important}
@media(min-width:768px){
/*   .popup-form__box{padding: 32px;} */
  .popup-form__image-description{font-size:24px;}
  .popup-form__title{font-size:29px;}
  .popup-form__close{top:20px;right:20px}
  .popup-brand__title{font-size:40px;}
  .popup-form h3{font-size: 20px;margin-bottom: 32px;}
  .popup-form .hs-form-field label{font-size:16px;}
  .popup-form input.hs-input,.popup-form__area select.hs-input{font-size: 18px;height: 56px;padding: 8px 15px;border-radius:6px;border: 1px solid #36236a;}
  .popup-form .hs-button{font-size: 20px;height: 60px;}
  .popup-form .actions:after{width: 50px;height: 50px;}
  .popup-form .country-prefix{top:15px;font-size:18px;}
  .popup-form__otp-title{font-size: 30px; color:#fff}
  .popup-form__otp-new,
  .popup-form__otp-error,
  .popup-form__otp-time,
  .popup-form__otp-resend{font-size:16px;}

  .popup-form__tick-icon{margin-bottom: 32px;}
  .popup-form__thankyou-title{font-size: 18px;}
  .popup-form__thankyou-description{font-size: 20px;}
}
}
@media(min-width:992px){
  .popup-form .hs-button{height: 60px;}
}