/* default color: #fa6a2e  */
.bg-color,
section.bg-color,
section.call-to-action,
.btn-main,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.price-row,
.slider-info .text1,
.btn-primary,
.bg-id-color,
.dropcap,
.fullwidthbanner-container a.btn,
.feature-box-big-icon i,
#testimonial-full,
.icon-deco i,
.feature-box-small-icon .border,
.date-post,
.Commodities-list .small-border,
.de-Commodities-list .small-border,
.owl-arrow span,
.de-progress .progress-bar,
#btn-close-x:hover,
.box-fx .info,
.btn-more,
.widget .small-border,
.product img:hover,
#btn-search,
.de_tab.timeline li.active .dot,
.btn-id,
.tiny-border,
#subheader .small-border-deco span,
#services-list li a:hover,
#form_subscribe #btn-subscribe i,
.timeline .tl-block .tl-line,
.de_tab.tab_style_2 .de_nav li.active span,
.de_tab.tab_methods.style-2 .de_nav li.active span,
.feature-box-small-icon.style-2 .number.bg-color,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
.timeline>li>.timeline-badge,
.de_light .de_tab.tab_style_3 .de_nav li.active span,
.de_tab.tab_style_4 .de_nav li.active span,
.social-icons-sm i:hover,
.btn-rsvp,
.pricing-table .ribbon,
.de_tab.tab_style_4 .de_nav li.active,
#preloader .s1 span,
#filters a.selected,
.custom-show:after,
.custom-close:after,
.widget-post .date,
.style-2 .date-box,
.d-card i,
#form_subscribe #btn-submit i,
.bg-gradient-to-right-2,
.d-card.hover i,
.d-card:hover i,
.ribbon,
.box-icon-simple .num,
.feature-box.f-boxed:hover,
.fpw-overlay-btm,
.fp-wrap .fpwow-icons,
.owl-item.active.center .feature-box-type-2,
.testimonial-color .item:nth-child(1n) blockquote:before,
.spinner>div,
.d-gallery-item .dgi-1,
a.btn-border:hover,
.dih-overlay,
.widget_tags li a,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
#cookieConsent a.cookieConsentOK,
.mask .cover,
.icon-box:hover,
.feature-box.f-boxed.invert,
.text-light .container-timeline ul li::before,
.text-light .de_countdown,
.text-light .dropdown li span,
#selector #dark-mode,
#selector #related-items,
.dropdown li span:hover,
.de-event-item .d-date,
.switch,
h5 span.label,
.lds-roller div:after,
.de_pricing-table .d-list li:before,
.ul-style-4 li:before,
#mainmenu ul li b,
h1.s2 .c1 span,
.d-arrow-left,
.d-arrow-right,
.de-marquee-list .d-item-block,
.scrollbar,
.d_demo_img .d-overlay span,
.owl-dot.active,
body::-webkit-scrollbar-thumb,#de_modal::-webkit-scrollbar-thumb
 {
    background:var(--primary-color);
}
::-moz-selection { /* Code for Firefox */
    color:#ffffff;
    background:var(--secondary-color);
}

::selection {
    color:#ffffff;
    background:var(--secondary-color);
}

#back-to-top,
.btn-line:hover,
a.btn-line:hover,
.btn-main.bg-color,
.de-marquee-list .d-item-block.bg-color{
    background: var(--primary-color);
}

