/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2026 | 10:34:20 */
.page_success_meg {
    color: #000;
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.page_success {
    text-align: center;
    padding-top: 160px;
	padding-bottom:80px;
	background-color: var(--base-2);
}
.ultop {margin-top: 30px;}
.page-banner { height: 750px; background-image: url("https://acidproofbrick.com/wp-content/uploads/2026/10/Acid-Proof-Tile-banner.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; }
.page-banner .grid-container { height: 100%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;padding-top:100px; }
.page-banner-h1 { font-size: 48px; font-weight: bold; }
.page-banner-des { font-size: 18px; }
.page-banner .cert-wrap { display: flex; align-items: center; gap: 11px; width: 40%;}
.page-banner .indicator-wrap { display: inline-flex; align-items: center; gap: 0; background: rgba(255, 255, 255, 0.3); }
.page-banner .indicator-wrap .indicator-item { color: #ffffff; position: relative; padding: 10px 15px; }
.page-banner .indicator-wrap .indicator-item:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 50px; width: 1px; background-color: #fff; }
.page-banner .indicator-wrap .indicator-item .num-text { font-size: 22px; font-weight: bold; }

section { border-bottom: 10px solid #ebebeb; padding: 80px 0 !important; }
section:last-child{border-bottom:0;}
.site-header{background-color:#fff;}

.product-slider { width: 100%; overflow: hidden; position: relative; }
.product-slider::before, .product-slider::after { content: ""; position: absolute; top: 0; bottom: 0; width: 200px; z-index: 2; pointer-events: none; }
.product-slider::before { left: 0; background: linear-gradient(90deg, #ffffff, #ffffff 50%, transparent); }
.product-slider::after { right: 0; background: linear-gradient(270deg, #ffffff, #ffffff 50%, transparent); }
.product-slider .swiper { width: 100%; }
.product-slider .swiper-slide img { width: 100%; display: block; object-fit: cover; }
.product-slider .swiper-button-prev, .product-slider .swiper-button-next { z-index: 3; width: 47px; height: 47px; border-radius: 50%; background: rgba(0, 0, 0, 0.4); color: #fff; }
.product-slider .swiper-button-prev::after, .product-slider .swiper-button-next::after { font-size: 18px; }
.product-slider .swiper-button-prev { left: 12%; }
.product-slider .swiper-button-next { right: 12%; }
.product-slider .swiper-slide::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 20%;background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0) 100%);pointer-events: none;z-index: 1;}
.product-slider .swiper-slide .grid-caption {position: absolute;left: 0;bottom: 0;width: 100%;padding: 18px 14px 12px;color: #fff;font-weight: 600;z-index: 2;text-align: center;}

.chem-card-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.chem-card-wrap .chem-card { background-color: #f6f6f6; padding: 18px; border-radius: 8px; position: relative; background-repeat: no-repeat; background-position: top 10px right 10px; background-image: url("https://acidproofbrick.com/wp-content/uploads/2026/10/right-icon.png"); position: relative; overflow: hidden; transition: 0.3s ease; }
.chem-card-wrap .chem-card::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--accent), #fc9e41); transform: translateX(-100%); transition: transform 0.3s ease; }
.chem-card-wrap .chem-card .h3 { font-size: 16px; margin: 0 0 16px; font-weight: 600; }
.chem-card-wrap .chem-card:hover { background-image: url("https://acidproofbrick.com/wp-content/uploads/2026/10/right-icon-active.png"); }
.chem-card-wrap .chem-card:hover::after { transform: translateX(0); }
.chem-card-wrap .chem-card.cross { background-image: url("https://acidproofbrick.com/wp-content/uploads/2026/10/wrong-icon.png"); }
.chem-card-wrap .chem-card.cross:hover { background-image: url("https://acidproofbrick.com/wp-content/uploads/2026/10/wrong-icon-active.png"); }

.project-gallery { position: relative; }
.project-gallery .main-swiper { border-radius: 6px; overflow: hidden; margin-bottom: 12px; }
.project-gallery .main-swiper .swiper-slide { position: relative; }
.project-gallery .main-swiper .swiper-slide img { width: 100%; display: block; }
.project-gallery .main-swiper .caption-mask { position: absolute; left: 0; bottom: 0; width: 100%; padding: 60px 0 20px; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0)); color: #fff; text-align: center; }
.project-gallery .swiper-button-prev, .project-gallery .swiper-button-next { color: #fff; background: rgba(0, 0, 0, 0.4); width: 47px; height: 47px; border-radius: 50%; bottom: 52px; top: auto; }
.project-gallery .swiper-button-prev::after, .project-gallery .swiper-button-next::after { font-size: 16px; }
.project-gallery .swiper-button-prev { left: -23px; }
.project-gallery .swiper-button-next { right: -23px; }
.project-gallery .thumbs-swiper { height: 150px; }
.project-gallery .thumbs-swiper .swiper-slide { border-radius: 4px; overflow: hidden; cursor: pointer; transition: 0.25s ease; }
.project-gallery .thumbs-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.project-gallery .thumbs-swiper .caption-mask { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0)); color: #fff; text-align: center; }

div[class^="gallery-container"] { display: grid; gap: 19px; }
div[class^="gallery-container"] .gallery-card { position: relative; overflow: hidden; }
div[class^="gallery-container"] .gallery-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
div[class^="gallery-container"] .gallery-card .gallery-label { position: absolute; top: 12px; left: 12px; color: #fff; font-size: 18px; font-weight: 600; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.55); }

.gallery-container-3 { grid-template-columns: repeat(3, 1fr); }

.gallery-container-2 { grid-template-columns: repeat(2, 1fr); }

.acc-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; }
.acc-wrap .acc-img-box { position: relative; overflow: hidden; border-radius: 6px; }
.acc-wrap .acc-img-box .acc-img { width: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity 0.35s ease; }
.acc-wrap .acc-img-box .acc-img.active { position: static; opacity: 1; visibility: visible; }
.acc-wrap .acc-item { border-bottom: 1px solid #f1f1f1; }
.acc-wrap .acc-item .acc-title { display: flex; justify-content: space-between; align-items: center; padding: 20px 23px; cursor: pointer; font-weight: 600; border-radius: 6px; }
.acc-wrap .acc-item .acc-title .icon { width: 26px; height: 26px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: #eee; font-size: 22px; flex-shrink: 0;color:#fff; }
.acc-wrap .acc-item .acc-content { padding: 23px; display: none; overflow: hidden; }
.acc-wrap .acc-item.active .acc-title { background-color: #f6f6f6; }
.acc-wrap .acc-item.active .acc-title .icon { background: #dd3333; color: #fff; }
.acc-wrap .acc-item.active .acc-content { display: block; }

div[class^='acid-proof-grid'] { display: grid; gap: 16px; }
div[class^='acid-proof-grid'] .grid-item { position: relative; border-radius: 6px; overflow: hidden; background: #f5f5f5; }
div[class^='acid-proof-grid'] .grid-item img { width: 100%; height: 100%; display: block; object-fit: cover; }
div[class^='acid-proof-grid'] .grid-item:has(.grid-caption)::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 20%; background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0) 100%); pointer-events: none; z-index: 1; }
div[class^='acid-proof-grid'] .grid-item .grid-caption { position: absolute; left: 0; bottom: 0; width: 100%; padding: 18px 14px 12px; color: #fff; font-weight: 600; z-index: 2; text-align: center; }
div[class^='acid-proof-grid'] .grid-item .grid-caption a{color: #fff;}

.acid-proof-grid-3 { grid-template-columns: repeat(3, 1fr); }

.acid-proof-grid-4 { grid-template-columns: repeat(4, 1fr); }

.archive.category .page-header {
    display: none;
}
.post-image-above-header .inside-article .featured-image, .post-image-above-header .inside-article .post-image {
    margin-bottom: 0;
}
.resize-featured-image .post-image img {
    vertical-align: middle;
}
.archive.category .entry-header {
    padding-top: 20px;
    display: flex;
    flex-direction: column-reverse;
}
.archive.category .entry-header h2 {
    text-align: left;
    font-size: 27px;font-weight: bold;
}
footer.entry-meta {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.cat-links, .comments-link, .tags-links {
    display: inline-block;
    background-color: var(--accent);
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 3px;
}
.entry-meta .gp-icon {
    opacity: 1;
}
.cat-links a, .cat-links .icon-categories {
    color: #fff;
}

.cat-links a, .cat-links .icon-categories {
    color: #fff;
}


@media screen and (max-width: 768px) {
  .page-banner { height: 650px; background-image: url("https://acidproofbrick.com/wp-content/uploads/2026/10/Acid-Proof-Tile-banner.jpg"); padding-left: 15px; padding-right: 15px; }
  .page-banner-h1 { font-size: 24px; font-weight: bold; }
	.page-banner .grid-container{padding-top:60px;justify-content: flex-start;}
  .page-banner-des { font-size: 16px; }
  .page-banner .indicator-wrap { display: flex; flex-wrap: wrap; }
  .page-banner .indicator-wrap .indicator-item { padding: 5px; width: 50%;font-size: 12px; }
  .page-banner .indicator-wrap .indicator-item:nth-child(2n)::after { display: none; }
  .page-banner .indicator-wrap .indicator-item .num-text { font-size: 12px; }
  section { padding: 30px 15px !important; }
  h2 { font-size: 20px; }
  h3 { font-size: 18px;}
  .product-slider::before, .product-slider::after { display: none; }
  .product-slider .swiper-button-prev, .product-slider .swiper-button-next { width: 30px; height: 30px; }
  .product-slider .swiper-button-prev::after, .product-slider .swiper-button-next::after { font-size: 12px; }
  .product-slider .swiper-button-prev { left: 0%; }
  .product-slider .swiper-button-next { right: 0%; }
  .chem-card-wrap { grid-template-columns: repeat(1, 1fr); gap: 5px; }
  .chem-card-wrap .chem-card { background-size: 20% auto; }
  .project-gallery { position: relative; }
  .project-gallery .main-swiper .caption-mask { padding: 20px 0; }
  .project-gallery .swiper-button-prev, .project-gallery .swiper-button-next { width: 30px; height: 30px; bottom: auto; top: 50%; }
  .project-gallery .swiper-button-prev::after, .project-gallery .swiper-button-next::after { font-size: 14px; }
  .project-gallery .swiper-button-prev { left: 0px; }
  .project-gallery .swiper-button-next { right: 0px; }
  .project-gallery .thumbs-swiper { height: auto; }
  .acc-wrap { gap: 30px; align-items: start; }
  .acc-wrap .acc-img-box { position: relative; overflow: hidden; border-radius: 6px; }
  .acc-wrap .acc-img-box .acc-img { width: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity 0.35s ease; }
  .acc-wrap .acc-img-box .acc-img.active { position: static; opacity: 1; visibility: visible; }
  .acc-wrap .acc-item .acc-title { padding: 15px; }.page-banner .indicator-wrap .indicator-item:not(:last-child)::after {height: 34px; }
  .acc-wrap .acc-item .acc-content { padding: 15px; } }

/*# sourceMappingURL=%E5%86%85%E9%A1%B5-wap.css.map */