body{
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 400;
  
    }
/** Review form styles **/
.rating {
/*     float: left;
width: 240px;
margin-left: 12px;
margin-bottom: 15px; */
left: 33%;
position: relative;
}
.rating span {
    float:right; 
    position:relative; 
    width: 30px; 
    }
.rating span input {
    position:absolute;
    top:-3px;
    left:0px;
    opacity:0;
	width:27px;
	height:27px;
}
.rating span label {
display: inline-block;
    width: 27px;
    height: 27px;
    color: #FFF;
    background: url(https://www.magnetbrains.com/wp-content/uploads/2019/05/no-star-2.png) no-repeat 0 0;
    
    font-size: 30px;
    margin-right: 2px;
}
.rating span:hover ~ span label,
.rating span:hover label,
.rating span.checked label,
.rating span.checked ~ span label {
    /*background:#F90;*/
	background: url(https://www.magnetbrains.com/wp-content/uploads/2019/05/star-1.png) no-repeat 0 0;
    color:#FFF;
}

.af-field-overall-quality,
.af-field-review-first-name, 
.af-field-review-last-name, 
.af-field-review-email,
.af-field-review-post{
	display:none!important;
}
div#content_wrapper {
    background: #f5f4f4;
}
.review-form-wrapper {
    background: #fff;
    border: 1px solid #e4e0e0;
    margin: 70px -25px;
    padding: 22px 15px;
}

.review-form-wrapper input[type="text"],
.review-form-wrapper input[type="email"]
{
height:42px;    
}
/* .review-star-rating span {
    display: contents;
} */

img.tooltip-img{
    width: 16px;
    margin-bottom: 5px;
}

form.af-form.acf-form .tooltip {
    position: relative;
    display: inline-block;
    opacity:1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    height: auto;
    color: #0b0b0b;
    text-align: center;
    padding: 3px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    transform: translate(-50%, 0%);
}

.tooltip .tooltiptext::after {
    /*  content: "";*/
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tt-text {
    background: #000000bf;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #000;
    padding: 5px 25px;
    color: #fff;
}


.review-form-wrapper .acf-fields>.acf-field {
    border-top: none;
}
.review_star-rate_wrap {
    margin-top: 20px;
    border-bottom: 1px solid #eeeeee;
    padding-top: 20px;
    padding-bottom: 55px;
    margin-bottom: 15px;
}
.review-star-rating {
    float: left;
    margin-top: 5px;
	margin-left: 7%;
}

.review-form-wrapper button.acf-button.af-submit-button {
  font-family: "AvenirNextLTPro-Regular", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.8px;
    color: #ffffff;
    background-color: #0e4cb5;
    border-radius: 3px;
    padding: 10px 14px 10px 14px;
    float: right;
}
.review-form-wrapper button.acf-button.af-submit-button:hover {
    color: #ffffff;
    background-color: #20cc98;
}


.review-form-wrapper .acf-field[data-width]+.acf-field[data-width] {
    border-left: none;
}
.review-heading h1 {
   font-size: 24px;
    margin: 10px 0;
}

.review-heading h1 span {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    line-height: 45px;
}

p.review-text {
    font-size: 15px;
    margin-top: 10px;
}
.review-thumb img {
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 3px;
}
.review-form.template hr {
    margin-top: 10px;
    height: 2px;
    width: 740px;
    background: #f5f5f5;
}

.review-form-wrapper .af-field-how-frequently{
    margin-bottom:10px!important;
}
/* .review-form-wrapper .af-field-review-title{
    margin-top:10px!important;
    border-top: 1px solid #eee!important;
} */
.review-form.template {
    margin-left: -3px;
    margin-top: 10px;
}

.review-form-wrapper .af-submit {
    padding: 10px 12px;
}
.af-page-wrap {    
    clear: both;
}
button {
    color: #fff;
}

.review-form-wrapper button.af-previous-button,
.review-form-wrapper button.af-next-button{ 
  font-family: "AvenirNextLTPro-Regular", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.8px;
    color: #ffffff;
    background-color: #0e4cb5;
    border-radius: 2px 2px 2px 2px;
    padding: 10px 14px 10px 14px;
}
.review-form-wrapper button.af-previous-button:hover,
.review-form-wrapper button.af-next-button:hover{
    color: #ffffff;
    background-color: #20cc98;
}
h2.af-form-title {
    /* border-bottom: 2px solid #eee; */
    padding: 15px;
}
.af-form.acf-form .acf-input-wrap {
    overflow: visible;
}
.af-form.acf-form .acf-label label{
	font-weight:500;
	font-size: 14px;
}
textarea::placeholder,
input[type=text]::placeholder {
    color: #a9a4a4;
}