.radio-btn-new-design label, .radio-btn-new-design-only-two label {
    padding-left: 45px !important;
}

.radio-btn-new-design .pl-24, .radio-btn-new-design-only-two .pl-24 {
    padding-left: 24px !important;
}
.age_selection .radio-btn-new-design .checkmark, .age_selection .radio-btn-new-design-only-two .checkmark, .gender_selection .radio-btn-new-design .checkmark, .gender_selection .radio-btn-new-design-only-two .checkmark ,.how_minor_related_new_checked .radio-btn-new-design .checkmark, .how_minor_related_new_checked .radio-btn-new-design-only-two .checkmark,.have_Account .radio-btn-new-design .checkmark, .have_Account .radio-btn-new-design-only-two .checkmark,.adultAge .radio-btn-new-design .checkmark, .adultAge .radio-btn-new-design-only-two .checkmark, .select_gender .radio-btn-new-design .checkmark, .select_gender .radio-btn-new-design-only-two .checkmark, .how_minor_related .radio-btn-new-design .checkmark, .how_minor_related .radio-btn-new-design-only-two .checkmark{
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border-radius: 5px !important;
    border: 2px solid #293450 !important;
    left: 12px !important;
    top: 23px !important;
}
.radio-btn-new-design .checkmark, .radio-btn-new-design-only-two .checkmark {
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border-radius: 5px !important;
    border: 2px solid #2dbdca !important;
    left: 12px !important;
    top: 23px !important;
}

.radio-btn-new-design input:checked+label span.checkmark:before, .radio-btn-new-design-only-two input:checked+label span.checkmark:before {
    left: 50%;
    top: 50%;
    width: min(max(7px,0.521vw),10px);
    height: min(max(12px,0.833vw),16px);
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)translateY(-30%)translateX(-108%);
    content: "";
    position: absolute;
    /* background-color: #2dbdca; */
}

.radio-like-btn.radio-btn-new-design-only-two label, .radio-like-btn.radio-btn-new-design-only-two input:checked+label {
    color: #333;
    background-color: #E2FDFF !important;
    border: 1px solid #E2FDFF !important;
}

.radio-like-btn.radio-btn-new-design label, .radio-like-btn.radio-btn-new-design input:checked+label {
    color: #333;
    background-color: #FFF3E9;
    border: 1px solid #FFF3E9;
}

.radio-like-btn.radio-btn-new-design label::after, .radio-like-btn.radio-btn-new-design-only-two label::after{
    background-color: transparent !important;
}

.radio-like-btn.radio-btn-new-design .label-bg-none, .radio-like-btn.radio-btn-new-design-only-two .label-bg-none{
    background: none !important;
    border: none !important;
}

.radio-like-btn.radio-btn-new-design input:checked+label span.extra-span, .radio-like-btn.radio-btn-new-design-only-two input:checked+label span.extra-span {
    color: #333 !important;
    background-color: transparent !important;
}

