section{padding:0}
.banner{overflow: hidden;}
.banner .banner-cont{float: left; width: 100%; position: relative;}
.banner .banner-cont .banner-img{float: left; width: 100%;}
.banner .banner-cont .banner-img img{height: 550px; width: 100%; object-fit: cover;}
.banner .banner-cont .banner-txt{position: absolute; top: 120px; width: 34%;}
.banner .banner-cont .banner-txt h2{float: left; width: 100%; font-size: 50px;font-weight:700;  margin-bottom: 10px;}
.banner .banner-cont .banner-txt h2 small{display: block; font-size: 16px; color: #ef233c;font-weight:500;}
.banner .banner-cont .banner-txt p{float: left; width: 100%; font-size: 16px; margin-bottom: 0px;height:98px;overflow-y:auto}
.banner .banner-cont .banner-txt .banner-btn{float: left; width: 100%; text-align: end;    margin-top: 50px;}
.banner .banner-cont .banner-txt .banner-btn a{display: inline-block; height: 40px; line-height: 41px; background-color: #ef233c; border-radius: 5px; color: #fff; padding: 0px 20px; font-size: 16px; text-decoration:none;
text-align: center; text-transform: uppercase;font-weight:500;}

.th_popular_sec {width:100%;float:left;margin-top:80px;}
.th_popular_sec h2 {width:100%;float:left;font-size:32px;color:#2e2e2e;font-weight:600;margin-bottom:25px;}
.th_popular_sec p {width:100%;float:left;}
.th_popular_slider {width:100%;float:left;margin-top:25px}
.th_popular_content {width:100%;float:left;position:relative;background-color:#fff;margin-bottom:30px;transition:0.3s;}
.th_popular_content:hover{background-color:#f4f9ff;}
.th_popular_content:before{width:100%;height:100%;background:#f4f9ff;position:absolute;top:10px;left:-10px;
content:'';z-index:-999;transition:0.3s;}
.th_popular_content:hover:before{top:0;left:0;}
.th_popular_content h3 {width:100%;float:left;color:#2e2e2e;font-size:22px;font-weight:600;text-align:center;
margin: 15px 0;}
.th_popular_slider .slick-dots .slick-active button:before {background-color: #ef233c;width: 8px;height: 8px;border: 2px solid #ef233c;opacity: 1;transition: .3s;border-radius: 5px;}
.th_popular_slider .slick-dots li button::before {content: "";opacity:1;height:8px;width:8px;background-color:#949494;
border:2px solid #949494;transition:.3s;border-radius:5px}
.th_popular_slider .slick-slide {padding:0 10px}


.th_expert_head {width:100%;float:left;margin-top:70px}
.th_expert_head h2 {width:100%;float:left;font-size:32px;color:#2e2e2e;font-weight:600;margin-bottom:25px;}
.th_expert_head p {width:100%;float:left;}
.th_expert_slider {width:100%;float:left;margin-top:30px}
.th_expert_content {width:100%;float:left;margin-bottom:20px}
.th_expert_content h3 {width:100%;float:left;font-size:22px;color:#000;font-weight:600;margin-top:15px;text-align:center;height:54px;overflow:hidden;}
.th_expert_img{border-radius:50px;overflow: hidden;}
.th_expert_img img{height:245px;object-fit:cover;width:100%;}
.th_expert_slider .slick-dots .slick-active button:before {background-color: #ef233c;width: 8px;height: 8px;border: 2px solid #ef233c;opacity: 1;transition: .3s;border-radius: 5px;}
.th_expert_slider .slick-dots li button::before {content: "";opacity:1;height:8px;width:8px;background-color:#949494;
border:2px solid #949494;transition:.3s;border-radius:5px}
.th_expert_slider .slick-slide {padding:0 10px}


.quote-sec {padding-block: 20px 30px;position:relative;margin-top:35px;padding:0 15%;}
.quote-sec::before {position: absolute; top: 0; bottom: 0; left: -170px; width: fit-content; height: fit-content; font-size: 170px; font-weight: 700; line-height: 200px; color: #f4f9ff; transform: rotate(-90deg); z-index: -1; margin-block: auto; content: 'Custom';}
.quote-sec::after {position: absolute; top: 0; bottom: 0; right: -100px; width: fit-content; height: fit-content; font-size: 170px; font-weight: 700; line-height: 200px; color: #f4f9ff; transform: rotate(-90deg); z-index: -1; margin-block: auto; content: 'Quote';}
.quoteform {float: left;width: 100%; overflow: hidden; border-radius:0 90px 0 90px; box-shadow: 0px 0px 18px #888888;margin: 20px 0}
.quoteform .heading {float: left;width: 100%; background-color: #ef233c;font-family: 'Quicksand', sans-serif; color: #fff; font-size: 34px; font-weight: 700; text-align: center;padding: 10px;}
.quoteform .formfields {float: left;width: 100%; padding:20px; background-color: #f5f5f5; }
.quoteform .formfields label{float: left;width: 100%; margin-bottom: 10px; font-size: 18px; font-weight: bold; }
.quoteform .formfields label img {float: left;margin-right: 10px;    margin-top: 3px;}
.quoteform .formfields .field{float: left;width: 100%; margin-bottom: 20px;}
.quoteform .formfields .field input{float: left;width: 100%; height: 40px; padding:0 10px; border:none; border:1px solid #f5f5f5;
-webkit-appearance:none;}
.quoteform .formfields .field input:focus {outline: none; border-color: #ef233c; }
.quoteform .formfields .field select {float: left;width: 100%; height: 40px; border:none;padding: 0 10px;-webkit-appearance:none;outline: none;background-image: url(img/down-arrow.svg);background-position: 95%;background-repeat: no-repeat;}
.quoteform .formfields .field textarea{float: left;width: 100%; height: 100px; padding:0 10px; border:none; border:1px solid #f5f5f5;}
.quoteform .formfields .field textarea:focus {outline: none; border-color: #ef233c; }
.quoteform .formfields .field .col-3, .quoteform .formfields .field .col-4, .quoteform .formfields .field .col-2 {padding: 0 5px;}
.formtextarea ul{width:100%;float:left;padding:0;}

.th_bg_1 {width:100%;float:left;background-image:url('https://www.emenacpackaging.com/wp-content/themes/emenac/assets/new_cat_page/bg-1.webp');background-repeat:no-repeat;background-position:center;padding:50px;margin-top:60px;background-size:cover;}
.th_bg_1 h2 {width:100%;float:left;font-size:32px;font-weight:600;text-align:center;margin-bottom:20px;}
.th_bg_1 p {width:100%;float:left;color:#646464;text-align:center;margin-bottom:60px}
.th_bg_1 span {width:30%;float:left;}
.th_bg_1 span img {height:48px;}
.th_bg_1 label {width:70%;float:left;font-size:24px;font-weight:600;padding-left:10px}
.th_bg_1 label small {width:100%;float:left;font-size:16px;color:#a0a0a0;}

.our-work{ text-align: center; }
.our-work h3{ font-size: 46px;font-weight: bold;margin-top:45px;}
.our-work p{ font-size: 16px;color: #363636;margin-bottom: 40px}
.cp-portfolio .item { padding: 5px; overflow:hidden}
.cp-portfolio .item img {float: left;width: 100%;}
.cp-portfolio .item .th_image{position:relative;width:100%;float: left;}
.cp-portfolio .item .th_image:before{position:absolute;content:"";top:0;left:0;width:100%;height:0;background-color:rgba(0,0,0,0.5);
transition:0.3s;}
.cp-portfolio .item .th_image:hover:before{height:100%;}
.cp-portfolio .item .th_text{width:100%;position:absolute;top:300%;left: 50%;transform: translate(-50%, -50%);text-align: center;transition:0.3s;}
.cp-portfolio .item:hover .th_text{top: 50%}
.cp-portfolio .item .th_text h3{width:100%;float:left;font-size:24px;font-weight:600;color:#fff;text-align:center;position:relative;
padding-top:15px;}
.cp-portfolio .item .th_text h3:before{width:42px;height:3px;background-color:#ef233c;position:absolute;content:"";top:0;left:0;
right:0;margin:0 auto;}
.cp-portfolio .item .th_text a{width:100%;float:left;text-align:center;color:#fff}
.cp-portfolio .item .th_text a:hover{color:#ef233c;}
.our-work-img{ margin-bottom: 22px; }
.close{ color: #fff; opacity: 1;position: absolute;top: 2%;right: 2%; }
.close:focus, .close:hover{ outline: none;color: #fff; }
.close span{font-size: 40px;}
.Gallery-buuton{ margin-top:30px;text-align: center;display:flex;justify-content:center;}
.Gallery-buuton .cst-button{float:left;letter-spacing:1px;border-radius:5px;}

.th_desc_sec{margin:60px 0 70px;}
.pack-solution h3{ font-size: 26px;font-weight: bold; }
.pack-solution-detail{height: 146px;overflow-y: scroll;-webkit-appearance: none; }
.pack-solution-detail p{ font-size: 16px;color: #7a7a7a; }
.pack-solution-detail::-webkit-scrollbar {width: 8px;}
.pack-solution-detail::-webkit-scrollbar-thumb {background: #dcdbdb;  border-radius: 8px;}
.pack-solution-detail::-webkit-scrollbar-thumb:hover {background: #dcdbdb; }
.pack-solution-detail::-webkit-scrollbar-track {box-shadow: inset 0 0 150px #f8f8f8; border-radius: 8px;}


.packaging-ideas-bg{ width: 100%;background: url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img//webp/pack-idea.webp) no-repeat center top;background-size: cover;padding: 67px 0; overflow: hidden;margin-top: 20px; }
.packaging-idea h3{ font-size: 30px;font-weight: 600; color: #fff;font-family: 'Source sans pro', sans-serif;margin-top: 12px; }
.packaging-idea p{ color: #fff; padding-right: 10px;}

.th_pres_sec {margin-top:100px}
.th_prespactive_sec {width:100%;float:left;}
.th_prespactive_sec h2 {width:100%;float:left;font-size:38px;color:#2e2e2e;font-weight:600;margin-bottom:20px;}
.th_prespactive_sec h2 small {width:100%;float:left;font-size:16px;color:#ef233c;font-weight:600;
margin:40px 0 20px;}
.th_prespactive_sec p {width:100%;float:left;color:#646464;}
.th_prespactive_sec ul {width:100%;float:left;margin:20px 0 50px;padding:0;}
.th_prespactive_sec ul li {width:50%;float:left;color:#646464;background-image:url('https://www.emenacpackaging.com/wp-content/themes/emenac/assets/new_cat_page/arrowright.svg');background-repeat:no-repeat;background-position:0;padding-left:25px;margin-bottom:15px;list-style:none;}
.th_prespactive_sec span {width:20%;float:left;}
.th_prespactive_sec label {width:80%;float:left;font-size:20px;font-weight:600;color:#2e2e2e;padding-left:8px;}
.th_prespactive_banner {width:100%;float:left;}


.th_bg_perfect {background-image:url('https://www.emenacpackaging.com/wp-content/themes/emenac/assets/new_cat_page/perfect_bg_vector.webp');background-repeat:no-repeat;background-size:contain;background-position:center;margin-top:100px}
.th_perfect_banner {width:100%;float:left;}
.th_perfect_content  {width:100%;float:left;}
.th_perfect_content h2 {font-weight:bold;margin-bottom:30px;font-size:38px;color:#090909}
.th_perfect_content p {color:#646464;width:100%;float:left;margin-bottom:25px;}
.th_perfect_content ul {width:100%;float:left;padding:0;margin:0;}
.th_perfect_content ul li {float:left;width:100%;padding-left:30px;background:url('https://www.emenacpackaging.com/wp-content/themes/emenac/assets/new_cat_page/perfecttick.svg') left 5px no-repeat;list-style:none;margin-bottom: 15px;color:#858585;font-weight:600;
font-family: 'Quicksand', sans-serif;}
.th_perfect_content .th_perfect_order {width:100%;float:left;margin:50px 0 25px;}
.th_perfect_content .th_perfect_order ul {width:100%;float:left;}
.th_perfect_content .th_perfect_order ul li {display:inline-block;background-image:unset;float:left;padding:0;
width:33.3%;}
.th_perfect_content .th_perfect_order ul li span {width:100%;float:left;color:#555555;font-size:34px;
font-weight:600;}
.th_perfect_content .th_perfect_order ul li small {width:100%;float:left;color:#969398;font-size:16px}
.th_perfect_btn {width:100%;float:left;display:flex;justify-content:end;}
.th_perfect_btn a {height:60px;line-height:60px;color:#fff;background-color:#ef233c;border-radius:5px;font-weight:600;float:left;font-size: 18px;font-family: 'Quicksand', sans-serif;padding:0 25px;text-decoration:none;}
.th_perfect_btn a:hover {background-color:#c0162b}

.testimonials_sec{ width: 100%;background: url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/webp/testimonial-bg.webp) no-repeat center top;background-size: cover;padding: 60px 0; margin-top:80px;}
.testimonials_sec .carousel-indicators [data-bs-target]{display: none;}
.testimonials_sec .carousel-control-prev-icon{ background-image: url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/prev-arrow.svg); }
.testimonials_sec .carousel-control-next-icon{ background-image: url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/img/next-arrow.svg); }
.test-area{ max-width: 985px;margin: auto;text-align: center; }
.test-detail{ padding: 0 80px; display:flex; flex-direction: column; justify-content: center; align-items: center;  }
.testimonials_sec .head{width:100%;float:left;text-align:center;}
.testimonials_sec h2 small{ text-transform: uppercase;color: #ef233c;font-weight: 600;font-size: 20px;width:100%;float:left;text-align:center;}
.testimonials_sec h2{ font-size: 48px;margin-top: 35px;padding: 0;font-weight: bold;width:100%;float:left;text-align:center;}
.testimonials_sec img{ margin-top: 20px; }
.test-detail p{margin-top:65px; }
.test-detail span{ margin-top: 60px;font-size: 24px;color: #ef233c;font-weight: bold;}





@media only screen and (max-width: 1420px){
.banner .banner-cont .banner-txt h2{font-size: 34px;}
}

@media only screen and (max-width: 991px){
.banner .banner-cont .banner-txt h2{font-size: 27px;}
.banner .banner-cont .banner-txt p{font-size: 14px;}
.quote-sec {padding:0 15%}
.th_bg_1 {padding:20px 10px}
.th_prespactive_banner {margin-top:0;text-align:left;}
.th_prespactive_sec {margin-top:20px}
.th_bg_perfect {margin:0;}
.th_perfect_content h2 {font-size:24px;margin:40px 0 10px}
.th_perfect_content p {margin-bottom:16px;}
.th_perfect_content .th_perfect_order {margin:10px 0;}
.th_perfect_content .th_perfect_order ul li span {font-size:25px}
.testimonials_sec h2 {font-size: 36px;margin-top: 18px;}
.test-detail {padding: 0 120px;}
.testimonials_sec {margin:0}
}

@media screen and (min-width: 20px) and (max-width: 991px){
.pack-solution h3{ font-size: 21px;}

}
@media screen and (min-width: 20px) and (max-width: 575px){
.th_desc_sec {margin:20px 0;}
}

@media only screen and (max-width: 767px){
.banner .banner-cont .banner-img img{height: 450px;}
.banner .banner-cont .banner-txt{left: 5%; width: 50%;}
.th_popular_sec {margin-top:20px}
.th_popular_content h3 {font-size:16px}
.th_expert_head {margin-top:0}
.th_expert_content h3 {font-size:16px;height:42px;}
.quote-sec {margin-top:0}
.quoteform .heading {font-size: 26px; text-align: left;}
.th_bg_1 {margin-top:20px}
.th_prespactive_sec h2 {font-size:26px}
.th_perfect_content {margin-top:20px}
.th_perfect_btn a{    height: 50px;line-height: 49px;font-size: 16px;padding: 0 16px;}
}

@media only screen and (max-width: 575px){
.banner .banner-cont .banner-txt{left: 3%; width: 60%;}
.banner .banner-cont .banner-txt h2{font-size: 22px;}
.banner .banner-cont .banner-txt h2 small{font-size: 12px;}
.banner .banner-cont .banner-txt p{font-size: 12px;}
.th_popular_sec h2 {font-size:22px}
.th_popular_sec h2 {margin-bottom:10px}
.th_popular_slider {margin-top: 0}
.th_expert_head h2 {font-size:22px;margin-bottom:10px}
.quote-sec {padding:0 15px;}
.quoteform .heading {font-size:22px}
.th_bg_1 h2 {font-size:20px;}
.th_bg_1 p {font-size:14px;margin-bottom:30px}
.th_bg_1 span {width:100%}
.th_bg_1 label {width:100%;text-align:center;margin-bottom:20px;}
.our-work h3 {margin-top:0;font-size:30px}
.Gallery-buuton {margin-top:10px}
.cst-button {font-size:16px}
.packaging-ideas-bg {padding:10px 0}
.packaging-idea h3 {font-size:22px}
.packaging-idea p {padding:0;font-size:14px}
.th_pres_sec {margin-top:0}
.th_prespactive_sec h2 {font-size:22px}
.th_prespactive_sec h2 small {margin-bottom:10px}
.th_prespactive_sec p {font-size:14px}
.th_prespactive_sec ul{margin:20px 0;}
.th_prespactive_sec ul li {font-size:14px;width:50%}
.th_prespactive_sec span {width:100%;text-align:center;}
.th_prespactive_sec span img {width:auto!important;}
.th_prespactive_sec label {width:100%;text-align:center;font-size:16px;margin:15px 0} 
.th_perfect_content h2 {font-size:20px}
.th_perfect_content p {font-size:14px}
.th_perfect_content ul li {font-size:14px}
.th_perfect_content .th_perfect_order ul li span {font-size:20px}
.th_perfect_content .th_perfect_order ul li small {font-size:14px}
.th_perfect_btn {justify-content:center;} 
}


@media screen and (min-width: 20px) and (max-width: 768px){
.testimonials_sec h2 {font-size: 28px;margin-top: 15px;}
.test-detail {padding: 0 65px;}
}
@media screen and (min-width: 20px) and (max-width: 575px){
.testimonials_sec h2 {font-size: 22px;}  .test-detail h6{ font-size: 16px; }
.test-detail h5 {margin-top: 40px;font-size: 19px;}
.test-detail p {margin-top: 35px;font-size: 13px;}
}
@media screen and (min-width: 20px) and (max-width: 475px){
.test-detail {padding: 0 45px;}
.testimonials_sec h2 {font-size: 18px;}
.testimonials_sec h2 small{ font-size: 12px; }
}

@media only screen and (max-width:475px){
  .th_prespactive_sec ul li {width:100%}
}

@media only screen and (max-width:425px){
.th_perfect_content .th_perfect_order ul li{width:50%}
}

@media screen and (min-width: 20px) and (max-width: 375px){
.packaging-ideas-bg img{margin-top: 10px;}
}