.page-id-445 {
    padding: 20px 0 0;
}
.new-survey-main-sec {
    padding: 30px 0 80px;
    background: var(--white-color);
}
.icon-box i{
    position: relative;
    top: 4px;
}
.survey-wrp.selected-product-sec {
    padding: 40px 0;
}
.active_step {
    border: 1px solid #000 !important;
}
 .new-survey-content-wrp ul li input {
    font-weight: 500;
}

  .checkbox-icon {
    border: 2px solid #31302f;
    width: 25px;
    height: 25px;
    border-radius: 5px;
}
 .review-order-box ul li {
    margin: 0 0 15px;
}
.percentage-bar {
    border: 4px solid #fff;
    padding: 2px 6px;
    height: 20px;
    display: block;
    width: 20px;
    border-radius: 20px;
    margin-right: 5px;
	    border-top: 4px solid var(--black);
}
.percent-item {
    display: flex !important;
    align-items: center;
}
.high-light-text { 
    margin: auto;
        font-size: 16px;
    font-weight: 400;
    color: #bbb;
    margin: 10px auto;
}
.survey-top-wrp ul {
    padding: 0;
    margin: 0;
}
.survey-top-wrp ul li {
    display: inline-block;
}
.survey-top-inner-wrp li span:nth-child(1) {
    color: #757e79 !important;
}

.previous-box a {
    padding: 10px 15px;
    background: #e2ebe6; 
    color: var(--black);
    font-size: 20px;
    outline: none;
}
.survey-top-bar-right-item {
    width: 100%;
    margin-left: 10px;
}
.survey-top-box {
    display: flex;
    align-items: center;
}

.new-suvey-main-wrp {
    width: min(100%,500px);
    margin:3em auto;
}
.new-survey-content-wrp {
    margin: 3em 0 2em;
}
.new-survey-content-wrp h3 { 
    margin: auto;
}
.new-survey-content-wrp ul {
    padding: 0;
    margin: 30px 0 0;
}
.new-survey-content-wrp ul li {
    list-style: none;
}
.icon-box {
    float: right; 
}
.continue-btn-wrp {
    margin: 0 ;
    padding: 0;
}
.activeoption {
    border: 1px solid #000 !important;
}
.continue-btn {
    list-style: none;
}
.new-survey-content-wrp ul li a {
    text-decoration: none;
    font-size: 16px;
    color: var(--black-color);
    width: 100%;
    display: block;
    margin: 0 auto 20px; 
    font-weight: 500;
	outline:none; 
}
.other-description {
    margin: 20px 0 0;
}
.other-description p {
    font-size: 14px;
}
.other-description textarea {
    height: 50px;
    resize: none;
	font-family:var(--primary-font);
}
.other-description {
    display: none;
}
 
.input-option {
    border: none;
}
.input-option:hover {
    background: #f1f1f1;
}
.input-option {
    border: none !important;
    background: #fff;
    cursor: pointer;
}
.option-checkbox[type=checkbox] {
  accent-color: var(--black);
}
.step__19 .btn_sec .option-btn:hover, .step__20 .btn_sec .option-btn:hover {
    background: #fff;
    transition: 0.5s;
    color: #000 !important;
    cursor: pointer;
}
.new-survey-content-wrp ul li input[type='radio'] {
    accent-color: black;
}
.start-survey-wrp {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-box   input::placeholder {
    color: #8b8686 !important;
    font-weight: 400 !important;
}
@media only screen and (max-width:768px){
.step__19 .panel {
    flex-direction: column;
    align-items: center;
}
}
@media only screen and (max-width:600px){
.survey-top-wrp ul li {
    font-size: 12px;
}
.step__19 .btn_sec .option-btn {
    margin: 20px 0 50px !important;
}
.previous-box a {
    font-size: 15px;
}
#switchFrontBtn {
    margin: 0 0 14px !important;
}
 
.start-survey-wrp h1 {
    font-size: 35px !important;
}
.weight-input-box {
    margin: 0;
}
.continue-btn-wrp {
    margin: 0;
	top: 0;
}
.ortakebtn {
    top: 0;
    bottom: auto;
}
.p-image {
    margin: 0;
}
}