*{margin: 0; padding: 0; box-sizing: border-box;}
input:focus, a:focus, button:focus, textarea:focus, select:focus{outline: none !important; box-shadow: none !important;}
a, img, button, input[type="submit"], div{transition: all 0.5s ease;}
img{max-width: 100%;}
.container{position: relative;}
.fa.fa-twitter{font-family:sans-serif;}
.fa.fa-twitter::before{content:"𝕏"; font-size:1.2em;}
body{font-family: "Jost", sans-serif !important; font-weight: 400 !important; background: #fff !important; color: #1E1E1E !important;}
h1, h2, h3, h4, h5, h6{font-family: "Playfair Display", serif;}


header.site-header {margin: 0; padding: 0; position: relative; background: #fff;}
header.site-header .header-top {padding: 15px 0; text-align: center; background: #FFC8D2; color: #181818;}
header.site-header .header-top a {color: #181818;}
header.site-header .header-top a:hover{text-decoration: none;}
header.site-header .main-menu {display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; justify-content: space-between;}
header.site-header .main-menu li {margin: 0; padding: 0;}
header.site-header .main-menu li a {padding: 10px; text-decoration: none; color: #181818; display: flex; font-weight: 500;}
header.site-header .main-menu li a:hover, header.site-header .main-menu li.current-menu-item a {color: #482615;}
header.site-header .site-brand {text-align: center;}
header.site-header .site-brand img {max-height: 75px;}
header.site-header .header-bottom{position: relative; padding: 15px 0; margin: 0; width: 100%;}
header.site-header .header-bottom .row{align-items: center;}
header.site-header .account-list {display: flex; margin: 0; padding: 0 0 0 15px; list-style-type: none; gap: 15px; width: 50%; justify-content:flex-end}
header.site-header .account-list li {margin: 0; padding: 0;}
header.site-header .account-list li a {text-decoration: none; color: #181818; font-weight: 500;}
header.site-header .account-list li a:hover{color: #482615;}
header.site-header .header-right {display: flex; flex-wrap: wrap; margin: 0; align-items: center;}
header.site-header .search-box {width: 50%;}
header.site-header .search-box input[type="search"] {padding:  10px 10px 10px 45px; width: 100%; border-radius: 10px; border: 1px solid #939393;}
header.site-header .search-box form {position: relative;} 
header.site-header .search-box button.btn{width: 30px; height: 30px; background:url("../images/search-icon.png") no-repeat center center; border-radius: 100%; position: absolute; left:10px; top:8px; text-indent: -9999px; border:none}



.home-banner{margin: 0; padding: 160px 0; text-align: center; background: url("../images/home-banner.jpg") no-repeat center center; background-size: cover !important;}
.home-banner h1 {font-size: 60px; font-weight: 800; margin: 0 auto 30px auto; color: #482615; max-width:600px}
.home-banner p{font-size:18px; font-weight:500}
.home-banner .custom-btn {margin: 15px 0 0 0; display: inline-flex;}
.home-banner .custom-btn a {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: flex; gap: 10px; color: #fff; background: #482615; border-radius: 30px; text-decoration: none; align-items: center;}
.home-banner .custom-btn a span {width: 30px; height: 30px; background: #fff; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #482615;}
.home-banner .custom-btn a span i {transform: rotate(45deg);}
.home-banner .custom-btn a:hover {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: flex; gap: 10px; color: #482615; background: #fff; border-radius: 30px; text-decoration: none; align-items: center;}
.home-banner .custom-btn a:hover span {width: 30px; height: 30px; background: #482615; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #fff;}


.inner-banner{margin: 0; z-index: 1; color: #fff; padding:75px 0; background:#000 url("../images/inner-banner.jpg") no-repeat center center; background-size: cover !important; position: relative;}
.inner-banner:before{position: absolute; z-index: -1; width: 50%; height: 100%; content: ""; left:0; top:0; background: #000; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.inner-banner .content-box{max-width:50%; width: 100%;}
.inner-banner h1 {font-size: 48px; font-weight: 600; margin: 0 0 15px 0; color: #fff;}
.inner-banner .custom-btn {margin: 15px 0 0 0; display: inline-flex;}
.inner-banner .custom-btn a {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: flex; gap: 10px; color: #fff; background: #482615; border-radius: 30px; text-decoration: none; align-items: center;}
.inner-banner .custom-btn a span {width: 30px; height: 30px; background: #fff; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #482615;}
.inner-banner .custom-btn a span i {transform: rotate(45deg);}
.inner-banner .custom-btn a:hover {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: flex; gap: 10px; color: #482615; background: #fff; border-radius: 30px; text-decoration: none; align-items: center;}
.inner-banner .custom-btn a:hover span {width: 30px; height: 30px; background: #482615; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #fff;}
.inner-banner.blog-page{background: url("../images/blog-banner.jpg") no-repeat center center;}
.inner-banner.about-page{background: url("../images/about-banner.jpg") no-repeat center center;}
.inner-banner.contact-page{background: url("../images/contact-banner.jpg") no-repeat center center;}


.brand-partner{margin: 0; padding: 0px 0; position: relative; background: #482615;}
.brand-partner .partner-list{list-style-type: none; display: flex; flex-wrap: wrap; margin: 0; padding: 0;}
.brand-partner .partner-list li{margin: 0; padding: 0 15px; width: 16.666%;} 


.what-we-offer{margin: 0; padding:0; background: #fff; position: relative; width: 100%;}
.what-we-offer h3 {font-size: 42px; font-weight: 600; margin: 0 0 15px 0;}
.what-we-offer .bg{background: url("../images/what-we-offer.jpg") no-repeat center center ; background-size: cover !important; padding: 30px; border-radius: 30px; color: #fff;}
.what-we-offer .list-items { margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style-type: none;}
.what-we-offer .list-items li {width: 50%; padding: 0 15px; display: flex; flex-wrap: wrap; margin: 0 0 30px 0;}
.what-we-offer .list-items li a {display: flex;  margin: 0; padding: 0; width: 100%; text-decoration: none;}
.what-we-offer .content-box {width: 100%; border: 1px solid #fff; background: rgba(255, 255, 255, 0.2); display: flex; padding: 15px; flex-direction: row; align-items: center; border-radius: 15px; backdrop-filter: blur(10px);}
.what-we-offer .content-box .img-box, .what-we-offer .content-box .content {display: flex; flex-direction: column;}
.what-we-offer .content-box .img-box {width: 40%;}
.what-we-offer .content-box .img-box img {width: 100%; border-radius: 10px;}
.what-we-offer .content-box .content {width: 60%; padding: 15px;}
.what-we-offer .content-box .content p:last-child {margin-bottom: 0;}
.what-we-offer .content-box .content .title {font-size: 18px; font-weight: 600; margin: 0 0 10px 0; color: #fff;}
.what-we-offer .content-box .content p {color: #fff;}
.what-we-offer .content-left, .what-we-offer .content-right {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.what-we-offer .google-review {display: flex; gap: 10px; margin: 15px 0 0 0;}
.what-we-offer .google-review p {margin-bottom: 0;}
.what-we-offer .google-review p a {color: #fff;}



.latest-blog{margin: 0; padding: 60px 0; background: #FFC8D2; position: relative; width: 100%; color: #000;}
.latest-blog h4 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.latest-blog .slide-content img {border-radius: 15px; width: 100%; object-fit: cover; height: 250px;}
.latest-blog .slide-content .title {color: #000; font-size: 21px; padding: 10px 0;}
.latest-blog .slide-content .title a{color:#000; text-decoration:none}
.latest-blog .slide-content .list-items {display: flex; list-style-type: none; gap: 10px; margin:15px 0 0 0; padding: 0;}
.latest-blog .slide-content .list-items li {border: 1px solid #D4A38B; padding: 5px 10px; border-radius: 20px; background: #FFF;}
.latest-blog .owl-dots {margin: 30px 0 0 0; padding: 0; text-align: center;}
.latest-blog .owl-dots .owl-dot {width: 10px; height: 10px; background: #F9E7DD !important; border-radius: 100%; margin: 0 10px;}
.latest-blog .owl-dots .owl-dot.active {background: #482615 !important;}
.latest-blog .custom-btn {position: absolute; right: 15px; top: 0;}
.latest-blog .custom-btn a {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: inline-flex; gap: 10px; color: #000; background: #fff; border-radius: 30px; text-decoration: none; align-items: center;}
.latest-blog .custom-btn a span {width: 30px; height: 30px; background: #482615; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #fff;}
.latest-blog .custom-btn a span i {transform: rotate(45deg);}
.latest-blog .custom-btn a:hover {border: 1px solid #482615; color: #fff; background: #482615; border-radius: 30px; text-decoration: none; align-items: center;}
.latest-blog .custom-btn a:hover span {background: #fff; color: #482615;}




.clients-review{margin: 0; padding:60px 0; background: #FFF; position: relative; width: 100%; color: #000;}
.clients-review h3 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.clients-review .owl-dots {margin: 30px 0 0 0; padding: 0; text-align: center;}
.clients-review .owl-dots .owl-dot {width: 10px; height: 10px; background: #F9E7DD !important; border-radius: 100%; margin: 0 10px;}
.clients-review .owl-dots .owl-dot.active {background: #482615 !important;}
.clients-review .custom-btn {position: absolute; right: 15px; top: 0;}
.clients-review .custom-btn a {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: inline-flex; gap: 10px; color: #482615; background: #fff; border-radius: 30px; text-decoration: none; align-items: center;}
.clients-review .custom-btn a span {width: 30px; height: 30px; background: #482615; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #fff;}
.clients-review .custom-btn a span i {transform: rotate(45deg);}
.clients-review .custom-btn a:hover {border: 1px solid #482615; color: #fff; background: #482615; border-radius: 30px; text-decoration: none; align-items: center;}
.clients-review .custom-btn a:hover span {background: #fff; color: #482615;}


.clients-review .slide-content {border: 1px solid #CDCDCD; padding: 15px; background: #fafafa; border-radius: 15px;}
.clients-review .slide-content .auther-info {display: flex; align-items: center; margin: 0 0 15px 0;}
.clients-review .slide-content .auther-info .auther-img {width: 60px; min-width: 60px; margin: 0 15px 0 0;}
.clients-review .slide-content .auther-info .auther-name {font-size: 18px; font-weight: 500;}
.clients-review .slide-content .more-btn a {color: #444;}
.clients-review .slide-content .auther-info .auther-box {width: 60%; display: flex; flex-wrap: wrap;}
.clients-review .slide-content .auther-info .rating {width: 40%; display: flex; justify-content: flex-end;}
.clients-review .slide-content .auther-info .rating img {width: auto}
.clients-review .slide-content .auther-info .auther-desi {color: #444;}


.coffee-related-products{margin: 0; padding: 60px 0 30px 0; background: #FAFAFA; position: relative; width: 100%; color: #000;}
.coffee-related-products h3 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.coffee-related-products .btn-list{position: absolute; right: 15px; top: 0; display: flex; gap:15px}
.coffee-related-products .btn-list .custom-btn {margin: 0;}
.coffee-related-products .btn-list .custom-btn a {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: flex; gap: 10px; color: #000; background: #fff; border-radius: 30px; text-decoration: none; align-items: center;}
.coffee-related-products .btn-list .custom-btn a span {width: 30px; height: 30px; background: #482615; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #fff;}
.coffee-related-products .btn-list .custom-btn a span i {transform: rotate(45deg);}
.coffee-related-products .btn-list .custom-btn a:hover {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: flex; gap: 10px; color: #fff; background: #482615; border-radius: 30px; text-decoration: none; align-items: center;}
.coffee-related-products .btn-list .custom-btn a:hover span {width: 30px; height: 30px; background: #fff; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #482615;}

.coffee-related-products .product-list {margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; position: relative;}
.coffee-related-products .product-list li {width: 25%; margin: 0 0 30px 0; padding: 0 15px; display: flex;}
.coffee-related-products .img-box {border-radius: 15px; overflow: hidden; width:100%}
.coffee-related-products .img-box img{width:100%; object-fit:cover; height:300px; border-radius:15px}
.coffee-related-products .content-box {display: flex; margin: 0; padding: 0; text-align: center; position: relative; width:100%}
.coffee-related-products .content-box a {display: flex; text-decoration: none; flex-wrap: wrap; width:100%}
.coffee-related-products .content-box .content {padding: 10px 0 0 0; text-align: center; width: 100%;}
.coffee-related-products .content-box .title {font-size: 21px; font-weight: 600; color: #482615;}
.coffee-related-products .content-box .price {color: #000; font-size: 18px;}
.coffee-related-products .content-box .add-cart {position: absolute; right: 15px; top: 15px; width: 40;}
.coffee-related-products .content-box .add-cart a {width: 40px; height: 40px; border-radius: 100%; text-decoration: none; border-radius: 100%; align-items: center; justify-content: center; display: flex; background: #fff; color: #000;}



.coffee-moments{margin: 0; padding: 60px 0; background: #FFF; position: relative; width: 100%; color: #000;}
.coffee-moments .sub-title{font-family: "Parisienne", cursive; color: #92C1B9; font-size: 42px;}
.coffee-moments h3 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.coffee-moments  .custom-btn {margin: 0;}
.coffee-moments  .custom-btn a {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: inline-flex; gap: 10px; color: #000; background: #fff; border-radius: 30px; text-decoration: none; align-items: center;}
.coffee-moments  .custom-btn a span {width: 30px; height: 30px; background: #482615; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #fff;}
.coffee-moments  .custom-btn a span i {transform: rotate(45deg);}
.coffee-moments .custom-btn a:hover {border: 1px solid #482615;  color: #fff; background: #482615; border-radius: 30px; text-decoration: none; align-items: center;}
.coffee-moments .custom-btn a:hover span {width: 30px; height: 30px; background: #fff; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #482615;}

.coffee-moments .img-box img{border-radius: 15px; height:100%}
.coffee-moments .img-box, .coffee-moments .content-box{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center;}

.about-us{margin: 0; padding: 60px 0; background: #FFF; position: relative; width: 100%; color: #000;}
.about-us .sub-title{font-family: "Parisienne", cursive; color: #92C1B9; font-size: 42px;}
.about-us h2 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.about-us .btn-list{display: flex; gap:15px}
.about-us .btn-list .custom-btn {margin: 0;}
.about-us .btn-list .custom-btn a {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: flex; gap: 10px; color: #000; background: #fff; border-radius: 30px; text-decoration: none; align-items: center;}
.about-us .btn-list .custom-btn a span {width: 30px; height: 30px; background: #482615; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #fff;}
.about-us .btn-list .custom-btn a span i {transform: rotate(45deg);}
.about-us .img-box img{border-radius: 15px;}
.about-us .img-box, .about-us .content-box{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center;}



.custom-product{margin: 0; padding: 60px 0; background: #FFF url("../images/custom-product-bg-02.jpg") no-repeat right bottom; background-size: cover !important; position: relative; width: 100%; color: #000;}
.custom-product h3 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.custom-product .product-list {margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; position: relative;}
.custom-product .product-list li {width: 33.333%; margin: 0 0 30px 0; padding: 0 15px; display: flex;}
.custom-product .img-box {border-radius: 15px; overflow: hidden;}
.custom-product .content-box {width: 100%; max-width: 25%; background: #fff; border-radius: 15px;} 
.custom-product .content-box a{text-align: center; text-decoration: none; padding: 15px;}
.custom-product .content-box .title {font-size: 21px; font-weight: 600; color: #482615;}
.custom-product .content-box .price {color: #000; font-size: 18px;}
.custom-product .owl-nav {position: absolute; left: 0; width: 100%; top: 50%; margin-top: -15px;}
.custom-product .owl-nav button {position: absolute;}
.custom-product .owl-nav button.owl-next {right: 15px;}
.custom-product .owl-nav button.owl-prev {left: 15px;}
.custom-product .add-cart {position: absolute; right: 15px; top: 15px; width: 40;}
.custom-product .add-cart a {width: 40px; height: 40px; border-radius: 100%; text-decoration: none; border-radius: 100%; align-items: center; justify-content: center; display: flex; background: #482615; color: #fff;}


.coffee-products{margin: 0; padding:60px 0; background: #FAFAFA; position: relative; width: 100%; color: #000;}
.coffee-products h3 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.coffee-products .custom-btn {margin: 0; position: absolute; right: 15px; top: 0;}
.coffee-products .custom-btn a {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: inline-flex; gap: 10px; color: #482615; background: #fff; border-radius: 30px; text-decoration: none; align-items: center;}
.coffee-products .custom-btn a span {width: 30px; height: 30px; background: #482615; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #fff;}
.coffee-products .custom-btn a span i {transform: rotate(45deg);}
.coffee-products .custom-btn a:hover {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: flex; gap: 10px; color: #fff; background: #482615; border-radius: 30px; text-decoration: none; align-items: center;}
.coffee-products .custom-btn a:hover span {width: 30px; height: 30px; background: #fff; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #482615;}


.coffee-products .img-box {border-radius: 15px; overflow: hidden; width:100%}
.coffee-products .img-box img{height:300px; border-radius:15px; width:100%; object-fit:cover}
.coffee-products .content-box {display: flex; margin: 0; padding: 0; text-align: center; position: relative;}
.coffee-products .content-box a {display: flex; text-decoration: none; flex-wrap: wrap;}
.coffee-products .content-box .content {padding: 10px 0 0 0; text-align: center; width: 100%;}
.coffee-products .content-box .title {font-size: 21px; font-weight: 600; color: #482615;}
.coffee-products .content-box .price {color: #000; font-size: 18px;}
.coffee-products .content-box .add-cart {position: absolute; right: 15px; top: 15px; width: 40;}
.coffee-products .content-box .add-cart a {width: 40px; height: 40px; border-radius: 100%; text-decoration: none; border-radius: 100%; align-items: center; justify-content: center; display: flex; background: #fff; color: #000;}
.coffee-products .owl-dots {margin: 30px 0 0 0; padding: 0; text-align: center;}
.coffee-products .owl-dots .owl-dot {width: 10px; height: 10px; background: #F9E7DD !important; border-radius: 100%; margin: 0 10px;}
.coffee-products .owl-dots .owl-dot.active {background: #482615 !important;}



.free-shipping{background: #fff; position: relative; padding: 15px 0; margin: 0; color:#482615; font-size: 18px;}
.free-shipping .shipping-offer{max-height:28px}


.blog-showcase{margin: 0; padding: 60px 0; background: #FFF9F0; position: relative; width: 100%; color: #000;}
.blog-showcase .post-date {color: #717171;}
.blog-showcase .post-date span {position: relative; padding-left: 10px;}
.blog-showcase .title {margin:15px 0 5px 0;}
.blog-showcase .title a {text-decoration: none; font-size: 30px; color: #121212;}
.blog-showcase .title a:hover {color: #482615;}
.blog-showcase .img-box img{width: 100%; object-fit:cover; height:auto; max-height:400px}


.blog-sec{margin: 0; padding: 60px 0; background: #fff; position: relative; width: 100%; color: #000;}
.blog-sec .blog-list {margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap;}
.blog-sec .blog-list li {display: flex; width: 100%; border-top: 1px solid #ccc; flex-wrap: wrap; align-items: center; margin: 0; padding: 15px 0;}
.blog-sec .blog-list li:first-child{border-top: none; padding-top: 0;}
.blog-sec .blog-list li:last-child{padding-bottom: 0;}
.blog-sec .blog-list .img-box {width: 10%;}
.blog-sec .blog-list .content-box {width: 60%; padding-left: 30px;}
.blog-sec .blog-list .img-box img {width: 100%; height:120px; object-fit:cover}
.blog-sec .blog-list .post-date {color: #717171;}
.blog-sec .blog-list .post-date span {position: relative; padding-left: 10px;}
.blog-sec .blog-list .post-date span:before {background: #717171; width: 5px; height: 5px; border-radius: 100%; content: ""; position: absolute; left: 0; top: 9px;}
.blog-sec .blog-list .content-box .title {margin: 0 0 5px 0;}
.blog-sec .blog-list .content-box .title a {text-decoration: none; font-size: 24px; color: #121212;}
.blog-sec .blog-list .content-box .title a:hover {color: #482615;}
.blog-sec .load-more-wrap {text-align: center; margin: 30px 0 0 0;}
.blog-sec .load-more-wrap button {background: #482615; color: #fff; padding: 10px 30px; border-radius: 30px; border:1px solid #482615}
.blog-sec .load-more-wrap button:hover{background:#fff; color:#482615}



.what-we-are{background: #FFF9F0; position: relative; padding: 60px 0; margin: 0; color:#181818; font-size: 18px;}
.what-we-are h3 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.what-we-are .content-box, .what-we-are .img-box {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.what-we-are .img-box img {width: 100%; height: 100%; object-fit: cover;}


.company-info{background: #FFF; position: relative; padding: 60px 0; margin: 0; color:#181818; font-size: 18px;}
.company-info h2 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.company-info .sub-title {font-family: "Parisienne", cursive; color: #CCAD71; font-size: 42px;}
.company-info .content-box, .company-info .img-box {display: flex; position: relative; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.company-info .custom-btn {margin: 0;}
.company-info .content-box{padding-left: 30px;}
.company-info .custom-btn a {border: 1px solid #482615; padding: 8px 10px 8px 15px; display: inline-flex; gap: 10px; color: #000; background: #fff; border-radius: 30px; text-decoration: none; align-items: center;}
.company-info .custom-btn a span {width: 30px; height: 30px; background: #482615; border-radius: 100%; align-items: center; justify-content: center; display: inline-flex; color: #fff;}
.company-info .custom-btn a span i {transform: rotate(45deg);}
.company-info .custom-btn a:hover {color: #fff; background: #482615;}
.company-info .custom-btn a:hover span {background: #fff; color: #482615;}
.company-info .img-box .img-list {margin: 0; padding: 0; list-style-type: none; height: 100%; display: flex; flex-wrap: wrap;}
.company-info .img-box .img-list li {width: 50%; display: flex; margin: 0; padding: 0; position: relative;}
.company-info .img-box .img-list li img {width: 100%; border-radius: 15px; height: 100%; object-fit: cover;}
.company-info .img-box .year-box {position: absolute; right: 12px; background: #482615; color: #fff; border-radius: 15px; top: 0px; width: 288px; padding: 15px; text-align: center;}
.company-info .year-box .title {font-family: "Playfair Display", serif; font-size: 42px; font-weight: 600; margin: 0;}
.company-info .year-box p {margin: 0; font-size: 21px;}
.company-info .img-box .img-list li:last-child {padding-left: 30px; padding-top: 150px;}




.contact-us {margin: 0; padding: 60px  0;  background: #FFF; position: relative; width: 100%; color: #000;}
.contact-us .sub-title {font-family: "Parisienne", cursive; color: #CCAD71; font-size: 42px;}
.contact-us h2 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615;}
.contact-us  input[type="submit"]{padding: 15px 30px; font-size: 18px; background: #fff; border-radius: 30px; margin: 0; border: 1px solid #482615; color: #482615;}
.contact-us input[type="submit"]:hover{background: #482615; color: #fff;}
.contact-us form {margin:0; position: relative;}
.contact-us input,.contact-us textarea {background: #FFF9F1; margin: 0 0 30px 0; border: 1px solid #482615;  padding: 10px 15px;}
.contact-us textarea{height: 90px;}
.contact-us .contact-list {margin: 0; padding: 0; display: flex; list-style-type: none; flex-wrap: wrap;}
.contact-us .contact-list li {display: flex; margin: 0 0 10px 0; width: 100%; gap: 10px; font-weight: 700;}
.contact-us .contact-list li span {color: #482615; font-size: 21px;}
.contact-us .contact-list li a {color: #181818; text-decoration: none;}
.contact-us .contact-list li a:hover {color: #482615;}


.wholesale-banner{margin: 0; z-index: 1; color: #181818; text-align: center; padding:75px 0; background:#000 url("../images/wholesale-banner.jpg") no-repeat center center; background-size: cover !important; position: relative;}
.wholesale-banner:before{position: absolute; z-index: -1; width: 100%; height: 100%; content: ""; left:0; top:0; background: #000; background-color:rgba(204, 173, 113, 0.2);}
.wholesale-banner h1 {font-size: 42px; font-weight: 600; margin: 0 0 15px 0; color: #482615; text-transform: uppercase;}
.wholesale-banner .breadcrumb {margin: 30px 0 0 0; justify-content: center;}
.wholesale-banner .breadcrumb li {color: #482615;}
.wholesale-banner .breadcrumb li a {color: #482615; text-decoration: none;}
.wholesale-banner .breadcrumb li a:hover {color: #181818;}
.wholesale-banner .breadcrumb li::before {color: #482615;}
.wholesale-form {margin: 0; padding: 60px  0;  background: #FFF; position: relative; width: 100%; color: #000;}
.wholesale-form h2 {font-size: 42px; font-weight: 600; margin: 0 0 30px 0; color: #482615; text-align: center;}
.wholesale-form label{display: block; margin: 0; color: #000;}
.wholesale-form input, .wholesale-form textarea{width: 100%; padding: 10px; border: 1px solid #888; border-radius: 5px; margin: 0 0 15px 0;}
.wholesale-form form p{margin-bottom:0}
.wholesale-form textarea{height: 120px;}
.wholesale-form  input[type="submit"]{padding: 10px 30px; width: auto; font-size: 18px; background: #fff; border-radius: 30px; margin: 0; border: 1px solid #482615; color: #482615;}
.wholesale-form input[type="submit"]:hover{background: #482615; color: #fff;}
.wholesale-form .row{align-items: center;}
.wholesale-form .forget-pass, .wholesale-form .login{text-align: right;}
.wholesale-form .forget-pass a, .wholesale-form .login a{color: #0C00AE;}
.wholesale-form .forget-pass a:hover, .wholesale-form .login a:hover{color:#482615}
.wholesale-form form{margin: 0 auto; width: 100%; max-width: 600px;}
.coffee-moments.wholesaler{padding-top: 0;}



.shop-sec {margin: 0; padding: 60px 0 0 0; background: #fff; border-top: 1px solid #ccc;}
.shop-sec ul.products { margin: 0; padding: 0;}
.shop-sec ul.products li{text-align:center}
.shop-sec ul.products li img.size-woocommerce_thumbnail, .shop-sec ul.products li a img {border-radius: 15px; height: 300px !important; object-fit: cover; background:#f1f1f1}
.shop-sec ul.products li a {text-align: center;}
.shop-sec ul.products li h2.woocommerce-loop-product__title {color: #482615; font-size: 18px !important; font-weight: 600;}
.shop-sec ul.products li .price span {color: #000; font-size: 18px;}
.shop-sec ul.products .add_to_cart_button, .shop-sec ul.products .added_to_cart, .shop-sec ul.products li a.product_type_variable, .shop-sec ul.products li a.product_type_simple {margin: 0 5px; padding: 10px 20px; border:1px solid #482615; background: #482615; border-radius: 30px; height: 40px; line-height: 20px; color: #fff; font-weight: 600; font-size: 16px;}
.shop-sec ul.products .add_to_cart_button:hover, .shop-sec ul.products .added_to_cart:hover, .shop-sec ul.products li a.product_type_variable:hover, .shop-sec ul.products li a.product_type_simple:hover{background:#fff !important; color:#482615}
.shop-sec .woocommerce-breadcrumb {background: #FFF9F0; padding: 10px !important; border-radius: 10px; color: #000 !important; font-size:16px !important}
.shop-sec .woocommerce-breadcrumb a {text-decoration: none;}
.shop-sec .woocommerce-breadcrumb a:hover{color:#000}
.shop-sec select.orderby {padding: 5px; border-radius: 5px;}
.single-post .comment-respond input, .single-post .comment-respond textarea {width: 100%; border: 1px solid #ccc; padding: 10px;}
.single-post .comment-respond input[type="checkbox"] {width: auto;}
.single-post .comment-respond textarea{height:120px}
.single-post .comment-respond input[type="submit"] {width: auto; padding: 10px 25px; border-radius: 30px; border:1px solid #482615; color:#fff; background:#482615}
.single-post .comment-respond input[type="submit"]:hover{background:#fff; color:#482615}
.single-post .commentlist {margin: 0 0 15px 20px; padding: 0;}
.single-post .commentlist a{color: #482615; }
.single-post .justify-content-between{justify-content:flex-start !important; font-size:18px; font-weight:600}
.single-post .justify-content-between a{color: #482615; }
.single-post article a{color: #482615; }
.single-post .d-flex.justify-content-between.my-5 a {background: #482615; padding: 10px; display: flex; border-radius: 10px; text-decoration: none; color: #fff;}
.single-post .d-flex.justify-content-between.my-5 > div {width: 50%; display: flex; align-items: center; flex-wrap:wrap}
.single-post .d-flex.justify-content-between.my-5 {margin: 15px 0; gap: 15px; flex-wrap:wrap}



.single-products {margin: 0; padding: 60px 0 0 0; background: #fff; border-top: 1px solid #ccc;}
.single-products ul.products { margin: 0; padding: 0;}
.single-products ul.products li{text-align:center}
.single-products ul.products li img.size-woocommerce_thumbnail {border-radius: 15px;}
.single-products ul.products li a {text-align: center;}
.single-products ul.products li h2.woocommerce-loop-product__title {color: #482615; font-size: 18px !important; font-weight: 600;}
.single-products ul.products li .price span {color: #000; font-size: 18px;}
.single-products ul.products .add_to_cart_button, .shop-sec ul.products .added_to_cart {margin: 0 5px; padding: 10px 20px; background: #482615; border-radius: 30px; height: 40px; line-height: 20px; color: #fff; font-weight: 600; font-size: 16px;}
.single-products .woocommerce-breadcrumb {background: #FFF9F0; padding: 10px !important; border-radius: 10px; color: #000 !important; font-size:16px !important}
.single-products .woocommerce-breadcrumb a {text-decoration: none;}
.single-products .woocommerce-breadcrumb a:hover{color:#000}
.single-products .summary p.price span {color: #000; font-weight: 500;}
.single-products .summary select {padding: 5px;}
.single-products .summary a{color: #482615;}
.single-products .summary button {padding: 10px 15px !important; border-radius: 25px !important; background: #482615 !important;} 
.single-products .summary .quantity .qty {padding: 5px; border-radius: 5px; border: 1px solid #ccc;}
.single-product #review_form p.stars a{color: #ffd250;}
.single-product #review_form input, .single-product #review_form #review_form textarea {width: 100%; padding: 10px; border: 1px solid #ccc;}
.single-product #review_form input[type="submit"] {padding: 15px 30px !important; font-size: 18px !important; background: #482615 !important; border-radius: 30px !important; margin: 0 !important; border: 1px solid #482615 !important; color: #fff !important; width:auto !important}
.single-product #review_form input[type="submit"]:hover{background:#fff !important; color:#482615 !important; }
.single-product #review_form input[type="checkbox"]{width:auto}
.single-products .tabs {margin: 0; padding: 0 !important;}
.single-products .tabs::before{border-bottom:1px solid #482615 !important}
.single-products .tabs li::before, .single-products .tabs li::after {display: none !important;}
.single-products .tabs li{border-radius:0 !important;padding: 0 !important;margin:0 !important; border-color:#482615 !important}
.single-products .tabs li a{background:#482615; padding:10px !important; color:#fff !important; }
.single-products .tabs li.active a{color:#482615 !important; background:#FFF9F0 !important}
.single-products .tabs li.active{border-bottom-color:transparent !important} 


.error404 main a {border: 1px solid #482615; padding: 10px 30px; display: inline-flex; color: #fff; background: #482615; border-radius: 30px; text-decoration: none; align-items: center;}
.error404 main a:hover{background:#fff; color:#482615; border: 1px solid #482615;}  

.single-product .single-products .woocommerce-product-gallery__image img {
    border: 1px solid #ccc;
    height: 100px !important;
    object-fit: cover;
}

.single-product .single-products .woocommerce-product-gallery__image img.wp-post-image {
    height: auto !important;
}



/*------------ Footer -----------*/
footer.site-footer {margin: 0; padding:60px 0 0 0; position: relative; width: 100%; background: #FFF9F0; color: #181818; border-top: 1px solid #482615;}
footer.site-footer h5 {color: #482615; font-size: 28px; margin: 0 0 15px 0;}
footer.site-footer .nav-list {margin: 0; padding: 0; list-style-type: none; display: block;}
footer.site-footer .nav-list li {margin: 0 0 10px; padding: 0;}
footer.site-footer .nav-list li a {color: #181818; text-decoration: none;}
footer.site-footer .nav-list li a:hover{color: #482615;}
footer.site-footer .privacy {text-align: right;}
footer.site-footer .privacy a, footer.site-footer .copy-right a {color: rgba(24, 24, 24, 0.8); text-decoration: none;}
footer.site-footer .privacy a:hover, footer.site-footer .copy-right a:hover{color: #181818;}
footer.site-footer .footer-bottom {padding: 15px 0; background: #F4E9D8; color: rgba(24, 24, 24, 0.8); margin:0}
footer.site-footer .footer-top .row{align-items: center;}
footer.site-footer .footer-middle{padding: 30px 0; position: relative; width: 100%; margin: 0;}
footer.site-footer .social-list {margin: 15px 0 0 0; display: flex; list-style-type: none; gap: 15px; padding: 0;}
footer.site-footer .contact-list {margin: 0; padding: 0; display: flex; list-style-type: none; flex-wrap: wrap;}
footer.site-footer .contact-list li {display: flex; margin: 0 0 10px 0; width: 100%; gap: 10px; align-items: center;}
footer.site-footer .contact-list li span {color: #482615; font-size: 21px;}
footer.site-footer .contact-list li a {color: #181818; text-decoration: none;}
footer.site-footer .contact-list li a:hover{color: #482615;}
footer.site-footer .news-leeter form {position: relative;}
footer.site-footer .news-leeter .noptin-field-email input[type="email"] {width: 100%; border: none !important; background:#FFF9F0; border-bottom: 1px solid #000 !important; padding: 10px 0; color: #444; border-radius:0 !important}
footer.site-footer .news-leeter .noptin-form-field-submit  input[type="submit"]{background:#FFF9F0 url("../images/news-letter-arrow.png") no-repeat center center !important;  text-indent: -9999px; width: 29px; height: 43px; position: absolute; right: 0; top: 0px;  border:none !important; border-radius:0 !important}
footer.site-footer .site-brand img {max-height:100px}
footer.site-footer .noptin-form-fields{gap:0}
footer.site-footer .noptin-inpost-main-wrapper .noptin-optin-form-wrapper{margin:0}

footer.site-footer .noptin-form-footer{padding:0}

.brand-partner {
  display: none;
}







/* WooCommerce Pagination Styling (Force Override) */
.woocommerce-pagination ul.page-numbers {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
}

.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
  display: inline-block !important;
  padding: 8px 14px !important;
  border: 2px solid #482615 !important;
  border-radius: 4px !important;
  color: #482615 !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

/* Default (inactive) buttons */
.woocommerce-pagination .page-numbers li a {
  background-color: transparent !important;
}

/* Hover effect */
.woocommerce-pagination .page-numbers li a:hover {
  background-color: #482615 !important;
  color: #fff !important;
}

/* Active (current) page */
.woocommerce-pagination .page-numbers li .current {
  background-color: #482615 !important;
  color: #fff !important;
  border-color: #482615 !important;
  cursor: default !important;
}

/* Next / Prev arrows */
.woocommerce-pagination .page-numbers li .next,
.woocommerce-pagination .page-numbers li .prev {
  font-weight: bold !important;
}
.woocommerce-pagination {
  margin-bottom: 50px !important;
}
.woocommerce-pagination .page-numbers {
  border: 0px !important;
  padding-top: 18px !important;
  padding-bottom: 20px !important;
}

.single-products ul.products li img {height: 300px !important; object-fit: cover;}
.single-product .single-products .woocommerce-notices-wrapper a{
    border: 1px solid #482615;
    padding: 10px 15px;
;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    align-items: center;
    background: #482615;;
}
.woocommerce-cart .breadcrumb-sec, .woocommerce-checkout .breadcrumb-sec, .woocommerce-account .breadcrumb-sec{background:#FFF9F0 !important}
.woocommerce-cart .breadcrumb-sec li, .woocommerce-checkout .breadcrumb-sec li, .woocommerce-account .breadcrumb-sec li{color:#000 !important}
.woocommerce-cart .breadcrumb-sec li a, .woocommerce-checkout .breadcrumb-sec li a, .woocommerce-account .breadcrumb-sec li a{color:#767676 !important; text-decoration:none}
.woocommerce-cart .wc-block-cart-items a{color:#482615; text-decoration:none}
.woocommerce-cart .wc-block-cart-items a:hover{text-decoration:underline}
.woocommerce-cart .wc-block-cart__submit-container a{background:#482615; color:#fff; text-decoration:none}
.woocommerce-checkout .wc-block-checkout__actions_row a{color:#482615 !important; font-weight:600}
.woocommerce-checkout .wc-block-checkout__actions_row button{
    border: 1px solid #482615;
    padding: 10px 15px;
;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    align-items: center;
    background: #482615;}
    
.woocommerce-account #customer_login a{color:#482615}  
.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox{margin-top:10px; margin-left:10px}
.woocommerce-account #customer_login .woocommerce-form-login__submit, .woocommerce-account #customer_login .woocommerce-form-register__submit{padding: 15px 30px; font-size: 18px; background: #482615; border-radius: 30px; margin: 0; border: 1px solid #482615; color: #fff;}

#searchResultsModal #search-results .card a img{height:250px; object-fit:cover; width:100% !important}
#searchResultsModal #search-results  .mt-auto a{padding: 10px 30px;
    font-size: 18px; background: #482615; border-radius: 30px; margin: 0; border: 1px solid #482615; color: #fff}
    

/*------- responsive ---------*/

@media(min-width:1200px){
.clients-review .slide-content{min-height:250px}
}


@media(max-width:767px){
header.site-header .account-list li a span, header.site-header .account-list li a span.cart-text{display:none; text-indent:-9999px}
header.site-header .account-list li a span.cart-total, header.site-header .account-list li a span.cart-total span{display:inline-block; text-indent:0px}

header.site-header .header-menu .mobile-menu {opacity: 1; position: absolute; z-index: 9; right: 15px; top: 10px; background: #482615; padding: 5px 10px; border-radius: 5px;}
header.site-header .header-menu .mobile-menu .bar1, header.site-header .header-menu .mobile-menu .bar2, header.site-header .header-menu .mobile-menu .bar3 {width: 35px; height: 3px; background-color: #fff; margin: 5px 0; transition: 0.4s;}
header.site-header .header-menu .mobile-menu.close .bar1 {transform: translate(0, 8px) rotate(-45deg);}
header.site-header .header-menu .mobile-menu.close .bar3 {transform: translate(0, -8px) rotate(45deg);}
header.site-header .header-menu .mobile-menu.close .bar2 {opacity: 0;}
header.site-header .main-menu {display: none; position: absolute; left: 0; top: 75px; z-index: 9; width: 100%}
header.site-header .main-menu {background: #482615; padding: 0 15px; }
header.site-header .main-menu li {border-bottom: 1px solid #ccc;}
header.site-header .main-menu li:last-child{border-bottom:none}
header.site-header .news-letter{margin-top:15px; text-align:center}
header.site-header .main-menu li a{padding:10px 0 !important; color:#fff}
    
    
.custom-product .content-box{max-width:100%}
.what-we-offer .bg{padding:15px}
.what-we-offer .list-items li, .coffee-related-products .product-list li{width:100%}
.what-we-offer .list-items li:last-child, .coffee-related-products .product-list li:last-child{margin-bottom:0}
footer.site-footer .privacy{text-align:left; padding-top:10px}
footer.site-footer{padding-top:30px}
.latest-blog .custom-btn, .clients-review .custom-btn, .coffee-related-products .btn-list, .coffee-products .custom-btn{position:relative; right:auto; margin-top:15px; text-align:center}
.coffee-related-products .btn-list{justify-content:center}
.what-we-offer .list-items{margin-top:15px}

.custom-product, .latest-blog, .clients-review, .coffee-moments, .coffee-products, .about-us{padding:30px 0}
.coffee-related-products{padding:30px 0 0 0}
.latest-blog h4, .clients-review h3, .coffee-related-products h3, .what-we-offer h3, .coffee-moments h3, .coffee-moments h3, .coffee-moments .sub-title, .coffee-products h3, .about-us .sub-title, .about-us h2, .inner-banner h1{font-size:32px}
.coffee-moments .img-box{order:2; margin-top:15px}
.coffee-moments .content-box{order:1}
.about-us .btn-list{margin-bottom:15px; justify-content:center}
.home-banner h1{font-size:36px}
.home-banner{padding:30px 0;  position:relative; z-index:1}
.home-banner .content-box{position:relative; z-index:9}
.home-banner:after {position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background: rgba(255, 255, 255, .5);}
header.site-header .site-brand{text-align:left}
header.site-header .site-brand img{max-height:60px}
header.site-header .header-right{margin-top:15px}
header.site-header .account-list{width:40%}
header.site-header .search-box{width:60%}
.coffee-moments .custom-btn{text-align:center}
.coffee-related-products .img-box img{height:auto !important}
.coffee-products .img-box img, .coffee-related-products .img-box img{height:auto}
header.site-header .main-menu li a:hover, header.site-header .main-menu li.current-menu-item a {color: #cfa590;}
.inner-banner{padding:30px 0 !important; text-align:center}
.inner-banner .content-box{max-width:100%}
.wholesale-form .forget-pass, .wholesale-form .login{text-align:left}
.wholesale-form input[type="submit"]{margin-bottom:15px}
.inner-banner:before{width:100%; background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .3) 100%)}
.contact-us, .blog-showcase, .blog-sec{padding:30px 0}
.page-template-contact .free-shipping{padding-top:0}
.contact-us .sub-title, .contact-us h2{font-size:32px}
.shop-sec ul.products li{width:100% !important}
.shop-sec ul.products li:last-child{margin-bottom:0 !important}
.shop-sec ul.products li img.size-woocommerce_thumbnail, .shop-sec ul.products li a img{height:auto !important}
.shop-sec{padding-top:30px}
.shop-sec select.orderby{width:100%}
.shop-sec .woocommerce-ordering{width:100%}
.shop-sec .woocommerce-pagination{margin-bottom:0 !important}
.blog-sec .blog-list .img-box{width:100%; margin-bottom:10px}
.blog-sec .blog-list .content-box{width:100%; padding-left:0}
.blog-showcase .title a{font-size:24px}
.single-post .d-flex.justify-content-between.my-5 > div{width:100%}
.single-post .container.py-5{padding-top:30px !important; padding-bottom:15px !important}

.single-products .tabs{gap:15px; display:flex; flex-wrap:wrap}
.single-products .tabs li.active{border-bottom:1px solid  #482615 !important;}
.single-products .tabs li{width:100%}
.single-products .tabs li a{width:100% }
.single-products{padding-top:30px}
.single-products .woocommerce-product-gallery__image{margin-bottom:15px}
.single-products ul.products li{width:100% !important}
.single-products ul.products li img{height:auto !important}
.single-products ul.products li:last-child{margin-bottom:15px !important}
.company-info .img-box .year-box{right:0; position:relative; width:100%}
.company-info .img-box .img-list li{width:100%; margin:0 0 15px 0}
.company-info, .what-we-are{padding:30px 0}
.company-info .img-box .img-list{height:auto}
.company-info .img-box .img-list li:last-child{padding-left:0; padding-top:0}
.company-info .img-box{flex-direction:row; margin-bottom:15px}
.what-we-are h3, .company-info .sub-title, .company-info h2{font-size:32px}
.company-info .content-box{padding-left:calc(var(--bs-gutter-x) * .5);}
#searchResultsModal #search-results .card a img{height:auto !important}
#commentform .comment-form-cookies-consent input[type="checkbox"] {position: absolute; top: 6px; left: 0;}
#commentform .comment-form-cookies-consent {position: relative;}
#commentform  .comment-form-cookies-consent label {padding-left: 15px;}
}
/* FAQ Accordion Styling */
.faq-accordion .card {
  border: none;
  border-bottom: 1px solid #e0e0e0;
}

.faq-accordion .card-header {
  background: none;
  padding: 0;
}

.faq-question {
  width: 100%;
  text-align: left;
  padding: 18px 0;
  font-weight: 600;
  font-size: 18px;
  color: #222;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question:hover,
.faq-question:focus {
  text-decoration: none;
  color: #000;
}

.faq-icon {
  font-size: 22px;
  font-weight: bold;
  transition: transform 0.3s ease;
}

.faq-question[aria-expanded="true"] .faq-icon {
  transform: rotate(45deg); /* rotate + to look like − */
}