@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Bold.woff2') format('woff2'),
        url('../fonts/Barlow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-SemiBold.woff2') format('woff2'),
        url('../fonts/Barlow-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Medium.woff2') format('woff2'),
        url('../fonts/Barlow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.woff2') format('woff2'),
        url('../fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Regular.woff2') format('woff2'),
        url('../fonts/Barlow-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Black.woff2') format('woff2'),
        url('../fonts/Barlow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('../fonts/JosefinSans-Regular.woff2') format('woff2'),
        url('../fonts/JosefinSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.font-barlow{
    font-family: 'Barlow';
}

.font-poppins{
    font-family: 'Poppins';
}

.font-josefin{
    font-family: 'Josefin Sans';
}

*{
    margin: 0;
    padding: 0;
}

body, html{
    font-family: 'Poppins';
    font-size: 16px;
    color: #000;
}

.gf_progressbar .percentbar_blue,
.review-form-section .gform-theme--framework .gf_progressbar .percentbar_blue {
    background-color: #FA8D25;
}

.gf_progressbar,
.review-form-section .gform-theme--framework .gf_progressbar {
    background-color: #D9D9D9;
}

.gf_progressbar_title,
.review-form-section .gform-theme--framework .gf_progressbar_title {
    display: none;
}

#gform_2 .gform_previous_button {
    display: none !important;
}

#gform_2 .gform_button,
#gform_2 .gform_next_button {
    visibility: hidden !important;
}

.gf_progressbar{
	margin-top:30px !important;
}

.zilla-clock-form .gf_progressbar_wrapper {
	display: none !important;
}

.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(217,217,217,.2);border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:20px}

.custom-scrollbar{
	padding-right:4px;
}

.gform_confirmation_message{
	color:green !important;
}

.zilla-review-form .gfield_label{
	font-family: Poppins, sans-serif !important;
	text-align: center;
	font-size: 42px !important;
	line-height: 63px !important;
	font-weight: 700 !important;
	color:#fff !important;
	margin-top: 30px !important;
	margin-bottom:38px !important;
}

.zilla-review-form .gchoice{
	display:inline-block !important;
	width: calc(50% - 19px) !important;
}

.zilla-review-form .gfield_radio{
	flex-direction:row !important;
	gap:38px !important;
	flex-wrap: wrap !important;
}

.zilla-review-form .gchoice label {
    background-color: #DD6C00;
    padding: 20px;
    display: flex !important;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color 0.3s ease;
    font-family: 'Barlow', sans-serif !important;
    font-weight: 400 !important;
    color: white !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    line-height: 25px !important;
    text-align: left;
	width:100%;
	position:relative;
	margin:0 !important;
	justify-content:space-between;
}

.zilla-review-form .gchoice label:hover {
    background-color: #FA8D25;
}

.zilla-review-form .gfield-choice-input {
    display: none !important;
}

.zilla-review-form .gchoice label::after {
    content: '';
    width: 12px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='18' viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.92867 8.7689C4.27724 7.1566 2.57623 5.68518 1.0735 4.1981C-0.343135 2.78147 -0.343135 2.34318 1.00306 0.989155C2.29447 -0.317905 2.95191 -0.333558 4.27462 0.965675C6.37218 3.03975 8.46191 5.12948 10.536 7.22704C11.7256 8.43235 11.7335 9.12893 10.5516 10.3186C8.44626 12.4553 6.33305 14.5685 4.19635 16.6739C2.94408 17.9027 2.26316 17.8635 1.02654 16.6034C-0.319655 15.2338 -0.343135 14.7955 0.963925 13.4884C2.49013 11.9544 4.04765 10.4516 5.75387 8.76107V8.7689Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto 0;
	right:27px;
}

.zilla-review-form .gform_confirmation_message_2{
	font-family: Poppins, sans-serif !important;
	text-align: center !important;
	font-size: 30px !important;
	line-height: 40px !important;
	font-weight: 700 !important;
	color:#79ec6f !important;
	margin-top: 30px !important;
	margin-bottom:38px !important;
}