.id-color,
.date-box .day,
.slider_text h1,
h1.id-color,
h2.id-color,
h3.id-color,
h4.id-color,
.pricing-box li h1,
.title span,
i.large:hover,
.feature-box-small-icon-2 i,
.pricing-dark .pricing-box li.price-row,
.ratings i,
header.smaller #mainmenu a.menu-item.active,
.pricing-dark .pricing-box li.price-row,
.dark .feature-box-small-icon i,
a.btn-slider:after,
a.btn-line:after,
.Commodities-list .social a,
.de_contact_info i,
.dark .btn-line:hover:after,
.dark a.btn-line:hover:after,
.dark a.btn-line.hover:after,
a.btn-text:after,
.separator span i,
address span strong,
.widget_tags li a,
.dark .btn-line:after,
.dark a.btn-line:after,
.crumb li .active,
.btn-right:after,
.btn-left:before,
#mainmenu li a.menu-item:after,
header .info .social i:hover,
#services-list li.active,
#services-list li.active a:after,
.testimonial-list:before,
span.deco-big,
h2.hs1 span,
.blog-list .date-box .day,
.social-icons-sm i,
.de_tab.tab_style_4 .de_nav li span,
.de_testi.opt-2 blockquote:before,
.profile_pic .subtitle,
.countdown-s3 .countdown-period,
.countdown-s4 .countdown-period,
a.btn-link,
blockquote.s1:before,
.accordion a:before,
.expand-custom .toggle:before,
.sitemap.s1 li:before,
.list li:before,
.post-meta span:before,
.mask .cover .date:before,
.pricing-s2 .bottom i,
.post-text h3 a:hover,
.demo-icon-wrap i,
.demo-icon-wrap-s2 span,
a.btn-border.light:hover,
.de_testi.opt-2.review .p-rating,
.p-title,
.h-phone i,
a.btn-main.btn-white,
a.bc-btn,
.de_tab .de_nav li span,
.nav-link, .nav-link:focus, .nav-link:hover,
.pricing-table .bottom i,
.topbar-widget a span,
.de-icon,
a#cookit-link {
    color: var(--primary-color);
}


footer .widget a:hover,
.id-color-2,
.id-color-secondary,
span.id-color-2,
.icon-box i,
.h-phone i.id-color-secondary,
.mask:hover .cover h3 i,
address.s1 span i,
.de_table .tr .td:nth-child(2) span,
.activity-filter i,
.dark-scheme .demo-icon-wrap i,
.dark-scheme .demo-icon-wrap-s2 span,
.de_tab .de_nav li span,
.dark-scheme .small-border,
.profile_username,
.de_tab.tab_methods .de_nav li.active span img,
.accordion-button:not(.collapsed),
.pricing-table.table-featured .bottom i,
.schedule-item .sc-name
{
    color: var(--secondary-color);
}


.bg-color-2,
.bg-color-secondary,
section.bg-color-2,
section.bg-color-secondary,
.timeline h5,
.testimonial-color .item:nth-child(2n) blockquote:before,
a.btn-main.bg-color-2,
a.btn-main.invert,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.icon-box.invert:hover,
#jpreBar,
.t-circle,
.author_list_pp i,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.profile_avatar i,
#btn_copy.clicked,
#form_quick_search #btn-submit i,
.p_list_pp i,
.author_list_pp img,
.activity-filter li.active,
.dark-scheme .de_countdown.bg-color-secondary,
.btn-line.hover,
a.btn-line.hover,
.de_form input[type="checkbox"]:checked + label:before,
.coll_list_pp i,
#form_sb #btn-submit i,
.de-switch input[type=checkbox]:checked + label,
.de-card .de-price span,
.de-color-icons i,
.container-timeline ul li::before,
.pricing-table.table-featured .mid,
.pricing-table.table-featured a.btn-main,
.page-item.active .page-link,
.de-marquee-list .d-item-block.bg-color-2{
    background: var(--secondary-color);
}

section.dark {
    background: rgba(var(--primary-color-rgb), .98);
}

.feature-box-group .d-card i,
.accordion-section-title.active,
.accordion.secondary .accordion-section-title:before
.d-card i {
    background: var(--secondary-color);
}

.bg-color-3{
    background: var(--tertiary-color);
}

.bg-gradient-to-right,
.post-image .post-info .inner,
.de_table.table-style-2:not(.no-heading) .tr:first-child,
h1 .label,
a.btn-main.secondary,
header.header-gradient,
.ribbon.s2 {
    background: var(--primary-color);
}

.table-pricing thead,
.bg-gradient-to-top-right,
.p-tagline,
h5.title{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}

.gradient-soft {
    background: -moz-linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.125) 0%, rgba(var(--primary-color-rgb), 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.125) 0%, rgba(var(--primary-color-rgb), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.125) 0%, rgba(var(--primary-color-rgb), 0) 100%);
}

.gradient-soft-2 {
    background: -moz-linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.2) 0%, rgba(var(--primary-color-rgb), 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.2) 0%, rgba(var(--primary-color-rgb), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.2) 0%, rgba(var(--primary-color-rgb), 0) 100%);
}

