/* Box */
.box,
.boxed-form,
.info-box,
.tabled-list {
    clear: both;
    background: rgb(var(--box-bg-color, 255, 255, 255));
    display: block;
    padding: var(--df-padding-unit);
    margin-bottom: var(--df-margin-unit);
    border-radius: var(--df-border-radius);
    box-shadow: var(--box-box-shadow);
    border: var(--box-border);
    width: 100%;
}

.box .section-bg {
    border-radius: var(--df-border-radius);
}

.box.hf-pd,
.boxed-form.hf-pd,
.box.hf-pd-all,
.boxed-form.hf-pd-all {
    padding: calc(var(--df-padding-unit) / 2);
}

a.box {
    text-decoration: none;
}

a.box:hover,
a.box:focus {
    box-shadow: 0 0.2rem 0.9rem rgba(0, 0, 0, 0.11);
}

.box.gray {
    background: var(--light-bg-color);
    box-shadow: none;
}

.box.highlight {
    background: var(--highlight-bg-color);
}

.box.dark {
    background: var(--dark-bg-color);
    color: var(--dark-bg-text-color);
}

.box.green {
    background: #f1f7e6;
    padding: var(--df-padding-unit);
    color: #888f80;
    border-color: #34b84f;
}

.box.transparent {
    background: transparent;
}

.info-box,
.boxed-form,
.featured-company.box {
    position: relative;
    z-index: 1;
    padding: var(--df-padding-unit);
    border: none;
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.03);
}

.info-box {
    font-size: 1.6rem;
}

.info-box .box-title {
    font-size: 1.9rem;
    color: var(--title-color);
    position: relative;
    margin-bottom: 1rem;
}

.info-box .box-title img {
    max-width: 2.5rem;
    position: relative;
    left: -0.5rem;
    margin: 0 0 0 -3rem;
}

.info-box .box-title .holder {
    display: inline-block;
}

.info-box .box-title .star-review {
    vertical-align: middle;
    display: inline-block;
    margin: -1rem 0 0 0.6rem;
    transform: scale(0.8) translate(-3px, 3px);
}

.info-box .stars-only-form {
    margin: 0 2rem;
}

.box.borderless {
    border: none;
}

.box .expanded-image {
    text-align: center;
    display: block;
    width: calc(100% + 6rem);
    max-width: none;
    margin: calc(var(--df-padding-unit) * -1) 0 2rem calc(var(--df-padding-unit) * -1);
    border-radius: var(--df-border-radius) var(--df-border-radius) 0 0;
    overflow: hidden;
}

.box .expanded-image figure {
    display: block;
    width: 100%;
    margin: 0;
}

.box .expanded-image img {
    display: block;
    width: 100%;
}

@media (max-width: 992px) {
    .info-box .stars-only-form {
        display: block;
        margin: 0;
    }
}

/* Caption Box */
.caption-box {
    --background: rgb(var(--box-bg-color, 255, 255, 255));
    --border-color: var(--dark-bg-color);
    --border: var(--box-border);
    --box-shadow: var(--box-box-shadow);
    --border-radius: var(--df-border-radius);
    --padding: var(--hf-padding-unit);
    --margin: var(--df-margin-unit);
    --caption-color: #fff;
    border: var(--box-border);
}

.caption-box .caption-content *:last-child {
    margin-bottom: 0;
}