aaa
/* CLK INTERNATIONAL CONSULTANCY SERVICES
Registration Form
*/
.clk-registration-form {
max-width: 950px;
margin: 30px auto;
padding: 35px;
background: #ffffff;
border-radius: 16px;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
}
/* Field labels */
.clk-registration-form .wpforms-field-label {
font-size: 15px;
font-weight: 600;
color: #17365d;
margin-bottom: 8px;
}
/* Required star */
.clk-registration-form .wpforms-required-label {
color: #d62828;
}
/* Text inputs */
.clk-registration-form input[type=”text”],
.clk-registration-form input[type=”email”],
.clk-registration-form input[type=”tel”],
.clk-registration-form textarea,
.clk-registration-form select {
width: 100%;
border: 1px solid #d9e0e8;
border-radius: 8px;
padding: 13px 15px;
font-size: 15px;
background: #fafcfe;
transition: all 0.2s ease;
box-sizing: border-box;
}
/* Focus effect */
.clk-registration-form input:focus,
.clk-registration-form textarea:focus,
.clk-registration-form select:focus {
border-color: #1d5fa7;
box-shadow: 0 0 0 3px rgba(29, 95, 167, 0.12);
outline: none;
background: #ffffff;
}
/* Text areas */
.clk-registration-form textarea {
min-height: 120px;
resize: vertical;
}
/* Radio buttons */
.clk-registration-form .wpforms-field-radio li,
.clk-registration-form .wpforms-field-multiple-choice li {
margin-bottom: 8px;
}
/* Submit button */
.clk-registration-form button[type=”submit”] {
width: 100%;
background: #17365d;
color: #ffffff;
border: none;
border-radius: 8px;
padding: 15px 25px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.3px;
cursor: pointer;
transition: all 0.2s ease;
}
/* Submit hover */
.clk-registration-form button[type=”submit”]:hover {
background: #1d5fa7;
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(23, 54, 93, 0.2);
}
/* Mobile */
@media (max-width: 767px) {
.clk-registration-form {
padding: 20px;
margin: 15px auto;
border-radius: 10px;
}
.clk-registration-form .wpforms-field {
padding-left: 0;
padding-right: 0;
}
.clk-registration-form input[type=”text”],
.clk-registration-form input[type=”email”],
.clk-registration-form input[type=”tel”],
.clk-registration-form textarea,
.clk-registration-form select {
font-size: 16px;
}
}
Share this content
