.contact_span_text{
color: #181E3B;
font-size: 66px;
font-style: italic;
line-height: 76px;
letter-spacing: -1.98px;
  }      
        
.register_sec .register_head {
            line-height: 76px;
            letter-spacing: -3.2px;
        }

        .register_sec .register-top {
            padding-top: 210px;
            padding-bottom: 300px;
        }

        .register_sec .reg_desc {
            padding: 22px 0 44px;
        }

        .register_sec .form-card {
            padding: 40px;
            background: #FFFFFF;
            border-radius: 12px;
            border: 1px solid rgba(24, 30, 59, 0.10);
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.04);
            margin-top: -300px;
        }
          .register_sec .form-card .choose{
          font-size: 12px;
line-height: 20px;
padding-bottom:8px;
        }
        .register_sec .form-card p{
          font-size: 18px;
          line-height: 24px;
        }
        .form-card .need{
  font-size: 18px;
  line-height:24px;
  padding-bottom: 4px;
}
      
        .form-control{padding: 13px;height: 48px;font-size: 12px;
        }
        .form-label{color:rgba(24, 30, 59, 0.80);font-weight: 600; line-height: 22px;font-size: 14px;}
        .form-group {margin-bottom: 13px;margin-top: 13px;}
        .form-group span{color: #FD2E35;font-size: 14px;font-style: normal;font-weight: 600;line-height: 22px;}
        .form-check-label{color: rgba(24, 30, 59, 0.80);font-size: 14px;font-style: normal;font-weight: 600;line-height: 22px;}
       .form-check-input, .form-check-label {padding-left: 5px;vertical-align: initial;
}
.form-check .form-check-input{margin: 0 !important; padding-left: 0px !important;}
.form-check{padding-left: 0px;}
.form-check p{display: flex; align-items: center;}
.form-select {
  border-radius: 5px;
  border: 1px solid rgba(24, 30, 59, 0.05);
  background-image: url('https://mrceo.biz/wp-content/uploads/2025/09/register-arrow.svg');
  background-repeat: no-repeat;
  background-position: right 1rem center; /* keep it aligned right */
  background-size: 24px 24px;  /* 🔥 increase arrow size here */
  color: #565966;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  padding-right: 2.5rem; /* add space so text doesn't overlap arrow */
}

.form-check-input:checked{background-color: #191B4A;}
  .upload-section {
      margin: 20px 0;
    }

    .upload-label {
      display: block;
      margin-bottom: 8px;
      font-size: 14px;
      color: #333;
    }


    .upload-box {
    border: 2px dashed #ccc;
    padding: 40px;
    text-align: center;
    cursor: pointer;
}

.upload-section .drag{
  font-size: 14px !important;
}
.upload-box.drag-over {
    border-color: #007bff;
}
.upload-box.uploaded {
  border-color: #28a745;
}
.hidden {
    display: none;
}
    .file-list div {
    margin-top: 5px;
}
    .register_sec .btntext {width:100%;max-width: 352px;margin-top: 30px;}
    
.custom-tabs .nav-link {
  border-radius: 5px;
border: 1px solid #191B4A ;
opacity: 0.2;
  margin-right: 10px;
  padding: 6px 12px;
  font-weight: 600;
  font-size: 12px;
  color: #333;
  background: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between; /* ensure text left, image right */
  line-height: 20px;
  
}

/* Custom image hidden by default */
.custom-tabs .nav-link img {
  display: none;
  width: 16px; /* adjust size */
  height: 16px;
  margin-left: 4px;
}

/* Active tab style */
.custom-tabs .nav-link.active {
  color: #fff;
border-radius: 5px;
background: #191B4A;
  opacity: 1;
}

/* Show image only in active tab */
.custom-tabs .nav-link.active img {
  display: inline-block;
}
.wpcf7-form-control.wpcf7-select.form-select{
  padding: 10px;
}

/* Apply to all select fields with class .form-select */
.form-select {
    background: url('https://mrceo.biz/wp-content/uploads/2025/10/register-arrow.svg') no-repeat right 10px center;
    background-size: 20px 20px;  /* Adjust size */
    padding-right: 35px;         /* Space for the arrow */
    -webkit-appearance: none;    /* Remove default arrow (Chrome/Safari) */
    -moz-appearance: none;       /* Remove default arrow (Firefox) */
    appearance: none;            /* Remove default arrow (modern browsers) */
    cursor: pointer;
}

/* Optional: to match the height of input fields */
.form-select {
    height: 50px;  /* Match your form-control height */
    line-height: 1.5;
}


@media only screen and (max-width:1024px) {
.register_sec .register-top{
  padding-top: 150px;
}
}
   @media only screen and (max-width:768px) {
    .register_sec .register-top{
  padding-top: 120px;
}
.register_sec .register_head{line-height: 46px;letter-spacing: -1.2px;}
.register_sec .reg_desc{padding: 16px 0 24px;}
            .register_sec .form-card {padding: 24px;}
            .custom-tabs .nav-link {margin-right: 5px; margin-bottom: 8px;padding: 6px;}
            .form-group {margin-bottom: 10px;margin-top: 10px;}
            .form-check-label {font-size: 12px;}
            .form-label {font-size: 12px;}
        }

#goal_networking, 
#customer,
#roles_connect, 
#success,
#success_metrics {
    min-height: 150px; /* default height */
    max-height: 300px; /* optional */
    width: 100%;       /* full width */
    resize: vertical;  /* user can resize vertically */
}
 .form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
     background-image: url('https://mrceo.biz/wp-content/uploads/2025/10/register-arrow.svg');

}