.embeded_consent_settings{

    .anchore{
      transform: translateY(-270px);
    }

    .expand_info{
      font-size: 16px;
      padding-right: 45px;
    }

    /*checkboxes*/
    .checkbox_holder{
      margin-top: 15px;

      label {
        font-weight: 500;
        color: #2194bb;
        margin-bottom: 15px;
      }
    }
    input[type="checkbox"],
    input[type="radio"]{
      display: none;
    }
    input[type="checkbox"] + label,
    input[type="radio"] + label{
      padding-left:45px;
      position: relative;
      display: flex;
      align-items: center;
      min-height:21px;
      line-height:1.2em;
      gap: 5px;
      padding-top: 0;
      font-size: clamp(16px, 2vw, 13px);
      letter-spacing: 0;
      &:before{
        content:"";
        display: block;
        width: 38px;
        height: 21px; 
        background-color: #e8e8e8;
        border-radius:15px;
        color: #ffffff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 30px;
        left:0;
        cursor: pointer;
        transition: background 100ms ease-in-out;
        text-align: right;
      }
      &:after{
        content:"";
        width:15px;
        height:15px;
        border-radius:10px;
        display: block;
        position: absolute;
        left:20px;
        background-color:#ffffff;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        transition: all 100ms ease-in-out;
      }

      .rtl &{
        padding-left:0;
        padding-right:45px;
        text-align: right;
        direction: rtl;
        letter-spacing: 0;
        font-size: clamp(16px, 0.7vw, 12px);
        line-height: 1.5em;
        &>span{
          display: inline-block;
          min-height:21px;
        }
        &:before{
          left: auto;
          right:0;
        }
        &:after{
          left:auto;
          right: 3px;
        }
      }
      .tooltip{

        &:before{
          content:"(";
        }
        &:after{
          content:")";
        }
      }
      .tooltip_question{
        display: none;
      }

    }

    input[type="checkbox"]:checked + label,
    input[type="radio"]:checked + label{
      &:before{
        background-color: #2194bb;
      }
      &:after{
        left:3px;
      }
      .rtl &{
        padding-left:0;
        padding-right:45px;
        &:after{
          left:auto;
          right: 20px;
        }
      }
    }
    .rtl &{
      text-align: right;
      direction: rtl;
    }

    input[type="checkbox"][disabled] + label:before{
      background-color: #70c1dd;
      pointer-events: none!important;
    }

    /*submit btn*/
    button#submit{
        border:0;
        border-radius:3px;
        background-color:#2194bb;
        color:#ffffff;
        font-size: clamp(13px, 0.9vw, 15px);
        padding: 0.7em 1.43em 0.85em;
        margin-top: 30px;
    }
    button#submit[disabled] {
      filter: opacity(.6);
        pointer-events: none;
    }
    button#submit:not([disabled]) {
      cursor: pointer;
        &:hover{
            opacity:0.8;
        }
    }
  }

  .ltr{
    .embeded_consent_settings{
      .expand_info {
        padding-left: 45px;
        padding-right: 0;
      }
    }
  }