/* RAMPLAST Technical Disclaimer CTA Styling */
.cta-ramplast {
    background: rgba(255,255,255,0.04);
    border: 1px solid #333;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.10);
    padding: 32px 24px;
    margin-top: 32px;
    margin-bottom: 32px;
}
.cta-ramplast strong {
    color: #C69D49;
    font-size: 22px;
    letter-spacing: 0.5px;
    font-weight: 800;
    display: block;
    margin-bottom: 8px;
}
.cta-ramplast div {
    color: #ccc;
    font-size: 16px;
    line-height: 1.6;
}
body section.gap.no-top.about-style-one,
body .team-style-two,
body .blog-style-three,
body .about-first,
body .about-key-benefits,
body .cart,
body .checkout.detail-page,
body .contact-form-2,
body .contact-faqs,
body .about-style-one,
body .no-top.core-values,
body .innovation,
body .history.detail-page,
body .login-register,
body .detail-page,
body .project-detail-slider,
body .construction-services,
body .service-style-one{
    background-color: black;
    z-index: 0;
}
body.light-d .blog-heading a.theme-btn:hover,
body.light-d .update-cart.d-flex-all.justify-content-between .theme-btn:hover,
body.light-d .blog-heading .theme-btn:hover,
body.light-d .blog-style-two .blog-item:hover a i,
body.light-d .blog-style-two .owl-item.center .blog-item a i,
body.light-d .construction-services .services-nav ul li button.nav-link.active,
body.light-d .about-first.service-detail-first .innovation ul li i,
body.light-d .question h3,
body.light-d .core-values ul li .data h3,
body.light-d .cart .cart-table.head .c-data span,
body.light-d .cart .cart-table.head .c-price span,
body.light-d .cart .cart-table.head .c-quality span,
body.light-d .cart .cart-table.head .c-total span,
body.light-d .comment .c-data h4,
body.light-d .acc2 .accordion-body,
body.light-d .client-review-style-one .head-review h3,
body.light-d .about-style-one .about-data-right span,
body.light-d h2,
body.light-d .pricing-plans .price-box h3,
body.light-d h2,
body.light-d .about-info h3,
body.light-d .project-style-one .project-post .project-data h3 a,
body.light-d .heading-style-2 .data h2,
body.light-d .team-style-one .team-data .team-info h3,
body.light-d .team-style-one .team-data .team-social-media a i,
body.light-d  .accordion-body p,
body.light-d .our-goal .data h4,
body.light-d .our-goal .data ul li,
body.light-d .blog-style-two .blog-item h2 a,
body.light-d .blog-style-two .blog-item .blog-date,
body.light-d .contact-us .c-cards .card ul li span,
body.light-d .contact-us .c-cards .card .details .address,
body.light-d .service-style-one .service-data h3 a,
body.light-d .service-style-two .service-two-box h3 a,
body.light-d button.owl-prev i,body.light-d button.owl-next i,
body.light-d .certificates .c-slider .c-main .c-second h3,
body.light-d .custom-control.custom-radio label.custom-control-label,
body.light-d .cta-data a.theme-btn:hover,
body.light-d .heading h2,
body.light-d .heading.heading-style-3 h2 span,
body.light-d .blog-style-one .blog-post h2 a,
body.light-d .shop-style-one .product .price-range span,
body.light-d .project-completed .proj-data .loc-date > div span:first-child,
body.light-d .team-style-two .team-data h3 a,
body.light-d .about-how-it-works .plans h3,
body.light-d .sidebar .box h3,
body.light-d .sidebar .box.recent-posts ul li p,
body.light-d .detail-page h3,
body.light-d .comment .c-data h4,
body.light-d .form form input[type=checkbox]+label,
body.light-d .cart .cart-table .c-c .c-price .orgnl,
body.light-d .cart .cart-table .c-c .c-total span,
body.light-d .billing input[type="text"],
body.light-d .data button.theme-btn:hover,
body.light-d .box h3,
body.light-d .box input,
body.light-d .box.login button.theme-btn:hover,
body.light-d .builty-pagination ul.pagination li a,
body.light-d .project-completed .proj-data h3 a,
body.light-d ul.pd-price li.pd-sale-price,
body.light-d ul.pd-price li.pd-sale-price span,
body.light-d .pd-data .free-ship,
body.light-d .pd-cat-tags > ul > li span,
body.light-d .pd-details .nav-pills .nav-link,
body.light-d .shop-style-one.addition .shop-filter .gird-list a i,
body.light-d .shop-style-one.addition .row.list > div .product:hover a.theme-btn,
body.light-d .detail-page p span,
body.light-d .team-detail .fav-project .f-p-box h2 a
 {
    color: white;
}
body.light-d .next-prev-projects:hover li a i{
   color: black;
}
body.light-d .counter-style-one .counter-data .count i{
    color: #999;
    -webkit-text-fill-color:#999;
}
/* Ensure About Key Benefits text is readable in dark mode */
body.light-d .about-key-benefits .data,
body.light-d .about-key-benefits .data h2,
body.light-d .about-key-benefits .data p,
body.light-d .about-key-benefits .data ul li,
body.light-d .about-key-benefits .data ul li p {
    color: #fff;
}
body.light-d .about-key-benefits .data ul li:not(:last-child) {
    border-color: rgba(255,255,255,0.08);
}
body.light-d .about-style-one .about-data-right span,
body.light-d p,
body.light-d .about-style-one .about-data-right .about-info h3,
body.light-d .about-style-one .about-data-right .about-info h4,
body.light-d .about-style-one .about-data-right .about-info h4,
body.light-d .heading span,
body.light-d .heading-style-2 .data span,
body.light-d .estimated-price .est-form label,
body.light-d .contact-us .c-cards .card .details > span,
body.light-d .certificates .data span,
body.light-d .shop-style-one .product h3 a,
body.light-d .project-completed .proj-data .loc-date > div span:last-child,
body.light-d .blog-style-three .blog-posts h3 a,
body.light-d .blog-style-three .blog-posts .date,
body.light-d .about-first .who-we-are h3,
body.light-d .about-first .who-we-are ul li,
body.light-d .blog-style-one .blog-post .blog-author .details h3,
body.light-d .c-circle li,
body.light-d .category p a,
body.light-d .category.social-medias ul li a,
body.light-d .blog-detail.detail-page .comment .c-data p,
body.light-d .comment .c-data span,
body.light-d .cart .cart-table .c-c .c-data h2 a,
body.light-d .billing .nice-select,
body.light-d .billing input::placeholder,
body.light-d .billing select::placeholder,
body.light-d .checkout .billing input::placeholder,
body.light-d .checkout .billing .nice-select::placeholder,
body.light-d .checkout .order-note textarea::placeholder,
body.light-d .checkout .billing input,
body.light-d .innovation ul li p,
body.light-d .innovation ul li i,
body.light-d .box form .remember label,
body.light-d .pd-quality span,
body.light-d .pd-cat-tags ul li ul.pd-cat li a,
body.light-d .pd-cat-tags ul li ul.pd-tag li a,
body.light-d .pd-cat-tags ul li ul.pd-sku li a,
body.light-d .pd-cat-tags ul li ul.pd-sku li,
body.light-d .sm-circle li,
body.light-d .detail-page .include li,
body.light-d .construction-services .services-nav ul li button.nav-link,
body.light-d .team-detail .team-data .t-contact span,
body.light-d .team-detail .fav-project .f-p-box .f-p-contact li span,
body.light-d .team-detail .fav-project .f-p-box .f-p-contact li p,
body.light-d .client-review-slider .slider-data p,
body.light-d .client-review-slider .slider-data .bio .details h3,
body.light-d .client-review-slider .slider-data .bio .details p,
body.light-d .client-review-style-one .head-review span,
body.light-d .project-completed .proj-data h3
{
    color: #999;
}
/* Ensure product cards are readable in dark mode */
body.light-d .product-card{
    background-color: transparent;
    border-color: rgba(255,255,255,0.06);
    color: #fff;
}
body.light-d .product-card h5,
body.light-d .product-card .list-dots,
body.light-d .product-card p{ color: #fff; }

/* Ensure banner and about sections are dark with readable text */
body.light-d .banner-style-one,
body.light-d .about-style-one,
body.light-d .section-intro,
body.light-d .py-5,
body.light-d .gap.about-style-one {
    background-color: #0b0b0b !important;
    color: #fff !important;
}
body.light-d .banner-style-one .banner-details h2,
body.light-d .banner-style-one .banner-details p,
body.light-d .section-intro h2,
body.light-d .section-intro h3,
body.light-d .section-intro p,
body.light-d .about-data-right span,
body.light-d .about-data-right h2,
body.light-d .about-data-right p { color: #fff !important; }

/* Buttons contrast in dark mode */
body.light-d .theme-btn { background: #ffcd00; color: #000; }
body.light-d .theme-btn:hover { background: transparent; color: #fff; }

/* Ensure lists and small text visible */
body.light-d .list-dots li, body.light-d ul li { color: #ddd !important; }

/* Fix breadcrumbs */
body.light-d .breadcrums { background: transparent; }
body.light-d .breadcrums ul li p { color: #fff; }
body.light-d .project-style-one,
body.light-d .shop-style-one,
body.light-d .certificates .c-slider .c-main .c-first,
body.light-d .service-style-one .service-data:before,
body.light-d .contact-us .c-cards .card.active,
body.light-d .team-style-one .team-data .team-image:before,
body.light-d .service-style-two .service-two-box .service-two-icon:before,
body.light-d .estimated-price,
body.light-d .light-bg-color,
body.light-d .category:not(:last-child),
body.light-d .category.shape.form,
body.light-d .form form textarea,
body.light-d .form form input,
body.light-d .cart .cart-table li:nth-child(even),
body.light-d .accordion-body,
body.light-d .checkout .order-note textarea,
body.light-d .contact-form-2 .info,
body.light-d .contact-faqs .acc2,
body.light-d .box.login,
body.light-d .box input,
body.light-d .builty-pagination ul.pagination li a,
body.light-d .pd-details .nav-pills .nav-link,
body.light-d .team-detail .team-data .t-tel,
body.light-d .blog-style-two .blog-item:before,
body.light-d .blog-style-two .owl-item.center .blog-item:before,
body.light-d .construction-services .tab-content>.tab-pane figure figcaption
body.light-d .nice-select .option:hover,
body.light-d .nice-select .option.focus,
body.light-d .nice-select .option.selected.focus,
body.light-d .nice-select .option,
body.light-d .nice-select .list  {
    background-color: #0f0f0f;
}
body.light-d .counter-style-one .counter-data h4,body.light-d .team-style-one .team-data .team-info p{
    color: #999;
    -webkit-text-fill-color:#999;
}
body.light-d .counter-style-one,
body.light-d .project-style-one .project-post .project-data,
body.light-d .core-features,
body.light-d .our-goal,
body.light-d .certificates,
body.light-d .certificates .c-slider .owl-nav,
body.light-d .contact-us,
body.light-d .client-review-style-one,
body.light-d .client-style-one,
body.light-d .blog-style-one,
body.light-d .shop-style-one .product,
body.light-d .project-completed,
body.light-d .estimated-price .bg-wh,
body.light-d .blog-style-two,
body.light-d .acc2 .accordion-item h2:before,
body.light-d .about-how-it-works .plans,
body.light-d .checkout .billing input,
body.light-d .checkout .billing .nice-select,
body.light-d .pd-quality input,
body.light-d .shop-style-one.addition .grid .product .btn-hover figure:before {
    background-color: black;
}
body.light-d .core-features .accordion-item,
body.light-d .contact-form-2 form input,
body.light-d .contact-form-2 form textarea{
    background-color: transparent;
}
body.light-d .core-features button.accordion-button:before{
    background-color: white;
}

body.light-d .client-review-slider .owl-dots button.active,
body.light-d .shop-style-one .p-slider .owl-dots button.active,
body.light-d .blog-style-two .blog-slider .owl-dots button.active,
body.light-d .project-detail-slider .p-d-slider .owl-dots button.active,
body.light-d .project-style-one .project-slider .owl-dots button.active{
    background-color: white;
    border-color: white;
}

body.light-d .service-style-one .service-data h3{
    color: white;
}
body.light-d .team-style-one {
    background-color: black;
}
body.light-d .certificates .c-slider .c-main .c-second span{
    border-bottom: 1px solid white;
    color: #999;
}
body.light-d .service-style-one .service-data .svg-icon:before{
    background-color: black;
}
body.light-d img.light-icon
{
    display: none;
}

body.light-d img.dark-icon {
    display: block;
}
body.light-d .blog-style-one .blog-data .blog-date:before{
    border: 3px solid black;
}
body.light-d .certificates .c-slider .owl-nav button{
    border: 1px solid #ffffff;
 }

body.light-d .pricing-plans,body.light-d .service-style-two {
    background-color: black;
    z-index: 0;
}
body.light-d .form-control{
    color: white;
}
body.light-d .service-style-two .service-two-box:hover .service-two-icon:before,
body.light-d .nice-select,body.light-d input,body.light-d select {
    background-color: transparent;
}

body.light-d .service-style-two .service-two-box .service-two-icon svg,
body.light-d .heading.heading-style-3 svg,
body.light-d .team-style-two .team-data .contact svg{
    fill: white;
}
body.light-d .service-two-box:hover h3 a,
body.light-d .service-two-box:hover p,
body.light-d .first .tab-data .map-pin .location .data p,
body.light-d .innovation ul li:hover i,
body.light-d .innovation ul li:hover p
 {
    color: black;
}
body.light-d .contact-us .c-cards .card{
    background-color: black;
    border: 1px solid #ffffff;
}
body.light-d .history-style-one,body.light-d .cta-section {
    background-color: black;
    z-index: 0;
}
body.light-d .contact-form-one{
    margin-top: 0;
    background-color: black;
    z-index: 0;
}
body.light-d .cart .cart-table .c-c .c-data .cr-svg{
    background: linear-gradient(135deg, #704F1F 0%, #C69D49 50%, #F4D67D 100%);
}

body.light-d .contact-form-two .c-form-2 {
    margin-top: 0;
}
body.light-d .builty-pagination ul.pagination li:first-child a,
body.light-d .builty-pagination ul.pagination li:last-child a {
    border-color: white;
}
body.light-d .shop-style-one.addition .grid .product .btn-hover .theme-btn:hover {
    color: #fff;
    background: transparent;
}
body.light-d .blog-style-two .blog-item .blog-post-num{
    color: white;
    -webkit-text-stroke-color:white ;
}
body.light-d .counter-style-one .counter-data .count{
    color: #ffffff;
    -webkit-text-stroke-color: #ffffff;
}
.next-prev-projects li a{
    background: linear-gradient(135deg, #704F1F 0%, #C69D49 50%, #F4D67D 100%);
}

/* Dark mode for promo sections */
body.light-d .ads-section{
    color: #fff;
}
body.light-d .ads-section .business strong{
    color: #C69D49;
}
body.light-d .ads-section .call-detl a{
    color: #C69D49;
}
body.light-d .ads-section .img-main-call i,
body.light-d .ads-section .arrrowVector{
    color: #C69D49;
}
body.light-d .promo-hero .highlight{
    background: #333;
    color: #fff;
    border-color: #555;
}
body.light-d .promo-hero .cta-text{
    color: #fff;
}

/* RAMPLAST page fixes: constrain images and improve spacing */
body.light-d .product-image img{ max-width:420px; width:100%; height:auto; display:inline-block; }
body.light-d .product-row .col-lg-7{ padding-top:10px; }
body.light-d .product-row .lead{ margin-bottom:0.75rem; color:#eee; }
body.light-d .product-row .mini-title{ margin-top:0.5rem; margin-bottom:0.35rem; font-size:1rem; color:#fff; }
body.light-d .list-dots li{ margin-bottom:0.35rem; line-height:1.5; color:#ddd !important; }
body.light-d .product-row .theme-btn{ margin-top:1rem; }

@media (max-width: 991px){
    body.light-d .product-image img{ max-width:100%; }
    body.light-d .product-row .col-lg-7{ padding-top:0.5rem; }
}

/* Align product images to column edge in dark mode and give text column padding */
body.light-d .product-row .col-lg-5{ padding-left:0; padding-right:0; }
body.light-d .product-row .col-lg-7{ padding-left:1.25rem; padding-right:1.25rem; }
body.light-d .product-row .col-lg-5{ flex: 0 0 auto; width: auto; max-width:260px; padding-left:0; padding-right:0; }
body.light-d .product-row .col-lg-5.order-lg-2 .product-image{ margin-left:auto; }
@media (max-width:991px){
    body.light-d .product-row .col-lg-5{ padding-left:15px; padding-right:15px; flex: 0 0 auto; max-width:180px; }
    body.light-d .product-row .col-lg-7{ padding-left:15px; padding-right:15px; }
    body.light-d .product-row .col-lg-5.order-lg-2 .product-image{ margin-left:0; }
}

/* Ensure square images and two-column technical lists in dark mode as well */
body.light-d .product-image{ max-width:260px; margin:0; }
body.light-d .product-image img{ width:100%; height:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
body.light-d .product-row h5.mini-title + .list-dots{ column-count:2; column-gap:1.5rem; }
@media (max-width:991px){
    body.light-d .product-image{ max-width:180px; }
    body.light-d .product-row h5.mini-title + .list-dots{ column-count:1; }
}

/* product-meta and two-column specs - dark */
body.light-d .product-meta{ padding-left:0.25rem; }
body.light-d .product-meta .product-name{ font-size:15px; font-weight:800; margin:0 0 6px; color:#fff; }
body.light-d .product-details{ gap:2rem; align-items:flex-start; display:flex; }
body.light-d .product-details .spec-col{ flex:1; }
body.light-d .product-details .spec-col h5{ font-size:12px; font-weight:800; text-transform:uppercase; color:#fff; margin-bottom:8px; }
body.light-d .product-details .spec-col ul{ margin:0; padding:0; }
body.light-d .product-details .spec-col ul li{ margin-bottom:6px; color:#ddd !important; }

/* Dark-mode product card styling matching old site */
body.light-d .product-card{ background:transparent; padding:20px 0; margin-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.06); }
body.light-d .product-card .prod-img{ width:200px; height:200px; object-fit:cover; border-radius:6px; display:inline-block; }
body.light-d .product-card .prod-name{ font-size:28px; color:#fff; font-weight:800; margin-bottom:10px; font-family:'Poppins'; letter-spacing:-0.5px; }
body.light-d .product-card .prod-desc{ font-size:18px; line-height:1.6; color:#ccc; margin-bottom:18px; font-family:'Poppins'; font-weight:400; }
body.light-d .product-card .mini-title{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#C69D49; margin-bottom:10px; font-family:'Poppins'; }
body.light-d .product-card ul.list-dots{ list-style:none; margin:0; padding:0; }
body.light-d .product-card ul.list-dots li{ color:#e6e6e6 !important; font-size:15px; line-height:1.8; margin-bottom:6px; padding-left:0; font-family:'Poppins'; font-weight:400; }
body.light-d .product-card ul.list-dots li:before{ content:""; display:inline-block; width:7px; height:7px; background:#C69D49; border-radius:50%; margin-right:10px; vertical-align:middle; }

@media (max-width:991px){
  body.light-d .product-card{ padding:12px 0; }
  body.light-d .product-card .prod-img{ max-width:150px; }
}