html, body{margin:0; padding:0;}
body{font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-weight: <weight>; font-style: normal;}
body *{box-sizing: border-box;}
.review-banner-sec{background:url(review-banner-bg.jpg) no-repeat center; background-size: cover; padding:70px 0 30px; text-align: center; min-height:400px; position: relative;}
.review-banner-sec:after{content:''; position: absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.2); z-index:0;}

.review-banner-sec .brand-img img{max-width: 250px;}

.container{max-width:1280px; padding:0 15px; margin:0 auto; z-index:1; position: relative;}
.top-gape{margin-top:60px;}
.review-banner-sec img.top-gape{max-width: 110px;}

.review-rating-sec{background-color:rgba(242, 246, 255, 0.7); background-image:url(review-bg.png); background-position:center 12%; background-size: contain; background-repeat: no-repeat; padding:30px 0 60px;}
.review-banner-title{font-size: 22px; color: #151414; line-height:32px; margin-bottom:30px;}
.custom-tab{list-style: none; padding:0; margin:0 0 15px;}
.custom-tab li{display: inline-block;}
.custom-tab li a{display: block; padding:8px 26px; border-radius:6px; color:#fff; background-color:#4665AF; font-weight:500; text-decoration: none; font-size:16px;}
.custom-tab li a.inactive{color:#151414; background-color:transparent;}
.custom-tab li a.inactive:hover{color:#4665AF;}
.review-list-title{font-size:20px; color: #4665AF; margin:25px 0 6px;}
.rating-icons img{max-width:20px;}
.review-form-sec{padding:60px 0 30px;}
.grid-row{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1* var(--bs-gutter-y)); margin-right: calc(-.5* var(--bs-gutter-x)); margin-left: calc(-.5* var(--bs-gutter-x));}
.grid-row>*{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5); margin-top: var(--bs-gutter-y);}
.grid-col{flex: 1 0 0%;}
.grid-col-6{flex: 0 0 auto; width: 50%;}

.field-label{display: block; font-size: 16px; color: #151414; font-weight: 700; margin: 0 0 5px;}
.form-field{width: 100%; border: 1px solid rgba(114, 114, 114, 0.24); height:42px; border-radius: 10px; padding:6px 15px; font-size: 14px; color: rgba(21, 20, 20, 0.43);outline: none; box-shadow: none;}
.form-field:focus{border-color:#4665AF; box-shadow:0 6px 20px 0 #e7eeff}
textarea.form-field{height: auto; font-family: "Manrope", sans-serif;}
.field-group{margin-bottom: 30px;}

.check-div{margin:10px 0 40px;}
.check-div-title{font-size:16px; color: #151414; font-weight: 600; margin-bottom:15px;}
.check-list{font-size:16px; color: #151414; font-weight: 500; margin:0 12px 12px 0; cursor: pointer; position: relative;}
.check-list input[type="checkbox"], .check-list input[type="radio"]{display: none;}
.check-list input[type="checkbox"] + span, .check-list input[type="radio"] + span{color:#000; position: relative; font-weight:600}
.check-list input[type="checkbox"] + span:before, .check-list input[type="radio"] + span:before{content:''; width:20px; height:20px; border:1px solid #4665AF; border-radius:3px; display: inline-block; vertical-align:top; margin-right:5px;}
.check-list input[type="checkbox"]:checked + span, .check-list input[type="radio"]:checked + span{color:#4665AF;}
.check-list input[type="checkbox"]:checked + span:before, .check-list input[type="radio"]:checked + span:before{background-color:#4665AF; border-color:#4665AF;}
.check-list input[type="checkbox"]:checked + span:after, .check-list input[type="radio"]:checked + span:after{content:''; background:url(check-icon.png) no-repeat 0 0; position: absolute; top:5px; left:3px; width:15px; height:12px; background-size: contain;}

.button-link{cursor: pointer; background: #4665AF; color: #fff; border: 0; padding: 10px 24px; border-radius: 7px; font-size: 15px; font-weight: normal;}
.button-link:hover{background:#345093;}
.poweredby{font-size: 15px; color: #151414; font-weight: 500; margin-top: 25px;}

.poweredby{font-size: 18px; color: #151414; font-weight: 500; margin-top: 25px;}
.error{font-size: 13px; color: red;}
.text-danger{color: red;}
 .captcha-block{margin-bottom:20px;}

@media (max-width:1450px){
	.brand-img{max-width:350px;}
	.top-gape{margin-top: 40px;}
}

@media (max-width:991px){
	.review-banner-title{font-size: 20px; line-height: 30px; margin: 0 0 30px;}
	.brand-img{max-width:280px;}
	.review-banner-sec{min-height: 410px; padding-top: 20px;}
	.custom-tab li a{font-size:18px;}
	.review-list-title{font-size: 20px; margin: 25px 0 10px;}
	.rating-icons img{max-width: 22px;}
	.review-rating-sec, .review-form-sec{padding:30px 0;}
	.review-banner-sec{min-height: 350px;}
	.review-banner-sec .brand-img{max-width: 190px;}
}
@media (max-width:630px){
	.brand-img{max-width:200px;}
	.review-banner-sec{min-height: 280px;}
	.custom-tab{margin-bottom:15px;}
	.custom-tab li a{font-size:14px; padding:6px 12px;}
	.top-gape{margin-top: 20px; max-width: 150px;}
	.review-banner-title{font-size: 18px; line-height: 26px;}
	.review-list-title{font-size: 16px; margin: 20px 0 5px;}
	.grid-col-6{width:100%;}
	.form-field{height: 42px; border-radius: 6px; padding: 6px 15px; font-size: 14px;}
	.field-group{margin-bottom: 15px;}
	.field-label, .poweredby{font-size:14px;}
	.check-div-title, .check-list{font-size:16px;}
	.check-list input[type="checkbox"] + span:before, .check-list input[type="radio"] + span:before {width:18px; height:18px; border-radius: 3px;}
	.check-list input[type="checkbox"]:checked + span:after, .check-list input[type="radio"]:checked + span:after{top:5px; left:3px; width:14px; height: 11px;}
}