.btn-primary{
  padding: .75rem 2rem;
}
.rsf-btn{
  display: block;
  width: fit-content;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap: .5rem;
  align-items: center;
  white-space: nowrap;
  font-family: 'Open Sans Semibold', sans-serif !important; 
  font-size: var(--h5);
}
.rsf-btn.rsf-btn-std{
  padding: 1rem 1.5rem;
  border-radius: 999px;
  /* min-width: 180px; */
  /* background-color: var(--rsf-2022-color-1);
  color:var(--rsf-2022-color-white); */
}
.rsf-btn.rsf-btn-ghost{
  padding: 1rem 1.5rem;
  border-radius: 999px;
  /* min-width: 180px; */
  /* background-color: var(--rsf-2022-color-white); */
  /* color:var(--rsf-2022-color-black); */
  outline: 1px solid;
  outline-offset: -1px;
}
.rsf-btn.rsf-btn-underlined-red{
  text-decoration: underline;
  color: var(--rsf-2022-color-6);
}
.rsf-btn.rsf-icon-btn-circle-arrow-black{
  font-size: var(--h2);
}
.rsf-btn.rsf-icon-btn-circle-arrow-black::after{
  display: inline-block;
  content: '';
  height: 2rem;
  width: 2rem;
  margin-left: .5rem;
  margin-bottom: -6px;
  background-image: 
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjIyMjIgMTYuMDAwMUMzMC4yMjIyIDEzLjE4NzIgMjkuMzg4IDEwLjQzNzQgMjcuODI1MyA4LjA5ODYyQzI2LjI2MjUgNS43NTk3OCAyNC4wNDEzIDMuOTM2ODkgMjEuNDQyNiAyLjg2MDQ0QzE4Ljg0MzggMS43ODM5OSAxNS45ODQyIDEuNTAyMzUgMTMuMjI1MyAyLjA1MTExQzEwLjQ2NjUgMi41OTk4OCA3LjkzMjMzIDMuOTU0NDIgNS45NDMzMiA1Ljk0MzQzQzMuOTU0MyA3LjkzMjQ0IDIuNTk5NzcgMTAuNDY2NiAyLjA1MSAxMy4yMjU0QzEuNTAyMjMgMTUuOTg0MyAxLjc4Mzg4IDE4Ljg0MzkgMi44NjAzMyAyMS40NDI3QzMuOTM2NzcgMjQuMDQxNCA1Ljc1OTY3IDI2LjI2MjYgOC4wOTg1IDI3LjgyNTRDMTAuNDM3MyAyOS4zODgyIDEzLjE4NzEgMzAuMjIyMyAxNS45OTk5IDMwLjIyMjNDMTkuNzcxOSAzMC4yMjIzIDIzLjM4OTQgMjguNzIzOSAyNi4wNTY2IDI2LjA1NjdDMjguNzIzOCAyMy4zODk1IDMwLjIyMjIgMTkuNzcyIDMwLjIyMjIgMTYuMDAwMVpNMy41NTU1IDE2LjAwMDFDMy41NTU1IDEzLjUzODggNC4yODUzNiAxMS4xMzI4IDUuNjUyNzcgOS4wODYzQzcuMDIwMTggNy4wMzk4MiA4Ljk2Mzc0IDUuNDQ0NzggMTEuMjM3NyA0LjUwMjg5QzEzLjUxMTYgMy41NjEgMTYuMDEzOCAzLjMxNDU2IDE4LjQyNzcgMy43OTQ3M0MyMC44NDE3IDQuMjc0OSAyMy4wNTkxIDUuNDYwMTIgMjQuNzk5NSA3LjIwMDUxQzI2LjUzOTkgOC45NDA5IDI3LjcyNTEgMTEuMTU4MyAyOC4yMDUzIDEzLjU3MjNDMjguNjg1NCAxNS45ODYzIDI4LjQzOSAxOC40ODg0IDI3LjQ5NzEgMjAuNzYyM0MyNi41NTUyIDIzLjAzNjMgMjQuOTYwMiAyNC45Nzk4IDIyLjkxMzcgMjYuMzQ3MkMyMC44NjcyIDI3LjcxNDcgMTguNDYxMiAyOC40NDQ1IDE1Ljk5OTkgMjguNDQ0NUMxMi42OTk1IDI4LjQ0NDUgOS41MzQxOCAyNy4xMzM0IDcuMjAwNCAyNC43OTk2QzQuODY2NjEgMjIuNDY1OCAzLjU1NTUgMTkuMzAwNSAzLjU1NTUgMTYuMDAwMVoiIGZpbGw9IiMwRTEzMTciLz4KPHBhdGggZD0iTTIxIDE0LjVMMTYuMjI5NyAxOS41TDExLjQ1OTQgMTQuNSIgc3Ryb2tlPSIjMEUxMzE3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.rsf-btn.rsf-icon-btn-circle-arrow-white{
  font-size: var(--h2);
  color: var(--rsf-2022-color-white)
}
.rsf-btn.rsf-icon-btn-circle-arrow-white::after{
  display: inline-block;
  content: '';
  height: 2rem;
  width: 2rem;
  margin-left: .5rem;
  margin-bottom: -6px;
  background-image: 
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjIyMjIgMTYuMDAwMUMzMC4yMjIyIDEzLjE4NzIgMjkuMzg4MSAxMC40Mzc0IDI3LjgyNTQgOC4wOTg2MkMyNi4yNjI2IDUuNzU5NzggMjQuMDQxNCAzLjkzNjg5IDIxLjQ0MjYgMi44NjA0NEMxOC44NDM4IDEuNzgzOTkgMTUuOTg0MiAxLjUwMjM1IDEzLjIyNTQgMi4wNTExMUMxMC40NjY1IDIuNTk5ODggNy45MzIzOSAzLjk1NDQyIDUuOTQzMzggNS45NDM0M0MzLjk1NDM2IDcuOTMyNDQgMi41OTk4MyAxMC40NjY2IDIuMDUxMDYgMTMuMjI1NEMxLjUwMjI5IDE1Ljk4NDMgMS43ODM5NCAxOC44NDM5IDIuODYwMzkgMjEuNDQyN0MzLjkzNjgzIDI0LjA0MTQgNS43NTk3MyAyNi4yNjI2IDguMDk4NTYgMjcuODI1NEMxMC40Mzc0IDI5LjM4ODIgMTMuMTg3MSAzMC4yMjIzIDE2IDMwLjIyMjNDMTkuNzcyIDMwLjIyMjMgMjMuMzg5NSAyOC43MjM5IDI2LjA1NjYgMjYuMDU2N0MyOC43MjM4IDIzLjM4OTUgMzAuMjIyMiAxOS43NzIgMzAuMjIyMiAxNi4wMDAxVjE2LjAwMDFaTTMuNTU1NTYgMTYuMDAwMUMzLjU1NTU2IDEzLjUzODggNC4yODU0MiAxMS4xMzI4IDUuNjUyODMgOS4wODYzQzcuMDIwMjQgNy4wMzk4MiA4Ljk2MzggNS40NDQ3OCAxMS4yMzc3IDQuNTAyODlDMTMuNTExNiAzLjU2MSAxNi4wMTM4IDMuMzE0NTYgMTguNDI3OCAzLjc5NDczQzIwLjg0MTggNC4yNzQ5IDIzLjA1OTIgNS40NjAxMiAyNC43OTk2IDcuMjAwNTFDMjYuNTM5OSA4Ljk0MDkgMjcuNzI1MiAxMS4xNTgzIDI4LjIwNTMgMTMuNTcyM0MyOC42ODU1IDE1Ljk4NjMgMjguNDM5MSAxOC40ODg0IDI3LjQ5NzIgMjAuNzYyM0MyNi41NTUzIDIzLjAzNjMgMjQuOTYwMiAyNC45Nzk4IDIyLjkxMzggMjYuMzQ3MkMyMC44NjczIDI3LjcxNDcgMTguNDYxMyAyOC40NDQ1IDE2IDI4LjQ0NDVDMTIuNjk5NSAyOC40NDQ1IDkuNTM0MjQgMjcuMTMzNCA3LjIwMDQ2IDI0Ljc5OTZDNC44NjY2NyAyMi40NjU4IDMuNTU1NTYgMTkuMzAwNSAzLjU1NTU2IDE2LjAwMDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjEgMTQuNUwxNi4yMjk3IDE5LjVMMTEuNDU5NCAxNC41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.rsf-btn.rsf-icon-btn-arrow-black{
  font-size: var(--h4);
  padding: .6rem 1.25rem;
  border-radius: 999px;
  color: var(--rsf-2022-color-black);
  border: 1px solid;
  line-height:1;
}
.rsf-btn.rsf-icon-btn-arrow-black::after{
  display: inline-block;
  content: '';
  height: 1rem;
  width: 1rem;
  margin-left: .5rem;
  margin-right: -.5rem;
  margin-bottom: -2px;
  background-image: 
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjU5NiA4LjY5NzM1TDUuMjMzIDEyLjM4OTNDNC42OTMgMTIuNzAyMyA0IDEyLjMyMzMgNCAxMS42OTIzVjQuMzA4MzVDNCAzLjY3ODM1IDQuNjkyIDMuMjk4MzUgNS4yMzMgMy42MTIzNUwxMS41OTYgNy4zMDQzNUMxMS43MTg4IDcuMzc0NDcgMTEuODIwOSA3LjQ3NTgzIDExLjg5MiA3LjU5ODE2QzExLjk2MyA3LjcyMDQ4IDEyLjAwMDQgNy44NTk0IDEyLjAwMDQgOC4wMDA4NUMxMi4wMDA0IDguMTQyMjkgMTEuOTYzIDguMjgxMjIgMTEuODkyIDguNDAzNTRDMTEuODIwOSA4LjUyNTg2IDExLjcxODggOC42MjcyMiAxMS41OTYgOC42OTczNVoiIGZpbGw9IiMwRTEzMTciLz4KPC9zdmc+Cg==");
}

.rsf-btn.rsf-icon-btn-arrow-white{
  font-size: var(--h4);
  padding: .6rem 1.25rem;
  border-radius: 999px;
  color: var(--rsf-2022-color-white);
  border: 1px solid;
  line-height:1;
}
.rsf-btn.rsf-icon-btn-arrow-white::after{
  display: inline-block;
  content: '';
  height: 1rem;
  width: 1rem;
  margin-left: .5rem;
  margin-right: -.5rem;
  margin-bottom: -2px;
  background-image: 
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjU5NiA4LjY5NzM1TDUuMjMzIDEyLjM4OTNDNC42OTMgMTIuNzAyMyA0IDEyLjMyMzMgNCAxMS42OTIzVjQuMzA4MzVDNCAzLjY3ODM1IDQuNjkyIDMuMjk4MzUgNS4yMzMgMy42MTIzNUwxMS41OTYgNy4zMDQzNUMxMS43MTg4IDcuMzc0NDcgMTEuODIwOSA3LjQ3NTgzIDExLjg5MiA3LjU5ODE2QzExLjk2MyA3LjcyMDQ4IDEyLjAwMDQgNy44NTk0IDEyLjAwMDQgOC4wMDA4NUMxMi4wMDA0IDguMTQyMjkgMTEuOTYzIDguMjgxMjIgMTEuODkyIDguNDAzNTRDMTEuODIwOSA4LjUyNTg2IDExLjcxODggOC42MjcyMiAxMS41OTYgOC42OTczNVY4LjY5NzM1WiIgZmlsbD0iI0ZBRkFGQSIvPgo8L3N2Zz4K");
}

.rsf-btn.rsf-icon-btn-select-blue{
  font-size: var(--h4);
  padding: .6rem 1.25rem;
  border-radius: 999px;
  color: var(--rsf-2022-color-1);
  border: 1px solid;
  line-height:1;
}

.rsf-btn.rsf-icon-btn-select-blue::after{
  display: inline-block;
  content: '';
  height: 1rem;
  width: 1rem;
  margin-left: .5rem;
  margin-right: -.5rem;
  margin-bottom: -2px;
  background-image: 
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQxNDYgNy4yMTQ4OEg4Ljc4NDk3VjEuNTg1MjJDOC43ODQ5NyAxLjM3Njk4IDguNzAyMjUgMS4xNzcyNyA4LjU1NSAxLjAzMDAyQzguNDA3NzYgMC44ODI3NzIgOC4yMDgwNCAwLjgwMDA0OSA3Ljk5OTggMC44MDAwNDlDNy43OTE1NiAwLjgwMDA0OSA3LjU5MTg1IDAuODgyNzcyIDcuNDQ0NjEgMS4wMzAwMkM3LjI5NzM2IDEuMTc3MjcgNy4yMTQ2NCAxLjM3Njk4IDcuMjE0NjQgMS41ODUyMlY3LjIxNDg4SDEuNTg0OTdDMS4zNzY3MyA3LjIxNDg4IDEuMTc3MDIgNy4yOTc2IDEuMDI5NzggNy40NDQ4NUMwLjg4MjUyOCA3LjU5MjEgMC43OTk4MDUgNy43OTE4MSAwLjc5OTgwNSA4LjAwMDA1QzAuNzk5ODA1IDguMjA4MjkgMC44ODI1MjggOC40MDggMS4wMjk3OCA4LjU1NTI1QzEuMTc3MDIgOC43MDI1IDEuMzc2NzMgOC43ODUyMiAxLjU4NDk3IDguNzg1MjJINy4yMTQ2NFYxNC40MTQ5QzcuMjE0NjQgMTQuNjIzMSA3LjI5NzM2IDE0LjgyMjggNy40NDQ2MSAxNC45NzAxQzcuNTkxODUgMTUuMTE3MyA3Ljc5MTU2IDE1LjIgNy45OTk4IDE1LjJDOC4yMDgwNCAxNS4yIDguNDA3NzYgMTUuMTE3MyA4LjU1NSAxNC45NzAxQzguNzAyMjUgMTQuODIyOCA4Ljc4NDk3IDE0LjYyMzEgOC43ODQ5NyAxNC40MTQ5VjguNzg1MjJIMTQuNDE0NkMxNC42MjI5IDguNzg1MjIgMTQuODIyNiA4LjcwMjUgMTQuOTY5OCA4LjU1NTI1QzE1LjExNzEgOC40MDggMTUuMTk5OCA4LjIwODI5IDE1LjE5OTggOC4wMDAwNUMxNS4xOTk4IDcuNzkxODEgMTUuMTE3MSA3LjU5MjEgMTQuOTY5OCA3LjQ0NDg1QzE0LjgyMjYgNy4yOTc2IDE0LjYyMjkgNy4yMTQ4OCAxNC40MTQ2IDcuMjE0ODhaIiBmaWxsPSIjMUI4MEZGIi8+Cjwvc3ZnPgo=");
}

.rsf-btn.rsf-btn-purple{
  font-size: var(--h4);
  padding: 1rem 1.5rem;
  border-radius: 999px;
  background-color: var(--rsf-2022-color-7);
  color: var(--rsf-2022-color-white);
  line-height:1;
}

.rsf-btn.rsf-btn-underlined-blue-arrow{
  text-decoration: underline;
  color: var(--rsf-2022-color-1);
}

.rsf-btn.rsf-btn-underlined-blue-arrow::after{
  display: inline-block;
  content: '';
  height: 1rem;
  width: 1rem;
  margin-left: .5rem;
  margin-right: -.5rem;
  margin-bottom: -4px;
  background-image: 
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjUgMS41TDYuNSA2LjVMMS41IDExLjUiIHN0cm9rZT0iIzE4NjdmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  background-repeat:no-repeat;
}

.rsf-btn.rsf-btn-primary{
  padding: 1rem 1.5rem;
  border-radius: 999px;
  /* height: 54px; */
}
.rsf-btn.rsf-btn-secondary{
  padding: 1rem 1.5rem;
  border-radius: 999px;
  /* outline: 1px solid;
  outline-offset: -1px; */
  box-shadow: 0 0 0 1px;
  /* height: 54px; */
}
.rsf-btn.rsf-btn-tertiary{
  text-decoration: underline;
}

.rsf-register-form input{
  background-color: transparent;
  outline: none;
}

.rsf-register-form input[type="number"]{
  -moz-appearance: textfield;
}

.rsf-register-form input::-webkit-outer-spin-button,
.rsf-register-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.rsf-register-form input[type="text"],
.rsf-register-form input[type="number"],
.rsf-register-form input[type="email"],
.rsf-register-form input[type="tel"],
.rsf-register-form input[type="date"],
.rsf-register-form select{
  box-shadow: inset 0 0 0 1px var(--rsf-2022-color-12) !important; 
  padding: 0.905rem 1.5rem 1rem 1.5rem;
  border-radius: 999px;
  width: 100%;
  height: 52px;
  position: relative;
  color: var(--rsf-2022-color-black);
  box-sizing: border-box;
  font-family: 'Open Sans Regular';
  font-size: var(--h5);
  background-color: var(--rsf-2022-color-white);
  border: none;
}

.rsf-register-form:invalid,
.rsf-register-form select option:first-child{
  color: var(--rsf-2022-color-13) !important;
}

.rsf-register-form input[type="date"]:invalid{
  color: var(--rsf-2022-color-13);
}

.rsf-register-form input[type="text"]::placeholder,
.rsf-register-form input[type="number"]::placeholder,
.rsf-register-form input[type="email"]::placeholder,
.rsf-register-form input[type="tel"]::placeholder,
.rsf-register-form input[type="date"]::placeholder,
.rsf-register-form select::placeholder{
  color: var(--rsf-2022-color-13);
}

.rsf-register-form input[type="text"],
.rsf-register-form input[type="number"],
.rsf-register-form input[type="email"],
.rsf-register-form input[type="tel"],
.rsf-register-form input[type="date"],
.rsf-register-form input[type="file"],
.rsf-register-form select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* .rsf-register-form *{
  outline: 1px solid red !important;
} */

.rsf-register-form input[type="text"],
.rsf-register-form input[type="number"],
.rsf-register-form input[type="email"],
.rsf-register-form input[type="tel"],
.rsf-register-form input[type="date"]{
  margin-bottom: 2.75rem;
  margin-top: 0.75rem;
}

.rsf-register-form  .select-white{
  position: relative;
  width: 100%;
  margin-bottom: 2.75rem;
  margin-top: 0.75rem;
}
.select-white::after{
  position: absolute; 
  top: 50%; 
  right: 1rem;
  transform: translateY(-50%);
  content: '';
  display: block;
  pointer-events: none;
  height: 10px;
  width: 1rem;
  background-image: 
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjU1ODU5TDYuMjI5NjcgNi41NTg1OUwxLjQ1OTM1IDEuNTU4NTkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
}

.rsf-register-form input[type="submit"]{
  display: block;
  width: fit-content;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap: .5rem;
  align-items: center;
  white-space: nowrap;
  font-family: 'Open Sans Semibold', sans-serif; 
  padding: 1rem 1.75rem;
  /* min-width: 180px; */
  border-radius: 999px;
  background-color: var(--rsf-2022-color-1);
  color:var(--rsf-2022-color-white);
  box-shadow: none;
  font-size: var(--h5);
  border: none;
}

.rsf-register-form label{
  font-family: 'Open Sans Bold';
  font-size: var(--h5);
  color: var(--rsf-2022-color-black);
}

.rsf-register-form input[type="checkbox"]{
  cursor: pointer;
}

.rsf-register-form input[type="file"]::file-selector-button{
  background-color: black;
  color: white;
  padding: 1rem 2rem;
  border-radius: 999px;
  font-family: 'Open Sans Regular';
  font-size: var(--h5);
  border:none; 
  outline: none;
  box-shadow: none;
  cursor: pointer;
}

.rsf-register-form .wpcf7-checkbox label, .rsf-register-form .wpcf7-acceptance label{
  cursor: pointer
}

.rsf-register-form .wpcf7-list-item{
  margin-left: 0;
}

.rsf-register-form input[type=file]{
  border: 1px solid var(--rsf-2022-color-black);
  border-radius: 999px;
  padding: 3px;
}

.rsf-register-form .wpcf7-not-valid-tip{
  font-family: 'Open Sans Regular';
  font-size: var(--h6);
  color: var(--rsf-2022-color-6);
  margin-bottom: 1rem;
  margin-top: -1rem;
}

.wpcf7-form-control-wrap[data-name="ExtWarrantyYears"] .wpcf7-not-valid-tip{
  margin-top: 0;
}

.wpcf7-response-output{
  font-family: 'Open Sans Regular';
  font-size: var(--h5);
  color: var(--rsf-2022-color-15);
  background-color: var(--rsf-2022-color-12);
  padding: 1rem !important;
  border:none !important;
  border-left: 3px solid var(--rsf-2022-color-15) !important;
  border-color: var(--rsf-2022-color-15);
  display: block;
  margin-bottom: 2rem;
}

.rsf-register-form .wpcf7-form-control.wpcf7-radio{
  display: flex; 
  flex-direction: column;
  gap: .5rem;
}

.rsf-register-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label, 
.rsf-register-form .wpcf7-form-control.wpcf7-radio input[type="radio"]
{
  cursor: pointer;
}

.rsf-btn strong{
  font-family: 'Open Sans Semibold' !important;
}







/*  GENERAL INPUT STYLES  */

.rsf-input{
  background-color: transparent;
  outline: none;
}

.rsf-input[type="number"]{
  -moz-appearance: textfield;
}

.rsf-input::-webkit-outer-spin-button,
.rsf-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.rsf-input[type="text"],
.rsf-input[type="number"],
.rsf-input[type="email"],
.rsf-input[type="tel"],
.rsf-input[type="date"],
.rsf-textarea,
.rsf-select{
  box-shadow: inset 0 0 0 1px var(--rsf-2022-color-12) !important; 
  padding: 0.905rem 1.5rem 1rem 1.5rem;
  border-radius: 999px;
  width: 100%;
  height: 52px;
  position: relative;
  color: var(--rsf-2022-color-black);
  box-sizing: border-box;
  font-family: 'Open Sans Regular';
  font-size: var(--h5);
  background-color: var(--rsf-2022-color-white);
  border: none;
}

.rsf-input[type="text"]::placeholder,
.rsf-input[type="number"]::placeholder,
.rsf-input[type="email"]::placeholder,
.rsf-input[type="tel"]::placeholder,
.rsf-input[type="date"]::placeholder,
.rsf-textarea::placeholder,
.rsf-select::placeholder{
  color: var(--rsf-2022-color-13);
}

.rsf-select:hover, .wpcf7-select:hover, .wpcf7-date{
  cursor: pointer;
}

input::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

.rsf-select:invalid,
.rsf-select option:first-child{
  color: var(--rsf-2022-color-13) !important;
}

.rsf-input[type="text"],
.rsf-input[type="number"],
.rsf-input[type="email"],
.rsf-input[type="tel"],
.rsf-input[type="date"],
.rsf-input[type="file"],
.rsf-textarea,
.rsf-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* .rsf-select-wrapper::after{
  position: absolute; 
  top: 50%; 
  right: 1rem;
  transform: translateY(-50%);
  content: '';
  display: block;
  pointer-events: none;
  height: 10px;
  width: 1rem;
  background-image: 
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjU1ODU5TDYuMjI5NjcgNi41NTg1OUwxLjQ1OTM1IDEuNTU4NTkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
} */

.rsf-select-wrapper svg{
  position: absolute; 
  top: 50%; 
  right: 1rem;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
}

.rsf-textarea{
  resize: none;
  height: inherit;
  border-radius: 26px;
}

.form_input.form_file br{
  display: none;
}

.rsf-register-form .wpcf7-not-valid[type="text"],
.rsf-register-form .wpcf7-not-valid[type="number"],
.rsf-register-form .wpcf7-not-valid[type="date"],
.rsf-register-form .wpcf7-not-valid[type="file"],
.rsf-register-form .wpcf7-not-valid[type="email"]{
  border-color: var(--rsf-2022-color-6)!important;
}


/* CHECKBOX */

/* 
use like:

    <label class="checkbox-input-wrapper flex items-center pointer gap1" for="my_checkbox">
        <input class="w-fit-content" type="checkbox" id="my_checkbox" name="my_checkbox" value="1">
        My checkbox label
        <span class="checkbox-checkmark"></span>
    </label>
*/

input[type="checkbox"]{
  margin: 0;
}

.checkbox-input-wrapper {
  position: relative;
}

.checkbox-input-wrapper input {
  opacity: 0;
  cursor: pointer;
  height: 15px;
  width: 15px;
  position: relative;
  border: 1px solid var(--rsf-2022-color-12);
}

.checkbox-checkmark:after,
.checkbox-checkmark:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  background-color: var(--rsf-2022-color-white);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-shadow: 0 0 0 1px var(--rsf-2022-color-12);
}

.checkbox-input-wrapper:hover .checkbox-checkmark:before,
.checkbox-input-wrapper input:focus ~ .checkbox-checkmark:before {
}

.checkbox-input-wrapper input:checked ~ .checkbox-checkmark:before {
  background-color: var(--rsf-2022-color-1);
}

.checkbox-input-wrapper input:checked ~ .checkbox-checkmark:after {
  background-color: var(--rsf-2022-color-1);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjkwMzIgMC4wMzA3OTIyTDUuMjc4MTcgNS42NTU3OUwyLjY1MzE3IDMuMDMwNzlMMC43NzgxNjggNC45MDU3OUw1LjI3ODE3IDkuNDA1NzlMMTIuNzc4MiAxLjkwNTc5TDEwLjkwMzIgMC4wMzA3OTIyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
}


/* 
  <div class="form_check_wrap">
		<div class="mb2">
			<p>
        <span class="wpcf7-form-control-wrap" data-name="checkbox-accepted-tnc">
          <span class="wpcf7-form-control wpcf7-acceptance">
            <span class="wpcf7-list-item">
              <label><input type="checkbox" name="checkbox-accepted-tnc" value="1" class="rsf-input" aria-invalid="false">
                  <span class="wpcf7-list-item-label">
                    I hereby declare that the information furnished above is true, complete and correct to the best of my knowledge. I understand that in the event of false or misleading information the company may void the extended warranty at its sole discretion.. 
                    <a class="color-1 pointer underline" href="https://stage.g1.redseafish.com/en/certificate-of-warranty/" target="_blank">T&amp;C’s apply.</a>
                  </span>
              </label>
            </span>
          </span>
        </span>
			</p>
		</div>
	</div> 
  */


  /* CHECKBOX STYLES FOR WPCF7 */

.checkbox-input-wrapper .wpcf7-list-item-label:after,
.checkbox-input-wrapper .wpcf7-list-item-label:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  background-color: var(--rsf-2022-color-white);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-shadow: 0 0 0 1px var(--rsf-2022-color-12);
}

