::root {
    --bg-dark: #000032;
    --bg-white: #fff;
    --bg-light: #f2f2f5;
}
@font-face {
    font-family: "Helvetica";
    src: url(fonts/HelveticaNeue-Medium.ttf);
}

* {
    font-family: "Helvetica";
}

body {
    margin: 0;
    padding: 0;
    background: #dddddd9c;
    color: var(--bg-white);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    font-family: "Helvetica";
}
/* header styles  */
header.header {
    height: 72px;
    padding: 10px 0px;
}

.logo img {
    height: 43px;
    margin-top: 5px;
}

input.form-control {
    background: unset;
    border: unset;
    color: #ddd!important;
}

.input-group {
    border: 2px solid #dddddd5c;
    border-radius: 4px;
    padding: 7px;
}

span#basic-addon1 {
    background: unset;
    border: unset;
    color: #ffffff8c;
}

ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    float: right;
}

ul.menu li {display: inline-block;line-height: 55px;padding-bottom: 4px;}

ul.menu li a {
    color: white;
    text-decoration: none;
    font-size: 15px;
    padding: 7px 13px;
}

ul.menu li:not(:last-child):hover {
    border-bottom: 2px solid white;
}

.form-control:focus {
    color: #212529;
    background-color: #fff0;
    border-color: #86b7fe00;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(13 110 253 / 0%);
}
.text-light {
    color: var(--bg-light)!important;
}
/* Header style end  */
/* Main style  */
ul.paignation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.paignation li {display: inline-block;}

ul.paignation li a {
    text-decoration: none;
    color: black;
    margin-right: 4px;
    padding: 10px 0px;
    display: inline-block;
}
.main .logo img {
    height: 27px;
    position: relative;
    top: 50%;
}

.main .logo {
    height: 100%;
}
img.five-rating-img {
    height: 38px;
}

a.visit-website-button {
    border: 1px solid #ddd;
    padding: 8px 43px 8px 20px;
    text-decoration: none;
    color: #403f3f;
    font-size: 15px;
    position: relative;
}

a.visit-website-button span.link {
    font-size: 17px;
    color: black;
    margin-left: 7px;
}

a.visit-website-button:hover {
    background: #ddd;
}

span.arrow {
    position: absolute;
    right: 14px;
    color: #818181;
    top: 24px;
}

section.main {
    background: white;
    padding-bottom: 40px;
}

/* footer */
footer {
    background: #000032;
    padding: 60px 0px;
}

footer h4 {
    color: white;
    margin-top: 42px;
    font-size: 20px;
    margin-bottom: 22px;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer ul li a {
    text-decoration: none;
    color: #c1c1c1bd;
    line-height: 40px;
}

footer select {
    color: #4c4c4c;
    padding: 10px 40px;
    font-size: 17px;
}

footer ul.horizontal-menu li {
    display: inline-block;
    padding-right: 22px;
    margin-top: 31px;
}

p.copyright {
    color: #ddddddb8;
    margin-top: 23px;
}

.widget {
    background: white;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.widget.write-review {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.write-review img {
    width: 47px;
    margin-right: 10px;
}

.write-review a {
    text-decoration: none;
}

.write-review .rating img {
    width: auto;
    height: 44px;
}

.give-rating-area span.title {
    font-size: 24px;
}

.give-rating-area span.count {
    font-size: 15px;
    color: #767676;
    margin-left: 10px;
    width: 60px;
}

.give-rating-area button {
    border: 2px solid #ddd;
    padding: 3px 6px;
    font-size: 13px;
}

.give-rating-area button span {
    font-size: 13px;
    border: 1px solid #ddd;
    width: 23px;
    display: inline-block;
    border-radius: 50%;
}

.border-bottom {
    border-bottom: 1px solid #ddd;
}

.rating-inputs .input {
    width: 30px;
}

.rating-inputs label {
    width: 120px;
    font-size: 13px;
}

.progress {
    width: calc(100% - 200px);
    margin-top: 5px;
    height: 10px;
}

.tags ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tags ul li {
    display: inline-block;
    line-height: 38px;
    margin-right: 7px;
}

.tags ul li a {
    color: #404040;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 5px 18px;
    font-size: 14px;
}

.tags ul li a:hover {
    background: #ddd;
}

span#basic-addon1 {
    color: #888585;
}

.search-input .input-group {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 25px;
    padding: 1px;
}

.review .header {
    border-bottom: 1px solid #ddd;
    display: flex;
    padding-bottom: 11px;
}

.review .header span.user_thumb {
    display: inline-block;
    background: #ddd;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 41px;
    border-radius: 50%;
    color: #125960;
}

.review .header p.user_name {
    margin: 0;
    color: #000000b5;
}

.review .header .user_meta {
    padding-left: 11px;
}

.review .header p.other_meta {
    margin: 0;
    color: #000000a8;
    font-size: 14px;
}

.review .header span.user_review_count {
    margin-right: 12px;
}

.review .header .other_meta i {
    margin-right: 5px;
}

.body .rating img {
    height: 24px;
    margin-right: 10px;
}

.body .rating, .body .status {
    color: #5f5e5e;
}

.body h3.title {
    margin-top: 20px;
    font-size: 24px;
    color: #615e5e;
}

p.original_review {
    color: #3e3e3e;
    font-size: 17px;
}

.rating-footer {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    color: #6c6c6c;
    font-size: 13px;
}
.reply {
    background: #f2f2f5;
    border-left: 3px solid #1a66ff;
    padding: 16px 16px 16px 13px;
}

.reply span.timestamp {
    font-size: 14px;
}

.reply h3.title {
    font-size: 20px;
    margin-bottom: 20px;
}

.reply p {
    font-size: 15px;
    color: #000000ab;
}