/* Conen Digital: local contrast and typography refinements. */
:root { --conen-gold: #f2d65c; }
.text-yellow, .icon-quotes { color: var(--conen-gold); }
.text-grey { color: #d2d4d5; }
.slider-area {
    background-image: linear-gradient(90deg, transparent 25%, rgba(12,17,20,.28) 60%, rgba(12,17,20,.42)), url('../images/banner.jpg');
}
/* The highlight must not paint behind the second line at narrow widths. */
.slider-content h1 { line-height: 1.3; }
.slider-content .slider-text { display: inline-block; }
.slider-content h1 > .text-yellow { margin-top: .12em; }
.portfolio-bg {
    background-image: linear-gradient(rgba(14,17,19,.32), rgba(14,17,19,.32)), url('../images/portfolio-bg.jpg');
}
.portfolio-content p { text-transform: none; }
.single-work .overlay-text h6 { background: rgba(13,17,20,.86); padding: 10px 16px; }
.contact-form .form-control { border-bottom-color: #92989c; color: #fff; }
.contact-form .form-control::placeholder { color: #c9cdd0; opacity: 1; }
.btn.btn-yellow { color: var(--conen-gold); border-color: var(--conen-gold); }
.btn.btn-yellow:hover, .btn.btn-yellow:focus { color: #171717 !important; background: var(--conen-gold) !important; }
a:focus-visible, button:focus-visible, .form-control:focus-visible { outline: 2px solid var(--conen-gold); outline-offset: 5px; }
.slider-copyright { color: #dedede; background: rgba(14,17,19,.85); padding: 3px 8px; font-size: 13px; }
.contact-address { font-size: clamp(18px, 2vw, 27px); overflow-wrap: anywhere; }
@media (max-width: 991px) {
    .slider-area { height: auto; min-height: 100vh; padding-top: 110px; background-image: linear-gradient(180deg, rgba(12,17,20,.35), transparent 65%), url('../images/banner.jpg'); }
    .slider-area > .row { width: 100%; margin: 0; }
    .slider-area .slider-content { margin-top: 15px; }
    .slider-image { top: 0; margin: 25px auto 0; max-width: 510px; }
    .slider-image img { top: 0; }
    .content-para { font-size: 15px; line-height: 1.65; padding: 0 12px; }
}
@media (max-width: 767px) {
    .slider-content h1 { font-size: clamp(25px, 7.7vw, 36px); }
    .slider-copyright { font-size: 10px; line-height: 1.4; left: 8px; right: 8px; }
}