/* Step1 form */
/* CSS for all text input styling */
.zilla-clock-form .gfield_label{
	display:none !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
textarea {
    padding: 20px !important;
    border: 2px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 7px !important;
    box-shadow: 0px 1.46px 2.92px 0px rgba(0, 0, 0, 0.1) !important;
    font-family: 'Barlow', sans-serif;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 100%;
    width: 100%;
    transition: all 0.3s ease;
    background-color: white !important;
    box-sizing: border-box;
	height:57px;
}

/* Focus state for all inputs */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {
    outline: none;
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1.46px 2.92px 0px rgba(0, 0, 0, 0.1);
}

/* Placeholder styling for all inputs */
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
}

/* Alternative: Universal input styling (more broad) */
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
textarea,
select {
    padding: 20px !important;
    border: 2px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 7px !important;
    box-shadow: 0px 1.46px 2.92px 0px rgba(0, 0, 0, 0.1) !important;
    font-family: 'Barlow', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 100% !important;
    width: 100%;
    transition: all 0.3s ease;
    background-color: white;
    box-sizing: border-box;
	height:57px;
}

input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
textarea:focus,
select:focus {
    outline: none;
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1.46px 2.92px 0px rgba(0, 0, 0, 0.1);
}

.zilla-clock-form .gform_fields {
    display: flex !important;
    flex-direction: row !important;
    flex-flow: wrap !important;
    column-gap: 23px !important;
    row-gap: 18px !important;
}

/* First two fields - 50% width each */
#field_1_1,
#field_1_3 {
    flex: 0 0 calc(50% - 11.5px) !important;
    width: calc(50% - 11.5px) !important;
}

/* Last two fields - 100% width each */
#field_1_4,
#field_1_5 {
    flex: 0 0 100% !important;
    width: 100% !important;
}


.zilla-clock-form .gfield:nth-child(3),
.zilla-clock-form .gfield:nth-child(4) {
    flex: 0 0 100% !important;
    width: 100% !important;
}

.zilla-clock-form .gform-page-footer{
	margin-top:0 !important;
}

/* CSS for Next button styling */
.zilla-clock-form .gform_next_button,
#gform_next_button_1_6 {
    background-color: #85B640;
    border: 1px solid #85B640;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15), inset 0 2px 1px rgba(255, 255, 255, 0.35);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 16px 24px 16px;
    max-width: 325px;
    margin: 48px auto;
    font-family: 'Barlow', sans-serif;
    gap: 5px;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 20px;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    position: relative;
	width:300px !important;
	 background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9287 8.7689C14.2772 7.1566 12.751 5.68518 11.2483 4.1981C9.83167 2.78147 9.83167 2.34318 11.1779 0.989155C12.4693 -0.317905 13.1267 -0.333558 14.4494 0.965675C16.547 3.03975 18.6367 5.12948 20.7108 7.22704C21.9005 8.43235 21.9083 9.12893 20.7264 10.3186C18.6211 12.4553 16.5079 14.5685 14.3712 16.6739C13.1189 17.9027 12.438 17.8635 11.2013 16.6034C9.85515 15.2338 9.83167 14.7955 11.1387 13.4884C12.6649 11.9544 14.2225 10.4516 15.9287 8.76107V8.7689Z' fill='white'/%3E%3Cpath d='M5.75387 8.7689C4.10243 7.1566 2.57623 5.68518 1.0735 4.1981C-0.343135 2.78147 -0.343135 2.34318 1.00306 0.989155C2.29447 -0.317905 2.95191 -0.333558 4.27462 0.965675C6.37218 3.03975 8.46191 5.12948 10.536 7.22704C11.7256 8.43235 11.7335 9.12893 10.5516 10.3186C8.44626 12.4553 6.33305 14.5685 4.19635 16.6739C2.94408 17.9027 2.26316 17.8635 1.02654 16.6034C-0.319655 15.2338 -0.343135 14.7955 0.963925 13.4884C2.49013 11.9544 4.04765 10.4516 5.75387 8.76107V8.7689Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
       background-position: center right 64px;
    text-indent: -35px;
}

/* Hover effect */
.zilla-clock-form .gform_next_button:hover,
#gform_next_button_1_6:hover {
    background-color: #739a37;
    border-color: #739a37;
}


/* Responsive design for larger screens */
@media (min-width: 640px) {
    .zilla-clock-form .gform_next_button,
    #gform_next_button_1_6 {
        padding: 20px 20px 24px 20px;
        font-size: 27px;
        line-height: 32px;
		width:325px !important;
    }
}


