/* ===================================================================================

* Theme Name: Lexend Child
* Theme URI: https://lexend.themegenix.com/
* Author: ThemeGenix
* Author URI: https://themeforest.net/user/themegenix/
* Description: Lexend - Software, SaaS & Startup WordPress Theme
* Version: 1.3
* Template: lexend
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */


.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

.cf7-error {
    border: 1px solid red !important;
}

.form-step h3 {
    font-size: 20px;
    font-weight: 600;
}

span.wpcf7-form-control.wpcf7-checkbox {    display: flex;    column-gap: 15px;    margin: 0 0 12px;}
span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item {    width: 25%;    margin: 0;
    background: #fff;    height: auto;    border-radius: 5px;    font-size: 15px;}
span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label {    width: 100%;    height: 100px;    padding: 15px;}
button.next-step {    background: #4a6ed5;    color: #fff;    padding: 10px 25px;    border: none;    border-radius: 5px;    font-size: 14px;    font-weight: 700;}
span.wpcf7-list-item-label {    display: block;}
.form-step {
    text-align: center;
}
.nav-buttons {
    margin: 19px 0 0;
    display: flex;
    justify-content: center;
    column-gap: 11px;
}

button.prev-step, .form-step input[type="submit"] {    background: #4a6ed5;    color: #fff;    padding: 10px 25px;    border: none;    border-radius: 5px;    font-size: 14px;    font-weight: 700;}
.form-step input[type="submit"] { background: #22327f;  }
.cf7-steps input[type="text"],  .cf7-steps  input[type="email"],  .cf7-steps  input[type="url"], .cf7-steps  input[type="tel"],  .cf7-steps  select, .cf7-steps  input[type="number"] {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    margin: 0 0 11px;
    font-size: 14px;
    border-radius: 6px;
    border: none !important;
}

.form-step  .wpcf7-response-output {
    text-align: center;
}

.form-step   span.wpcf7-spinner {
    position: absolute;
}

.wpcf7-response-output {
    text-align: center;
    border: #000 solid 1px !important;
    padding: 8px 0 !important;
}


.uc-navbar-dropdown-nav .uc-nav-header {
    color: #fff;
    font-size: 22px;
    margin: 0 0 11px;
    font-weight: normal;
}


/***********************/


.cf7-steps-full .form-step {   }
.cf7-steps.cf7-steps-full .form-step {    text-align: left;}
.cf7-steps-full span.wpcf7-form-control {    display: flex;    column-gap: 15px;    margin: 0 0 17px;}
.cf7-steps-full span.wpcf7-form-control span.wpcf7-list-item {    margin: 0;    display: flex;    column-gap: 8px;    background: #1d3384;    padding: 6px 12px;    color: #fff;    border-radius: 7px; position:relative;}
.wpcf7-list-item label {    display: flex;    column-gap: 8px;}
input[type="radio"]::before {    width: 100%;    height: 100%;    position: absolute;    content: '';    top: 0;    left: 0;}

.cf7-steps.cf7-steps-full h3 {
    margin: 0;
}

.cf7-steps.cf7-steps-full .in_blk {    margin: 0 0 13px;}
.cf7-steps.cf7-steps-full  .in_blk > span {
    margin: 0 0 12px;
    display: block;
}


.form-rfm.form-step  .lead-options.icon-checkbox {    margin: 17px 0 0;}
.form-rfm.form-step .icon-checkbox .icon {    width: 100px;    height: auto;    margin-bottom: 10px;}

.form-rfm.form-step span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label {    width: 100%;    height: 166px;    padding: 15px;}
/* Grid layout */

.form-rfm.form-step  span.wpcf7-form-control span.wpcf7-list-item {
    padding: 0;
    border: none;
    background: no-repeat;
}
/* Hide default checkbox */
.icon-checkbox input[type="checkbox"] {
  display: none;
}

/* Card style */
.icon-checkbox .wpcf7-list-item label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #e6eef6;
  border-radius: 12px;
  padding: 20px 10px;
  cursor: pointer;
  text-align: center;
  background: #f6f9ff;
  transition: all 0.3s ease;
  height: 140px;
}

/* Hover */
.icon-checkbox .wpcf7-list-item label:hover {
  border-color: #3b82f6;
}

/* Active (checked) */
.icon-checkbox input:checked + .wpcf7-list-item-label {
  font-weight: 600;
}


/* Checked card effect */
.icon-checkbox input:checked ~ label,
.icon-checkbox label:has(input:checked) {
  border-color: #2563eb;
  background: #eaf2ff;
}

/* Icon */
.icon-checkbox .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

.icon-checkbox span.wpcf7-list-item-label {
  font-size: 14px;
  color: #1e293b;
}



/*********/

/* Hide default checkbox */
.icon-checkbox-new  input[type="checkbox"] {
  display: none;
}

/* Card style */
.icon-checkbox-new  .wpcf7-list-item label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #e6eef6;
  border-radius: 12px;
  padding: 20px 10px;
  cursor: pointer;
  text-align: center;
  background: #f6f9ff;
  transition: all 0.3s ease;
  height: 140px;
}

/* Hover */
.icon-checkbox-new  .wpcf7-list-item label:hover {
  border-color: #3b82f6;
}

/* Active (checked) */
.icon-checkbox-new  input:checked + .wpcf7-list-item-label {
  font-weight: 600;
}


/* Checked card effect */
.icon-checkbox-new  input:checked ~ label,
.icon-checkbox-new label:has(input:checked) {
  border-color: #2563eb;
  background: #eaf2ff;
}

/* Icon */
.icon-checkbox-new  .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

.icon-checkbox-new  span.wpcf7-list-item-label {
  font-size: 14px;
  color: #1e293b;
}


.cf7-steps-full.reject-form .icon-checkbox-new span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item {margin-top: 15px !important;     width: calc(33.333% - 15px); }
.cf7-steps-full.reject-form .icon-checkbox-new span.wpcf7-form-control {    display: flex;    column-gap: 15px;    margin: 0 0 17px;    flex-wrap: wrap;    width: 100%;}
.cf7-steps-full.reject-form .icon-checkbox-new  .icon {    width: 100px;    height: auto;    margin-bottom: 10px;}
.reject-select span.wpcf7-form-control.wpcf7-radio {
    flex-wrap: wrap;
    row-gap: 10px;
    margin-top: 12px;
}



.cf7-steps-full.reject-form  .reject-select  span.wpcf7-form-control span.wpcf7-list-item {
    width: 100%;
    max-width: 310px;
}

.cf7-steps-full.reject-form  textarea.wpcf7-textarea {
    width: 100%;
    height: 110px;
}