.mt-125{margin-top:125px;}
.mt-10{margin-top:10px;}
.z-i-4{z-index:4;}
.overlay-props{position: absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.2);z-index: 2;}
.container-props.abs-props-details{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index: 3;}
@media screen and (max-width:991px){
    .mt-125{margin-top:106px}
}

.alt-bg{background-color:var(--alt-bg);}
.pseudo-bottom:before{position:absolute;content:"";top:auto;width:100px;height:3px;background:var(--cta-color);}
.pseudo-bottom.center:before{bottom:0;left:50%;transform:translateX(-50%);}
.pseudo-bottom.left-align:before{bottom:0;left:0;}
.pseudo-bottom.left-align{padding-bottom:14px;margin-bottom:14px;}
.pseudo-rt:after{position: absolute;content:url("../images/home/bird-right.png");top:-90px;right:60px;}
.pseudo-rt.d-z-index:after{z-index: -1;}
.pseudo-let-top:after{position: absolute;content: url("../images/home/bird-left.png");top:45%;transform:translatey(-50%);left:0;}
.quality-caption{width:100%;display:grid;border-radius:16px;border:#c1c5cd solid 2px;padding:20px;background:#fff;margin-top:30px;}
.banner-title{font-size:48px;}
@media screen and (max-width:1200px){
    .banner-title{font-size:40px;}
}
@media screen and (max-width:1024px){
    .banner-title{font-size:30px;}
}
@media screen and (max-width:767px){
    .banner-title{text-align: center;}
}
/* Rice category css */
.wrap-exp-infos{width:100%;display: flex;}
.pdt-60{padding-top:60px;}
.pdb-60{padding-bottom:60px;}
.pdr-100{padding-right:100px;}
.mt-30{margin-top:30px;}
.mt-60{margin-top:60px;}
.exp-details{width:calc(100% - 360px);}
.product-wrapper > h1,
.pseudo-left{position: relative;padding-bottom:12px;margin-bottom:20px;}
.product-wrapper > h1:before,
.pseudo-left:before{position:absolute;content:"";top:auto;bottom:0;left:0;width:100px;height:3px;background:var(--cta-color);}
.quality-controls > h1{font-size:30px;}
.product-wrapper > p{margin-top:10px;}
.product-lists{width:360px;}
.product-type:not(:first-child){margin-top:30px;}
.product-title{font-size:30px;}
.quality-controls p{margin-top:16px;}
.quality-controls .step-grid-1 p{margin-top:8px;}
.product-category{margin-top:12px;}
.product-caption + .product-caption{margin-top:16px;}
.product-category > li:not(:first-child){margin-top:5px;}
a.category-info{color:var(--title-color);display: inline-flex;padding-left:10px;}
a.category-info:before{position: absolute;content:"\f0da";top:3px;left:0;font-size:13px;font-family:fontawesome;}
a.category-info:hover,
a.category-info:hover:before{color:var(--cta-color);}
@media screen and (max-width:1360px){
    .pdr-100{padding-right:60px;}
    .pseudo-rt:after{right:20px;}
}
@media screen and (max-width:767px){
    .product-title{font-size:24px;}
    .quality-controls > h1{font-size:23px;}
    .variety-caption.mt-30{margin-top:0;}
}

/* Product list css */
.variety-title{font-size:30px;}
.product-grid-3{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap:30px;}
.wrapper-detail + .wrapper-detail{margin-top:40px;}
@media screen and (max-width:1366px){
    .product-grid-3{grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media screen and (max-width:900px){
    .exp-details{width:100%;padding-right:0;}
    .wrap-exp-infos{flex-direction: column;}
    .product-grid-3{grid-template-columns: repeat(3,minmax(0,1fr));gap:15px;}
}
@media screen and (max-width:767px){
    .product-grid-3{grid-template-columns: repeat(2,minmax(0,1fr));}
    .variety-title{font-size:24px;}
}
@media screen and (max-width:480px){
    .product-grid-3{grid-template-columns: repeat(1,minmax(0,1fr));}
}

/* justified image gallery css */
.justified-gallery{width: 100%;max-width:1500px;margin:0 auto;position: relative;overflow: hidden;}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure{position: absolute;display: inline-block;filter: 'alpha(opacity=0)';opacity: 0;margin: 0;padding: 0px;}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img{position: absolute;top: 50%;left: 50%;margin: 0;padding: 4px;border-radius: 8px !important;border: none;filter: 'alpha(opacity=1)';opacity: 1;box-shadow:var(--shadow-props);}
.justified-gallery > a > .jg-caption,
.justified-gallery > div > .jg-caption,
.justified-gallery > figure > .jg-caption{display: none !important;position: absolute;bottom: 0;padding: 5px;background-color: #000000;left: 0;right: 0;margin: 0;color: white;font-size: 12px;font-weight: 300;font-family: sans-serif;}
.justified-gallery > a > .jg-caption.jg-caption-visible,
.justified-gallery > div > .jg-caption.jg-caption-visible,
.justified-gallery > figure > .jg-caption.jg-caption-visible{display: initial;filter: 'alpha(opacity=100)';opacity: 1;-webkit-transition: opacity 500ms ease-in;-moz-transition: opacity 500ms ease-in;-o-transition: opacity 500ms ease-in;transition: opacity 500ms ease-in;}
.justified-gallery > .jg-entry-visible{filter: 'alpha(opacity=100)';opacity: 1;background: none;}
.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg{filter: 'alpha(opacity=100)';opacity: 1;-webkit-transition: opacity 500ms ease-in;-moz-transition: opacity 500ms ease-in;-o-transition: opacity 500ms ease-in;transition: opacity 500ms ease-in;}
.justified-gallery > .jg-filtered{display: none;}
.justified-gallery > .jg-spinner{position: absolute;bottom: 0;margin-left: -24px;padding: 10px 0 10px 0;left: 50%;filter: 'alpha(opacity=100)';opacity: 1;overflow: initial;display:none!important;}
.justified-gallery > .jg-spinner > span{display: inline-block;filter: 'alpha(opacity=0)';opacity: 0;width: 8px;height: 8px;margin: 0 4px 0 4px;background-color: #000;border-radius: 6px;}
.justified-gallery > div.image_thumbnail img{padding:10px;border:#e0e0e1 solid 2px;padding:10px;background:#fff;border-radius:8px;}
@media screen and (max-width:700px){
  .justified-gallery{grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
}

/* Light gallery css */
body .lg-container .lg-next:before, 
body .lg-container .lg-prev:after, 
body .lg-container .lg-toolbar .lg-close:after,
body .lg-toolbar .lg-download:after{color:#fff;font-family: FontAwesome;}
body .lg-container .lg-toolbar .lg-close:after{content: '\f00d';-webkit-text-stroke: 2px #000;}
body .lg-container .lg-prev:after{content: '\f177';}
body .lg-container .lg-next:before{content: '\f178';}
body .lg-toolbar .lg-download:after{content:"\f019"}

/* Pagination ccss */
#pagination-controls{display: flex;justify-content: center;align-items: center;margin: 24px 0 0;gap: 4px;flex-wrap: wrap;}
#pagination-controls:empty{display: none;}
#pagination-controls button{background: #fff;color: var(--title-color);border: 1px solid var(--cta-color);padding: 6px 14px;margin: 0 2px;border-radius: 4px;cursor: pointer;transition: background 0.2s, color 0.2s, border 0.2s;font-size: 16px;}
#pagination-controls button:disabled{background: #f0f0f0;border-color: #d7d7d7;color:#d7d7d7;}
#pagination-controls button:hover:not(:disabled):not(.active){background:var(--cta-color);} 
#pagination-controls button.active,
#pagination-controls button:disabled.active{background: var(--cta-color);color: var(--title-color);border-color: var(--cta-color);cursor: default;}
#pagination-controls button:disabled{cursor: not-allowed;}
#pagination-controls span{padding: 0 6px;color: var(--title-color);font-size: 18px;user-select: none;}