body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.w-650 {
    max-width: 650px !important
}

.w-800 {
    max-width: 800px;
}

.w-950 {
    width: 950px
}
.w-950{
    display: flex;align-items: center;
}
.w-9{
   display: initial;
    top: auto;
    width: 119px;
    right: 97px;
}

.btn.focus,
.btn:focus {
    outline: none;
    box-shadow: none
}

:root {
    --primary-color: #1E374B;
    --subheading-color: #212B36;
    --text-color: #637381;
    --text-color-two: #454F5B;
    /* --cta-bg-color: #5DCAD6; */
    --cta-bg-color: #1E374B;
    --list-color: #202020;
    --border-color: #454F5B;
    --box-shadow: 0px 2px 2px rgb(86 99 121 / 10%);
    
    --font-size-smallText: 8.6px;
    --font-size-smallTextMobile: 8.6px;
}

header.header {
    background: #FFFFFF;
    box-shadow: 0px 1px 0px #e7eefb;
}

.homepage-holder {
    /* display: flex; */
    justify-content: center;
    height: calc(100vh - 60px);
    align-items: center;
}

.img-holder img {
    border-radius: 8px;
    max-width: 250px;
    /* width: 100% */
}

.content-holder h1 {
    font-weight: 400;
    color: var(--primary-color);
    line-height: 48px;
}

.content-holder {
    margin-top: 32px;
}

.kepsla-info {
    max-width: 800px;
    margin: auto;
    padding: 30px 0;
}

.content-holder p {
    color: var(--text-color);
    line-height: 30px;
}

.btn-selina {
    box-shadow: 0px 2px 2px rgba(86, 99, 121, 0.1);
    border-radius: 8px;
    background: var(--cta-bg-color);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 30px;
    height: 40px;
}

.btn-selina:hover {
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.btn-selina .angle-btn {
    transition: all 0.5s ease-in-out;
}

.btn-selina:hover .angle-btn {
    transform: translateX(10px);
    transition: all 0.5s ease-in-out;
}


/*Rating page css starts*/

.arrow-back {
    position: absolute;
    left: 30px;
    top: 15px;
}

.rate-points {
    margin-bottom: 10px;
}

.rate-points h3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: var(--primary-color);
    font-family: 'Open Sans';
    margin-bottom: 16px;
    
}

.rate-points h6 {
    color: #212B36;
    font-weight: 300;
    font-style: italic;
}

.rating-reason .rate-points .star {
    color: #DC2727;
}

.rate-points h3 span {
    color: var(--list-color);
}

.ratingBtnGroup {
    /* display: inline-block; */
    width: 100%;
}

span.smilay-icon {
    height: 65px;
    width: 67px;
    display: block;
    text-align: center;
    margin: auto;
    background-repeat: no-repeat;
}

span.smilay-icon-mobile {
    background-repeat: no-repeat;
    height: 38px;
    width: 37px;
    display: inline-block;
    text-align: center;
    margin: auto;
}


/* multigrid block */

span.smilay-icon.Very-Unsatisfied {
    {{/* background-position: -15px -11px; */}}
}
span.smilay-icon-mobile.Very-Unsatisfied {
    {{/* background-position: -15px -11px; */}}
}

.smiley.active span.smilay-icon.Very-Unsatisfied {
    {{/* background-position: -11px -95px; */}}
    padding-bottom: 0px;
}
.smiley.active span.smilay-icon-mobile.Very-Unsatisfied {
    {{/* background-position: -11px 38px; */}}
    padding-bottom: 0px;
}

.smiley.active.removeActive span.smilay-icon.Very-Unsatisfied {
    {{/* background-position: -15px -11px; */}}
    padding-bottom: 0px;
}
.smiley.active.removeActive span.smilay-icon-mobile.Very-Unsatisfied {
    {{/* background-position: -15px -11px; */}}
    padding-bottom: 0px;
}

span.smilay-icon.Unsatisfied {
    {{/* background-position: -141px -12px; */}}
}
span.smilay-icon-mobile.Unsatisfied {
    {{/* background-position: -141px -12px; */}}
}

.smiley.active span.smilay-icon.Unsatisfied {
    {{/* background-position: -137px -96px; */}}
}

span.smilay-icon.Neutral {
    {{/* background-position: -267px -11px; */}}
}

.smiley.active span.smilay-icon.Neutral {
    {{/* background-position: -263px -95px; */}}
}

span.smilay-icon.Satisfied {
    {{/* background-position: -394px -11px; */}}
}

.smiley.active span.smilay-icon.Satisfied {
    {{/* background-position: -390px -95px; */}}
}