.gradient-soft-45 {
    background: -moz-linear-gradient(45deg, rgba(var(--secondary-color-rgb), .3) 0%, rgba(var(--primary-color-rgb), .3) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--secondary-color-rgb), .3) 0%, rgba(var(--primary-color-rgb), .3) 100%);
    background: linear-gradient(45deg, rgba(var(--secondary-color-rgb), .3) 0%, rgba(var(--primary-color-rgb), .3) 100%);
}

.d-card i,.d-card:hover i{
    background: -moz-linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 20%, rgba(var(--primary-color-rgb), 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 20%, rgba(var(--primary-color-rgb), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 20%, rgba(var(--primary-color-rgb), 0) 100%);
}

#preloader {
    background-image: linear-gradient(to top right, var(--primary-color), var(--secondary-color));
}

.overlay-gradient {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.9) 0%, rgba(var(--primary-color-2-rgb), 0.9) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.9) 0%, rgba(var(--primary-color-2-rgb), 0.9) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.9) 0%, rgba(var(--primary-color-2-rgb), 0.9) 100%);
}

.overlay-gradient.t80 {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.8) 0%, rgba(var(--primary-color-2-rgb), 0.8) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.8) 0%, rgba(var(--primary-color-2-rgb), 0.8) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.8) 0%, rgba(var(--primary-color-2-rgb), 0.8) 100%);
}

.overlay-gradient.t70 {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.7) 0%, rgba(var(--primary-color-2-rgb), 0.7) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.7) 0%, rgba(var(--primary-color-2-rgb), 0.7) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.7) 0%, rgba(var(--primary-color-2-rgb), 0.7) 100%);
}

.overlay-gradient.t60 {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.6) 0%, rgba(var(--primary-color-2-rgb), 0.6) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.6) 0%, rgba(var(--primary-color-2-rgb), 0.6) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.6) 0%, rgba(var(--primary-color-2-rgb), 0.6) 100%);
}

.overlay-gradient.t50 {
    background: -moz-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.5) 0%, rgba(var(--primary-color-2-rgb), 0.5) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.5) 0%, rgba(var(--primary-color-2-rgb), 0.5) 100%);
    background: linear-gradient(45deg, rgba(var(--primary-color-rgb), 0.5) 0%, rgba(var(--primary-color-2-rgb), 0.5) 100%);
}

.all-timelines::before {
    background: rgba(var(--secondary-color-rgb), .3);
}

.pricing-table .bottom i{
    background: rgba(var(--secondary-color-rgb), .2);
}

.activity-list li:after{
    color: rgba(var(--secondary-color-rgb), 1);
}

.item_info_counts>div,
.de_table .tr .td:nth-child(2) span,
.activity-filter i,
.accordion-button:not(.collapsed) {
    background: rgba(var(--secondary-color-rgb), .1);
}

.activity-list li{
    background: rgba(var(--secondary-color-rgb), .07);
}

a.btn-border.btn-invert,
.small-border,
.icon-box,
#slider-carousel .owl-thumb-item.active img {
    border-color: var(--primary-color);
}

.de_countdown,
.container-timeline ul li::before,
.de_tab.tab_methods .de_nav li.active span,
.dark-scheme .pagination li.active a{
    border-color: var(--secondary-color);
}

.author_list_pp:hover img{
    -webkit-box-shadow: 0px 0px 0px 2px rgba(var(--secondary-color-rgb), 1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(var(--secondary-color-rgb), 1);
    box-shadow: 0px 0px 0px 2px rgba(var(--secondary-color-rgb), 1);
}

.form-border input[type=text]:focus,
.form-border textarea:focus,
.form-underline input[type=email]:focus,
.form-border input[type=date]:focus,
.form-border select:focus,
#quick_search:hover,
.items_filter .dropdown:hover{
    webkit-box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb), .3);
    -moz-box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb), .3);
    box-shadow: 0px 0px 0px 4px rgba(var(--primary-color-rgb), .3);
}

.container-timeline ul lifblockquote {
    border-left-color: var(--primary-color);
}

.de_tab.tab_simple .de_nav li.active span{
    border-bottom-color: var(--primary-color);
}

header #mainmenu a.menu-item span,
header.transparent #mainmenu a.menu-item span,
.de-grey #subheader h1 {
    border-bottom-color: var(--secondary-color);
}