/* Remove default button styling */
.zilla-clock-form .gform_next_button,
#gform_next_button_1_6 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 1px solid #85B640;
}

/* Focus state */
.zilla-clock-form .gform_next_button:focus,
#gform_next_button_1_6:focus {
    outline: 2px solid rgba(133, 182, 64, 0.5);
    outline-offset: 2px;
}

/* Responsive design - stack all fields on mobile */
@media (max-width: 768px) {
	.zilla-clock-form .gform_next_button,
	#gform_next_button_1_6{
		background-position: center right 70px;
	}
}
@media (min-width: 576px) {
    .zilla-review-form .gchoice label {
        padding: 27px;
        font-size: 21px !important;
    }
}

@media (max-width:576px){
		.zilla-review-form .gchoice{
		width:100% !important;
	}
	.zilla-review-form .gfield_radio{
		gap:20px !important;
		flex-direction: column !important;
	}
	.zilla-review-form .gfield_label{
		font-size:26px !important;
		line-height:30px !important;
	}
}

/* Form3 */
/* Container for radio button flex layout */
.gform_previous_button{
	display:none !important;
}
.gform_button button{
	display:none !important;
}
.gform_button{
	 background-color: #85B640 !important;
    border: 1px solid #85B640 !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15), inset 0 2px 1px rgba(255, 255, 255, 0.35) !important;
    border-radius: 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px 16px 24px 16px !important;
    margin: 48px auto !important;
    font-family: 'Barlow', sans-serif !important;
    gap: 5px;
    text-align: center !important;
    font-weight: bold !important;
    color: white !important;
    font-size: 20px !important;
    line-height: 24px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
	max-width:200px !important;
}
.zilla-charged{
	width:100% !important;
}
.zilla-charged .gfield_radio{
	width:100% !important;
}
.zilla-charged .gfield_radio {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    width: 100% !important;
	flex-direction:row !important;
}

/* Individual radio choice styling */
.zilla-charged .gchoice {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px !important;
    border: 2px solid #164B8033 !important;
    border-radius: 7px !important;
    cursor: pointer !important;
    background-color: #164B800D !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    min-height: 85px !important;
    max-height: 85px !important;
    position: relative !important;
    flex: 1 1 100% !important;
}

.gfield--input-type-textarea{
	width:100% !important;
}

.textarea{
	width:100% !important;
}

div#gform_confirmation_message_1 {
    text-align: center;
    margin-bottom: 20px;
}

/* Responsive flex basis for equal widths */
@media (min-width: 420px) {
    .zilla-charged .gchoice {
        flex: 1 1 calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
    }
}

@media (min-width: 1024px) {
    .zilla-charged .gchoice {
        flex: 1 1 calc(33.333% - 11px) !important;
        max-width: calc(33.333% - 11px) !important;
    }
}

@media (min-width: 1280px) {
    .zilla-charged .gchoice {
        flex: 1 1 calc(33.333% - 11px) !important;
        max-width: calc(33.333% - 11px) !important;
    }
}

@media (min-width: 1536px) {
    .zilla-charged .gchoice {
        flex: 1 1 calc(33.333% - 11px) !important;
        max-width: calc(33.333% - 11px) !important;
    }
}



/* Label styling */
.zilla-charged .gchoice label {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #4B5563 !important;
    cursor: pointer !important;
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.01em !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
	max-width: calc(100% - 30px);
}

.gfield_radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  margin-right: 6px;
}

.gfield_radio input[type="radio"]:checked{
	border-color:#F59E0B !important;
}

.gfield_radio input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: #F59E0B !important; /* checked dot color */
  border-radius: 50%;
}

.gfield_radio input[type="radio"]:focus,
.gfield_radio input[type="radio"]:active,
.gfield_radio input[type="radio"]:hover {
  outline: none !important;
  box-shadow: none !important;
  border-color: none !important; /* or your default border */
}

.gchoice:has(input[type="radio"]:checked){
	background-color:#DD6C0026 !important;
	border-color:#DD6C0080 !important;
}

input#gform_submit_button_1 {
    padding: 16px 30px !important;
}