@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);
#tf-top-bar{height:120px!important}.packagingsection .packagingbanner{align-items:center;background-color:#d2b595;background-image:url(/images/packagingbanner.png);height:440px}.packagingsection .packagingbanner .bannertext{align-items:center;justify-content:end;width:85%}.packagingsection .packagingcontainer{background-image:url(/images/packaging1.jpg);background-position:50%;height:750px;width:100%}.packagingsection .packagingcontainer .container{align-items:center;gap:15%;justify-content:center;margin:0 auto;width:70%}.packagingsection .packagingcontainer .container .packagingitems{width:40%}.packagingsection .packagingcontainer .container .packagingitems .btn{background-color:#d2b595;border-radius:30px;color:#fff;margin-top:30px;padding:8px 25px;width:90px}.packagingsection .packagingcontainer .container .packagingitems img{height:500px;-o-object-fit:cover;object-fit:cover;width:100%}.packagingsection .packagingcontainer .container .packagingitems .item1{width:30%}.packagingsection .packagingcontainer .container .packagingitems .item2{width:50%}.packagingsection .overlaycontainer .bg-opacity{background-color:#000;position:relative}.packagingsection .overlaycontainer .bg-opacity .content{align-items:center;gap:2%;height:400px;justify-content:center;margin:0 auto;position:relative;width:70%}.packagingsection .overlaycontainer .bg-opacity .content .contentitem{margin:0 auto;text-align:center;width:20%}.packagingsection .overlaycontainer .bg-opacity .content .contentitem img{width:10%}.packagingsection .overlaycontainer .bg-opacity .content .contentitem .itemmargin{margin:0}.packagingsection .overlaycontainer .bg-opacity:before{background:url(/images/packagingbox2.jpg) no-repeat 50%;background-attachment:fixed;background-size:cover;content:" ";display:block;height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:0}.packagingsection .imagegridcontainer{align-items:center;background-color:#fff;display:flex;height:800px;width:100%}.packagingsection .imagegridcontainer .imagecontainer{flex-wrap:wrap;gap:2%;margin:0 auto;width:90%}.packagingsection .imagegridcontainer .imagecontainer .item{margin:20px 0;overflow:hidden;position:relative;width:23%}.packagingsection .imagegridcontainer .imagecontainer .item .itemp{border-bottom:2px solid #000}.packagingsection .imagegridcontainer .imagecontainer .item img{height:280px;-o-object-fit:cover;object-fit:cover;transition:all .4s ease-in-out 0s;width:100%}.packagingsection .imagegridcontainer .imagecontainer .item .content-overlay{background:rgba(0,0,0,.7);bottom:0;height:97%;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s ease-in-out 0s;width:100%}.packagingsection .imagegridcontainer .imagecontainer .item:hover .content-overlay{opacity:.7}.packagingsection .packagingcolumncontainer{background-color:#d2b595;flex-wrap:wrap;height:400px;width:100%}.packagingsection .packagingcolumncontainer .columnitem{text-align:center;width:50%}.packagingsection .packagingcolumncontainer .columnitem img{height:400px;-o-object-fit:cover;object-fit:cover;width:100%}.packagingsection .packagingcolumncontainer .columnitem .columnbtn{border:2px solid #fff;padding:8px 20px;transform:translate(291px,18px);width:30%}@media (max-width:1500px){.packagingsection .packagingbanner .bannertext{width:98%}.packagingsection .overlaycontainer .bg-opacity .content .contentitem{width:31%}.packagingsection .packagingcontainer .container{width:75%}.packagingsection .packagingcontainer .container .packagingitems img{height:490px}.packagingsection .imagegridcontainer{height:680px}.packagingsection .imagegridcontainer .imagecontainer .item{margin:12px 0;text-align:center}.packagingsection .imagegridcontainer .imagecontainer .item .content-overlay{height:96%}.packagingsection .packagingcolumncontainer .columnitem .columnbtn{transform:translate(228px,18px)}}@media (max-width:1024px){#tf-top-bar{height:105px!important}.packagingsection .packagingbanner{height:290px}.packagingsection .packagingbanner .bannertext{width:99%}.packagingsection .packagingbanner .bannertext h2{font-size:33px}.packagingsection .packagingcontainer{height:600px}.packagingsection .packagingcontainer .container{width:90%}.packagingsection .packagingcontainer .container .packagingitems h2.font-xl{font-size:27px}.packagingsection .packagingcontainer .container .packagingitems img{height:370px}.packagingsection .overlaycontainer .bg-opacity .content{height:250px}.packagingsection .imagegridcontainer{height:550px}.packagingsection .imagegridcontainer .imagecontainer .item h2.font-lg{font-size:27px}.packagingsection .imagegridcontainer .imagecontainer .item img{height:215px}.packagingsection .packagingcolumncontainer .columnitem .columnbtn{transform:translate(149px,18px)}}@media (max-width:820px){.packagingsection .imagegridcontainer .imagecontainer .item img{height:156px;-o-object-fit:cover;object-fit:cover}}@media (max-width:768px){.packagingsection .packagingcontainer{height:750px}.packagingsection .packagingcontainer .container{width:90%}.packagingsection .packagingcontainer .container .packagingitems h2.font-xl{font-size:27px}.packagingsection .packagingcontainer .container .packagingitems img{height:370px}.packagingsection .overlaycontainer .bg-opacity .content{width:100%}.packagingsection .overlaycontainer .bg-opacity .content .contentitem{margin:0}.packagingsection .imagegridcontainer .imagecontainer .item h2.font-lg{font-size:22px}.packagingsection .packagingcolumncontainer .columnitem h2{font-size:32px}.packagingsection .packagingcolumncontainer .columnitem p{font-size:13px}.packagingsection .packagingcolumncontainer .columnitem .columnbtn{transform:translate(87px,18px);width:31%}}@media (max-width:480px){.packagingsection .packagingbanner .bannertext{text-align:center}.packagingsection .packagingbanner .bannertext h2.font-xl{font-size:25px}.packagingsection .packagingcontainer{display:block;height:100%;padding:40px 0}.packagingsection .packagingcontainer .container{display:block}.packagingsection .packagingcontainer .container .packagingitems{margin-bottom:30px;width:100%}.packagingsection .packagingcontainer .container .packagingitems img{height:250px}.packagingsection .overlaycontainer .bg-opacity .content{display:block;height:100%;padding:40px 0}.packagingsection .overlaycontainer .bg-opacity .content .contentitem{margin-bottom:30px;width:100%}.packagingsection .imagegridcontainer{display:block;height:100%;padding:20px 0}.packagingsection .imagegridcontainer .imagecontainer{display:block}.packagingsection .imagegridcontainer .imagecontainer .item{margin-bottom:30px;text-align:center;width:100%}.packagingsection .imagegridcontainer .imagecontainer .item img{height:215px}.packagingsection .packagingcolumncontainer{display:block;height:409px;padding:40px 0}.packagingsection .packagingcolumncontainer .columnitem{margin-bottom:30px;width:100%}.packagingsection .packagingcolumncontainer .columnitem h2.font-xl{font-size:27px}.packagingsection .packagingcolumncontainer .columnitem p.font-sm{font-size:14px}.packagingsection .packagingcolumncontainer .columnitem img{height:250px}.packagingsection .packagingcolumncontainer .columnitem .columnbtn{transform:translate(104px,7px);width:33%}}
