
.breadcrumb .breadcrumb-item a{text-decoration:none;color:unset}

.breadcrumb-sec .breadcrumb li:not(:last-child)::after { content: '»';}

.th-accordian-sec {padding: 40px 0;background: #ececec;width:100%;float:left;margin:30px 0;}
.th-accordian-sec .accordion-body{background:#fff;padding: 10px;font-size: 15px;}
.accordion-header{margin-bottom:0;}
.accordion-header button{background-color: transparent;width: 100%;font-size:16px;text-align:left;
color: #000;padding: 5px 10px 0 45px;box-shadow: none;
background-image: url(https://www.cpfoodboxes.com/wp-content/themes/cpfood/assets/img/faq-icon.svg);background-repeat: no-repeat;background-position: 2%;margin: 7px 0;   border: none;cursor:pointer;}
.accordion-header button:focus{outline:none;}
.accordion-header button::after{content: "+";background-image: url(tran);color: #e32929;font-size: 24px;right: 16px;
position: absolute;}

.th-page-heading h1{font-size:var(--h1font);color:#000;font-weight:700;margin-top:40px;text-transform:uppercase;}
.th-page-heading h1 span{color: var(--newcolor);}
.th-page-heading p{color:#000;font-size:16px;font-weight:400;margin:20px 40px 0;}

.th-cpp-slider-box{position: relative;margin:30px 0;padding:25px 0 0 25px; }
.th-cpp-slider-box:before{position: absolute;width:450px;height:350px;background:#89d8ff;content:'';left:0;top:0;}
.th-cpp-slider-box .th-image{width:100%;text-align: center;clear:both;z-index: 20;position: relative;}
.carousel-indicators{position:unset;margin:0;opacity: 1;}
.carousel-indicators button{border:none!important;outline:none;width:25%!important;float:left;}
.carousel-indicators [data-bs-target]{height:auto;width:auto;}
.carousel-inner .carousel-item img{max-height:600px;object-fit:scale-down}
.th-product-services ul li{width:33.3%;background:var(--newcolor);padding:20px;text-align:center;color:#fff;float:left;}
.th-product-services ul li img{width: auto;height: 60px;}
.th-product-services ul li h5{ margin-top:20px;text-transform: uppercase;font-size: 18px;font-weight:700; }
.th-product-services ul li:nth-child(2){ background: var(--newblack); }
.th-cpp-slider-box .th-image .th-thumbnails{ width: 100%;display: flex; }
.th-cpp-slider-box .th-image .th-thumbnails .image{width:94%!important;margin:5px;background: #eeeeee;cursor: pointer; max-width: 25%;}

.th-tabs{ width: 100%;margin-top: 40px; }
.th-tabs ul li{ padding: 0 10px; z-index: 1}
.th-tabs ul li a{padding:7px 50px;background:var(--newcolor);color:#fff;text-decoration:none;font-size:16px;border-radius:100px;
display: block;font-weight: 700;}
.th-tabs ul li .active{background:var(--newblack);  }
.th-tabs .nav-tabs{border:none;}
.th-tabs .tab-content .th-detail{width:100%;background:#fff;padding:30px 15px 15px;box-shadow:0 0 5px rgba(0,0,0,0.5);}
.th-tabs .tab-content .th-detail h4{font-size:18px;color:#000;font-weight:700;}
.th-tabs .tab-content .th-detail h2, .th-tabs .tab-content .th-detail h3, .th-tabs .tab-content .th-detail h4{margin:20px 0; font-size: 22px; font-weight: 600;width:100%;float:left;}
.th-tabs .tab-content .th-detail p{margin:10px 0 15px;}
.th-tabs .tab-content .th-detail li{list-style: unset;}
.th-tabs .tab-content .th-detail ul{list-style: unset; padding-left: 20px;}

.sec-th-related-product{max-height:437px;overflow:hidden}
.th-related-product h2{font-size:var(--h2font);color:#000;font-weight:700;margin-top:40px;text-transform:uppercase;}
.th-related-product h2 span{color: var(--newcolor);}
.th-related-product-slider{ margin-top: 10px; }
.th-related-product-slider .th-box-item{margin-top: 30px;float:left;margin-left:22px}
.th-related-product-slider .th-box-item a{text-decoration: none;}
.th-related-product-slider .th-box-item .th-box-image{ background:#eeeeee;width: 100%; text-align: center;}
.th-related-product-slider .th-box-item li{ justify-content: center;display: flex;width: 100%; }
.th-related-product-slider .th-box-item .th-item-btn{padding:5px 20px;border:solid 2px var(--newcolor);color:var(--newcolor);
border-radius:5px;font-weight:600;transition:0.5s;margin-top:15px;text-align:center;text-decoration:none;float:left;}
.th-related-product-slider .th-box-item .th-item-btn:hover{background:var(--newcolor);color:#fff;}
.th-related-product-slider .slick-slide{margin-left:15px;margin-right:15px;}
.th-related-product-slider .th-box-item img{height:250px;object-fit:cover;max-width: 277px;}


.th-related-product-slider .slick-prev{border:solid 2px var(--newcolor);}
.th-related-product-slider .slick-next{border:solid 2px var(--newblack);}
.th-related-product-slider .slick-prev:before{content: '❮';color:var(--newcolor);opacity: 1;line-height:26px;}
.th-related-product-slider .slick-next:before{content: '❯';color:var(--newblack);opacity: 1;line-height:26px;}
.th-related-product-slider .slick-prev:hover:before{color:#fff;}
.th-related-product-slider .slick-next:hover:before{color:#fff;}
.th-related-product-slider .slick-prev:hover, .th-related-product-slider .slick-prev:focus{background:var(--newcolor);color:#fff}
.th-related-product-slider .slick-next:hover, .th-related-product-slider .slick-next:focus{background:var(--newblack);color:#fff}
.th-related-product-slider .slick-arrow{border-radius:0;background:#fff;top: 0;z-index: 1;}

.th-cpp-box-sec{ margin: 40px 0; }
.th-cpp-box{position: relative;padding: 40px 0 0 40px }
.th-cpp-box:after{width:300px;height:250px;background:var(--newcolor);position: absolute;top: 0;left:0;content: '';}
.th-cpp-box .th-image{position: relative;z-index: 1;}
.th-cpp-box-content h2{font-size:26px;color:#000;font-weight:900;text-transform:uppercase;margin-top: 40px;   }
.th-cpp-box-content h2 span{ color: var(--newcolor);  }
.th-cpp-box-content p{ color: #000;font-size: 16px;font-weight: 400;margin: 20px 0 0;min-height:150px}
.th-cpp-box-content ul li{ margin-top: 20px;width: 50%;float: left; }
.th-cpp-box-content ul li a{padding:5px;border:solid 1px var(--newcolor);color:var(--newcolor);border-radius:50px;text-transform:uppercase;
font-weight: 600;transition: 0.5s;margin-top:15px;text-align: center;text-decoration: none;float: left;font-size:14px;width:95%;
height:34px;overflow: hidden;line-height: 22px;  }
.th-cpp-box-content ul li a:hover{ background: var(--newcolor);color: #fff; }

.th-accordian-sec{ padding: 40px 0;background: #ececec; }
.th-accordian-heading h2{font-size:var(--h2font);color:#000;font-weight:700;text-transform:uppercase;}
.th-accordian-heading h2 span{ color: var(--newcolor);  }
.th-accordian-heading p{ color: #000;font-size: 16px;font-weight: 400;margin: 20px 0 0;}
.th-accordians{ margin-top: 20px; }
.th-accordians .accordion-button:focus{ border: none;box-shadow:none; }
.th-accordians .accordion-button{background-color:transparent;color: #000;padding:5px 10px 0 45px;box-shadow: none;
background-image: url('/icons/information.png');background-repeat: no-repeat;background-position:2%;margin:7px 0; background-size:22px 22px}
.th-accordians .accordion-button:not(.collapsed){background-color:transparent;color: #000;box-shadow: none; }
.th-accordians .accordion-item{border: none;background-color: #ececec;}
.th-accordians .accordion-body {background: #fff;}
.th-accordians .accordion-button::after{content: "+";background-image:url("tran");color:var(--newcolor);font-size:24px;}
.th-accordians .accordion-button:not(.collapsed)::after {content: "-";background-image:url("tran");transform:rotate(0deg);
color:var(--newcolor);font-size:34px;margin-top: -20px;}
.th-accordians .faq-icon{margin-right: 10px;}

.th-bottom-quote{ width: 100%;padding: 50px;background: #89d8ff;margin-top: 40px;float: left; }
.th-bottom-quote h2{ font-size:31px;color:#000;font-weight:800;text-transform:uppercase;}
.th-bottom-quote li a{padding:8px 30px;background: var(--newcolor);color:#fff;border-radius:50px;text-transform:uppercase;
font-weight: 600;transition: 0.5s;margin-top:15px;text-align: center;text-decoration: none;float: left; }
.th-bottom-quote li a:hover{ background: #a70f0f; }



@media screen and (max-width: 1200px){
.th-product-services ul li h5{font-size:15px;}
}
@media screen and (max-width: 1070px){
.th-page-heading h1{font-size:26px;margin-top:20px;}
.th-page-heading p{font-size:16px;margin:10px 0 0;}
}
@media screen and (max-width: 991px){
.th-cpp-slider-box .th-bg{ width:320px;height:220px;}
.th-cpp-slider-box .th-image .slider-thumbnails .slick-slide img {height: auto;}
.th-tabs .tab-content .th-detail p{font-size: 14px;}
.th-cpp-box-content ul li a{font-size: 14px;padding: 5px 20px;margin-top:0px;}
.th-cpp-box-content p{margin: 0}
.th-cpp-box-content h2{font-size: 20px;}
.th-product-services ul li{padding: 15px;}
.th-product-services ul li h5 {font-size: 14px;}
}
@media screen and (max-width: 767px){
.th-cpp-slider-box {margin-bottom:0;}
.th-cpp-slider-box .th-image{position:unset;padding: 0;}
.th-page-heading p{height: 45px;overflow-y: scroll;}
.th-tabs .tab-content .th-detail{ height: 400px;overflow-y: scroll; }
.th-cpp-box-content p{margin:10px 0 0 }
.th-cpp-box-content h2{font-size:24px;}
}
@media screen and (max-width: 575px){
.th-page-heading h1{font-size:20px;}
.th-product-services ul li:first-child{display: none;}
.th-product-services ul li {padding: 15px;width: 49%;}
.th-product-services ul li h5 {margin-top: 15px;}
.th-tabs ul li a {padding: 7px 20px;}
.th-tabs .tab-content .th-detail{padding: 5px 15px;}
.th-tabs .tab-content .th-detail h4{font-size: 16px;}
.th-tabs {margin-top: 30px;}
.th-related-product h2{margin:20px;}
.th-cpp-slider-box{padding: 0;}
.th-cpp-slider-box:before{width:0;height:0;}
.th-tabs .tab-content .th-detail h2, .th-tabs .tab-content .th-detail h3, .th-tabs .tab-content .th-detail h4{margin-bottom: 10px;font-weight:700;}

}
@media screen and (max-width: 475px){ 
.th-tabs ul li a {font-size: 14px;}
.th-tabs .tab-content .th-detail h4{font-size: 14px;}
.th-related-product h2{font-size: 22px;}
.th-cpp-box-sec{margin: 20px 0;}
}
@media screen and (max-width:375px){
.th-page-heading h1{font-size:16px;}
.th-product-services ul li {padding: 10px;}
.th-product-services ul li h5 {font-size:13px;}
.th-tabs ul li {padding: 0 5px;}
.th-tabs ul li a {padding: 7px 16px;}
.th-tabs {margin-top: 20px;}
}