.blog_default_1 .large-12{
    margin-bottom: 1.5625rem;
}
.single .blog_default_1 h1 {
    font-size: 2.083rem !important;
}
.blog_default_1 .single_default_title.relative{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
.blog_default_1 .sticky .blog_related_title{
    font-size: 1.667rem;
    line-height: 1.3;
    color: var(--third-cl) !important;
    margin-bottom: 1.25rem;
}
.blog_default_1 .sticky .blog_related_item+.blog_related_item{
    margin-top: 0.9375rem;
    padding-top: 0.9375rem;
    border-top: 1px solid #dfdfdf;
}
.blog_default_1 .sticky .blog_related_item .blog_item{
    display: flex;
    gap: 1.042rem;
    width: 100%;
}
.blog_default_1 .sticky .blog_related_item .blog_item_avatar{
    width: 30%;
    min-width: 30%;
}
.blog_default_1 .sticky .blog_related_item .blog_detail{
    flex-direction: column;
    margin-top: 0;
    gap: 0.417rem;
}
.blog_default_1 .sticky .blog_related_item .blog_detail .blog_detail_date{
    padding-right: 0;
    border-right: none;
    font-size: 0.7rem;
}

.blog_default_1 .sticky .blog_related_item .blog_detail .blog_detail_title{
    margin-bottom: 0.417rem;
    margin-top: 0;
    line-height: 1.2;
}
.blog_default_1 .sticky .blog_related_item .blog_detail .blog_detail_excerpt{
    font-size: 0.833rem;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blog_default_1 .sticky .related_posts{
    position: sticky;
    top: 7.292rem;
    padding-left: 2rem;
}
.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
.p-middle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
}
.img-wrap{
    overflow: hidden;
    position: relative;
}
.img-wrap video,
.img-wrap img{
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap-link{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}
.m-auto{
    margin: auto;
}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.relative{
    position: relative !important;
}
.absolute{
    position: absolute !important;
}
.p-unset{
    position: unset !important;
}
.flex-box{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-row{
    flex-direction: row !important;
}
.flex-col{
    flex-direction: column;
}
.al-center{
    align-items: center;
}
.al-start{
    align-items: flex-start;
}
.al-end{
    align-items: flex-end;
}
.al-baseline{
    align-items: baseline;
}
.jus-start{
    justify-content: flex-start;
}
.jus-end{
    justify-content: flex-end;
}
.jus-center{
    justify-content: center;
}
.jus-between{
    justify-content: space-between;
}
.grid-box{
    display: grid;
}
.grid-2{
    grid-template-columns: repeat(2, 1fr);
}
.grid-3{
    grid-template-columns: repeat(3, 1fr);
}
.grid-4{
    grid-template-columns: repeat(4, 1fr);
}
.d-block{
    display: block;
}
.coffee-sec-1{
    height: 100vh;
}
.coffee-sec-1 .cont-wrap{
    top: 50%;
    transform: translateY(-50%);
    left: 13.542rem;
    z-index: 3;
    width: 33.854rem;
    max-width: 100%;
}
.coffee-sec-1 .cont-wrap .heading_sec{
    font-size: 3.125rem !important
}
.coffee-sec-1 .img-wrap{
    height: 100%;
}
.coffee-sec-1 .img-wrap:before{
    z-index: 2;
    background: #00000066;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.text-white,
.text-white a{
    color: #FFF;
}
.coffee-sec-1 .cont-wrap .heading_sec{
    color: #FFF !important;
}
.coffee-sec-2{
    padding-top: 6.25rem;
}
.coffee-sec-2 .cont-wrap{
    width: 35.9375rem;
    max-width: 100%;
    left: 13.542rem;
    top: 8.229rem;
    z-index: 3;
}
.sec-desc{
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.354rem;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.coffee-sec-3{
    background: linear-gradient(180deg, #FDF8ED 0%, rgba(253, 248, 237, 0) 61.85%);
    padding-top: 7.292rem;
}
.coffee-sec-3 .title-group{
    width: 38.021rem;
    max-width: 100%;
    margin-bottom: 3.646rem;
}
.coffee-sec-3 .coffee-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4.6875rem 9.115rem;
}
.product-item .img-wrap{
    aspect-ratio: 1;
    margin-bottom: 1.5625rem;
    transition: all 0.4s;
}
.product-item .coffee-name{
    font-weight: 600;
    font-size: 1.5625rem;
    line-height: 1.3;
    color: #333333;
    transition: all 0.4s;
}
.product-item:hover .img-wrap{
    transform: rotateZ(10deg);
}
.product-item:hover .coffee-name{
    color: var(--third-cl);
}
.coffee-sec-4{
    padding-top: 5.208rem;
}
.coffee-sec-4 .title-group{
    width: 57.083rem;
    max-width: 100%;
    margin-bottom: 2.8125rem;
}
.z-5{
    z-index: 5;
}
.coffee-sec-4 .flex-box{
    gap: 2.604rem
}
.coffee-sec-4 .flex-box .img-wrap{
    border-radius: 50%;
    margin-bottom: 1.302rem;
    width: 10.417rem;
    height: auto;
    aspect-ratio: 1;
}
.coffee-sec-4 .flex-box h3{
    font-weight: 500;
    font-size: 1.042rem;
    line-height: 1.458rem;
    text-align: center;
    color: #000000;
    margin-bottom: 0.78125rem;
}
.coffee-sec-4 .flex-box .dot{
    text-align: center;
}
.coffee-sec-4 > .img-wrap{
    margin-top: -15.625rem;
}
.coffee-sec-5{
    padding-top: 7.8125rem;
}
.coffee-sec-5 .col-left{
    padding-top: 2.604rem;
}
.coffee-sec-5 .col-left .title-group{
    margin-bottom: 4.792rem;
    padding-right: 2.604rem;
}
.coffee-sec-5 .col-left .img-left{
    margin-left: 10.3125rem;
}
.coffee-sec-5 .col-left .img-left > .text-wrap{
    position: absolute;
    display: flex;
    bottom: 3.542rem;
    left: -5.208rem;
    z-index: 3;
}
.coffee-sec-5 .col-left .img-left > .text-wrap > svg{
    animation: text_rotation 20s infinite linear;
    width: 10.417rem;
}
@keyframes text_rotation {
    from{
        transform-origin: center;
        transform: rotateZ(0);
    }
    to{
        transform-origin: center;
        transform: rotateZ(360deg);
    }
}
.coffee-sec-5 .col-right{
    padding-left: 6.667rem;
}
.coffee-sec-5 .col-right .img-wrap{
    margin-bottom: 4.375rem;
}
.coffee-sec-6{
    padding-top: 7.8125rem;
    padding-bottom: 7.8125rem;
    background: linear-gradient(0deg, rgba(253, 248, 237, 0.6) 0%, rgba(253, 248, 237, 0) 100%);
}
.coffee-sec-6 .title-group{
    margin-bottom: 1.771rem;
}
.coffee-sec-6 .col-6{
    padding: 0 2.083rem;
}
.coffee-sec-6 .col-right{
    text-align: right;
}
.coffee-sec-6 .item .title{
    font-weight: 600;
    font-size: 1.458rem;
    line-height: 1.4;
    margin-bottom: 0.78125rem;
    color: #333333;
}
.coffee-sec-6 .item+.item{
    margin-top: 4.6875rem;
}
.coffee-sec-6 .item .sec-desc{
    margin-bottom: 2.083rem;
}
.coffee-sec-6 .item svg{
    max-width: 100%;
    height: auto;
}
.coffee-sec-7{
    height: 41.667rem;
}
.coffee-sec-7 .img-wrap{
    height: 100%;
}
.coffee-sec-7 .cont-wrap{
    bottom: 7.552rem;
    left: 50%;
    transform: translateX(-50%);
    width: 44.792rem;
    max-width: 100%;
}
.coffee_other_slide.swiper{
    margin: 0 -4.583rem;
}
.coffee_other_slide .swiper-slide{
    padding: 0 4.583rem;
}
footer#footer .footer-wrap{
    background: var(--third-cl);
    padding-top: 2.604rem;
}
footer#footer .logo_footer{
    margin-left: auto;
    margin-right: auto;
    /*filter: brightness(0) invert(1);*/
}
footer#footer .logo_slogan{
    text-align: center;
    color: #FFF;
}
footer#footer .footer-menu ul{
    list-style: none;
    gap: 5rem;
    margin: 0;
}
footer#footer .footer-menu ul li{
    margin: 0;
}
footer#footer .footer-menu ul li > a{
    color: #FFF;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.4;
    display: block;
}
footer#footer .footer_bottom{
    margin-top: 2rem;
    border-top: 1px solid rgba(223, 223, 223, 0.2);
}
footer#footer .form_wrap{
    display: flex;
    gap: 1.667rem;
    margin-bottom: 2.604rem;
}
footer#footer .wpcf7-spinner{
    display: none !important;
}
footer#footer .form_wrap input{
    color: #FFF;
}
footer#footer .form_wrap .submit_btn > .inner{
    display: flex;
    align-items: center;
    gap: 0.521rem;
    font-weight: 500;
    font-size: 0.9375rem;
    position: relative;
    height: 100%;
}
footer#footer .form_wrap .submit_btn > .inner input[type='submit']{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0;
}
footer#footer .form_wrap input::placeholder{
    color: #FFFFFF80;
}
footer#footer .form_wrap .form_item{
    border: none !important;
    padding-bottom: 0;
}
footer#footer .form_wrap input{
    border-bottom: 1px solid #FFFFFF4D;
    padding: 0.729rem 0;
}
footer#footer .form_wrap input:focus {
    border-color: #FFF;
    color: #FFF;
}
.page-template-home footer#footer,
.page-template-product-coffee footer#footer{
    padding-top: 0 !important;
}
.home_3 .tabs-title{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.042rem;
    margin-bottom: 2.34375rem;
    margin-top: 1.5625rem;
}
.home_3 .tabs-title .tab-title{
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--third-cl);
    color: var(--third-cl);
    transition: .4s all;
    cursor: pointer;
}
.home_3 .tabs-title .tab-title.active{
    background: var(--third-cl);
    color: white;
}
.home_3 .swiper-progress{
    position: relative;
    background: #dfdfdf;
    height: 3px;
}
.home_3 .swiper-controls{
    gap: 1.25rem;
    margin-top: 2.5rem;
}
.home_3 .swiper-controls .arrows{
    gap: 0.625rem;
}
.home_3 .swiper-controls .arrows .swiper-arrow path{
    stroke: currentColor;
}
.home_3 .swiper-controls .arrows .swiper-arrow{
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    border-radius: 4px;
    border: 1px solid var(--third-cl);
    color: var(--third-cl);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s;
}
.home_3 .swiper-controls .arrows .swiper-arrow:hover{
    background: var(--third-cl);
    color: #FFF;
}
.home_3 .btn_home3{
    position: unset !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}
