.overlaystyle {
    background: #000000ba;
    position: relative;
    width: 100%;
    bottom: -40vh;
    color: #fff;
}

.img4 {
    margin-top: 5px;
    width: 150px;
}

.istyl {
    background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
    padding-top: 9px;
    border-radius: 30px;
    margin-top: 10px;
    width: 40px;
    height: 40px;
    margin-right: -5px
}

.ctn {
    background-color: white;
    border-radius: 5px;
    padding-bottom: 1px;
    margin-bottom: 10px;
}

.row a {
    color: #2c2a2a;
}

.txts {
    color: black;
}

.stars i {
    color: goldenrod;
    background: none;
    padding-left: -5px;
    margin-top: 5px;
}

h5 {
    font-weight: 500;
}

.h5s {
    margin-left: 10px;
    font-family: 'Rubik', sans-serif;
}

span .col {
    padding-left: -10px;
    padding-right: -10px;
    margin-left: -10px;
    margin-right: -10px;
}

.stars {
    margin-bottom: -8px;
    margin-bottom: -12px;
}

.sai3 span i {
    background: none;
    margin-right: -10px;
    margin-left: 14px;
}

.sai3 div i {
    background: none;
    margin-right: -10px;
}

.sai3 span {
    margin-top: -10px;
    margin-bottom: -20px;
}

.txts2 a {
    color: black;
}

.txts2 {
    font-weight: 500;
}

.lis1 {
    margin-top: -15px;
    margin-bottom: -15px;
    font-weight: bold;
}

.cis {
    margin-top: 10px;
}

.rs1 {
    margin-top: 20px;
}

.rs2 {
    border-style: groove;
    border-radius: 10px;
    margin: 10px;
}

.rvws a {
    color: black;
}

.rvws a div i {
    background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
    color: white;
    position: absolute;
    margin-top: -40px;
}

.clstyl {
    padding: 5px;
    border-radius: 30px;
}

.parastyl {
    background-color: rgb(243, 243, 243);
    border-radius: 5px;
    margin-top: 15px;
    padding: 5px;
    height: 230px;
}

.bns1 {
    margin-top: -23px;
}

.cas {
    margin-top: -14px;
    margin-bottom: 5px;
}

.fnlbtns {
    margin-bottom: 60px;
    margin-top: 60px;
}

.fnlbtns a {
    border-radius: 20px;
    font-weight: 800;
}

.fnlbtns a i {
    background: none;
}

.cbns3 {
    width: 100%;
    border-bottom: groove;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: x-large;
    padding-top: 6px;
    padding-bottom: 4px;
}

.icns {
    margin: 10px;
}

.row div div .bns2 {
    position: absolute;
    margin-top: 2px;
    color: black;
}

.rfltbs a {
    color: green;
    border-radius: 5px;
}

.rfltbs {
    text-align: right;
}

.rfltbs .s {
    margin-top: 2px;
}

.fltbs {
    border: 2px solid green;
    padding-left: 5px;
    padding-right: 5px;
}

.rs3 {
    margin-top: 20px;
}

.txts4 {
    font-weight: 700;
}

.stars2 {
    position: absolute;
    margin-left: 8px;
    margin-top: 2px;
}

.txts5 {
    position: absolute;
    margin-top: -2px;
    margin-left: 4px;
}

.icns2 {
    color: goldenrod;
}

.txts7 {
    font-size: small;
    background: rgb(245, 245, 245);
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    padding-bottom: 2px;
    font-family: inherit;
}

.txts7 h6 {
    font-weight: 500;
}

.txts8 h5 {
    font-weight: 500;
}

.txts8 div a i {
    color: black;
    font-weight: 500;
}

.txts8 div a i:hover {
    color: goldenrod;
}

.rs4 {
    padding: 10px;
}

.bns4 {
    margin-bottom: 10px;
}

div .bns4 .icns3 {
    color: white;
}


/* review form starts */

.rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 150px;
    position: relative;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating>input {
    display: none;
}

.rating>label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}

.rating>input:checked~label,
.rating>input:checked~label~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating>input:not (:checked)~label:hover,
.rating>input:not (:checked)~label:hover~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
    width: 100%;
    text-align: center;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after {
    content: "";
    height: 15px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}

.emoji-wrapper:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
}

.emoji-wrapper:after {
    bottom: 0;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
}

.emoji {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .3s;
}

.emoji>svg {
    margin: 15px 0;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

#rating-1:checked~.emoji-wrapper>.emoji {
    transform: translateY(-100px);
}

#rating-2:checked~.emoji-wrapper>.emoji {
    transform: translateY(-200px);
}

#rating-3:checked~.emoji-wrapper>.emoji {
    transform: translateY(-300px);
}

#rating-4:checked~.emoji-wrapper>.emoji {
    transform: translateY(-400px);
}

#rating-5:checked~.emoji-wrapper>.emoji {
    transform: translateY(-500px);
}

.feedback {
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .05);
}


/* review form ends */

h4 {
    font-family: sans-serif;
    font-weight: inherit;
}

.bis {
    padding-top: 8px;
    padding-bottom: 7px;
}

.faqs {
    padding-top: 8px;
    padding-bottom: 7px;
}

.faqs h5 {
    /* font-family: fangsong; */
}

.para {
    /*background-color: rgb(243, 243, 243);*/
    border-radius: 5px;
    margin-top: 15px;
    padding: 5px;
    text-align: justify;
}

.content_details p {
    font-size: 13px;
}

.overlayban {
    position: absolute;
    width: 100%;
    top: 500px;
    background: #000000bd;
    padding: 10px 15px;
}

.overlayban h1 {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1%;
    margin-top: 29px;
}

@media only screen and (max-width: 993px) {
    .banner {
        height: 366px
    }
    .overlayban {
        top: 302px;
    }
}

@media only screen and (max-width: 700px) {
    .banner {
        height: 355px
    }
    .overlayban {
        top: 292px;
    }
}

@media only screen and (max-width: 652px) {
    .banner {
        height: 307px
    }
    .overlayban {
        top: 244px;
    }
}

@media only screen and (max-width: 500px) {
    .banner {
        height: 315px
    }
    .overlayban {
        top: 255px;
        padding: 5px;
    }
}