/* Banner css start */
.banner-props{width:100%;height:100vh;}
.banner-props .swiper-slide{background-size: cover;}
.home-banner-infos img{height: 100%;}
.height-props{height:100%;}
.b-img-c{background-repeat:no-repeat;background-position: center center;background-size: cover;}
.effect{opacity: 0;transition: all 1s ease;}
.effect.swiper-slide-active{opacity: 1;}
.banner-content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.banner-content-wrapper{flex-direction:column;align-items: flex-start;justify-content:center;height:100%;color:#fff;padding-top:126px;}
.wrap-all-contents{max-width:39vw;padding-left:2vw;}
.banner-title{font-size:4vw;font-weight:700;text-transform: uppercase;line-height:1;margin-bottom:12px;}
.banner-subtitle{font-size:2.2vw;font-weight:400;line-height:1.3;margin-bottom:36px;}
.insignia-img{width:248px;margin:10px auto 0;opacity: 0.8;}
@media screen and (max-width:1413px){
.wrap-all-contents{padding-left:3vw;}
.banner-subtitle{font-size:2.9vw;}
}
@media screen and (max-width:1366px){
.banner-title{margin-bottom:16px;}
.banner-subtitle{margin-bottom:24px;}
}
@media screen and (max-width:991px){
    .banner-props{height:auto;margin-top:108px;}
    .banner-content-wrapper{padding-top:0;}
    .banner-props .swiper-slide{height:0;padding-top:45.45%;position: relative;}
    .home-banner-infos img{position: absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}
}
@media screen and (max-width:767px){
    .wrap-all-contents{padding-left:0;max-width:50vw;}
    .banner-title{font-size:5vw;}
    .banner-subtitle{font-size:3.2vw;}
    .insignia-img{width:180px;}
    p{text-align: justify;}
}
@media screen and (max-width:640px){
    .banner-title{margin-bottom:8px;}
    .banner-subtitle{font-size:3.8vw;margin-bottom:10px;}
}
@media screen and (max-width:480px){
    .banner-props .swiper-slide{padding-top:100%;}
    .wrap-all-contents{width:100%;max-width:100%;text-align: center;}
    .banner-content-wrapper{justify-content: flex-start;padding-top:30px;}
    .banner-title{font-size:32px;}
    .banner-subtitle{font-size:22px;}
}
/* Banner pagination css */
.swiper-pagination.banner-pagination{width: 100%;max-width: 1530px;margin: 0 auto;top:auto;bottom:20px;transform: translateX(-50%);left: 50%!important;}
.banner-pagination .swiper-pagination-bullet{width:50px;height:5px;margin:0;border-radius:8px;opacity: 0.8;transition:opacity 1s ease;}
.banner-pagination .swiper-pagination-bullet{background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1);}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--cta-color);border-radius:12px;opacity: 1;}
.banner-pagination .swiper-pagination-bullet:not(:first-child){margin-left:5px;}