.header-light #quick_search {
    background: rgba(var(--primary-color-rgb), .1);
}

.box-highlight{
    background: rgba(var(--primary-color-rgb), .2);
}

.container-timeline ul li {
    border-top-color: var(--secondary-color);
}

.line-preloader .p-line:nth-child(1) {
    border-right-color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.line-preloader .p-line:nth-child(2) {
    border-left-color: var(--secondary-color);
    border-top-color: var(--secondary-color);
}

.line-preloader .p-line:nth-child(3) {
    border-right-color: var(--secondary-color);
    border-top-color: var(--secondary-color);
}

.de-event-item .d-shadow{
    border-color: transparent transparent transparent var(--secondary-color);;
}

.bg-color-4{
    background: var(--quaternary-color);
}

.id-color-4{
    color: var(--quaternary-color);
}

.preloader1 {
    width: 60px;
    border-top-color: rgba(var(--primary-color-rgb), 0.65);
    border-bottom-color: rgba(var(--primary-color-rgb), 0.1);
    border-left-color: rgba(var(--primary-color-rgb), 0.1);
    border-right-color: rgba(var(--primary-color-rgb), 0.1);
}
.gradient,
.menu-col li a.active{
    background: -webkit-linear-gradient(45deg,var(--secondary-color) 0%, var(--primary-color) 100%);
    background: -moz-linear-gradient(45deg,var(--secondary-color) 0%, var(--primary-color) 100%);
    background: linear-gradient(45deg,var(--secondary-color) 0%, var(--primary-color) 100%);
}

.text-gradient{
    background: -webkit-linear-gradient(45deg,var(--primary-color) 0%, var(--secondary-color) 100%);
    background: -moz-linear-gradient(45deg,var(--primary-color) 0%, var(--secondary-color) 100%);
    background: linear-gradient(45deg,var(--primary-color) 0%, var(--secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-soft{
background: -moz-linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
background: -webkit-linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
background: linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
}

.menu-col li a{
background: -moz-linear-gradient(45deg, rgba(var(--secondary-color-rgb), 0.2) 0%, rgba(var(--secondary-color-rgb), 0) 100%);
background: -webkit-linear-gradient(45deg, rgba(var(--secondary-color-rgb), 0.2) 0%, rgba(var(--secondary-color-rgb), 0) 100%);
background: linear-gradient(45deg, rgba(var(--secondary-color-rgb), 0.2) 0%, rgba(var(--secondary-color-rgb), 0) 100%);
}

.overlay-bg{
background: -moz-linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
background: -webkit-linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
background: linear-gradient(0deg, rgba(var(--primary-color-rgb), .45) 0%, rgba(var(--secondary-color-rgb), 0.25) 100%);
}

footer.footer-light{
    background: -moz-linear-gradient(45deg, rgba(var(--secondary-color-rgb), .10) 0%, rgba(var(--primary-color-rgb), .10) 100%);
    background: -webkit-linear-gradient(45deg, rgba(var(--secondary-color-rgb), .10) 0%, rgba(var(--primary-color-rgb), .30) 100%);
    background: linear-gradient(45deg, rgba(var(--secondary-color-rgb), .30) 0%, rgba(var(--primary-color-rgb), .30) 100%);
}

.bg-gradient-to-bottom{
    background: -moz-linear-gradient(180deg, rgba(var(--primary-color-rgb), .35) 0%, rgba(var(--secondary-color-rgb), 0.25) 60%, rgba(var(--secondary-color-rgb), 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(var(--primary-color-rgb), .35) 0%, rgba(var(--secondary-color-rgb), 0.25) 60%, rgba(var(--secondary-color-rgb), 0) 100%);
    background: linear-gradient(180deg, rgba(var(--primary-color-rgb), .35) 0%, rgba(var(--secondary-color-rgb), 0.25) 60%, rgba(var(--secondary-color-rgb), 0) 100%);
}

/* Commodities grid: aligned captions, consistent rule line, uniform insets */
#project-sec .commodity-card-link {
    text-decoration: none;
    color: inherit;
}

#project-sec .commodity-card {
    position: relative;
}

#project-sec .commodity-card-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    display: block;
    vertical-align: top;
}

#project-sec .commodity-card-shade {
    z-index: 2;
    pointer-events: none;
}

#project-sec .commodity-card-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0.625rem;
    padding: clamp(1.25rem, 3.5vw, 1.75rem);
    box-sizing: border-box;
}

