diff --git a/public/styles/landing/themes/bootstrap4-dark-blue/theme.css b/public/styles/landing/themes/bootstrap4-dark-blue/theme.css
index ba3d02f88..8ef6bb16c 100644
--- a/public/styles/landing/themes/bootstrap4-dark-blue/theme.css
+++ b/public/styles/landing/themes/bootstrap4-dark-blue/theme.css
@@ -250,10 +250,26 @@
     padding: 0;
   }
 }
+
 .landing-themes .p-checkbox {
   width: 20px;
   height: 20px;
 }
+.landing-themes .p-checkbox .p-checkbox-input {
+  appearance: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  opacity: 0;
+  z-index: 1;
+  outline: 0 none;
+  border: 1px solid #3f4b5b;
+  border-radius: 4px;
+}
 .landing-themes .p-checkbox .p-checkbox-box {
   border: 1px solid #3f4b5b;
   background: #20262e;
@@ -262,35 +278,35 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 4px;
   transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+  outline-color: transparent;
 }
 .landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon {
   transition-duration: 0.15s;
   color: #151515;
   font-size: 14px;
 }
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight {
+.landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
+  width: 14px;
+  height: 14px;
+}
+.landing-themes .p-checkbox.p-highlight .p-checkbox-box {
   border-color: #8dd0ff;
   background: #8dd0ff;
 }
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+  border-color: #3f4b5b;
+}
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
   border-color: #1dadff;
   background: #1dadff;
   color: #151515;
 }
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  border-color: #3f4b5b;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 1px #e3f3fe;
   border-color: #8dd0ff;
 }
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-  border-color: #1dadff;
-  background: #1dadff;
-  color: #151515;
-}
 .landing-themes .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #f19ea6;
 }
diff --git a/public/styles/landing/themes/bootstrap4-light-blue/theme.css b/public/styles/landing/themes/bootstrap4-light-blue/theme.css
index 465cf4eea..f02a09a92 100644
--- a/public/styles/landing/themes/bootstrap4-light-blue/theme.css
+++ b/public/styles/landing/themes/bootstrap4-light-blue/theme.css
@@ -251,6 +251,21 @@
   width: 20px;
   height: 20px;
 }
+.landing-themes .p-checkbox .p-checkbox-input {
+  appearance: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  opacity: 0;
+  z-index: 1;
+  outline: 0 none;
+  border: 2px solid #ced4da;
+  border-radius: 4px;
+}
 .landing-themes .p-checkbox .p-checkbox-box {
   border: 2px solid #ced4da;
   background: #ffffff;
@@ -259,35 +274,35 @@
   color: #212529;
   border-radius: 4px;
   transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+  outline-color: transparent;
 }
 .landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon {
   transition-duration: 0.15s;
   color: #ffffff;
   font-size: 14px;
 }
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight {
+.landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
+  width: 14px;
+  height: 14px;
+}
+.landing-themes .p-checkbox.p-highlight .p-checkbox-box {
   border-color: #007bff;
   background: #007bff;
 }
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+  border-color: #ced4da;
+}
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
   border-color: #0062cc;
   background: #0062cc;
   color: #ffffff;
 }
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  border-color: #ced4da;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
   border-color: #007bff;
 }
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-  border-color: #0062cc;
-  background: #0062cc;
-  color: #ffffff;
-}
 .landing-themes .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #dc3545;
 }
diff --git a/public/styles/landing/themes/md-dark-indigo/theme.css b/public/styles/landing/themes/md-dark-indigo/theme.css
index adf014117..d47c3fb71 100644
--- a/public/styles/landing/themes/md-dark-indigo/theme.css
+++ b/public/styles/landing/themes/md-dark-indigo/theme.css
@@ -278,6 +278,21 @@
   width: 18px;
   height: 18px;
 }
+.landing-themes .p-checkbox .p-checkbox-input {
+  appearance: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  opacity: 0;
+  z-index: 1;
+  outline: 0 none;
+  border: 2px solid rgba(255, 255, 255, 0.7);
+  border-radius: 4px;
+}
 .landing-themes .p-checkbox .p-checkbox-box {
   border: 2px solid rgba(255, 255, 255, 0.7);
   background: #1e1e1e;
@@ -286,35 +301,35 @@
   color: rgba(255, 255, 255, 0.87);
   border-radius: 4px;
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+  outline-color: transparent;
 }
 .landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon {
   transition-duration: 0.2s;
   color: #121212;
   font-size: 14px;
 }
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight {
+.landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
+  width: 14px;
+  height: 14px;
+}
+.landing-themes .p-checkbox.p-highlight .p-checkbox-box {
   border-color: #9FA8DA;
   background: #9FA8DA;
 }
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+  border-color: rgba(255, 255, 255, 0.6);
+}
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
   border-color: #9FA8DA;
   background: #9FA8DA;
   color: #121212;
 }
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  border-color: rgba(255, 255, 255, 0.6);
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: none;
   border-color: #9FA8DA;
 }
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-  border-color: #9FA8DA;
-  background: #9FA8DA;
-  color: #121212;
-}
 .landing-themes .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #f44435;
 }
diff --git a/public/styles/landing/themes/md-light-indigo/theme.css b/public/styles/landing/themes/md-light-indigo/theme.css
index dd747767b..8ffd264ae 100644
--- a/public/styles/landing/themes/md-light-indigo/theme.css
+++ b/public/styles/landing/themes/md-light-indigo/theme.css
@@ -272,48 +272,48 @@
   }
 }
 .landing-themes .p-checkbox {
-  width: 18px;
-  height: 18px;
+  border-radius: 50%;
+  transition: box-shadow 0.2s;
+}
+.landing-themes .p-checkbox .p-checkbox-input {
+  border-radius: 2px;
 }
 .landing-themes .p-checkbox .p-checkbox-box {
-  border: 2px solid #757575;
-  background: #ffffff;
-  width: 18px;
-  height: 18px;
-  color: rgba(0, 0, 0, 0.87);
-  border-radius: 4px;
-  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+  border-color: #757575;
+  border-radius: 2px;
+  position: relative;
 }
-.landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: #ffffff;
-  font-size: 14px;
+.landing-themes .p-checkbox.p-highlight .p-checkbox-box .p-checkbox-icon.pi-check:before {
+  content: "";
+  position: absolute;
+  top: 6px;
+  left: 1px;
+  border-right: 2px solid transparent;
+  border-bottom: 2px solid transparent;
+  transform: rotate(45deg);
+  transform-origin: 0% 100%;
+  animation: checkbox-check 125ms 50ms linear forwards;
 }
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight {
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) {
+  box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+  border-color: #757575;
+}
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight {
+  box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
+}
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) {
+  box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
+  border-color: #757575;
+}
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight {
+  box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
+}
+.landing-themes .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
   border-color: #3F51B5;
-  background: #3F51B5;
-}
-.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
-  border-color: #3F51B5;
-  background: #3F51B5;
-  color: #ffffff;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  border-color: rgba(0, 0, 0, 0.87);
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: none;
-  border-color: #3F51B5;
-}
-.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-  border-color: #3F51B5;
-  background: #3F51B5;
-  color: #ffffff;
-}
-.landing-themes .p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: #B00020;
 }
 .landing-themes .p-input-filled .p-checkbox .p-checkbox-box {
   background-color: #f5f5f5;