/* .checkbox-input-wrapper:hover .checkbox-checkmark:before,
.checkbox-input-wrapper input:focus ~ .checkbox-checkmark:before {
} */

.checkbox-input-wrapper input:checked ~ .wpcf7-list-item-label:before {
  background-color: var(--rsf-2022-color-1);
}

.checkbox-input-wrapper input:checked ~ .wpcf7-list-item-label:after {
  background-color: var(--rsf-2022-color-1);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjkwMzIgMC4wMzA3OTIyTDUuMjc4MTcgNS42NTU3OUwyLjY1MzE3IDMuMDMwNzlMMC43NzgxNjggNC45MDU3OUw1LjI3ODE3IDkuNDA1NzlMMTIuNzc4MiAxLjkwNTc5TDEwLjkwMzIgMC4wMzA3OTIyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
}

.checkbox-input-wrapper .wpcf7-list-item > label{
  display: flex; 
  gap: .5rem;
}

.checkbox-input-wrapper .wpcf7-list-item > label > span{
  margin-top: -2px;
}


/* Radio */

/* <div class="radio-input-wrapper flex flex-row items-center gap2">
  <input required class="w-fit-content" type="radio" id="birthday_service_false" name="birthday_service_radio" value="birthday_service_false">
  <label class="pointer" for="birthday_service_false">Ohne Bewirtung</label>
  <span class="radio-checkmark"></span>
</div>
<div class="radio-input-wrapper flex flex-row items-center gap2">
  <input required class="w-fit-content" type="radio" id="birthday_service_true" name="birthday_service_radio" value="birthday_service_true">
  <label class="pointer" for="birthday_service_true">Mit Bewirtung</label>
  <span class="radio-checkmark"></span>
</div> */

