/* Buttonize Radio & Checkbox Fields */
.gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
.gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
    position: relative;
    text-align: center;
}

.gform_wrapper .gfield.buttonized input[type="radio"],
.gform_wrapper .gfield.buttonized input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.gform_wrapper .gfield.buttonized .gfield_radio label,
.gform_wrapper .gfield.buttonized .gfield_checkbox label {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: 1em;
    font-size: 22px;
    border: 1px solid #417eec;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    border-radius: 20px; /* Rounded edges */
    transition: background-color 0.3s ease; /* Smooth hover transition */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Very light background shadow */
}

.gform_wrapper .gfield.buttonized .gfield_radio label:hover,
.gform_wrapper .gfield.buttonized .gfield_checkbox label:hover {
    background-color: #dae7ff; /* Grey hover color */
}

.gform_wrapper .gfield.buttonized input[type="radio"]:focus+label,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label {
    border-color: #417eec;
}

.gform_wrapper .gfield.buttonized input[type="radio"]:checked+label,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label {
    border-color: #417eec;
    background-color: #ccddfc;
    overflow: hidden;
}

.gform_wrapper .gfield.buttonized input[type="radio"]:checked+label::before,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label::before {
    content: '';
    display: block;
    position: absolute;
    top: -.75em;
    right: -.75em;
    left: auto;
    width: 1.5em;
    height: 1.5em;
  
    border-radius: 0;
    border: 1;
    transform: rotate(45deg);
}

.gform_wrapper .gfield.buttonized .gfield_radio label::before,
.gform_wrapper .gfield.buttonized .gfield_checkbox label::before {
    display: none;
}

/* Layout Buttonized Inputs As Grid */
.gform_wrapper .gfield.buttonized .gfield_radio,
.gform_wrapper .gfield.buttonized .gfield_checkbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5em 1em;
}










/* Buttonize-small Radio & Checkbox Fields */
.gform_wrapper .gfield.buttonized-small .gfield_radio .gchoice,
.gform_wrapper .gfield.buttonized-small .gfield_checkbox .gchoice {
    position: relative;
    text-align: center;
}

.gform_wrapper .gfield.buttonized-small input[type="radio"],
.gform_wrapper .gfield.buttonized-small input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.gform_wrapper .gfield.buttonized-small .gfield_radio label,
.gform_wrapper .gfield.buttonized-small .gfield_checkbox label {
    display: flex; /* Align content vertically */
    justify-content: center; /* Align content horizontally */
    align-items: center; /* Align content vertically */
    position: relative;
    max-width: 100%;
    padding: 1em 2em; /* Add padding left and right */
    font-size: 16px; /* Reduced font size */
    border: 1px solid #417eec;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    border-radius: 10px; /* Rounded edges */
    height: 80px; /* Height of the box */
    transition: background-color 0.3s ease; /* Smooth hover transition */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Very light background shadow */
    position: relative; /* Ensure label position is relative */
}

.gform_wrapper .gfield.buttonized-small .gfield_radio label:hover,
.gform_wrapper .gfield.buttonized-small .gfield_checkbox label:hover {
    background-color: #dae7ff; /* Grey hover color */
}

.gform_wrapper .gfield.buttonized-small input[type="radio"]:focus+label,
.gform_wrapper .gfield.buttonized-small input[type="checkbox"]:focus+label {
    border-color: #417eec;
}

.gform_wrapper .gfield.buttonized-small input[type="radio"]:checked+label,
.gform_wrapper .gfield.buttonized-small input[type="checkbox"]:checked+label {
    border-color: #417eec;
    background-color: #ccddfc;
    overflow: hidden;
}

/* Unchecked checkbox */
.gform_wrapper .gfield.buttonized-small input[type="checkbox"]+label::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    border: 2px solid #417eec;
    border-radius: 5px;
}

/* Checked checkbox */
.gform_wrapper .gfield.buttonized-small input[type="checkbox"]:checked+label::before {
    content: '✓'; /* Checkmark icon */
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-color: #ccddfc;
    border-radius: 5px;
    font-size: 36px; /* Size of the checkmark */
    color: #ff0000; /* Red tick color */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Layout Buttonized Inputs As Grid */
.gform_wrapper .gfield.buttonized-small .gfield_radio,
.gform_wrapper .gfield.buttonized-small .gfield_checkbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5em 1em;
}




/* Buttonize-small Radio & Checkbox Fields */
.gform_wrapper .gfield.buttonized-small .gfield_radio .gchoice,
.gform_wrapper .gfield.buttonized-small .gfield_checkbox .gchoice {
    position: relative;
    text-align: center;
}