/* Country where jashnfoods present css */
.primary-bg{width:100%;/*background:#F2F1ED url('https://cdn1.jashnfoods.com/frontend/images/home/rice-bg.png') center bottom -500px no-repeat;*/position: relative;}
.primary-bg:before,
.primary-bg:after{position: absolute;width:227px;height:515px;top:0;}
.primary-bg:before{content:url('https://cdn1.jashnfoods.com/frontend/images/home/bird-left.png');left:0;}
.primary-bg:after{content:url('https://cdn1.jashnfoods.com/frontend/images/home/bird-right.png');right:0;}
.pseudo-bottom{position: relative;}
.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:10px;margin-bottom:14px;}
.swiper-wrapper.country-wrapper{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap:24px;}
.export-country{font-size:26px;}
.country-images{background:#fff;padding:12px;border-radius:8px;display: grid;}
.country-details{line-height:1.4;}
.feature-caption{background:#4e1676;background-size:56% 100%; background-position: left top; background-repeat: no-repeat; background-image: url('https://cdn1.jashnfoods.com/frontend/images/home/rice-collarge.png') ;}
.w-color{color:#fff;}
.grid-2-props{display: grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.gap-60{gap:60px;}
.z-index-1{z-index: 1;}
.pseudo-bottom.left-align{padding-bottom:8px;margin-bottom:16px;}
@media screen and (max-width:1024px){
    .swiper-wrapper.country-wrapper{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media screen and (max-width:900px){
    .feature-caption{background:#4e1676 url('https://cdn1.jashnfoods.com/frontend/images/home/rice-collarge-mobile.png') no-repeat;background-size:56% 100%;background-position: center top;background-size: 100%;}
    .grid-2-props{grid-template-columns:repeat(1,minmax(0,1fr));}
}
@media screen and (max-width:767px){
    .export-country{font-size:20px;font-weight:500;}
    .country-images{justify-content: center;}
    .product-description,
    .country-details,
    .sub-title-props{text-align: justify;}
    .sub-title-caption{text-align: center;}
    .pseudo-bottom.left-align{padding-bottom:12px;margin-bottom:20px;}
    .sub-title-caption.pseudo-bottom.left-align:before{left:50%;transform: translateX(-50%);}
}
@media screen and (max-width:576px){
    .swiper-wrapper.country-wrapper{grid-template-columns: repeat(1, minmax(0, 1fr));}
}

/* Product details css */
.pdt-150{padding-top:150px;} 
.pdb-150{padding-bottom:150px;}
@media screen and (max-width:1600px){
    .pdt-150{padding-top:100px;} 
    .pdb-150{padding-bottom:100px;}
}
@media screen and (max-width:1024px){
    .pdt-150{padding-top:60px;} 
    .pdb-150{padding-bottom:60px;}
}
@media screen and (max-width:1024px){
    .pdt-150{padding-top:67%;}
}
/* Product varieties css */
.product-varieties{background:#4e1676;}
.product-varieties:before,
.product-varieties:after{position: absolute;}
.product-varieties:before{content:url('https://cdn1.jashnfoods.com/frontend/images/home/color-bird-left.png');left:0;top:150px;}
.product-varieties:after{content:url('https://cdn1.jashnfoods.com/frontend/images/home/color-bird-right.png');right:0;bottom: 20px;}
.product-detail{background:#fff;border-radius:12px;padding:12px;}
.product-image:not(.image-loading):before{position: absolute;content:url('https://cdn1.jashnfoods.com/frontend/images/home/symbol-logo.png');left:50%;top:50%;transform: translate(-50%,-50%);}
a.product-image{display: block;}
.points-props > li{position: relative;padding-left:16px;}
.points-props > li:before{position: absolute;content:"";left:0;top:7px;width:6px;height:6px;border-radius:100%;background:var(--d-color);}
.points-props.w-color > li:before{background:#fff;}
.points-props > li{margin-top:4px;}
.points-props{color:var(--d-color);}
.points-props.w-color{color:#fff;}
.btn-grid-2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 15px;padding: 0 0 3px;}
.btn-grid-2 .secondary-btn,
.btn-grid-2 .primary-btn{padding:0;height:36px;font-size:14px;font-weight:500;text-transform: uppercase;}
@media screen and (max-width:767px){
    .product-varieties .mt-40{margin-top:0px;}
}
/* About Group css */
.group-info{background:url('https://cdn1.jashnfoods.com/frontend/images/home/illustration-bg.png') center center no-repeat;background-size: cover;}
.group-overlay{background:rgba(214,151,56,0.9);padding: 150px 0;}
.group-info .pseudo-bottom:before{background:#FFC675;}
.jashnfood-video{width:100%;height:400px;}
.vertical-center{display: flex;flex-direction: column;justify-content: center;}
@media screen and (max-width:1400px){
    .btn-grid-2 .secondary-btn,
    .btn-grid-2 .primary-btn{font-size:13px;}
}
@media screen and (max-width:1024px){
    .group-overlay{padding:60px 0;}
}
@media screen and (max-width:900px){
.group-info .gap-60{gap:30px;}
}
/* Logo list css */
.grid-6-props{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));}
.company-logo-props{display: grid;justify-content: center;overflow: unset;}
.company-logo-props img{transition: all 0.5s ease;}
.company-logo-props:hover img{transform: scale(1.1);}
@media screen and (max-width:900px){
    .grid-6-props{grid-template-columns: repeat(3,minmax(0,1fr));gap:24px;}
}
@media screen and (max-width:360px){
    .grid-6-props{grid-template-columns: repeat(2,minmax(0,1fr));gap:24px;}
}
/* Blog Info css */
.blog-info{background-position: center center; background-repeat: no-repeat; background-size: cover;}
.blog-info .product-image:before{content:"";}

/* Location css */
iframe.location-props{height:500px;}
.gallery-slider img{border-radius:16px;}
.gallery-slider .swiper-slide{width:33.333%}
.gallery-slider .image_thumbnail{display: block;position: relative;padding-top:56.25%;overflow: hidden;border-radius:16px;}
.gallery-slider .image_thumbnail img{position: absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;transition: all 0.5s ease;}
/* Gallery css */
.gallery-props{background: url('https://cdn1.jashnfoods.com/frontend/images/home/gallery-bg.jpg') center bottom no-repeat;}
/* 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"}

/* swiper slider button */
.pdb-60{padding-bottom:60px;}
.common-btn-props .common-btn-info{width:48px;height:48px;border-radius:100%;background:#fff;border:var(--cta-color) solid 2px;background-image:none!important;}
.common-btn-props .common-btn-info:hover{background:var(--cta-color);}
.common-btn-props .bottom-align{position:absolute;top:auto;bottom:0;}
.swiper-button-prev.bottom-align{left:calc(50% - 56px);}
.swiper-button-next.bottom-align{left:auto;right:calc(50% - 56px);}
.swiper-button-prev.bottom-align:after{content:"\f053";}
.swiper-button-next.bottom-align:after{content:"\f054";}
.swiper-button-prev.bottom-align:after,
.swiper-button-next.bottom-align:after{font-family: fontawesome;font-size:24px;-webkit-text-stroke:2px #fff;color:var(--cta-color);}
.swiper-button-prev.bottom-align:hover:after,
.swiper-button-next.bottom-align:hover:after{color:#fff;-webkit-text-stroke:2px var(--cta-color);}