input[type="radio"] {
  opacity: 0;
  height: 1rem;
  width: 1rem;
}

.radio-input-wrapper {
  position: relative;
}

.radio-checkmark {
  position: absolute;
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
  border-radius: 999px;
  top: 50%;
  left: 0;
  background-color: var(--rsf-2022-color-white);
  color: var(--rsf-2022-color-12);
  transform: translateY(-50%);
  border: 1px solid;
  cursor: pointer;
  pointer-events: none;
  transition: 0.2s ease;
}

.radio-checkmark:after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 999px;
  transition: 0.15s ease;
}

.radio-input-wrapper:has(input[type="radio"]:checked) .radio-checkmark {
  color: var(--rsf-2022-color-12);
}

.radio-input-wrapper:has(input[type="radio"]:checked) .radio-checkmark:after {
  background-color: var(--rsf-2022-color-1);
  transform: translate(-50%, -50%) scale(1);
}

.radio-input-wrapper:has(input[type="radio"]:focus) .radio-checkmark,
.radio-input-wrapper:has(input[type="radio"]:hover) .radio-checkmark {
  color: var(--rsf-2022-color-white);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.radio-input-wrapper:has(input[type="radio"]:checked:focus) .radio-checkmark {
  background-color: var(--rsf-2022-color-white);
  color: var(--rsf-2022-color-14);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}

/* Radio styles for wpcf7 */
/* <span class="wpcf7-form-control wpcf7-radio">
  <span class="wpcf7-list-item first">
    <label>
      <input type="radio" name="ExtWarrantyYears" value="Ja, Danke. Bitte kontaktieren Sie mich, um die Zahlung abzuschließen.">
      <span class="wpcf7-list-item-label">Ja, Danke. Bitte kontaktieren Sie mich, um die Zahlung abzuschließen.</span>
    </label>
  </span>
  <span class="wpcf7-list-item last">
    <label>
      <input type="radio" name="ExtWarrantyYears" value="Nein danke.">
      <span class="wpcf7-list-item-label">Nein danke.</span>
    </label>
  </span>
</span> */

/* File Upload Button */
/* Use like this: 
<label class="rsf-file-upload-btn rsf-btn rsf-btn-secondary color-1" for="file">+ Attach file</label>
<input size="40" class="wpcf7-form-control wpcf7-file wpcf7-validates-as-required inputfile" id="file" accept=".jpg,.jpeg,.png,.gif,.pdf" aria-required="true" aria-invalid="false" type="file" name="invoice-file">
*/

.wpcf7-form-control.inputfile{
  display: none;
}

.wpcf7-form label.rsf-file-upload-btn.rsf-btn.rsf-btn-secondary{
  -webkit-font-smoothing: antialiased;
  color: var(--rsf-2022-color-1);
}

.mbrf{
  margin-bottom: 2.75rem;
}

.mtrf{
  margin-top: .75rem;
}