span.smilay-icon.Very-Satisfied {
    {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon.Very-Satisfied {
    {{/* background-position: -515px -95px; */}}
}


/* ratings block */

span.smilay-icon.Strongly-Disagree {
    {{/* background-position: -15px -11px; */}}
}

.smiley.active span.smilay-icon.Strongly-Disagree {
    {{/* background-position: -11px -95px; */}}
    padding-bottom: 0px;
}

.smiley.active.removeActive span.smilay-icon.Strongly-Disagree {
    {{/* background-position: -15px -11px; */}}
    padding-bottom: 0px;
}

span.smilay-icon.Somewhat-Disagree {
    {{/* background-position: -141px -12px; */}}
}

.smiley.active span.smilay-icon.Somewhat-Disagree {
    {{/* background-position: -137px -96px; */}}
}

span.smilay-icon.Neither-Agree-nor-Disagree {
    {{/* background-position: -267px -11px; */}}
}

.smiley.active span.smilay-icon.Neither-Agree-nor-Disagree {
    {{/* background-position: -263px -95px; */}}
}

span.smilay-icon.Somewhat-Agree {
    {{/* background-position: -394px -11px; */}}
}

.smiley.active span.smilay-icon.Somewhat-Agree {
    {{/* background-position: -390px -95px; */}}
}

span.smilay-icon.Strongly-Agree {
    {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon.Strongly-Agree {
    {{/* background-position: -515px -95px; */}}
}

span.smilay-icon.Worst {
    {{/* background-position: -15px -11px; */}}
}

.smiley.active span.smilay-icon.Worst {
    {{/* background-position: -11px -95px; */}}
    padding-bottom: 0px;
}

.smiley.active.removeActive span.smilay-icon.Worst {
    {{/* background-position: -15px -11px; */}}
    padding-bottom: 0px;
}

span.smilay-icon.Very-Bad {
    {{/* background-position: -141px -12px; */}}
}

.smiley.active span.smilay-icon.Very-Bad {
    {{/* background-position: -137px -96px; */}}
}

span.smilay-icon.Bad {
    {{/* background-position: -141px -12px; */}}
}

.smiley.active span.smilay-icon.Bad {
    {{/* background-position: -137px -96px; */}}
}

span.smilay-icon.Ok {
    {{/* background-position: -267px -11px; */}}
}

.smiley.active span.smilay-icon.Ok {
    {{/* background-position: -263px -95px; */}}
}

span.smilay-icon.Good {
    {{/* background-position: -394px -11px; */}}
}

.smiley.active span.smilay-icon.Good {
    {{/* background-position: -390px -95px; */}}
}

span.smilay-icon.Very-Good {
    {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon.Very-Good {
    {{/* background-position: -515px -95px; */}}
}

span.smilay-icon.Excellent {
    {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon.Excellent {
    {{/* background-position: -515px -95px; */}}
}
span.smilay-icon.smilay-0 {
 {{/* background-position: -15px -11px; */}}
}

.smiley.active span.smilay-icon.smilay-0 {
  {{/* background-position: -11px -95px; */}}
  padding-bottom: 0px;
}

span.smilay-icon.smilay-1 {
  {{/* background-position: -141px -12px; */}}
}

.smiley.active span.smilay-icon.smilay-1 {
  {{/* background-position: -137px -96px; */}}
}

span.smilay-icon.smilay-2 {
  {{/* background-position: -267px -11px; */}}
}

.smiley.active span.smilay-icon.smilay-2 {
  {{/* background-position: -263px -95px; */}}
}

span.smilay-icon.smilay-3 {
  {{/* background-position: -394px -11px; */}}
}

.smiley.active span.smilay-icon.smilay-3 {
  {{/* background-position: -390px -95px; */}}
}

span.smilay-icon.smilay-4 {
  {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon.smilay-4 {
  {{/* background-position: -515px -95px; */}}
}
span.smilay-icon.smilay-5 {
  {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon.smilay-5 {
  {{/* background-position: -515px -95px; */}}
}

span.smilay-icon.smilay-6 {
  {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon.smilay-6 {
  {{/* background-position: -219px -1px; */}}
}
span.smilay-icon.smilay-7 {
    {{/* background-position: 56px -59px; */}}
  }
  span.smilay-icon.smilay-8 {
    {{/* background-position: 56px -59px; */}}
  }
  span.smilay-icon.smilay-9 {
    {{/* background-position: 56px -59px; */}}
  }
  .smiley.active span.smilay-icon.smilay-7{
       {{/* background-position: -219px -1px;  */}}
  }
  .smiley.active span.smilay-icon.smilay-8{
       {{/* background-position: -219px -1px;  */}}
  }
  .smiley.active span.smilay-icon.smilay-9{
       {{/* background-position: -219px -1px;  */}}
  }
.smiley.active span.smilay-icon-mobile.Unsatisfied {
    {{/* background-position: -137px -96px; */}}
}

span.smilay-icon-mobile.Neutral {
    {{/* background-position: -267px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Neutral {
    {{/* background-position: -263px 38px; */}}
}

span.smilay-icon-mobile.Satisfied {
    {{/* background-position: -394px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Satisfied {
    {{/* background-position: -390px 38px; */}}
}

span.smilay-icon-mobile.Very-Satisfied {
    {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Very-Satisfied {
    {{/* background-position: -515px 38px; */}}
}


/* ratings block */

span.smilay-icon-mobile.Strongly-Disagree {
    {{/* background-position: -15px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Strongly-Disagree {
    {{/* background-position: -11px 38px; */}}
    padding-bottom: 0px;
}

.smiley.active.removeActive span.smilay-icon-mobile.Strongly-Disagree {
    {{/* background-position: -15px -11px; */}}
    padding-bottom: 0px;
}

span.smilay-icon-mobile.Somewhat-Disagree {
    {{/* background-position: -141px -12px; */}}
}

.smiley.active span.smilay-icon-mobile.Somewhat-Disagree {
    {{/* background-position: -137px -96px; */}}
}

span.smilay-icon-mobile.Neither-Agree-nor-Disagree {
    {{/* background-position: -267px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Neither-Agree-nor-Disagree {
    {{/* background-position: -263px 38px; */}}
}

span.smilay-icon-mobile.Somewhat-Agree {
    {{/* background-position: -394px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Somewhat-Agree {
    {{/* background-position: -390px 38px; */}}
}

span.smilay-icon-mobile.Strongly-Agree {
    {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Strongly-Agree {
    {{/* background-position: -515px 38px; */}}
}

span.smilay-icon-mobile.Worst {
    {{/* background-position: -15px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Worst {
    {{/* background-position: -11px 38px; */}}
    padding-bottom: 0px;
}

.smiley.active.removeActive span.smilay-icon-mobile.Worst {
    {{/* background-position: -15px -11px; */}}
    padding-bottom: 0px;
}

span.smilay-icon-mobile.Very-Bad {
    {{/* background-position: -141px -12px; */}}
}

.smiley.active span.smilay-icon-mobile.Very-Bad {
    {{/* background-position: -137px -96px; */}}
}

span.smilay-icon-mobile.Bad {
    {{/* background-position: -141px -12px; */}}
}

.smiley.active span.smilay-icon-mobile.Bad {
    {{/* background-position: -137px -96px; */}}
}

span.smilay-icon-mobile.Ok {
    {{/* background-position: -267px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Ok {
    {{/* background-position: -263px 38px; */}}
}

span.smilay-icon-mobile.Good {
    {{/* background-position: -394px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Good {
    {{/* background-position: -390px 38px; */}}
}

span.smilay-icon-mobile.Very-Good {
    {{/* background-position: -519px -11px; */}}
}

.smiley.active span.smilay-icon-mobile.Very-Good {
    {{/* background-position: -515px 38px; */}}
}

span.smilay-icon-mobile.Excellent {
    {{/* background-position: -519px -11px; */}}
}

.mobilebtn{
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.10rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.smiley.active span.smilay-icon-mobile.Excellent {
}
span.smilay-icon-mobile.smilay-0 {
  margin-right: -6px;
}


.smiley.active span.smilay-icon-mobile.smilay-0 {
  padding-bottom: 0px;
}

span.smilay-icon-mobile.smilay-1 {
  margin-right: -6px;
}

.smiley.active span.smilay-icon-mobile.smilay-1 {
}

span.smilay-icon-mobile.smilay-2 {
  margin-right: -6px;
}

.smiley.active span.smilay-icon-mobile.smilay-2 {
}

span.smilay-icon-mobile.smilay-3 {
  margin-right: -6x;
}

.smiley.active span.smilay-icon-mobile.smilay-3 {
}

span.smilay-icon-mobile.smilay-4 {
  margin-right: -6px;
}

.smiley.active span.smilay-icon-mobile.smilay-4 {
}
span.smilay-icon-mobile.smilay-5 {
  margin-right: -6px;
}

.smiley.active span.smilay-icon-mobile.-smilay-5 {
}

span.smilay-icon-mobile.smilay-6 {
  margin-right: -6px;
}

.smiley.active span.smilay-icon-mobile.smilay-6 {
}


.smiley input[type="radio"] {
    position: absolute;
    top: 40%;
    opacity: 0;
}


.smileyy {
    top: 63%;
    position: absolute;
    left: 4%;
    text-align: center;
    text-align: -webkit-center;
    width: inherit;
    
}

.smiley{
    top: 71%;position: absolute;left: -1%;width: inherit;
}

.smiley p {
    color: var(--text-color);
    /* font-size: 11px; */
    font-size: 12px;
    margin: 15px -6px 8px;
    font-weight: 500;
    width: inherit;
    line-height: 16px;
}
/* :root {
    --font-size-smallText: 8.6px;
    --font-size-smallTextMobile: 8.6px;
} */

.smallText {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
}
.smallTextmobile {
    font-size: 10px;
    font-weight: 500;
    margin-left: -10px;
    display: table-caption;

}

.radiomobile{
    position: absolute;
    margin-left: -20px;
    width: 60px;
}


.ratingBtnGroup label.btn.smiley {
    width: 2%;
}

.ratingBtnGroupRadio {
    width: max-content;
}

.headingWrap h3.headingTop {
    color: var(--subheading-color);
    font-size: 20px;
    line-height: 20px;
}

.headingWrap h3.headingDescription {
    font-size: 14px;
    line-height: 20px;
    color: #5a5a5a
}

.headingWrap h3.headingTop span {
    color: #163469;
    font-size: 14px;
    font-weight: 500;
}

.progress {
    height: 5px;
    border-radius: 0;
}

.progress-bar {
    background: var(--cta-bg-color);
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
}

.footer-area {
    font-size: 12px;
    color: var(--text-color);
}

section.rating-process {
    height: calc(100% - 50px);
    overflow: hidden;
    margin-bottom: 50px;
}

.rating-reason {
    /* display: inline-block; */
    vertical-align: top;
    /* width: 566px; */
    width: 598px;
}

.change-feedback {
    color: var(--text-color);
    border-bottom: 1px solid var(--text-color);
    padding-bottom: 4px;
    font-size: 13px;
    font-weight: 500;
    margin-top: 16px;
    display: inline-block;
    text-decoration: none;
}

.change-feedback:hover {
    text-decoration: none;
}

.rating-reason .rate-points h3 {
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: 0;
    margin-left: 6px;
    line-height: 30px;
}

.rating-reason .rate-points {
    margin-bottom: 0px;
}

.rating-reason .btn:hover {
    transform: scale(1.1)
}

.rating-reason label#btns.active {
    transform: scale(1.1);
}

.rating-reason label.btn.active {
    transform: scale(1.03)
}

.checkboxgroup .radio-label {
    font-size: 13px;
    color: var(--text-color-two);
}

.checkboxgroup label.btn.btn-outline-secondary {
    border-color: var(--border-color) !important;
    margin-right: 10px;
    position: relative;
    /* width: 250px; */
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:hover {
    background: var(--cta-bg-color);
    color: #fff;
    border-color: var(--cta-bg-color);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active .radio-label,
.btn-outline-secondary:not(:disabled):not(.disabled):active .radio-label,
.btn-outline-secondary:hover .radio-label {
    color: #fff;
}

.checkboxgroup label.btn.btn-outline-secondary input[type="checkbox"] {
    position: absolute;
    top: 0;
    opacity: 0;
}

.ratingEmail-textarea,
.ratingEmail-textarea input.form-control{
    height: 44px;
    color: var(--primary-color);
    border-radius: 8px;
    width: 300px;
    justify-content: space-evenly;
    
    
}
.ratingEmail-textarea input {
    color: var(--text-color);
    font-size: 16px;
    /* line-height: 20px; */
    font-weight: 500;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    margin-bottom:0.5rem;
    font-style: italic;
    line-height: 1.2;
}

.ratingEmail-textarea select.form-control {
    height: 44px;
    color: var(--primary-color);
    border-radius: 8px;
    width: 167px;
    justify-content: space-evenly;
}

.rating-textarea textarea,
.rating-textarea input {
    color: var(--text-color-two);
    font-size: 14px;
    /* line-height: 20px; */
    font-weight: 400;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    margin-bottom:0.5rem;
    font-style: italic;
    line-height: 1.2;
}

.rating-textarea input.form-control{
    height: 44px;
    color: var(--primary-color);
    border-radius: 8px;
    width: 200px;
    justify-content: space-evenly;
    
    
}

.rating-textarea select.form-control {
    height: 44px;
    color: var(--primary-color);
    border-radius: 8px;
    width: 167px;
    justify-content: space-evenly;
}

.feedback-point .ratingBtnGroup label.btn.smiley {
    width: 12%;
    text-align: left;
}

.feedback-point .ratingBtnGroup label.btn.smiley span.smilay-icon {
    /* margin-left: 0; */
    margin-left: -13px;
}

/* Smile-rating NA */

.btn-primarys {
    text-align: left;
    margin-top: 5px;
}

.btn-primarys div {
    color: #fff;
    height: 23px;
    width: 22px;
    margin-top: 8px;
    padding: 0px;
    border-radius: 100%;
}

.btn-primarys div .img {
    align-items: center;
    height: 24px;
    background-color: gray;
    border-radius: 50%;
}

.btn-primarys div .img:active {
    box-shadow: 0px 1px 0px 1px rgb(88, 87, 87);
}

.btn-primarys div input[type="radio"] {
    position: absolute;
    top: 40%;
    opacity: 0;
}


/* Radion-rating NA */

.btn-radio div {
    color: #fff;
    height: 23px;
    width: 22px;
    margin-top: 10px;
    padding: 0px;
    border-radius: 100%;
}

.btn-radio div .img {
    align-items: center;
    height: 20px;
    background-color: gray;
    border-radius: 50%;
}

.btn-radio div .img:active {
    box-shadow: 0px 1px 0px 1px rgb(88, 87, 87);
}

.btn-radio div input[type="radio"] {
    position: absolute;
    top: 40%;
    opacity: 0;
}


/* Star-rating NA */

.flex {
    display: flex;
    margin-left: 264px;
    margin-top: 10px;
}

.btn-star div {
    color: #fff;
    height: 23px;
    width: 22px;
    margin-top: 4px;
    padding: 0px;
    border-radius: 100%;
}



.btn-star div .img {
    align-items: center;
    
    height: 24px;
    background-color: gray;
    border-radius: 50%;
}


.btn-star div img.img:active {
    box-shadow: 0px 1px 0px 1px rgb(88, 87, 87);
}


.btn-star div input[type="radio"] {
    position: absolute;
    top: 40%;
    opacity: 0;

}

.btn-primary {
    background-color: gray;
    border-color: gray;
}

.btn-primary:hover {
    background-color: gray;
    border-color: gray;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: gray;
    border-color: gray;
}

.btn-outline-selina {
    color: #202020;
    font-size: 13px;
    height: 40px;
    border-color: #E7EEFB;
    padding: 10px 10px;
    vertical-align: middle;
}

.btn-outline-selina:hover {
    color: #202020;
}

.feedback-table [type="radio"]:checked,
.feedback-table [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.feedback-table [type="radio"]:checked+label,
.feedback-table [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.feedback-table [type="radio"]:checked+label:before,
.feedback-table [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -8px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--text-color);
    border-radius: 100%;
    background: #fff;
}

.feedback-table [type="radio"]:checked+label:after,
.feedback-table [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--cta-bg-color);
    position: absolute;
    top: -4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.feedback-table [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.feedback-table [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.feedback-table [type="radio"]:checked+label:before {
    border-color: var(--cta-bg-color);
}

.feedback-table {
    border-radius: 8px;
    border: 2px solid var(--border-color);
}

.feedback-table table.table {
    margin: 0;
}

.feedback-table .table thead th {
    border-color: var(--border-color);
    border-bottom: 0;
    font-size: 12px;
    color: #536471;
    font-weight: 500;
}

.feedback-table .table thead {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.feedback-table .table tbody td,
.feedback-table .table tbody th {
    border-color: var(--border-color);
}

.table tbody th {
    color: #163469;
    font-size: 12px;
    font-weight: 500;
}

.restaurent-experience .ratingBtnGroup label.btn.smiley {
    width: 70px;
    padding: 5px;
}

.thumb-icon {
    background: url(../images/thumb-up.svg) no-repeat left center;
    width: 22px;
    height: 24px;
    position: absolute;
    left: 15px;
    top: 9px;
}

.button-like-dislike label.btn.btn-outline-secondary {
    box-shadow: 0px 2px 2px rgba(86, 99, 121, 0.1);
    padding: 10px 20px 10px 50px;
    border: 1px solid #E7EEFB;
    border-radius: 8px;
}

.button-like-dislike label.btn.btn-outline-secondary .radio-label {
    font-size: 13px;
    margin-right: 26px;
}

.button-like-dislike label.btn.btn-outline-secondary input[type="radio"] {
    opacity: 0;
    top: 0;
}

.button-like-dislike label.btn.btn-outline-secondary.active .thumb-up,
.button-like-dislike label.btn.btn-outline-secondary:hover .thumb-up {
    background: url(../images/thumb-up-white.svg) no-repeat left center;
}

.button-like-dislike span.thumb-icon.thumb-down.mr-2 {
    transform: rotate(180deg);
}

.button-like-dislike label.btn.btn-outline-secondary.active .thumb-down,
.button-like-dislike label.btn.btn-outline-secondary:hover .thumb-down {
    background: url(../images/thumb-up-white.svg) no-repeat left center;
}

.visit-again-optionchecked .radio-label {
    font-size: 16px;
    text-align: center;
}

.visit-again-optionchecked .btn-outline-secondary {
    padding: 14px 20px;
    border-radius: 8px;
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color) !important;
}

.button-like-dislike label.btn.btn-outline-secondary.active,
.button-like-dislike label.btn.btn-outline-secondary:hover {
    background: var(--cta-bg-color);
    border: var(--cta-bg-color);
    /* background: var(--text-color); */
}

.visit-again-optionchecked .btn-outline-secondary:hover{
    background: grey;
}
.visit-again-optionchecked .btn-outline-secondary.active {
    background: var(--cta-bg-color) !important;
    border-color: var(--cta-bg-color) !important;
}

.visit-again-optionchecked .btn-outline-secondary .fa-smile {
    font-size: 20px;
    vertical-align: middle;
}

.rate-points small {
    color: var(--cta-bg-color);
    margin-bottom: 25px;
    display: block;
    font-weight: 500;
}

.validation-warning {
    color: var(--red);
    /* margin-bottom: 25px; */
    display: block;
    font-weight: 500;
}

.select-gender-option .rating-reason .checkboxgroup {
    display: flex;
}

.thumb-gender {
    width: 40px;
    height: 40px;
    display: block;
    margin-left: 12px;
}

.select-gender-option .btn-outline-secondary .thumb-gender.thumb-male {
    background-image: url(../images/male.svg);
    background-repeat: no-repeat;
}

.select-gender-option .btn-outline-secondary:hover .thumb-gender.thumb-male {
    background-image: url(../images/male-white.svg);
    background-repeat: no-repeat;
}

.select-gender-option .btn-outline-secondary .thumb-gender.thumb-female {
    background-image: url(../images/female.svg);
    background-repeat: no-repeat;
}

.select-gender-option .btn-outline-secondary:hover .thumb-gender.thumb-female {
    background-image: url(../images/female-white.svg);
    background-repeat: no-repeat;
}

.select-gender-option .btn-outline-secondary {
    width: 120px;
    height: auto;
    justify-content: center;
    vertical-align: middle;
    display: flex;
    padding: 20px 20px;
    align-items: center;
}

.select-gender-option .checkboxgroup .radio-label {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

.select-gender-option .btn-outline-secondary:hover,
.select-gender-option .btn-outline-secondary.active {
    background: var(--cta-bg-color);
    border-color: var(--cta-bg-color) !important;
}

.select-gender-option .btn-outline-secondary input[type="radio"] {
    opacity: 0;
}

.select-gender-option .checkboxgroup label.btn.btn-outline-secondary {
    border-color: var(--border-color);
    box-shadow: var(--box-shadow);
    border-radius: 8px;
    margin-right: 20px;
}

.calender-range-pick .rating-textarea label {
    color: var(--text-color);
}

.recomment-friend .label-info label {
    color: var(--text-color);
    font-weight: 500;
}

.recomment-friend label.btn {
    line-height: 50px;
    border-right: 1px solid white;
    margin-right: 1px;
    width: 40px;
}

.recomment-friend label.btn input {
    opacity: 0;
    position: absolute;
}

.btn-selina-secondary {
    background: var(--text-color);
    color: white;
    padding: 10px 20px;
}

.btn-selina-secondary:hover {
    color: white
}

.content-holder.complete-info h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
}

.rating-list .rating-reason .checkboxgroup{
    margin-top: 4%;
}

@media(max-width:767px) {
    .homepage-holder {
        height: auto;
    }
    .content-holder h1 {
        font-size: 30px
    }
    .container {
        max-width: 768px
    }
    .ratingBtnGroup {
        white-space: nowrap;
        width: 100%;
        overflow: auto;
    }
    .ratingBtnGroup label.btn.smiley {
        width: 110px;
    }
    .rate-points h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .rating-smiley .rating-reason {
        width: 100%;
        margin-right: 293px;
    }
    .rating-smiley .rating-reason .checkboxgroup {
        display: block;
        width: auto;
    }
    .feedback-point .ratingBtnGroup {
        white-space: initial;
        overflow: hidden;
    }
    .feedback-point #rating {
        margin-left: 3px;
    }
    .feedback-point .w-950 {
        white-space: initial;
        overflow: hidden;
        width: 106%;
    }
    .feedback-point .w-950 span.smallText {
        font-size: 7.8px;
        font-weight: 500;
    }
    .feedback-point .w-950 span.smallTextmobile {
        font-size: 7.8px;
        font-weight: 500;
    }
    .btn-group {
        white-space: nowrap;
        width: 100%;
        overflow: auto;
    }
    .btn-group label.btn {
        width: 370px !important;
        display: block;
        padding: 0 20px;
    }
    .radio div.btn {
        width: 127px !important;
        font-size: 20px;
    }
    .smiley p {
        font-size: 7.4px;
        font-weight: 500;
    }
}
.rating-list {
    margin-bottom: 2.5vh;
}

@media(max-width:576px) {
    .rating-reason.slider-holder {
        width: calc(100% - 80px);
    }
    .rating-reason.slider-holder img {
        width: 100%;
    }
    .restaurent-experience .rating-list {
        white-space: nowrap;
        overflow: auto;
    }
    .rating-smiley .rating-reason .checkboxgroup {
        display: block;
        width: auto;
    }
    .rating-smiley .rating-reason {
        width: 100%;
        margin-right: 159px;
    }
    .rating-smiley .rating-textarea {
        margin-bottom: 15px;
    }
    .btn-group {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        
    }
    .btn-group label.btn {
        width: 298px !important;
        display: block;
        padding: 0 1px;
    }
    
    .btn-defaultt{
        width:65px;
    }
    
    .feedback-point .ratingBtnGroup {
        white-space: initial;
        overflow: hidden;
        padding-bottom: 20px;
    }
    .feedback-point .w-950 {
        white-space: initial;
        overflow: hidden;
        width: 102%;
    }
    .radio div.btn {
        width: 95px !important;
        padding: 0px 6px;
        margin-right: 3px;
        font-size: 16px;
    }
    .radio div.btn:first-child {
        margin-right: 18px;
    }
    /* Radio responsive */
    .feedback-point .w-950 span.smallText {
        font-size: 8.6px;
        font-weight: 400;
    }
    .feedback-point .w-950 span.smallTextmobile {
        font-size: 8.6px;
        font-weight: 400;
    }
    /* .feedback-point .w-950 span.smallText {
        font-size: 0px;
    } */
    /* .feedback-point .w-950>:first-child {
        font-size: 20px;
    } */
    /* .feedback-point .w-950 span.hide>:last-child {
        font-size: 20px;
    } */
    /* smiley text responsive */
    .smiley p {
        font-size: 7.8px;
        font-weight: 700;
        line-height: 1;
    }
}

.btn-outline-secondary2 [type="radio"]:checked,
.btn-outline-secondary2 [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.btn-outline-secondary2 [type="radio"]:checked+label,
.btn-outline-secondary2 [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.btn-outline-secondary2 [type="radio"]:checked+label:before,
.btn-outline-secondary2 [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -8px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--text-color);
    border-radius: 100%;
    background: #fff;
}

.btn-outline-secondary2 [type="radio"]:checked+label:after,
.btn-outline-secondary2 [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--cta-bg-color);
    position: absolute;
    top: -4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.btn-outline-secondary2 [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.btn-outline-secondary2 [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.btn-outline-secondary2 [type="radio"]:checked+label:before {
    border-color: var(--cta-bg-color);
}

.required:after {
    display: inline-block;
    color: #DC2727 !important;
    content: " *";
}

div.stars {
    width: 270px;
    display: inline-block;
}

input.star {
    display: none;
}

.hideElement {
    display: none;
}

.showElement {
    display: block;
}

label.star {
    /* float: right; */
    padding: 10px;
    margin-bottom: 0;
    font-size: 36px;
    color: #C4CDD5;
    transition: all .2s;
}

label.star.five-nps-star {
    font-size: 36px;
}

label.star.five-nps-star.active:before {
    font-size: 48px !important;
}

input.star { display: none; }

input#starnew-0~label.star:before {
    content: '\f005';
  }
  
  input.star.starnew-0:hover~label.star:before {
    content: '\f005';
  }
  
  input#starnew-1~label.star:before {
    content: '\f005';
  }
  
  input.star.starnew-1:hover~label.star:before {
    content: '\f005';
  }
  
  input#starnew-2~label.star:before {
    content: '\f005';
  }
  input.star.starnew-2:hover~label.star:before {
    content: '\f005';
  }
  
  input#starnew-3~label.star:before {
    content: '\f005';
  }
  
  input.star.starnew-3:hover~label.star:before {
    content: '\f005';
  }
  
  input#starnew-4~label.star:before {
      content: '\f005';
  }
    
  input.star.starnew-4:hover~label.star:before {
      content: '\f005';
  }
  
  input#starnew-5~label.star:before {
      content: '\f005';
  }
    
  input.star.starnew-5:hover~label.star:before {
      content: '\f005';
  }
  
  input#starnew-6~label.star:before {
      content: '\f005';
  }
    
  input.star.starnew-6:hover~label.star:before {
      content: '\f005';
  }
  
  input#starnew-7~label.star:before {
      content: '\f005';
  }
    
  input.star.starnew-7:hover~label.star:before {
      content: '\f005';
  }
  
  input#starnew-8~label.star:before {
      content: '\f005';
  }
    
  input.star.starnew-8:hover~label.star:before {
      content: '\f005';
  }
  
  input#starnew-9~label.star:before {
      content: '\f005';
  }
    
  input.star.starnew-9:hover~label.star:before {
      content: '\f005';
  }



/* for new 10 rating changed */

input#star-0~label.star:before {
  color: inherit;
  content: '\f005';
}

input#star-1~label.star:before {
  color: inherit;
  content: '\f005';
}

input#star-2~label.star:before {
  color: inherit;
  content: '\f005';
}


input#star-3~label.star:before {
  color: inherit;
  content: '\f005';
}


input#star-4~label.star:before,
input#star-5~label.star:before,
input#star-6~label.star:before,
input#star-7~label.star:before,
input#star-8~label.star:before,
input#star-9~label.star:before {
  color: inherit;
  content: '\f005';
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}
label.star.filled:before {
  content: '\f005'; /* filled star */
}
.smallText.starmincontent{
    min-width: 30px;
    display: inline-block;
}
.smallTextmobile.starmincontent{
    min-width: 30px;
    display: inline-block;
}
.smilywidth{
    width: 50px;
}
.smallTextmobile
  

.skipwidth{
    width: 24px;
}
.smileywidth{
    width: 50px;
}
.smileyrat{
    width: 40px;
}
.skipwidththree{
    width: 50px;
}
.skiplength{
    width: 58%;
}
.skiplengththree{
    width: 59%;
}
.smileylengththree{
    width: auto;
}
.smilylength{
    width: auto;
}
.starthreelength{
    width: auto;
}
.starall{
    width: 80px;
}
.startext{
min-height: 40px;
width: 60px;
display: inline-grid;
}

/* .smtarfive{
    width: 20px;
}
.starrat{
    width: 20px;
} */
label.starn:before {
    font-size: 36px;
    font-family: FontAwesome;
    color: #7DD7AA;
    content: '\f006';
  }
label.starn-0.active:before,
label.starn-1.active:before,
label.starn-2.active:before,
label.starn-3.active:before,
label.starn-4.active:before,
label.starn-5.active:before,
label.starn-6.active:before,
label.starn-7.active:before,
label.starn-8.active:before,
label.starn-9.active:before
 {
    font-size: 36px;
    font-family: FontAwesome;
    content: '\f005';
  }
  label.starn-0.active:before{
    color: var(--red);
    content: '\f005';
  }
  
  label.starn-1.active:before{
    color: var(--orange);
    content: '\f005';
  }
  
  label.starn-2.active:before{
    color: var(--yellow);
    content: '\f005';
  }
  
  label.starn-3.active:before{
    color: #7DD7AA;
    content: '\f005';
  }
  
  label.starn-4.active:before,
  label.starn-5.active:before,
  label.starn-6.active:before,
  label.starn-7.active:before,
  label.starn-8.active:before,
  label.starn-9.active:before{
    color: var(--green);
    content: '\f005';
  }
/* new for 10 rating */

label.activeOption:before {
    content: '\f005';
    color: inherit;
}
label.activeOption:hover~label.activeOption:before {
    content: '\f005';
    color: inherit;
}
label.starn_new:before {
    font-size: 36px;
    font-family: FontAwesome;
    color: #7DD7AA;
    content: '\f006';
}
label.starn_new-0.active:before,
label.starn_new-1.active:before,
label.starn_new-2.active:before,
label.starn_new-3.active:before,
label.starn_new-4.active:before,
label.starn_new-5.active:before,
label.starn_new-6.active:before,
label.starn_new-7.active:before,
label.starn_new-8.active:before,
label.starn_new-9.active:before
 {
    font-size: 36px;
    font-family: FontAwesome;
  }
  label.starn_new-0.active:before{
    color: #DC2727;
    content: '\f005';
  }
  
  label.starn_new-1.active:before{
    color: rgb(255, 71, 71);
    content: '\f005';
  }
  
  label.starn_new-2.active:before{
    color: rgb(255, 81, 81);
    content: '\f005';
  }
  
  label.starn_new-3.active:before{
    color: rgb(255, 92, 92);
    content: '\f005';
  }

  label.starn_new-4.active:before{
    color: rgb(255, 102, 102);
    content: '\f005';
  }

  label.starn_new-5.active:before{
    color: rgb(255, 112, 112);
    content: '\f005';
  }

  label.starn_new-6.active:before{
    color: rgb(485, 214, 51);
    content: '\f005';
  }

  label.starn_new-7.active:before{
    color: rgb(255, 204, 0);
    content: '\f005';
  }

  label.starn_new-8.active:before{
    color: rgb(117, 163, 71);
    content: '\f005';
  }

  label.starn_new-9.active:before{
    color: rgb(102, 153, 51);
    content: '\f005';
  }
  
  

.smilynew.smilay-icon.Very-Unsatisfied.active {
    background-position: -11px -95px;
}
.smilynew.smilay-icon-mobile.Very-Unsatisfied.active {
    background-position: -11px -95px;
}
.smilynew.smilay-icon.Unsatisfied.active {
    background-position: -137px -96px;
}

.smilynew.smilay-icon-mobile.Unsatisfied.active {
    background-position: -137px -96px;
}

.smilynew.smilay-icon.Neutral.active {
    background-position: -263px -95px;
}
.smilynew.smilay-icon.Satisfied.active {
    background-position: -390px -95px;
}

.smilynew.smilay-icon.Very-Satisfied.active {
    background-position: -515px -95px;
}


/* ratings block */


.smilynew.smilay-icon.Strongly-Disagree.active {
    background-position: -11px -95px;
}
.smilynew.smilay-icon.Somewhat-Disagree.active {
    background-position: -137px -96px;
}

.smilynew.smilay-icon.Neither-Agree-nor-Disagree.active {
    background-position: -263px -95px;
}

.smilynew.smilay-icon.Somewhat-Agree.active {
    background-position: -390px -95px;
}

.smilynew.smilay-icon.Strongly-Agree.active {
    background-position: -515px -95px;
}

.smilynew.smilay-icon.Worst.active {
    background-position: -11px -95px;
    padding-bottom: 0px;
}

.smilynew.smilay-icon.Very-Bad.active {
    background-position: -137px -96px;
}
.smilynew.smilay-icon.Bad.active {
    background-position: -137px -96px;
}

.smilynew.smilay-icon.Ok.active {
    background-position: -263px -95px;
}


.smilynew.smilay-icon.Good.active {
    background-position: -390px -95px;
}


.smilynew.smilay-icon.Very-Good.active {
    background-position: -515px -95px;
}

.smilynew.smilay-icon.Excellent.active {
    background-position: -515px -95px;
}

.smilynew.smilay-0.active{
  background-position: -11px -95px;
}

.smilynew.smilay-1.active {
  background-position: -137px -96px;
}

.smilynew.smilay-icon.smilay-2.active {
  background-position: -263px -95px;
}

.smilynew.smilay-icon.smilay-3.active {
  background-position: -390px -95px;
}

.smilynew.smilay-icon.smilay-4.active {
  background-position: -515px -95px;
}
.smilynew.smilay-icon.smilay-5.active {
  background-position: -515px -95px;
}

.smilynew.smilay-icon.smilay-6.active {
  background-position: -515px -95px;
}

.mobilestyle{
    display: inherit;
}
.mobilestylewidth{
    width:100%!important;
}
.normalmatrixwidth{
    width:100%!important;
}
.mobilewidth{
    width:16%!important;
}
.mobilewidthstar{
    width:12%!important;
}
.nonmobilewidth{
    width:13%!important;
}
.smilynew.smilay-icon-mobile.Neutral.active {
    background-position: -263px -95px;
}
.smilynew.smilay-icon-mobile.Satisfied.active {
    background-position: -390px -95px;
}

.smilynew.smilay-icon-mobile.Very-Satisfied.active {
    background-position: -515px -95px;
}


/* ratings block */


.smilynew.smilay-icon-mobile.Strongly-Disagree.active {
    background-position: -11px -95px;
}
.smilynew.smilay-icon-mobile.Somewhat-Disagree.active {
    background-position: -137px -96px;
}

.smilynew.smilay-icon-mobile.Neither-Agree-nor-Disagree.active {
    background-position: -263px -95px;
}

.smilynew.smilay-icon-mobile.Somewhat-Agree.active {
    background-position: -390px -95px;
}

.smilynew.smilay-icon-mobile.Strongly-Agree.active {
    background-position: -515px -95px;
}

.smilynew.smilay-icon-mobile.Worst.active {
    background-position: -11px -95px;
    padding-bottom: 0px;
}

.smilynew.smilay-icon-mobile.Very-Bad.active {
    background-position: -137px -96px;
}
.smilynew.smilay-icon-mobile.Bad.active {
    background-position: -137px -96px;
}

.smilynew.smilay-icon-mobile.Ok.active {
    background-position: -263px -95px;
}


.smilynew.smilay-icon-mobile.Good.active {
    background-position: -390px -95px;
}


.smilynew.smilay-icon-mobile.Very-Good.active {
    background-position: -515px -95px;
}

.smilynew.smilay-icon-mobile.Excellent.active {
    background-position: -515px -95px;
}




.smilynew.smilay-icon-mobile.smilay-2.active {
  background-position: -263px -95px;
}

.smilynew.smilay-icon-mobile.smilay-3.active {
  background-position: -390px -95px;
}

.smilynew.smilay-icon-mobile.smilay-4.active {
  background-position: -515px -95px;
}
.smilynew.smilay-icon-mobile.smilay-5.active {
  background-position: -515px -95px;
}

.smilynew.smilay-icon-mobile.smilay-6.active {
  background-position: -515px -95px;
}

.detractor {
    background-color: #FF3333 !important;
    color: white;
  }
  
  .passive {
    background-color: #FFD633 !important;
    color: black;
  }
  
  .promoter {
    background-color: #669933 !important;
    color: white;
  }
.smiley-face {
  transition: transform 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.smiley-face.active {
  transform: scale(1.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.smiley-img.active {
  transform: scale(1.2);
}
.smiley-img {
  cursor: pointer;
  transition: transform 0.3s ease;
  display: inline-block; /* Needed for transform to apply properly */
}

.radio-option.active {
  transform: scale(1.05);
  box-shadow: 0 0 0 2px #00000022;
}
.rating-container {
    width: 70% !important;
}

input[type="radio"].nps5ratingradio {
    appearance: none;
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    display: inline-block;
    position: relative;

    --inner-dot-color: white;
}


input[type="radio"].nps5ratingradio::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--inner-dot-color);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%) scale(0);
  opacity: 0;

  transition: transform 0.25s ease-out, opacity 0.2s ease-out; 
}
input[type="radio"].nps5ratingradio:checked::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

input[type="radio"].nps5ratingradio.color-detractor1 {
    --inner-dot-color: #F62222
}
input[type="radio"].nps5ratingradio.color-detractor2 {
    --inner-dot-color: #F44545
}
input[type="radio"].nps5ratingradio.color-detractor3 {
    --inner-dot-color: #FD6B51
}

input[type="radio"].nps5ratingradio.color-passive1 {
    --inner-dot-color: #F89C07
}
input[type="radio"].nps5ratingradio.color-passive2 {
    --inner-dot-color: #F8B607
}
input[type="radio"].nps5ratingradio.color-passive3 {
    --inner-dot-color: #D4D77D
}

input[type="radio"].nps5ratingradio.color-promoter1 {
    --inner-dot-color: #B4D77D
}
input[type="radio"].nps5ratingradio.color-promoter2 {
    --inner-dot-color: #84D77D
}
input[type="radio"].nps5ratingradio.color-promoter3 {
    --inner-dot-color: #27A369
}
@media (max-width: 600px) {
    .rating-container {
        width: 100% !important;
    }
    .label-info {
        font-size: 12px;
    }
}