.gform_wrapper .gfield.buttonized-small input[type="radio"],
.gform_wrapper .gfield.buttonized-small input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.gform_wrapper .gfield.buttonized-small .gfield_radio label,
.gform_wrapper .gfield.buttonized-small .gfield_checkbox label {
    display: flex; /* Align content vertically */
    justify-content: center; /* Align content horizontally */
    align-items: center; /* Align content vertically */
    position: relative;
    max-width: 100%;
    padding: 1em 2em; /* Add padding left and right */
    font-size: 16px; /* Reduced font size */
    border: 1px solid #417eec;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    border-radius: 10px; /* Rounded edges */
    height: 80px; /* Height of the box */
    transition: background-color 0.3s ease; /* Smooth hover transition */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Very light background shadow */
    position: relative; /* Ensure label position is relative */
}

.gform_wrapper .gfield.buttonized-small .gfield_radio label:hover,
.gform_wrapper .gfield.buttonized-small .gfield_checkbox label:hover {
    background-color: #dae7ff; /* Grey hover color */
}

.gform_wrapper .gfield.buttonized-small input[type="radio"]:focus+label,
.gform_wrapper .gfield.buttonized-small input[type="checkbox"]:focus+label {
    border-color: #417eec;
}

.gform_wrapper .gfield.buttonized-small input[type="radio"]:checked+label,
.gform_wrapper .gfield.buttonized-small input[type="checkbox"]:checked+label {
    border-color: #417eec;
    background-color: #ccddfc;
    overflow: hidden;
}

/* Unchecked checkbox */
.gform_wrapper .gfield.buttonized-small input[type="checkbox"]+label::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    border: 2px solid #417eec;
    border-radius: 5px;
}

/* Checked checkbox */
.gform_wrapper .gfield.buttonized-small input[type="checkbox"]:checked+label::before {
    content: '✓'; /* Checkmark icon */
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-color: #ccddfc;
    border-radius: 5px;
    font-size: 36px; /* Size of the checkmark */
    color: #ff0000; /* Red tick color */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Layout Buttonized Inputs As Grid */
.gform_wrapper .gfield.buttonized-small .gfield_radio,
.gform_wrapper .gfield.buttonized-small .gfield_checkbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5em 1em;
}







/* Buttonize-small-single-column Radio & Checkbox Fields */
.gform_wrapper .gfield.buttonized-small-single-column .gfield_radio .gchoice,
.gform_wrapper .gfield.buttonized-small-single-column .gfield_checkbox .gchoice {
    position: relative;
    text-align: center;
}

.gform_wrapper .gfield.buttonized-small-single-column input[type="radio"],
.gform_wrapper .gfield.buttonized-small-single-column input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.gform_wrapper .gfield.buttonized-small-single-column .gfield_radio label,
.gform_wrapper .gfield.buttonized-small-single-column .gfield_checkbox label {
    display: flex; /* Align content vertically */
    justify-content: flex-start; /* Align content to the left */
    align-items: center; /* Align content vertically */
    position: relative;
    max-width: 100%;
    padding: 1em 2em; /* Add padding left and right */
    font-size: 16px; /* Reduced font size */
    border: 1px solid #417eec;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    border-radius: 10px; /* Rounded edges */
    height: 80px; /* Height of the box */
    transition: background-color 0.3s ease; /* Smooth hover transition */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Very light background shadow */
    position: relative; /* Ensure label position is relative */
}

.gform_wrapper .gfield.buttonized-small-single-column .gfield_radio label:hover,
.gform_wrapper .gfield.buttonized-small-single-column .gfield_checkbox label:hover {
    background-color: #dae7ff; /* Grey hover color */
}

.gform_wrapper .gfield.buttonized-small-single-column input[type="radio"]:focus+label,
.gform_wrapper .gfield.buttonized-small-single-column input[type="checkbox"]:focus+label {
    border-color: #417eec;
}

.gform_wrapper .gfield.buttonized-small-single-column input[type="radio"]:checked+label,
.gform_wrapper .gfield.buttonized-small-single-column input[type="checkbox"]:checked+label {
    border-color: #417eec;
    background-color: #ccddfc;
    overflow: hidden;
}

/* Unchecked checkbox */
.gform_wrapper .gfield.buttonized-small-single-column input[type="checkbox"]+label::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px; /* Place the checkbox to the left */
    width: 20px;
    height: 20px;
    border: 2px solid #417eec;
    border-radius: 5px;
}

