.it_box img {
    background: #ffffff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 4px;
    border: 4px solid #f6c90e;
}

.insurance-options {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
}

.insurance-grid{
    padding-top: 30px !important;
}
.wpcf7-form-control.wpcf7-radio {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
     gap: 35px 10px;
    width: 100%;
}


.wpcf7-list-item {

    margin: 0 !important;
    display: block;
    text-align: center;
}

/* Hide radio inputs */
.insurance-grid input[type="radio"] {
 display: none;
}

/* Label styling */
.insurance-grid label {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 13.5px;
  color: #fff;
  text-align: center;
  transition: all 0.25s ease;
}

/* Create icon circle before label text */
.insurance-grid label::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 4px solid #f6c90e;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.25s ease;
}

/* Assign icons by order */
.insurance-grid .wpcf7-list-item:nth-child(1) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/Cra-Finall.png');
}
.insurance-grid .wpcf7-list-item:nth-child(2) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/Homee.png');
}
.insurance-grid .wpcf7-list-item:nth-child(3) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/Boatt.png');
}
.insurance-grid .wpcf7-list-item:nth-child(4) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/RVV.png');
}
.insurance-grid .wpcf7-list-item:nth-child(5) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/Bike-Finall.png');
}
.insurance-grid .wpcf7-list-item:nth-child(6) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/Condoo.png');
}
.insurance-grid .wpcf7-list-item:nth-child(7) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/Renters.png');
}
.insurance-grid .wpcf7-list-item:nth-child(8) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/Commercial.png');
}
.insurance-grid .wpcf7-list-item:nth-child(9) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/Umbrella.png');
}
.insurance-grid .wpcf7-list-item:nth-child(10) label::before {
  background-image: url('https://staybull.ssquarestech.com/wp-content/uploads/2025/10/Flood.png');
}


/* Hover + checked states */
.insurance-grid input[type="radio"]:checked + span label,
.insurance-grid label:hover {
  color: #f6c90e;
}

.insurance-grid input[type="radio"]:checked + span label::before,
.insurance-grid label:hover::before {
  border-color: #F6C90E;
  background-color: #FFF;
  transform: scale(1.05);
}














.ccf7 {display: flex;flex-direction: column;gap: 30px 0;}
  .cfrow {display: flex;gap: 40px;}
  .cfrow.one .col {width: 100%;
      padding-top: 10px;
  }
  .cfrow.two .col {width: 50%;}
  .cfrow.three .col {width: 33.33%;}
  .cfrow.four .col {width: 25%;}
	.cfrow .col p {margin:0}
	.cfrow .col h2 {font-size: 19px;margin-bottom: 5px;}

  .ccf7 .cf-input {padding: 15px 25px;border: 0;box-shadow: 3px 2px 10px -3px #00000030;
      margin-top: 5px
  }


  .ccf7 .cf-input.text {
      font-size: 12px !important;
      padding: 8px !important;
  }

  .ccf7 .cf-input.textarea {background: white    ;}

  .ccf7 .cf-input.submit {}

  .ccf7 .cf-input.submit:focus {outline: 0;}

	.ccf7 .cf-input.submit {background-color: #F6C90E;}

.form-label{
        color: white !important;

    text-align: left !important;
    font-size: 13px !important;
    line-height: 1.7em !important;
}


.form-heading{
        color: white !important;

    text-align: left !important;
    font-size: 23px !important;
    line-height: 1.7em !important;
}

.form-required {
  color: #f44336;
  font-size: 22px;
  padding-left: 6px;
}

.required {
  color: #f44336;
}

.cf-input{
    border: 3px solid #F6C90E !important;
}

  @media only screen and (max-width:767px) {
    .cfrow {flex-direction: column;}
    .cfrow .col {width: 100% !important;}
  }





.card-text {
    margin-top: 8px;
    font-weight: 600;
    color: white !important;
    width: 100%;
    text-align: center;
    font-size: 13px;
    line-height: 1.5em;
}


@media(max-width: 767px){
    span.wpcf7-form-control.wpcf7-radio {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px 10px;
    width: 100%;
}

.insurance-options{
    padding-bottom: 0;
    text-align: center;
}

label.form-heading{
    font-size: 21px !important;
}

span.wpcf7-form-control.wpcf7-radio{
    gap: 25px 10px;
}
}

@media(max-width: 1024px){
    span.wpcf7-form-control.wpcf7-radio {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 10px;
    width: 100%;
    padding-bottom: 23px;
}

.insurance-options{
    padding-bottom: 0;
}
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #F6C90E;
    color: white;
}

.wpcf7 form .wpcf7-response-output{
    border-radius: 7px;
}




/* for image inside selected label */
.wpcf7-list-item label.active img {
  filter: drop-shadow(0 0 6px rgba(246, 201, 14, 0.6));
  transform: scale(1.08);
  transition: all 0.3s ease;
}

/* add a smooth transition for all */
.wpcf7-list-item label img {
  transition: all 0.3s ease;
}





.wpcf7-list-item label.active .wpcf7-list-item-label + .wpcf7-list-item-label,
.wpcf7-list-item label.active .wpcf7-list-item-label,
.wpcf7-list-item label.active span.wpcf7-list-item-label,
.wpcf7-list-item label.active .card-text,
.wpcf7-list-item label.active p {
  color: #F6C90E !important;
}


.wpcf7-list-item label:hover .wpcf7-list-item-label,
.wpcf7-list-item label:focus .wpcf7-list-item-label {
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}


.wpcf7-list-item label .wpcf7-list-item-label, .wpcf7-list-item label span.wpcf7-list-item-label {
  color:#fff;
}



/*  */

.insurance-options .form-heading {
  text-align: center;
  font-size: 20px;
  line-height: 1.6em;
  max-width: 700px;
  margin: 0 auto;
}

.insurance-options .form-heading strong {
    color: #f6c90e;
}

.insurance-grid {
  margin-top: 25px;
}

.insurance-options.hidden {
  padding-bottom: 0;
}