.div-steps .col-sm-6 {
	width: 50%;
}
.div-steps-style img, .div-steps-straps img {
	margin-top: 20px;
	margin-bottom: 20px;
}
.div-steps-style, .div-steps-model, .div-steps-straps {
	padding: 20px;
}
.div-steps-1 .col-sm-6:first-child .div-steps-style{
	 border-right: 1px solid #ddd;
}
#diy2-modal<?php echo $module_id; ?> .modal-header {
	  border: none;
    padding-bottom: 0;
}
.div-steps-model img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.div-price {
	margin: 10px;
	border: 1px solid #ddd;
	border-radius: 40px;
	display: flex;
}

.div-product-price {
    width: 70%;
    padding: 15px;
    font-size: 20px;
    font-weight: 600;
}
.div-total-price {
	background: #2f2f2f;
	color: #fff;
	border-radius: 40px;
	    width: 30%;
    padding: 15px;
    font-size: 20px;
    font-weight: 600;
}
.diy2_checkbox,.btn-choose,.btn-success {
	position: relative;
   width: 100px;
    height: 25px;
    background: orange;
    border-radius: 10px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    line-height: 23px;
    margin: 0 auto;
    cursor: pointer;
    border: none;
  }
  .btn-back,.btn-skip {
    position: relative;
   width: 100px;
    height: 25px;
    background: #fff;
    border-radius: 10px;
    font-weight: 600;
    color: #2f2f2f;
    font-size: 13px;
    line-height: 23px;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #2f2f2f;
  }
  .btn-success {
    background: #78B348;
  }
  .diy2_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.diy2_checkbox .checkmark {
   position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #2f2f2f;
    background-color: #fff;
    border-radius: 50%;
}

/* When the checkbox is checked, add a blue background */
.diy2_checkbox input:checked ~ .checkmark {
  background-color: #2f2f2f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.diy2_checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.diy2_checkbox .checkmark:after {
  content: "";
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}