.sesamo-rating-wp-content-wrap {
    width: 100%;
    display: inline-block;
}

.sesamo-rating-wp-content-wrap.hide {
    display: none !important;
}


.sesamo-rating-wp {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    margin: 0px;
}

.sesamo-rating-wp-ul-wrap {
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.sesamo-rating-wp-ul-wrap li {
    display: inline-block;
    list-style: none;
    padding: 4px 4px;
}

.sesamo-rating-wp-ul-wrap li a {
    outline: none;
    box-shadow: none;
    display: inline-block;
    padding: 3px 12px;
    background: #7c7979;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.sesamo-rating-wp-social-result {
    display: inline-block;
    width: 100%;
}

.sesamo-rating-wp-social-result {
    display: none;
}

.sesamo-rating-wp-social-result.active {
    display: inline-block;
}

.sesamo-rating-wp-shortcode-result {
    width: 100%;
}

.sesamo-rating-wp-shortcode-result:not(.active) {
    display: none !important;
}

.sesamo-rating-wp-shortcode-result.active {
    display: inline-block;
}

.sesamo-rating-wp-next-btn {
    margin-left: auto;
        margin-top: 10px;
    border-radius: 4px;
    font-size: 14px;
        text-decoration: none;
    background: #02a802;
    color: #fff !important;
    padding: 11px 20px !important;
    padding-right: 30px !important;
    background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI5Mjg5IDQuMjkyODlDOC42ODM0MiAzLjkwMjM3IDkuMzE2NTggMy45MDIzNyA5LjcwNzExIDQuMjkyODlMMTYuNzA3MSAxMS4yOTI5QzE3LjA5NzYgMTEuNjgzNCAxNy4wOTc2IDEyLjMxNjYgMTYuNzA3MSAxMi43MDcxTDkuNzA3MTEgMTkuNzA3MUM5LjMxNjU4IDIwLjA5NzYgOC42ODM0MiAyMC4wOTc2IDguMjkyODkgMTkuNzA3MUM3LjkwMjM3IDE5LjMxNjYgNy45MDIzNyAxOC42ODM0IDguMjkyODkgMTguMjkyOUwxNC41ODU4IDEyTDguMjkyODkgNS43MDcxMUM3LjkwMjM3IDUuMzE2NTggNy45MDIzNyA0LjY4MzQyIDguMjkyODkgNC4yOTI4OVoiIGZpbGw9IiNmZmYiLz4gPC9nPgoNPC9zdmc+);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 11px) center;
    transition: all 0.3;
}


ul.sesamo-rating-wp-ul-social {
    width: 100%;
    text-align: center;
    list-style: none;
    padding: 10px 0;
    margin: 0px;
}

ul.sesamo-rating-wp-ul-social li {

    width: 100%;
    display: inline-block;
    padding: 0px 0 5px 0;
    margin: 0px;
}

ul.sesamo-rating-wp-ul-social a.hypericons {
    display: block;
    background: #000;
    color: #ffff;
    padding: 5px 0;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
}




ul.sesamo-rating-wp-ul-social {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    max-width: 350px;
    width: 100%;
}

.sesamo-rating-wp.sesamowpshw- {
    max-width: 100%;
}

ul.sesamo-rating-wp-ul-social li .icon {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    background: var(--ss);
    display: inline-flex;
}

ul.sesamo-rating-wp-ul-social li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

ul.sesamo-rating-wp-ul-social a.hypericons {
    min-width: 210px;
    padding-left: 20px;
    background: var(--ss);
    padding-right: 20px;
}

li.sesamoitem.itemicnsgoogle {
    --ss: #229756;
}

li.sesamoitem.itemicnsyelp {
    --ss: #5d1bba;
}

li.sesamoitem.itemicnsfacebook {
    --ss: #1f70ec;
}

ul.sesamo-rating-wp-ul-social li .icon {
    color: #FFF;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

ul.sesamo-rating-wp-ul-social li .icon svg {
    width: 18px;
    height: 18px;
}

ul.sesamo-rating-wp-ul-social li .icon svg path {
    fill: currentColor;
}

.sesamo-rating-wp-content-wrap {
    display: flex !important;
    justify-content: center;
    gap: 10px !important;
    flex-direction: column;
}

.sesamo-rating-wp-ul-wrap {
    margin: 0 auto !important;
    max-width: 290px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
}




.sesamo-rating-wp-ul-wrap li {
    position: relative;
    border: 2px solid var(--sss);
    border-radius: 3px;
}

.sesamo-rating-wp-ul-wrap li a {
    position: relative;
    z-index: 1;
    background: transparent !important;
    color: var(--sss) !important;
}

.sesamo-rating-wp-ul-wrap li:hover:before {
    opacity: .4;
}

.sesamo-rating-wp-shortcode-result {
    max-width: 290px;
    margin: 0 auto;
    display: flex !important;
    flex-direction: column;
}

.sesamo-rating-wp-shortcode-title-wrap {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.sesamo-rating-wp-title-wrap {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.sesamo-rating-wp-social-title-wrap {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.sesamo-rating-wp-shortcode-column-result {
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

.rating-head {
    margin: 0px;
    margin-bottom: 20px !important;
    font-size: 16px !important;
    color: #000 !important;
    max-width: 500px;
    margin: 0px auto;
    line-height: 1.6;
}

.sesamo-rating-wp-shortcode-result.active {
    max-width: 500px !important;
}

.thankform {
    display: flex;
    gap: 20px;
}

.thankfromrow input {
    width: 100%;
}

.thanksformhead h4 {
    font-size: 18px !important;
}

.thanksformhead {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.thanksformhead p {
    margin: 0px;
    color: #333;
}

.submt-btn {
    display: flex;
    justify-content: end;
}

.submt-btn input {
    background: #02a802 !important;
    color: #fff !important;
    padding: 11px 20px !important;
    transition: all 0.3s !important;
    border: 0px !important;
}

.submt-btn input:hover {
    background-color: #282828 !important;
}

.invalid .wpcf7-response-output {
    background: #ffb900 !important;
    padding: 10px !important;
    color: #1a1414 !important;
    text-align: center;
}

.sent .wpcf7-response-output {
    background: green !important;
    padding: 10px !important;
    color: #fff !important;
    text-align: center;
}

.sesamoitem .hypericons:hover {
    color: #bdaeae !important;
  }


@media (max-width:768px) {

    .thankform {
        flex-direction: column;
    }

    .sesamo-rating-wp-shortcode-result.active {
        padding: 0px 15px;
    }

}


.sesamo-rating-wp-ul-wrap li a {
    padding: 0px;
}
.sesamo-rating-wp-ul-wrap li {
    background: transparent !important;
    border: 0px !important;
}
.itemrating.ratingstarhyper svg {
    width: 40px;
}

.sesamo-rating-wp-ul-wrap li a svg.sesamo-rating-wp-starsvg{
    display: block;
}
.sesamo-rating-wp-ul-wrap li a svg.sesamo-rating-wp-starsolid{
    display: none;
}

.sesamo-rating-wp-ul-wrap li.active a svg.sesamo-rating-wp-starsvg{
    display: none !important;
}

.sesamo-rating-wp-ul-wrap li.active a svg.sesamo-rating-wp-starsolid{
    display: block !important;
}