.age_selection .radio-like-btn.radio-btn-new-design input:checked+label span.checkmark, 
.age_selection .radio-like-btn.radio-btn-new-design-only-two input:checked+label span.checkmark,.gender_selection .radio-like-btn.radio-btn-new-design input:checked+label span.checkmark, .gender_selection .radio-like-btn.radio-btn-new-design-only-two input:checked+label span.checkmark,.how_minor_related_new_checked .radio-like-btn.radio-btn-new-design input:checked+label span.checkmark, .how_minor_related_new_checked .radio-like-btn.radio-btn-new-design-only-two input:checked+label span.checkmark,.have_Account .radio-like-btn.radio-btn-new-design input:checked+label span.checkmark, .have_Account .radio-like-btn.radio-btn-new-design-only-two input:checked+label span.checkmark , .adultAge .radio-like-btn.radio-btn-new-design input:checked+label span.checkmark, 
.adultAge .radio-like-btn.radio-btn-new-design-only-two input:checked+label span.checkmark, .select_gender .radio-like-btn.radio-btn-new-design input:checked+label span.checkmark, 
.select_gender .radio-like-btn.radio-btn-new-design-only-two input:checked+label span.checkmark,  .how_minor_related .radio-like-btn.radio-btn-new-design input:checked+label span.checkmark, 
.how_minor_related .radio-like-btn.radio-btn-new-design-only-two input:checked+label span.checkmark{
    color: #fff !important;
    background-color: #293450 !important;
}
.radio-like-btn.radio-btn-new-design input:checked+label span.checkmark, .radio-like-btn.radio-btn-new-design-only-two input:checked+label span.checkmark {
    color: #fff !important;
    background-color: #2dbdca !important;
}
span.bg-light-2,span.bg-light-org2{
    font-size:14px;font-weight: 400;
}
.radio-like-btn .custm-radio{
    font-size: 16px;
    font-weight: 400;
}
.bg-light-orange{
   background-color :#FFF3E9 ;
}
/* new question screen with Instruction 10-08-2024 */
.custoom--checkbox {
    padding: min(max(10px, 0.833vw), 15px);
    margin-bottom: 12px;
    /* display: flex; */
    align-items: baseline;
    justify-content: space-between;
    gap:15px;
  }
  .custoom--checkbox label.custom--checkbox-label {
    display: block;
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    font-size: min(max(16px, 1.042vw), 20px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
  }
  @media (min-width: 1200px) {
    .custoom--checkbox label.custom--checkbox-label {
      font-size: 16px !important;
    }
  }
  .custoom--checkbox .checkmark {
    position: absolute;
    transform: translateY(-50%) !important;
    transform: translate(0px);
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #293450;
    border-radius: 5px;
  }
  .custoom--checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .custoom--checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .custoom--checkbox .checkmark::after {
    left: 50%;
    top: 50%;
    width: min(max(7px, 0.521vw), 10px);
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translateY(-30%) translateX(-108%);
  }
  .custoom--checkbox input:checked ~ .checkmark {
    background-color: #293450;
  }
  
  .custoom--checkbox input:checked ~ .checkmark:after {
    display: block;
  }
  .custoom--checkbox .more {
    display: none;
  }
  .custoom--checkbox .steps-text {
    font-size: 14px;
    color: #494949;
    font-weight: 400;
    display: flex;
    align-items: center;
  }
  .custoom--checkbox .steps-text span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    flex: 1;
  }
  .custoom--checkbox .steps-text span.show-full {
    -webkit-line-clamp: unset; /* Remove line clamp to show full text */
  }
  .custoom--checkbox .steps-text.show-full span {
    -webkit-line-clamp: unset;
    width: 100%;
    flex: unset;
  }
  .custoom--checkbox .full-text {
    flex-grow: 1; /* Ensures the text takes up the full width */
    margin-right: 5px; /* Adds some space between text and the anchor */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* Truncates overflow text with ellipsis */
  }
  .steps-text.show-full {
    flex-wrap: wrap;
  }
  .custoom--checkbox .readmore{
    text-decoration:underline;
    display: contents;
    white-space: nowrap;
  }
  .custoom--checkbox .readmore.blue {
    color: #2dbdca !important;
  
  }
  .custoom--checkbox .readmore.orange {
    color:#FF8927 !important;
  
  
  }
  @media(max-width:576px){
    .instruction__list .modal-content{
      border-radius: 20px 20px 0 0 !important;
    }
    .custoom--checkbox .steps-text{
      flex-wrap:wrap ;
    }
    .custoom--checkbox .steps-text span{
      flex:unset;
    }
  }
  .instruction__list .modal-content {
    min-width: 400px !important;
    border-radius: 20px !important;
    max-height: 100% !important;
    overflow-y: auto !important;
  }
  .instruction__list .modal-header::before,
  .instruction__list .modal-header::after {
    display: none;
  }
  .instruction__list .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 10px;
  }
  .instruction-list {
    list-style: disc;
    padding-left: 20px;
    color: #212121;
  }
  .instruction-list ::marker {
    color: #ff8927;
  }
  .instruction-list li {
    margin-bottom: 10px;
  }
  @media (max-width: 768px) {
    .instruction__list .modal-content {
      overflow: hidden;
      height: auto;
      background: white;
      border-radius: 20px 20px 0 0;
      position: absolute;
      bottom: 0;
      margin: 0;
      width: 100%;
      left: 50%;
      transform: translateX(-50%) translateY(100%);
      min-width: auto;
    }
    .modal.fade .modal-dialog {
      transition: none !important;
      margin: 0;
      min-height: 100%;
    }
    .modal-open .modal.fade.in.instruction__list .modal-content {
      transition: transform 0.25s ease-in-out;
      transform: translateX(-50%) translateY(0%);
    }
    .instruction-list {
      font-size: 14px;
    }
  }
  /* new question screen with Instruction end 10-08-2024 */