/* General form styling */
.vibes-sms-block {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 15px;
   max-width: 400px;
   margin: 0 auto;
   padding: 20px 0;
}

/* Input field styling */
#vibes-sms-mobile {
   width: 70%;
   padding: 12px 16px;
   border-radius: 0px;
   border: 1px solid #fff;
   font-size: 13px;
   outline: none;
   color: #fff;
}

#vibes-sms-mobile:focus {
   border-color: #fff;
}

/* Select dropdown styling */
#vibes-sms-lang {
   width: 100%;
   padding: 12px 16px;
   border: 1px solid #ccc;
   border-radius: 0px;
   font-size: 13px;
   background-color: white;
   appearance: none;
}

#vibes-sms-lang:focus {
   border-color: #fff;
}

/* Checkbox styling */
.vibes-sms-checkbox {
   display: none;
   align-items: center;
   gap: 10px; /* Space between checkbox and label */
   width: 100%;
   padding: 0 0;
   font-size: 13px;
   /* border: 1px solid #ccc; */
   border-radius: 0px;
}

.vibes-sms-checkbox input[type="checkbox"] {
   margin: 0;
   width: 16px;
   height: 16px;
   accent-color: #fff; /* Color the checkbox to match the submit button */
   display: block !important;
   position: unset;
}

.vibes-sms-checkbox label {
   flex-grow: 1; /* Make the label take remaining space */
   cursor: pointer;
   color: #fff;
}

/* Button styling */
#vibes-sms-submit {
   width: 30%;
   padding: 12px 16px;
   background-color: #fff;
   border-radius: 0px;
   color: #000;
   font-size: 13px;
   border: none;
   cursor: pointer;
   font-weight: 900;
   margin-left: .5em;
}

#vibes-sms-submit:hover {
   background-color: #fff;
}

#vibes-sms-submit:active {
   background-color: #fff;
}

/* Error message styling */
#vibes-sms-error {
   color: red;
}

.vibes-footer-newletter #vibes-sms-error {
   color: #ffffff;
}

#vibes-sms-checkbox{
   position: relative;
}

#vibes-sms-confirmation {
   visibility: visible;
   display: block;
   border: 1px solid #fff;
   cursor: pointer;
   position: relative;
}
.vibes-sms-checkbox input[type="checkbox"]:checked{
   background: #fff;
   border: 1px solid #000;   
}

.vibes-sms-checkbox label {
   display: inline-block; /* Ensure label behaves like a block element */
   padding: 5px 10px; /* Add padding for better spacing */
   transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for styles */
}

.vibes-inner-box{
   display:flex;
}