.home_3 .swiper-progress .swiper-pagination-progressbar-fill{
    background: var(--third-cl);
}
.home-products-wrap .tab-content{
    display: none;
    animation: fade_up 1s;
}
.home-products-wrap .tab-content.active{
    display: block;
}
.home-products-wrap .home-rice-swiper .swiper-slide:nth-of-type(odd) .product_show_item{
    flex-direction: column-reverse;
}
.home-products-wrap .tab-rice .swiper-slide{
    padding: 0 1.5625rem;
}
.home-products-wrap .tab-coffee .swiper{
    margin: 0 -4.583rem;
}
.home-products-wrap .tab-coffee .swiper-slide{
    padding: 0 4.583rem;
}
.home-products-wrap .product_show_item_image{
    width: 100%;
    height: auto;
    aspect-ratio: 1;
}
.product-item-specs{
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.product-item-specs .spec-item{
    display: flex;
    flex-grow: 1;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    gap: 1.25rem;
}
.product-item-specs .spec-item+.spec-item{
    margin-top: 0.417rem;
}
.product-item-specs .spec-item .label{
    width: 7.292rem;
    min-width: 7.292rem;
    color: #909090;
}
.footer_bottom .link_external{
    gap: 1.25rem;
}
.footer_bottom .link_external a{
    display: flex;
    align-items: center;
}
.footer_bottom .col-right .social-item img{
    filter: brightness(0) invert(1);
    width: 1.875rem;
    height: 1.875rem;
}
.footer_bottom .footer-socials{
    gap: 0.833rem;
    margin-left: 0.833rem;
}
.coffee-sec-7+ section.eco_detail_related{
    padding-top: 0 !important;
    display: none !important;
}
.eco_related_item_detail{
    width: max-content;
    max-width: 90%;
}
@media only screen and (max-width: 1199px){
    .coffee-sec-2 .cont-wrap,
    .coffee-sec-1 .cont-wrap{
        left: calc(calc(100vw - var(--container-w))/2);
    }
    .coffee-sec-2 .cont-wrap{
        top: 5rem;
    }
    #header .nav > li{
        margin: 0 0.75rem;
    }
    .coffee-sec-3 .coffee-grid{
        grid-gap: 3rem 6rem
    }
    .coffee_other_slide.swiper{
        margin: 0 -3rem;
    }
    .coffee_other_slide .swiper-slide{
        padding: 0 3rem;
    }
}
@media only screen and (max-width: 991px) {
    .blog_default_1 .sticky .related_posts{
        margin-top: 2rem;
        padding-left: 0;
    }
    .blog_default_1 .sticky .blog_related_title{
        font-size: 2rem;
    }
    .blog_default_1 .sticky .blog_related_item .blog_detail .blog_detail_date{
        font-size: 1.2rem;
    }
    .blog_default_1 .sticky .blog_related_item .blog_detail .blog_detail_title{
        font-size: 1.6rem;
    }
    .blog_default_1 .sticky .blog_related_item .blog_detail .blog_detail_excerpt {
        font-size: 1.3rem;
    }
    .coffee-sec-2 .cont-wrap{
        top: 3rem;
    }
    .coffee-sec-3{
        padding-top: 4.5rem;
    }
    .coffee-sec-4{
        padding-top: 4.5rem;
    }
    .coffee-sec-5{
        padding-top: 4.5rem;
    }
    .coffee-sec-5 .col-left .img-left{
        margin-left: 5rem;
    }
    .coffee-sec-5 .col-right{
        padding-left: 3rem;
    }
    .coffee-sec-5 .col-right .img-wrap{
        margin-bottom: 2.5rem;
    }
    .coffee-sec-6 .item .sec-desc{
        margin-bottom: 1rem;
    }
    .coffee-sec-7{
        height: 36rem;
    }
    .coffee-sec-7 .cont-wrap{
        bottom: 3rem;
    }
    .coffee-sec-3 .coffee-grid{
        grid-gap: 3rem 4rem;
        grid-template-columns: 1fr 1fr;
    }
    .home-products-wrap .tab-coffee .swiper,
    .coffee_other_slide.swiper{
        margin: 0 -2rem;
    }
    .home-products-wrap .tab-coffee .swiper-slide,
    .coffee_other_slide .swiper-slide{
        padding: 0 2rem;
    }
    .copyright{
        text-align: center;
    }
    .footer_bottom .col-right{
        flex-direction: column;
    }
    .footer_bottom .link_external{
        justify-content: center;
        margin: 1rem 0;
    }
    .footer_bottom .col-right .social-item img{
        width: 3rem;
        height: 3rem;
    }
    .footer_bottom .footer-socials{
        gap: 1.5rem;
        margin-left: 0;
    }
}
@media only screen and (max-width: 767px){
    :root{
        --container-w: 100%;
    }
    .blog_default_1 .single_default_title.relative{
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }
    .blog_default_heading_item_content:has(+.single_default_title){
        font-size: 1.2rem !important;
        text-align: center;
    }
    .blog_default_1 .large-12 {
        margin-bottom: 2.5rem;
    }
    .blog_default_1 .blog_default_the_content td,
    .blog_default_1 .blog_default_the_content li,
    .blog_default_1 .blog_default_the_content p,
    .blog_default_1 .blog_default_the_content{
        font-size: 1.4rem !important;
    }
    .blog_default_1 .blog_default_the_content h2{
        margin-bottom: 1rem;
    }
    .blog_default_1 .blog_default_the_content h3{
        font-size: 1.6rem;
    }
    .blog_default_1 .blog_default_the_content p{
        margin-bottom: 1rem;
    }
    .coffee-sec-1{
        height: 500px;
    }
    .coffee-sec-1 .cont-wrap{
        left: 50%;
        transform: translateX(-50%);
        bottom: 2rem;
        text-align: center;
        top: unset;
    }
    .coffee-sec-1 .cont-wrap .subtitle.dot{
        margin-left: auto;
        margin-right: auto;
    }
    .coffee-sec-7 .cont-wrap .heading_sec,
    .coffee-sec-1 .cont-wrap .heading_sec{
        font-size: 2.25rem !important;
    }
    .coffee-sec-7 .cont-wrap .btn_style_1,
    .coffee-sec-1 .cont-wrap .btn_style_1{
        padding: 0.5rem 1.5rem;
        margin-left: auto;
        margin-right: auto;
    }
    .coffee-sec-7 .cont-wrap .btn_style_1 .text,
    .coffee-sec-1 .cont-wrap .btn_style_1 .text{
        font-size: 1.2rem;
    }
    .coffee-sec-2{
        padding-top: 3rem;
    }
    .coffee-sec-2 .cont-wrap{
        position: relative !important;
        top: unset;
        left: unset;
        padding: 0 1rem;
        width: 100%;
        margin-bottom: -3rem;
        z-index: 3;
    }
    .coffee-sec-4 .flex-box{
        flex-wrap: wrap;
        gap: 1.5rem
    }
    .coffee-sec-4 .flex-box .img-wrap{
        width: 6rem;
    }
    .coffee-sec-4 .flex-box .dot svg{
        height: 80px;
        width: auto;
    }
    .coffee-sec-4 > .img-wrap{
        margin-top: -5rem;
    }
    .coffee-sec-5 .col-left,
    .coffee-sec-5 .col-right{
        width: 100%;
    }
    .coffee-sec-5 .col-left .title-group{
        margin-bottom: 2.5rem;
        padding-right: 0;
    }
    .coffee-sec-5 .col-right{
        padding-left: 0;
        padding-top: 2rem;
    }
    .sec-desc{
        font-size: 1.4rem;
        line-height: 1.4;
    }
    .coffee-sec-6{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .coffee-sec-6 .col-3    {
        width: 100%;
    }
    .coffee-sec-6 .col-6{
        order: -1;
        margin-bottom: 2rem;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .coffee-sec-6 .item+.item{
        margin-top: 2.5rem;
    }
    .coffee-sec-6 .col-right{
        text-align: left;
        margin-top: 2.5rem;
    }
    .coffee-sec-6 .col-right .item svg{
        transform: rotateY(180deg);
    }
    .coffee-sec-7 .cont-wrap{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .coffee-sec-3 .coffee-grid{
        grid-gap: 2rem 1rem;
    }
    .coffee_other_slide.swiper{
        margin: 0 -0.5rem;
    }
    .coffee_other_slide .swiper-slide{
        padding: 0 0.5rem;
    }
    .home-products-wrap .tab-rice .swiper{
        margin: 0 -0.5rem;
    }
    .home-products-wrap .tab-rice .swiper-slide{
        padding: 0 0.5rem;
    }
    footer#footer .footer_bottom .col{
        padding-left: 0;
        padding-right: 0;
    }
    footer#footer .footer-menu ul{
        gap: 2rem;
        flex-direction: column;
    }
    footer#footer .footer-menu ul li > a{
        font-size: 1.2rem;
    }
    footer#footer .form_wrap{
        flex-wrap: wrap;
    }
    footer#footer .form_wrap .form_item{
        width: 100%;
    }
    .copyright,
    .footer_bottom .link_external a{
        font-size: 1.2rem;
    }
    .footer_bottom .col-right .social-item img{
        width: 2.5rem;
        height: 2.5rem;
    }
    footer .submit_btn .inner{
        font-size: 1.25rem !important;
    }
    footer .submit_btn{
        margin-left: auto;
        margin-right: auto;
    }
}