/* Checked checkbox */
.gform_wrapper .gfield.buttonized-small-single-column input[type="checkbox"]:checked+label::before {
    content: '✓'; /* Checkmark icon */
    position: absolute;
    top: 5px;
    left: 5px; /* Place the checkbox to the left */
    width: 20px;
    height: 20px;
    background-color: #ccddfc;
    border-radius: 5px;
    font-size: 36px; /* Size of the checkmark */
    color: #ff0000; /* Red tick color */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Layout Buttonized Inputs As Single Column */
.gform_wrapper .gfield.buttonized-small-single-column .gfield_radio,
.gform_wrapper .gfield.buttonized-small-single-column .gfield_checkbox {
    display: grid;
    grid-template-columns: 1fr; /* Layout in one column */
    grid-gap: .5em 1em;
}









/* Buttonize-smallv2 Radio & Checkbox Fields */
/* Buttonize-small-v2 Radio & Checkbox Fields */
.gform_wrapper .gfield.buttonized-small-v2 .gfield_radio .gchoice,
.gform_wrapper .gfield.buttonized-small-v2 .gfield_checkbox .gchoice {
    position: relative;
    text-align: left; /* Align text left */
}

.gform_wrapper .gfield.buttonized-small-v2 input[type="radio"],
.gform_wrapper .gfield.buttonized-small-v2 input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.gform_wrapper .gfield.buttonized-small-v2 .gfield_radio label,
.gform_wrapper .gfield.buttonized-small-v2 .gfield_checkbox label {
    display: flex; /* Align content vertically */
    justify-content: center; /* Align content horizontally */
    align-items: center; /* Align content vertically */
    position: relative;
    max-width: 100%;
    padding: 1em 2em; /* Add padding left and right */
    font-size: 16px; /* Reduced font size */
    border: 1px solid #417eec;
    background-color: #fff; /* Default background color */
    color: #000;
    cursor: pointer;
    border-radius: 10px; /* Rounded edges */
    height: 80px; /* Height of the box */
    transition: background-color 0.3s ease; /* Smooth hover transition */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Very light background shadow */
}

.gform_wrapper .gfield.buttonized-small-v2 .gfield_radio label:hover,
.gform_wrapper .gfield.buttonized-small-v2 .gfield_checkbox label:hover {
    background-color: #dae7ff; /* Grey hover color */
}

.gform_wrapper .gfield.buttonized-small-v2 input[type="radio"]:focus+label,
.gform_wrapper .gfield.buttonized-small-v2 input[type="checkbox"]:focus+label {
    border-color: #417eec;
	background-color: #dae7ff;
}

.gform_wrapper .gfield.buttonized-small-v2 input[type="checkbox"]+label::before,
.gform_wrapper .gfield.buttonized-small-v2 input[type="radio"]+label::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 15px; /* Adjusted padding to the left */
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #417eec;
    border-radius: 5px;
}

.gform_wrapper .gfield.buttonized-small-v2 input[type="checkbox"]:checked+label::before,
.gform_wrapper .gfield.buttonized-small-v2 input[type="radio"]:checked+label::before {
    content: '✓'; /* Checkmark icon */
    position: absolute;
    top: 50%;
    left: 15px; /* Adjusted padding to the left */
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #ccddfc; /* Blue background color when checked */
    border-radius: 5px;
    font-size: 36px; /* Size of the checkmark */
    color: #ff0000; /* Red tick color */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Layout Buttonized Inputs in Single Column */
.gform_wrapper .gfield.buttonized-small-v2 .gfield_radio,
.gform_wrapper .gfield.buttonized-small-v2 .gfield_checkbox {
    display: grid;
    grid-template-columns: 1fr; /* Adjusted to one column */
    grid-gap: .5em 1em;
}

.text-16px  {
    font-size: 16px;
}

/* Disable zooming for text fields */
input[type=text], input[type=password], textarea {
    font-size: 16px; /* Set font size to prevent zooming */
    -ms-text-size-adjust: 100%; /* IE/Edge */
    -webkit-text-size-adjust: 100%; /* Chrome, Safari */
}

/* Add a media query for screens smaller than 768px (typical mobile devices) */
@media screen and (max-width: 768px) {
    /* Reduce font size for buttonized-small-v2 labels */
    .gform_wrapper .gfield.buttonized-small-v2 .gfield_radio label,
    .gform_wrapper .gfield.buttonized-small-v2 .gfield_checkbox label {
        font-size: 14px; /* Reduced font size for mobile */
    }


/* Prevent zooming for all elements */
body {
    touch-action: manipulation; /* Disable double tap zoom */
    zoom: reset; /* Disable pinch zoom */
}
	form input {
    font-size: 16px !important;
}

#gform_wrapper_5 .gform_validation_errors h2 {
	font-size: 16px !important;
}