/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 13 2026 | 01:35:24 */
@media screen and (max-width: 768px) {
    .shipping-process-section .content-column.one_half {
        margin-bottom: 15px !important;
        padding: 15px !important;
    }
}
@media screen and (max-width: 768px) {
    .customization-section .one_half {
        margin-bottom: 15px !important;
    }
}
@media screen and (max-width: 768px) {
    .customization-section .one_third {
        margin-bottom: 15px !important;
    }
}
.h3 {font-size: 18px;}
.bg-gray { background-color: #f8f8f8; }
.wp-caption .wp-caption-text {font-size: 100%;text-align: center;}
.product-banner { display: flex; align-items: center; justify-content: center; color: white; overflow: hidden; }
.product-banner .banner-container { display: flex; align-items: center; justify-content: space-between; gap: 40px; width: 100%; }
.product-banner .banner-content { flex: 1; }
.product-banner .banner-content h1 { display: block !important; }
.product-banner .banner-content h1::after { display: block; content: ''; width: 95px; height: 2px; background: linear-gradient(to right, #53b1d6, #88de7c); margin-top: 30px; }
.product-banner .banner-content .product-specs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-bottom: 45px; }
.product-banner .banner-content .product-specs .spec-item { display: flex; flex-direction: column; gap: 2px; font-size: 20px; }
.product-banner .banner-content .certifications { display: flex; gap: 20px; }
.product-banner .banner-image { flex: 1; max-width: 613px; }

.product-showcase { display: flex; padding-top: 80px; padding-bottom: 80px; gap: 65px;flex-direction: row-reverse; }
.product-showcase .product-swiper { width: 700px; flex-shrink: 0;position:relative;--swiper-navigation-size: 20px;--swiper-navigation-sides-offset:-20px;--swiper-navigation-color:#919191; }
.product-showcase .product-swiper .swiper-button-next,.product-showcase .product-swiper .swiper-button-prev{font-weight:bold;}
.product-showcase .product-swiper .swiper-button-next:hover,.product-showcase .product-swiper .swiper-button-prev:hover{background: linear-gradient(to top, #53b1d6, #88de7c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.product-showcase .swiper-container-main { height: 637px; overflow: hidden;--swiper-navigation-size: 20px;}
.product-showcase .swiper-container-main .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.product-showcase .swiper-container-thumbs { margin-top: 18px; overflow: hidden; }
.product-showcase .swiper-container-thumbs .swiper-slide { height: 120px; cursor: pointer; overflow: hidden; }
.product-showcase .swiper-container-thumbs .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.product-showcase .product-info { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.product-showcase .product-info h1 { font-size: 32px; font-weight: 500; margin-bottom: 45px; }
.product-showcase .product-info .product-description { margin-bottom: 50px; }
.product-showcase .product-info .product-specs { margin-bottom: 35px; display: flex; gap: 40px; margin-bottom: 20px; }
.product-showcase .product-info .product-specs .spec-group { display: flex; flex-direction: column; gap: 30px; }
.product-showcase .product-info .product-specs .spec-group .spec-item { display: flex; flex-direction: column; gap: 5px; font-size:18px;background-repeat:no-repeat;background-position:left center;padding-left:65px; }
.product-showcase .product-info .product-specs .spec-group .spec-item.size{background-image:url("https://raybogrowbags.com/wp-content/uploads/2026/01/info-icon1.png");}
.product-showcase .product-info .product-specs .spec-group .spec-item.Material{background-image:url("https://raybogrowbags.com/wp-content/uploads/2026/01/info-icon2.png");}
.product-showcase .product-info .product-specs .spec-group .spec-item.bottom{background-image:url("https://raybogrowbags.com/wp-content/uploads/2026/01/info-icon3.png");}
.product-showcase .product-info .product-specs .spec-group .spec-item.Function{background-image:url("https://raybogrowbags.com/wp-content/uploads/2026/01/info-icon4.png");}
.product-showcase .product-info .product-specs .spec-group .spec-item.application{background-image:url("https://raybogrowbags.com/wp-content/uploads/2026/01/info-icon5.png");}
.product-showcase .product-info .product-specs .spec-group .spec-item.Shipping{background-image:url("https://raybogrowbags.com/wp-content/uploads/2026/01/info-icon6.png");}
.product-showcase .product-info .product-specs .spec-group .spec-item.Price{background-image:url("https://raybogrowbags.com/wp-content/uploads/2026/02/priceinfor-icon.png");}
.product-showcase .product-info .product-specs .spec-group .spec-item.Types{background-image:url("https://raybogrowbags.com/wp-content/uploads/2026/02/plant-bag-info-icon.png");}
.product-showcase .product-info .product-specs .spec-group .spec-item.Application1{background-image:url("https://raybogrowbags.com/wp-content/uploads/2026/02/plantinginfor-icon.png");}
.product-showcase .product-info .product-specs .spec-group .spec-item .spec-value { font-weight: 500; }
.product-showcase .product-info .product-buttons { display: flex; gap: 15px; }
.product-showcase .product-info .product-buttons .btn { border: none; font-size: 18px; font-weight: 500; cursor: pointer; height: 60px; line-height: 60px; text-align: center; padding: 0; }
.product-showcase .product-info .product-buttons .btn.btn-primary { background-color: #ededed;color: var(--contrast); width: 270px; }
.product-showcase .product-info .product-buttons .btn.btn-secondary {background: linear-gradient(to right, #53b1d6, #88de7c); color: white; width: 206px;  }
.product-showcase .product-info .product-buttons .btn.btn-primary:hover { background-color: #e0e0e0; }

.size-table-section { padding: 80px 0; }
.size-table-section .table-box { width: 100%; overflow-x: auto; }
.size-table-section .size-table { width: 100%; border-collapse: collapse; overflow: hidden; }
.size-table-section .size-table th { background-color: #f2f2f2; padding: 15px 12px; text-align: center; border: 2px solid #000000; }
.size-table-section .size-table td { padding: 15px 12px; text-align: center; border: 2px solid #000000; }
.size-table-section .size-table td:first-child { background-color: #f2f2f2; }
.size-table-section .size-table tbody tr { transition: background-color 0.3s ease; }
.size-table-section .size-table tbody tr:hover { background-color: #f9f9f9; }
.size-table-section .table-note { margin-top: 20px; }

.four-cores-section { padding: 80px 0;   /*.section-title { font-size: 2rem; font-weight: 700; color: #333; margin-bottom: 40px; text-align: center; position: relative;
 &::after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; background-color: #4CAF50; } }*/ }
.four-cores-section .cores-container { display: flex; gap: 40px; align-items: center; }
.four-cores-section .cores-container .product-images { display: flex; gap: 20px; flex-shrink: 0; }
.four-cores-section .cores-container .product-images .core-image { object-fit: contain; }
.four-cores-section .cores-container .cores-grid { flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.four-cores-section .cores-container .cores-grid .core-card { background: white; padding: 16px; border-radius: 3px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.four-cores-section .cores-container .cores-grid .core-card:hover { transform: translateY(-5px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); }
.four-cores-section .cores-container .cores-grid .core-card .core-title { font-size: 16px; font-weight: 500; margin-bottom: 15px; }
.four-cores-section .cores-container .cores-grid .core-card .core-description { margin-bottom: 15px;margin-top:0; }
.four-cores-section .cores-container .cores-grid .core-card .core-details { list-style: none; padding: 0; margin: 0; font-weight: 500; }
.four-cores-section .cores-container .cores-grid .core-card .core-details li { margin-bottom: 5px; padding: 1px 7px; display: inline-block; margin-right: 20px; margin-bottom: 8px; font-size:14px;}
.four-cores-section .cores-container .cores-grid .core-card .core-details li:last-child { margin-bottom: 0; margin-right: 0; }

.advantages-section { padding: 80px 0; }
.advantages-section .advantages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.advantages-section .advantages-grid .advantage-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.advantages-section .advantages-grid .advantage-card:hover { transform: translateY(-5px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); }
.advantages-section .advantages-grid .advantage-card .advantage-image { overflow: hidden; background: #f5f5f5; }
.advantages-section .advantages-grid .advantage-card .advantage-image img { object-fit: cover; }
.advantages-section .advantages-grid .advantage-card .advantage-title { font-size: 16px; font-weight: 500; margin: 25px 20px 10px; }
.advantages-section .advantages-grid .advantage-card .advantage-description { margin: 0 20px 20px; }

.customization-section { padding: 80px 0; }
.customization-section .customization-info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 25px; }
.customization-section .info-card { padding: 20px; background-color: #f8f8f8; border-left: 3px solid; border-image: linear-gradient(to bottom, #89de7b, #4aadd4) 1;transition: transform 0.3s ease, box-shadow 0.3s ease; }
.customization-section .content-column{margin-right:18px;margin-top:9px;margin-bottom:9px;}
.customization-section .content-column.last_column{margin-right:0;}
.customization-section.bg-gray .info-card{background-color:#fff;}
.customization-section .info-card .h3 { font-size: 16px; margin-bottom: 3px; }
.customization-section .info-card p { margin: 0; }
/* .customization-section .customization-info .info-card:hover { background: linear-gradient(to bottom, #89de7b, #4aadd4); } */
.customization-section .info-card:hover { transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); }
.customization-section .one_half {width: calc(50% - (18px - (18px / 2)));}
.customization-section .one_third{width:calc(33.33333333% - (18px - (18px / 3)));}
.customization-section .one_fourth{width:calc(25% - (18px - (18px / 4)));}
.customization-section .customization-images { display: flex; gap: 12px; justify-content: center; }
.customization-section .customization-images .custom-image { object-fit: cover; border-radius: 10px; }

/* Shipping Process Section */
.shipping-process-section { padding: 80px 0; }
.shipping-process-section .shipping-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.shipping-process-section .shipping-process-grid.half{grid-template-columns: repeat(2, 1fr);}
.shipping-process-section .process-step,.shipping-process-section .content-column { background-color: #fff; padding: 30px 15px; border-radius: 10px;transition: transform 0.3s ease, box-shadow 0.3s ease; }
.shipping-process-section .content-column{margin-right:18px;margin-top:9px;margin-bottom:9px;}
.shipping-process-section .content-column.last_column{margin-right:0;}
.shipping-process-section .content-column.one_half{width:calc(50% - (18px - (18px / 2)));}
.shipping-process-section .content-column.one_third{width:calc(33.33333333% - (18px - (18px / 3)));}
/* .shipping-process-section .process-step:hover { background: linear-gradient(to right, #4aadd4, #89de7b); } */
.shipping-process-section .process-step:hover,.shipping-process-section .content-column:hover { transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); }
.shipping-process-section .h3 { font-size: 16px; margin-bottom: 15px; font-weight: 500; position: relative; }
.shipping-process-section .h3:before { content: ''; width: 9px; height: 12px; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); background: linear-gradient(to right, #4aadd4, #89de7b); }
.shipping-process-section .process-step p,.shipping-process-section .content-column p { margin: 0; }

.application-scenarios-section { padding: 80px 0; }
.application-scenarios-section .scenarios-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.application-scenarios-section .scenarios-grid .scenario-card { background: white; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; }
.application-scenarios-section .scenarios-grid .scenario-card:hover { transform: translateY(-5px); }
.application-scenarios-section .scenarios-grid .scenario-card .scenario-image { object-fit: cover; }
.application-scenarios-section .scenarios-grid .scenario-card .scenario-title { position: absolute; left: 0; bottom: 0; padding: 8px 0; text-align: center; font-weight: 500; color: #fff; background: rgba(0, 0, 0, 0.7); width: 100%; }

.roi-section { padding: 80px 0; }
.roi-section .roi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.roi-section .roi-grid .roi-card { background: white; padding: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; align-items: center; gap: 20px; }
.roi-section .roi-grid .roi-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); }
.roi-section .roi-grid .roi-card .roi-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.roi-section .roi-grid .roi-card .h3 { font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.roi-section .roi-grid .roi-card p { margin: 0; }

.growers-testimonials-section { padding: 80px 0; }
.growers-testimonials-section .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.growers-testimonials-section .testimonials-grid .testimonial-card { background: #f8f8f8; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.growers-testimonials-section .testimonials-grid .testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); }
.growers-testimonials-section .testimonials-grid .testimonial-card .testimonial-image { object-fit: cover; }
.growers-testimonials-section .testimonials-grid .testimonial-card .testimonial-rating { padding: 15px 22px 0; font-size: 24px; display: inline-block; background: linear-gradient(to right, #4aadd4, #89de7b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.growers-testimonials-section .testimonials-grid .testimonial-card .testimonial-author { padding: 5px 22px; font-size: 18px; font-weight: 500; }
.growers-testimonials-section .testimonials-grid .testimonial-card .testimonial-text { padding: 0 22px 40px; }

.success-banner-section { background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/success-banner-section-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 155px 0 0; text-align: center; color: white; position: relative; overflow: hidden; height: 650px; }
.success-banner-section .banner-content h1 { color: white; }
.success-banner-section .banner-content p { margin-bottom: 0px; }

.other-products-section { padding: 80px 0; }
.other-products-section .products-grid { display: flex; gap: 11px; }
.other-products-section .products-grid .product-card { flex: 1; background: white; border-radius: 10px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.other-products-section .products-grid .product-card:hover { box-shadow: 0 1px 16px rgba(0, 0, 0, 0.15); }
.other-products-section .products-grid .product-card:hover .product-info { background: linear-gradient(to right, #53b1d6, #88de7c); color: white; }
.other-products-section .products-grid .product-card .product-image { overflow: hidden; height: 340px; text-align: center; display: flex; justify-content: center; align-items: center; }
.other-products-section .products-grid .product-card .product-info { padding: 20px 0; text-align: center; font-weight: 500; background: #e3e3e3; padding: 12px 0; }

@media screen and (max-width: 768px) { .product-banner { height: auto !important;padding-top:50px;padding-bottom:30px; }
  .product-banner .banner-container { flex-direction: column; gap: 40px; width: 100%; }
  .product-banner .banner-content { flex: 1; }
  .product-banner .banner-content h1::after { width: 95px; height: 2px; margin-top: 20px; }
  .product-banner .banner-content .product-specs { gap: 15px; margin-bottom: 30px; }
  .product-banner .banner-content .product-specs .spec-item { font-size: 14px; }
  .product-showcase { flex-direction: column-reverse; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; gap: 30px; }
  .product-showcase .product-swiper { width: 100%;--swiper-navigation-sides-offset:0px; }
  .product-showcase .swiper-container-main { height: auto; }
  .product-showcase .swiper-container-thumbs .swiper-slide { height: auto; }
  .product-showcase .product-info { flex: 1; }
  .product-showcase .product-info h1 { font-size: 28px; margin-bottom: 20px; }
  .product-showcase .product-info .product-description { margin-bottom: 20px; }
  .product-showcase .product-info .product-specs { gap: 20px; margin-bottom: 20px; }
  .product-showcase .product-info .product-specs .spec-group { gap: 15px; }
  .product-showcase .product-info .product-specs .spec-group .spec-item { gap: 3px; font-size: 14px; }
  .product-showcase .product-info .product-buttons { display: flex; gap: 15px; }
  .product-showcase .product-info .product-buttons .btn { font-size: 16px; height: 60px; line-height: 60px; }
  .product-showcase .product-info .product-buttons .btn.btn-primary { width: 50%; }
  .product-showcase .product-info .product-buttons .btn.btn-secondary { width: 40%; }
  .size-table-section { padding: 30px 15px; }
  .four-cores-section { padding: 30px 15px; }
  .four-cores-section .cores-container { flex-direction: column; gap: 40px; }
  .four-cores-section .cores-container .product-images { display: flex; gap: 20px; flex-shrink: 0; }
  .four-cores-section .cores-container .product-images .core-image { object-fit: contain; }
  .four-cores-section .cores-container .cores-grid { flex: 1; display: grid; grid-template-columns: repeat(1, 1fr); gap: 9px; }
  .four-cores-section .cores-container .cores-grid .core-card { padding: 16px; }
  .advantages-section { padding: 30px 15px; }
  .advantages-section .advantages-grid { grid-template-columns: repeat(1, 1fr); gap: 15px; }
  .customization-section { padding: 30px 15px; }
  .customization-section .customization-info { grid-template-columns: repeat(1, 1fr); gap: 15px; }
  .customization-section .customization-images { flex-direction: column; }
  /* Shipping Process Section */
  .shipping-process-section { padding: 30px 15px; }
  .shipping-process-section .shipping-process-grid { grid-template-columns: repeat(2, 1fr); }
  .application-scenarios-section { padding: 30px 15px; }
  .application-scenarios-section .scenarios-grid { grid-template-columns: repeat(1, 1fr); }
  .roi-section { padding: 30px 15px; }
  .roi-section .roi-grid { grid-template-columns: repeat(1, 1fr); gap: 15px; }
  .growers-testimonials-section { padding: 30px 15px; }
  .growers-testimonials-section .testimonials-grid { grid-template-columns: repeat(1, 1fr); }
  .success-banner-section { background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/success-banner-section-bg.jpg"); padding: 30px 15px 0; height: 650px; }
  .other-products-section { padding: 30px 15px; }
.customization-section .one_half {width: 100%;margin-right: 0;margin-top:0;margin-bottom:0;}
.customization-section .one_third{width:100%;margin-right: 0;margin-top:0;margin-bottom:0;}
.customization-section .one_fourth{width:100%;margin-right: 0;margin-top:0;margin-bottom:0;}
.shipping-process-section .content-column.one_half{width: 100%;margin-right: 0;margin-top:0;margin-bottom:0;padding:0;}
.shipping-process-section .content-column.one_third{width: 100%;margin-right: 0;margin-top:0;margin-bottom:0;padding:0;}
  .other-products-section .products-grid { flex-direction: column; } }

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