/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 08 2026 | 12:31:24 */
.home-banner { background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/02/Raybo-Mushroom-Grow-Bags-Banner-pc.jpg.webp"); }
.page-banner .banner-content h1{display:flex;align-items:center;gap:15px;}

.home-page-title { font-size: 31.5px; font-weight: 500; margin-bottom: 65px; }
.home-page-title.align-center { text-align: center; }

.who-is-raybo { display: flex; align-items: center; gap: 4rem; padding: 120px 0; box-sizing: border-box; }
.who-is-raybo .home-page-title{margin-bottom:20px;}
.who-is-raybo .who-is-raybo__content { flex: 1; }
.who-is-raybo .who-is-raybo__text { line-height: 1.6;font-size:16px; }
.who-is-raybo .who-is-raybo__button { margin-bottom: 40px; font-size: 12px; width: 138px; height: 30px; line-height: 30px; text-align: center; display: inline-block; background: linear-gradient(to right, #53b1d6, #88de7c); color: white; border-radius: 30px; }
.who-is-raybo .who-is-raybo__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.who-is-raybo .who-is-raybo__stat { background-color: #fff; padding: 19px 0; border-radius: 10px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.who-is-raybo .who-is-raybo__stat:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.who-is-raybo .who-is-raybo__stat-number { font-size: 24px; font-weight: bold; margin-bottom: 0; }
.who-is-raybo .who-is-raybo__stat-text { margin: 0;font-size:12px; }
.who-is-raybo .who-is-raybo__image { flex-shrink: 0; width: 699px; }
.who-is-raybo .who-is-raybo__image img { width: 100%; height: auto; }

.what-raybo-do { padding: 120px 0; background-color: #f8f9fa; background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/WHAT-DOES-RAYBO-DO-BG.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; }
.what-raybo-do .home-page-title { color: #fff; }
.what-raybo-do .what-raybo-do__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative; z-index: 1; }
.what-raybo-do .what-raybo-do__card { background-color: white; border-radius: 10px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; height: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 50px 25px 25px; }
.what-raybo-do .what-raybo-do__card:hover { transform: translateY(-5px); }
.what-raybo-do .what-raybo-do__card-image { text-align: center; }
.what-raybo-do .what-raybo-do__card-image img { width: auto; max-width: 100%; height: 165px; object-fit: contain; }
.what-raybo-do .what-raybo-do__card-title { font-size: 16px; font-weight: 600; margin: 25px 0 0; text-align: center; }
.what-raybo-do .what-raybo-do__card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(83, 177, 214, 0.95), rgba(136, 222, 124, 0.95)); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; padding: 0 44px; }
.what-raybo-do .what-raybo-do__card:hover .what-raybo-do__card-overlay { opacity: 1; }
.what-raybo-do .what-raybo-do__card-description { color: white; font-size: 16px; margin: 0; }

.why-buy-raybo { padding: 120px 0; background-color: white; }
.why-buy-raybo .home-page-title { margin-bottom: 80px; }
.why-buy-raybo .why-buy-raybo__content { display: flex; gap: 4rem; align-items: flex-start; }
.why-buy-raybo .why-buy-raybo__accordion { width: 424px; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-item:last-child { border-bottom: 1px solid #b3b3b3; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-item.active .why-buy-raybo__accordion-header { border-top: 2px solid; border-image: linear-gradient(to right, #53b1d6, #88de7c) 1; padding-bottom: 10px; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-item.active .why-buy-raybo__accordion-header .why-buy-raybo__accordion-title { color: #53b1d6; background: linear-gradient(to right, #53b1d6, #88de7c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-item.active .why-buy-raybo__accordion-header .why-buy-raybo__accordion-icon { color: #53b1d6; background: linear-gradient(to top, #53b1d6, #88de7c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-item.active .why-buy-raybo__accordion-content { margin-bottom: 20px; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-header { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 17px 0; background: none; border: none; cursor: pointer; outline: none; transition: all 0.3s ease; border-top: 1px solid #b3b3b3; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-header .why-buy-raybo__accordion-title { font-size: 18px; font-weight: 600; color: #333; transition: all 0.3s ease; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-header .why-buy-raybo__accordion-icon { font-size: 14px; color: #666; transition: all 0.3s ease; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-header:hover .why-buy-raybo__accordion-title { color: #53b1d6; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-header:hover .why-buy-raybo__accordion-icon { color: #53b1d6; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-content p { color: #666; line-height: 1.6; margin: 0; }
.why-buy-raybo__accordion-item.active .why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-content { max-height: 100px; }
.why-buy-raybo .why-buy-raybo__image-section { flex: 1; min-width: 300px; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__image-container { position: relative; width: 100%; max-width: 663px; margin: 0 auto; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__image-container img { width: 663px; height: auto; display: block; max-width: initial; transform: translateY(-45px); }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__labels { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label { position: absolute; pointer-events: auto; max-width: 250px; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label > p { margin-bottom: 0; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label svg { position: absolute; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label1 { left: 33px; top: 55px; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label1 svg { left: 100%; top: 50%; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label2 { left: -80px; top: 160px; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label2 svg { left: 100%; top: 50%; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label3 { left: 580px; top: 50px; width: 250px; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label3 svg { right: 100%; top: 50%; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label4 { left: 635px; top: 260px; white-space: nowrap; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label4 svg { right: 100%; top: -20%; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label5 { bottom: 66px; right: -180px; white-space: nowrap; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.label5 svg { right: 100%; top: -4px; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.left .why-buy-raybo__label-content { border-left: 2px solid; border-image: linear-gradient(to top, #53b1d6, #88de7c) 1; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label.right .why-buy-raybo__label-content { border-right: 2px solid; border-image: linear-gradient(to top, #53b1d6, #88de7c) 1; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label-content { background-color: white; padding: 10px 14px; border-radius: 8px; box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label-content:hover { box-shadow: 0 1px 16px rgba(0, 0, 0, 0.25); }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label-content h4 { margin: 0 0 2px 0; font-size: 16px; font-weight: 600; }
.why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__label-content p { margin: 0; font-size: 14px; line-height: 1.7; }

.mushroom-variety { padding: 120px 0; background-color: #f8f9fa; background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/RAYBO-GROW-BAGS-FOR-MUSHROOMS-IN-VARIETY-BG.jpg"); background-size: cover; background-position: center; }
.mushroom-variety .home-page-title { color: #fff; }
.mushroom-variety .mushroom-variety__description { line-height: 1.6; color: #fff; }
.mushroom-variety .mushroom-variety__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(25%, 1fr)); }
.mushroom-variety .mushroom-variety__item { position: relative; }
.mushroom-variety .mushroom-variety__image-container { position: relative; overflow: hidden; }
.mushroom-variety .mushroom-variety__image { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease; }
.mushroom-variety .mushroom-variety__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); opacity: 0; transition: opacity 0.3s ease; z-index: 2; display: flex; align-items: center; justify-content: center; }
.mushroom-variety .mushroom-variety__overlay .isbag{margin-top:-38px;}
.mushroom-variety .mushroom-variety__item:hover .mushroom-variety__overlay { opacity: 1; }
.mushroom-variety .mushroom-variety__name { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 0; margin: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 16px; text-align: center; z-index: 3; }

.effect-display { padding: 120px 0; background-color: #fff; }
.effect-display__container { display: flex; }
.effect-display__item { position: relative; height: 594px; width: 16.66666666666%; max-width: 191px; cursor: pointer; overflow: hidden; transition: width 0.5s ease, max-width 0.5s ease; }
.effect-display__item:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(22deg, #4aadd4 0%, rgba(137, 222, 123, 0.2) 40%, rgba(137, 222, 123, 0) 100%); opacity: 0; transition: opacity 0.3s ease; z-index: 1; }
.effect-display__item.active { width: 496px; flex-shrink: 0; max-width: 496px; }
.effect-display__item.active:before { opacity: 1; }
.effect-display__item.active .effect-display__content { padding-left: 33px; }
.effect-display__item.active .effect-display__content h3 { font-size: 20px; text-align: left; }
.effect-display__item.active .effect-display__content p { display: block; opacity: 1; }
.effect-display__image { display: flex; justify-content: center; position: relative; }
.effect-display__image:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.83) 0%, transparent 50%); }
.effect-display__image img { max-width: initial; }
.effect-display__content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px 10px; color: white; z-index: 2; }
.effect-display__content h3 { margin: 0 0 0 0; font-size: 16px; font-weight: 500; text-align: center; }
.effect-display__content p { margin: 25px 0 0 0; line-height: 1.6; display: none; opacity: 0; width: 430px; transition: opacity 0.3s ease; }

.customer-showcase { padding: 120px 0; background-color: #f8f9fa; background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/LET-CUSTOMERS-SPEAK-FOR-RAYBO-BG.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }
.customer-showcase .home-page-title { color: #fff; }
.customer-showcase__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; }
.customer-showcase__item { overflow: hidden; border-radius: 8px; position: relative; }
.customer-showcase__item:hover .customer-showcase__item-overlay { opacity: 0; }
.customer-showcase__item-overlay { color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(83, 177, 214, 0.95), rgba(136, 222, 124, 0.95)); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 1; transition: opacity 0.3s ease; padding: 0 25px; }
.customer-showcase__item-overlay p { margin-bottom: 20px; }
.customer-showcase__item-star { display: flex; align-items: center; gap: 5px; margin-bottom: 20px; }
.customer-showcase__item-star .iconfont { font-size: 23px; }

.high-quality-bags { padding: 120px 0; background: linear-gradient(10deg, rgba(74, 173, 212, 0.16) 0%, rgba(137, 222, 123, 0.16) 15%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%); }
.high-quality-bags__content { display: flex; gap: 50px; align-items: center; border-radius: 12px; overflow: hidden; box-shadow: 0 0px 16px rgba(0, 0, 0, 0.15); background-color: #ffffff; }
.high-quality-bags__details { flex: 1; }
.high-quality-bags__logo { margin-bottom: 30px; }
.high-quality-bags__list { list-style: none; padding: 0; margin: 0; }
.high-quality-bags__list li { margin-bottom: 18px; font-size: 16px; line-height: 1.6; }
.high-quality-bags__list li:last-child { margin-bottom: 0; }

.raybo-services { background-color: #fff; margin-top: 120px; }
.raybo-services .home-page-title { position: relative; z-index: 1; margin-bottom: -170px; color: #fff; }
.raybo-services__container { display: flex; }
.raybo-services__item { position: relative; height: 945px; width: 33.33333333333%; cursor: pointer; overflow: hidden; transition: width 0.5s ease, max-width 0.5s ease; }
.raybo-services__item.active { width: 1006px; flex-shrink: 0; max-width: 1006px; }
.raybo-services__item.active:before { opacity: 1; }
.raybo-services__item.active .raybo-services__content { padding-left: 235px; padding-right: 235px; }
.raybo-services__item.active .raybo-services__content h3 { text-align: left; }
.raybo-services__item.active .raybo-services__content p { display: block; opacity: 1; }
.raybo-services__image { display: flex; justify-content: center; position: relative; /*&:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 50%);
}*/ }
.raybo-services__image img { max-width: initial; }
.raybo-services__content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px 10px; color: white; z-index: 2; }
.raybo-services__content h3 { margin: 0 0 20px 0; font-size: 20px; font-weight: 500; text-align: center; }
.raybo-services__content p { margin-bottom: 15px; line-height: 1.6; display: none; opacity: 0; width: 575px; transition: opacity 0.3s ease; position: relative; padding-left: 11px; box-sizing: border-box; }
.raybo-services__content p:last-child { margin-bottom: 0; }
.raybo-services__content p:before { display: inline-block; content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #FFFFFF; position: absolute; left: 0; top: 9px; }
@media (max-width: 1500px) {
.why-buy-raybo .why-buy-raybo__image-section{ zoom:0.8;}
}
@media (max-width: 768px) { .home-banner { background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/02/Raybo-Mushroom-Growing-Bags-Banner-amp.jpg.webp");text-align:center; }
.page-banner .banner-content h1{display:block;}
.page-banner .banner-content h1 span{display:block;}
  .home-page-title { font-size: 24px; margin-bottom: 20px; text-align: center; }
  .who-is-raybo { display: block; padding: 40px 15px; }
  .who-is-raybo .who-is-raybo__image { width: 100%; margin-top: 20px; }
  .who-is-raybo .who-is-raybo__stat-number { font-size: 20px; font-weight: bold; margin-bottom: 0; }
.who-is-raybo .who-is-raybo__button{margin-bottom:0;}
  .what-raybo-do { padding: 40px 15px; }
  .what-raybo-do .home-page-title { color: #fff; }
  .what-raybo-do .what-raybo-do__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .what-raybo-do .what-raybo-do__card { padding: 15px; }
  .what-raybo-do .what-raybo-do__card-overlay { padding: 0 15px; }
.what-raybo-do .what-raybo-do__card-description{font-size: 14px}
.what-raybo-do .what-raybo-do__card-title{font-size:12px;}
  .why-buy-raybo { padding: 40px 15px; }
  .why-buy-raybo .home-page-title { margin-bottom: 20px; }
  .why-buy-raybo .why-buy-raybo__content { display: block; }
  .why-buy-raybo .why-buy-raybo__accordion { width: 100%; }
  .why-buy-raybo .why-buy-raybo__image-section { margin-top: 45px;zoom:1; }
  .why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__image-container { zoom: 0.37; }
  .why-buy-raybo .why-buy-raybo__image-section .why-buy-raybo__image-container img { transform: translateY(-45px); }
.why-buy-raybo .why-buy-raybo__accordion .why-buy-raybo__accordion-header .why-buy-raybo__accordion-title{font-size:16px;}
  .mushroom-variety { padding: 40px 15px; background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/RAYBO-GROW-BAGS-FOR-MUSHROOMS-IN-VARIETY-BG.jpg"); }
  .mushroom-variety .mushroom-variety__grid { grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); }
	.mushroom-variety .mushroom-variety__overlay img{zoom: 0.5;}
  .effect-display { padding: 40px 15px; }
  .effect-display__container { display: block; }
  .effect-display__item { height: auto; width: 100%; max-width: 100%; transition: none; }
  .effect-display__item:before { opacity: 1; transition: none; }
  .effect-display__item.active { width: 100%; flex-shrink: 0; max-width: 100%; }
  .effect-display__item.active .effect-display__content { padding-left: 15px; }
  .effect-display__item.active .effect-display__content h3 { font-size: 16px; text-align: left; }
  .effect-display__image:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.83) 0%, transparent 50%); }
  .effect-display__image img { max-width: 100%; }
  .effect-display__content { width: 100%; padding: 15px; }
  .effect-display__content h3 { text-align: left; }
  .effect-display__content p { margin: 15px 0 0 0; display: block; opacity: 1; width: 100%; transition: none; }
  .customer-showcase { padding: 40px 15px; background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/LET-CUSTOMERS-SPEAK-FOR-RAYBO-BG.jpg"); }
  .customer-showcase__grid { grid-template-columns: repeat(1, 1fr); gap: 10px; }
  .high-quality-bags { padding: 40px 15px; }
  .high-quality-bags__content { display: block; }
  .high-quality-bags__details { padding: 15px; }
  .raybo-services { padding: 40px 15px; margin-top: 0; }
  .raybo-services .home-page-title { position: relative; z-index: 1; margin-bottom: 20px; color: #000; }
  .raybo-services__container { display: block; }
  .raybo-services__item { height: auto; width: 100%; cursor: pointer; transition: none; margin-bottom: 15px; }
  .raybo-services__item:last-child { margin-bottom: 0; }
  .raybo-services__item.active { width: 100%; max-width: 100%; }
  .raybo-services__item.active:before { opacity: 1; }
  .raybo-services__item.active .raybo-services__content { padding-left: 15px; padding-right: 15px; }
  .raybo-services__image { display: flex; justify-content: center; position: relative; /*&:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 50%);
}*/ }
  .raybo-services__image img { max-width: 100%; }
  .raybo-services__content { position: relative; bottom: 0; left: 0; width: 100%; padding: 20px 15px; color: #000; z-index: 2; border: 1px solid #f5f5f5; }
  .raybo-services__content h3 { margin: 0 0 20px 0; font-size: 20px; font-weight: 500; text-align: left; }
  .raybo-services__content p { margin-bottom: 15px; line-height: 1.6; display: block; opacity: 1; width: 100%; transition: opacity 0.3s ease; position: relative; padding-left: 11px; box-sizing: border-box; }
  .raybo-services__content p:last-child { margin-bottom: 0; }
  .raybo-services__content p:before { display: inline-block; content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #000; position: absolute; left: 0; top: 9px; } }

/*# sourceMappingURL=home.css.map */