/* Title pinned to bottom: fixed band so border-top lines up across the row */
#project-sec .commodity-card-title {
    flex-shrink: 0;
    margin: 0;
    padding-top: 0.875rem;
    border-top: 1px solid rgba(255, 255, 255, 0.42);
    min-height: 4.75rem;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    font-size: clamp(0.9375rem, 1.8vw, 1.0625rem);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.02em;
    font-family: var(--font-body, "Inter", sans-serif);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

#project-sec .commodity-card-desc {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    font-weight: 400;
    font-family: var(--font-body, "Inter", sans-serif);
    color: rgba(255, 255, 255, 0.95);
    opacity: 0.94;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Services listing: consistent padding, multi-line titles, vertically centered copy */
#section-services a.hover > .row {
    align-items: stretch;
}

#section-services .service-card-body {
    padding: clamp(1.75rem, 4vw, 2.75rem) clamp(1.5rem, 4vw, 2.5rem);
}

#section-services .service-card-title {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.02em;
    margin: 0 0 1rem 0;
    color: inherit;
}

#section-services .service-card-desc {
    line-height: 1.65;
    margin: 0;
    opacity: 0.92;
}

#section-services .service-card-media {
    min-height: 200px;
    display: flex;
    flex-direction: column;
}

#section-services .service-card-img {
    object-fit: cover;
    object-position: center;
    display: block;
    flex: 1 1 auto;
    min-height: 0;
}

#section-services .service-card-index {
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.03em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 12px rgba(0, 0, 0, 0.35);
}

@media (min-width: 768px) {
    #section-services .service-card-media {
        min-height: 0;
    }
}

/* Photo column height tracks text column on lg+; crop with object-fit */
#about-sec .about-sec-photo-wrap {
    position: relative;
    width: 100%;
}

#about-sec .about-sec-photo-frame {
    position: relative;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    #about-sec .about-sec-photo-frame {
        aspect-ratio: 4 / 3;
        max-height: 75vh;
    }

    #about-sec .about-sec-photo-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
}

@media (min-width: 992px) {
    #about-sec .about-sec-photo-wrap {
        height: 100%;
        min-height: 14rem;
    }

    #about-sec .about-sec-photo-frame {
        position: absolute;
        top: 0;
        left: 0;
        right: 3rem;
        bottom: 3rem;
    }

    #about-sec .about-sec-photo-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
}

/* About intro: tagline under "About Us" main heading */
#about-sec .about-page-tagline {
    font-size: clamp(1.05rem, 2.1vw, 1.3rem);
    font-weight: 600;
    line-height: 1.4;
    max-width: 36rem;
}

/* Our Mission / Our Vision — match body prominence (was visually smaller than surrounding copy) */
#about-sec .about-intro h2 {
    font-size: clamp(1.3rem, 2.4vw, 1.55rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-top: 1.35rem;
    margin-bottom: 0.45rem;
    line-height: 1.35;
    color: inherit;
}

#about-sec .about-intro h2:first-child {
    margin-top: 0;
}

#about-sec .about-intro p {
    margin-bottom: 0;
    line-height: 1.7;
    font-size: 1.125rem;
}

#about-sec .about-intro p + h2 {
    margin-top: 1.25rem;
}

/* Service detail — FAQ eyebrow (blue subtitle) same reading size as body */
.service-detail-faq .subtitle.id-color {
    font-size: 1.0625rem;
    line-height: 1.65;
    font-weight: 500;
    max-width: 28rem;
}

.service-detail-faq .accordion-section-title {
    font-size: 1.0625rem;
    line-height: 1.5;
}

/* Standalone FAQ page — blue eyebrow + questions (match service detail) */
#faq-sec .subtitle.id-color {
    font-size: 1.0625rem;
    line-height: 1.65;
    font-weight: 500;
    max-width: 28rem;
}

#faq-sec .accordion-section-title {
    font-size: 1.0625rem;
    line-height: 1.5;
}

/* Section headings: avoid accidental ALL CAPS from theme defaults */
#project-sec h2.split,
#faq-sec h2.split,
#section-services h2.split,
.warehouse-detail-page h2.split {
    text-transform: none;
}

