/* =====================================================
   TRUPTI BANQUET - SERVICE / INNER PAGE STYLES
   (nav dropdown + breadcrumb + why-choose + faq)
   ===================================================== */

/* ---- Nav dropdown ---- */
ul#nav li.dropdown > a .caret { margin-left: 6px; }
ul#nav li.dropdown .dropdown-menu {
    background: #1a1a1a;
    border: 0 none;
    border-top: 2px solid #ca3d26;
    border-radius: 0;
    padding: 0;
    min-width: 235px;
    margin: 0;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}
ul#nav li.dropdown .dropdown-menu > li > a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 20px;
    transition: all 0.3s ease 0s;
}
ul#nav li.dropdown .dropdown-menu > li > a:hover,
ul#nav li.dropdown .dropdown-menu > li.active > a {
    background: #ca3d26;
    color: #ffffff;
}
@media (min-width: 768px) {
    ul#nav li.dropdown:hover > .dropdown-menu { display: block; }
}

/* ---- Inner header: solid dark backdrop so white nav stays legible ---- */
.inner-header { background: #1a1a1a; position: relative; }

/* ---- Breadcrumb bar (replaces the big image banner) ---- */
.breadcrumb-bar {
    background: #1a1a1a url("img/pattarn.png") repeat scroll 0 0;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 36px 0;
    text-align: center;
    position: relative;
}
.breadcrumb-bar::after {
    content: "";
    position: absolute; left: 0; bottom: 0;
    width: 100%; height: 3px; background: #ca3d26;
}
.breadcrumb-bar h1 {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 30px;
    margin: 0 0 12px;
}
.breadcrumb-bar .bc { list-style: none; padding: 0; margin: 0; }
.breadcrumb-bar .bc li {
    display: inline-block;
    color: #cfcfcf;
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 3px;
}
.breadcrumb-bar .bc li a { color: #e5a247; }
.breadcrumb-bar .bc li a:hover { color: #ca3d26; text-decoration: none; }
.breadcrumb-bar .bc li.active { color: #ffffff; }

/* ---- Section title helper ---- */
.sec-title { text-align: center; margin-bottom: 45px; }
.sec-title h2 { text-transform: uppercase; letter-spacing: 2px; color: #1a1a1a; margin: 0 0 14px; }
.sec-title .line { display: inline-block; width: 70px; height: 3px; background: #ca3d26; }
.sec-title p { color: #888; max-width: 640px; margin: 15px auto 0; line-height: 1.8; }

/* ---- Service detail intro ---- */
.service-detail-area { padding: 80px 0 40px; }
.service-detail-area .service-lead { font-size: 17px; line-height: 1.9; color: #444; }
.service-detail-area p { color: #555; line-height: 1.9; }
.service-detail-area h3 { color: #1a1a1a; margin: 22px 0 18px; text-transform: capitalize; }
.service-feature-list { list-style: none; padding: 0; margin: 0; }
.service-feature-list li { position: relative; padding: 9px 0 9px 30px; color: #555; line-height: 1.7; }
.service-feature-list li::before {
    content: "\f00c"; font-family: "FontAwesome"; color: #ca3d26;
    position: absolute; left: 0; top: 10px;
}
.service-side-img img { width: 100%; margin-bottom: 22px; border-radius: 10px; }

/* ---- Why choose us cards ---- */
.why-choose-area { padding: 80px 0; background: #f7f7f7; }
.why-box {
    background: #fff; text-align: center; padding: 40px 25px; margin-bottom: 30px;
    border-bottom: 3px solid transparent;
    box-shadow: 0 3px 12px rgba(0,0,0,0.06);
    transition: all 0.3s ease 0s;
}
.why-box:hover { border-bottom-color: #ca3d26; transform: translateY(-6px); }
.why-box .why-icon {
    width: 80px; height: 80px; line-height: 80px; margin: 0 auto 22px;
    border-radius: 50%; background: #ca3d26; color: #fff; font-size: 32px;
    transition: all 0.3s ease 0s;
}
.why-box:hover .why-icon { background: #1a1a1a; }
.why-box h4 { color: #1a1a1a; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; margin-bottom: 12px; }
.why-box p { color: #777; line-height: 1.7; margin: 0; }

/* ---- FAQ accordion ---- */
.faq-area { padding: 80px 0; }
.faq-accordion .panel { border: 0 none; border-radius: 0; box-shadow: none; margin-bottom: 14px; }
.faq-accordion .panel-heading { padding: 0; border-radius: 0; }
.faq-accordion .panel-title a {
    display: block; background: #1a1a1a; color: #fff;
    padding: 16px 55px 16px 22px; font-size: 15px; font-weight: 600;
    letter-spacing: 0.5px; position: relative; text-decoration: none;
    transition: all 0.3s ease 0s;
}
.faq-accordion .panel-title a.collapsed { background: #f2f2f2; color: #1a1a1a; }
.faq-accordion .panel-title a::after {
    content: "\f068"; font-family: "FontAwesome";
    position: absolute; right: 22px; top: 16px; color: #ca3d26;
}
.faq-accordion .panel-title a.collapsed::after { content: "\f067"; }
.faq-accordion .panel-body {
    border: 1px solid #eee; border-top: 0 none; padding: 20px 22px;
    color: #666; line-height: 1.9;
}

/* ---- CTA band ---- */
.service-cta { background: #ca3d26 url("img/pattarn.png"); color: #fff; padding: 48px 30px; text-align: center; }
.service-cta h3 { color: #fff; margin-top: 0; text-transform: capitalize; }
.service-cta p { color: #fbe9e5; margin-bottom: 6px; }
.service-cta .cta-btn {
    display: inline-block; background: #fff; color: #ca3d26; font-weight: 700;
    text-transform: uppercase; letter-spacing: 1px; padding: 13px 36px;
    margin-top: 12px; border-radius: 2px; transition: all 0.3s ease 0s;
}
.service-cta .cta-btn:hover { background: #1a1a1a; color: #fff; text-decoration: none; }

/* ---- Gallery hover zoom ---- */
.inner-gallery-area { padding: 80px 0; }
.cu-gy { overflow: hidden; margin-bottom: 26px; border-radius: 3px; }
.cu-gy img { width: 100%; transition: transform 0.5s ease 0s; }
.cu-gy:hover img { transform: scale(1.08); }

.bg-overlayy {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("b-cumb.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 350px;
    padding-top: 145px;
}
.bg-overlayy .bc { list-style: none; padding: 0; margin: 0; }
.bg-overlayy .bc li {
    display: inline-block;
    color: #cfcfcf;
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 3px;
}

.bg-overlayy .bc li a { color: #e5a247; }
.bg-overlayy .bc li a:hover { color: #ca3d26; text-decoration: none; }
.bg-overlayy .bc li.active { color: #ffffff; }
@media (max-width: 767px) {
    /* mobile: show the Services submenu inline when its item is open */
    ul#nav li.dropdown.open > .dropdown-menu { display: block !important; }
    ul#nav li.dropdown .dropdown-menu {
        position: static; float: none; width: 100%;
        box-shadow: none; border-top: 0; min-width: 0;
    }
    ul#nav li.dropdown .dropdown-menu > li > a { padding-left: 35px; }
    .breadcrumb-bar h1 { font-size: 24px; }
    .service-detail-area { padding: 50px 0 20px; }
    .why-choose-area, .faq-area, .inner-gallery-area { padding: 50px 0; }
}