/* Commodity landing — title from CMS uses normal title case (not forced caps) */
#subheader.page-commodity h1.split {
    text-transform: none;
}

/* Primary-coloured subtitle lines — minimum readable size sitewide */
section .subtitle.id-color {
    font-size: clamp(1.0625rem, 1.15vw, 1.125rem);
    line-height: 1.65;
}

/* Contact directory — branch / tab titles: sentence-style, not shouty caps */
.contact-directory-accordion .accordion-section-title,
#contact-directory .accordion-section-title {
    font-size: 1.02rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.01em;
}

@media only screen and (max-width: 992px) {
    .table-pricing tbody tr th {
        background: var(--primary-color);
    }

}

/* ---------- Contact page — premium directory (tabs + accordions + detail cards) ---------- */

.contact-premium-visual {
    min-height: 320px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

@media (min-width: 992px) {
    .contact-premium-visual {
        min-height: 480px;
    }
}

.contact-premium-img-wrap {
    min-height: 320px;
}

.contact-premium-img {
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    display: block;
}

@media (min-width: 992px) {
    .contact-premium-img {
        min-height: 480px;
    }
}

.contact-premium-quote {
    background: linear-gradient(135deg, rgba(10, 37, 64, 0.92) 0%, rgba(26, 58, 95, 0.88) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.contact-premium-quote .lead {
    font-size: 1.0625rem;
    line-height: 1.7;
    font-weight: 400;
}

.contact-premium-quote-icon {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
}

.contact-premium-quote-icon i {
    font-size: 1.35rem;
}

.contact-directory-intro {
    font-size: 1rem;
    line-height: 1.65;
    color: rgba(53, 64, 78, 0.92);
}

#contact-directory.contact-directory-de-tab .d-tab-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0 0 1.25rem 0;
    border: none;
}

#contact-directory.contact-directory-de-tab .d-tab-nav li {
    margin: 0;
    padding: 0.55rem 1.15rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    color: rgba(53, 64, 78, 0.85);
    background: #f1f4f8;
    border: 1px solid transparent;
    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

#contact-directory.contact-directory-de-tab .d-tab-nav li:hover {
    background: #e8eef6;
}

#contact-directory.contact-directory-de-tab .d-tab-nav li.active-tab {
    color: #fff;
    background: linear-gradient(135deg, var(--primary-color) 0%, #1a4a7a 100%);
    box-shadow: 0 8px 24px rgba(var(--primary-color-rgb, 30, 115, 190), 0.35);
    border-color: transparent;
}

#contact-directory .d-tab-content > li {
    list-style: none;
}

.contact-directory-accordion .accordion-section-title {
    border: 1px solid #e5eaf0 !important;
    border-radius: 12px !important;
    margin-bottom: 0.5rem !important;
    padding: 0.95rem 1.1rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    background: #fff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-directory-accordion .accordion-section-title:hover {
    border-color: rgba(var(--primary-color-rgb, 30, 115, 190), 0.45) !important;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
}

.contact-directory-accordion .accordion-section-title:before {
    color: var(--primary-color) !important;
}

.contact-directory-accordion .accordion-section-content {
    padding: 0 0.25rem 1rem 0.25rem !important;
    border-bottom: none !important;
}

.contact-detail-card {
    background: linear-gradient(180deg, #fafbfd 0%, #ffffff 100%);
    border: 1px solid #e8ecf2;
    border-radius: 16px;
    padding: 1.25rem 1.35rem 1.35rem;
    margin-top: 0.35rem;
    box-shadow: 0 10px 32px rgba(15, 23, 42, 0.07);
}

.contact-detail-item {
    display: grid;
    grid-template-columns: minmax(0, 7.5rem) minmax(0, 1fr);
    gap: 0.35rem 1rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    align-items: start;
}

.contact-detail-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.contact-detail-label {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b7785;
    line-height: 1.4;
}

.contact-detail-value {
    font-size: 0.975rem;
    font-weight: 500;
    color: #1f2937;
    line-height: 1.55;
    word-break: break-word;
}

.contact-detail-value a {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--primary-color-rgb, 30, 115, 190), 0.35);
}

.contact-detail-value a:hover {
    border-bottom-color: var(--primary-color);
}

@media (max-width: 575.98px) {
    .contact-detail-item {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}