
.th-slider .carousel.slide .carousel-inner .carousel-item img{min-width:100%}
.th-shipping-srvc-sec{ padding: 25px 0;background: #f7f7f7;}
.th-shipping-srvc{width:100%;float:left;display:flex;}
.th-shipping-srvc img{margin-right: 10px;background:#fff;height: 70px;width: 70px;border-radius: 100%;
text-align: center;padding: 12px;box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.th-shipping-srvc label{font-size: 15px; font-weight: 700; color: #000; text-transform: uppercase; margin-top: 20px;}
.th-food-box-heading h1{ font-size: var(--h1font);color: #000;font-weight: 700;margin-top: 40px; }
.th-food-box-heading h1 span{color:var(--newcolor);}
.th-food-box-heading p{ color: #000;font-size: 16px;font-weight: 400;margin: 20px 40px 0; }
.th-industry-box{width: 100%;float: left;margin-bottom: 10px;}
.th-industry-box h2{ font-size: var(--h2font);color: var(--newcolor);font-weight: 700;margin-top:40px;text-align: center; }
.th-industry-box h2 span{color: #000;  }
.th-industry-box img{ margin: auto;display: block; }


.th-box-style-slider{ margin-top: 10px; }
.th-box-item{margin-top: 30px;}
.th-box-item .th-box-image{ background:#eeeeee;width: 100%;padding: 20px;text-align: center;min-height:288px}
.th-box-item .th-box-image img{min-height:250px;object-fit:cover}	
.th-box-item li{ justify-content: center;display: flex;width: 100%; }
.th-box-item .th-item-btn{padding:5px 20px;border:solid 2px var(--newcolor);color:var(--newcolor);border-radius:5px;text-transform: uppercase;font-weight:700;transition: 0.5s;margin-top:15px;text-align: center;text-decoration: none;float: left;}
.th-box-item .th-item-btn:hover{background:var(--newcolor);color:#fff;}
.th-view-btn{ margin-top: 30px; display:flex; }
.th-view-btn li{ width: 100%;justify-content: center;display: flex; }
.th-view-btn .view-all-btn{ padding:5px 30px;border:solid 2px #000;color:#000;border-radius:5px;text-transform:uppercase;
font-weight: 600;transition: 0.5s;margin-top:15px;text-align: center;text-decoration: none;float: left; margin-inline:auto; }
.th-view-btn .view-all-btn:hover{background: #000;color: #fff;}
.th-box-style-sec .slick-slide{margin-left:15px;margin-right:15px;}
.th-box-style-sec .slick-prev{border:solid 2px var(--newcolor);}
.th-box-style-sec .slick-next{border:solid 2px var(--newblack);}
.th-box-style-sec .slick-prev:before{content: '❮';color:var(--newcolor);opacity: 1;line-height:26px;font-weight: bolder;}
.th-box-style-sec .slick-next:before{content: '❯';color:var(--newblack);opacity: 1;line-height:26px;font-weight: bolder;}
.th-box-style-sec .slick-prev:hover:before{color:#fff;}
.th-box-style-sec .slick-next:hover:before{color:#fff;}
.th-box-style-sec .slick-prev:hover{background:var(--newcolor); } 
.th-box-style-sec .slick-next:hover{background:var(--newblack);}
.th-box-style-sec .slick-arrow{border-radius:0;background:#fff;top: 0;z-index: 1;}

.th-choose-box h2{ font-size: var(--h2font);color: #000;font-weight: 700;margin-top: 40px;text-align: center; }
.th-choose-box h2 span{color: var(--newcolor);  }
.th-choose-box-detail{ width: 100%;padding: 15px 30px 15px 50px;background: #fff;box-shadow:0 0 5px rgba(0,0,0,0.3);
overflow: hidden;position: relative;margin-top: 20px;transition: 0.3s;}
.th-choose-box-detail:before{width:20px;height:80%;background:var(--newcolor);position:absolute;content:'';left:0;}
.th-choose-box-detail:after{width:5px;height: 60%;background:#000;position:absolute;content:'';left:20px;top:30px;}
.th-choose-box-detail h4{ font-size: var(--h4font);color: #000;font-weight: 700;}
.th-choose-box-detail p{ font-size: 18px;margin-top:10px;color: #000;overflow: hidden;height: 85px;}

.th-printed-box h2{font-size:var(--h2font);color:#000;font-weight:700;margin-top:40px;text-transform:uppercase;}
.th-printed-box h2 span{ color: var(--newcolor); }
.th-printed-box p{ color: #000;font-size: 16px;font-weight: 400;margin: 20px 40px 0; }
.th-printed-box-content{position: relative;padding: 80px 0 0 80px;margin: 40px 0;}
.th-printed-box-content:after{background:var(--newcolor);content:'';width:620px;height:560px;position:absolute;left:0;top:0;}
.th-printed-box-content .th-detail{box-shadow:0px 0px 10px 0px rgb(153 153 153);padding:30px;position:relative;z-index: 20;background: #fff;clear: both;}
.th-printed-box-content .th-detail h2{font-size:var(--h4font);font-weight:600}
.th-printed-box-content .th-detail h3{font-size:var(--h4font);font-weight:600}
.th-printed-box-content .th-detail h4{ font-size: 20px;color: #000;font-weight:600; }
.th-printed-box-content .th-detail p{margin:10px 0 20px;}


.th-quote-sec{ padding: 40px 0;background: #ececec; }
.th-quote-heading h2{ font-size:var(--h2font);color:#000;font-weight:700;text-transform:uppercase; }
.th-quote-heading h2 span{ color: var(--newcolor);  }
.th-quote-heading p{color: #000;font-size: 16px;font-weight: 400;margin: 20px 40px 0;   }
.th-quote-form h3{ width: 100%;background: var(--newcolor);color: #fff;padding: 20px;border-radius:10px 10px 0 0;font-size: var(--h3font);
font-weight: 700;margin-top: 40px; text-align:center}
.th-quote-form form{width:100%;border-radius:0 0 10px 10px;padding:20px;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.3);}
.th-quote-form form label{ margin-top: 10px;font-size: 16px;font-weight: 600;color: #000; }
.th-quote-form form label img{ margin-right: 5px;  }
.th-quote-form form input{ width: 100%;border-radius: 100px;height: 40px;margin-top:10px;outline:none;border:solid 1px #dddddd;background: #f0eeee;padding:0 15px; }
.th-quote-form form select{ width: 100%;border-radius: 100px;height: 40px;margin-top:10px;outline:none;border:solid 1px #dddddd;background: #f0eeee;padding:0 15px; }
.th-quote-form form input[type='file']{padding:4px 70px;background: url("https://kolaxopackaging.ae/wp-content/themes/kolaxopackaging/assets/img//icons/Uplaod.svg") no-repeat 18px;}
.th-quote-form form textarea{ width: 100%;border-radius: 100px;height: 40px;margin-top:10px;outline:none;border:solid 1px #dddddd;background: #f0eeee;padding:10px 15px;height:80px; }
.th-quote-form form input[type='submit']{background:var(--newcolor);color:#fff;transition:0.5s;border:solid 1px var(--newcolor);
font-weight:600;}
.th-quote-form form input[type='submit']:hover{ background: #a70f0f;border:solid 1px #a70f0f;}

.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{background:#a6a6a6;text-align: center;z-index: 20;position: relative;}
.th-cpp-box-content h2{font-size:var(--h2font);color:#000;font-weight:700;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: #fff; }
.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('https://kolaxopackaging.ae//wp-content/uploads/2024/02/information.webp');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: var(--newcolor);margin-top: 40px;float: left; }
.th-bottom-quote h2{ font-size:var(--h2font);color:#fff;font-weight:700;text-transform:uppercase;line-height:50px}
.th-bottom-quote a{padding:8px 30px;background: #000;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: #000; }

.th-bottom-slider{ margin-top: 40px; }
.th-review{ border: solid 1px #dad7d7;padding:42px; }
.th-review h5{ margin-top: 50px;font-size: 18px;font-weight:800; }
.th-review p{ height:70px;overflow-y: scroll;}
.th-bottom-slider .slick-slide{margin-left:65px;margin-right:80px;}
.th-bottom-slider .slick-prev{border:solid 2px var(--newcolor);left: 0;}
.th-bottom-slider .slick-next{border:solid 2px #000;}
.th-bottom-slider .slick-prev:before{content: '❮';color:var(--newcolor);opacity: 1;line-height:26px;font-weight: bolder;}
.th-bottom-slider .slick-next:before{content: '❯';color:#000;opacity: 1;line-height:26px;font-weight: bolder;}
.th-bottom-slider .slick-prev:hover:before{color:#fff;}
.th-bottom-slider .slick-next:hover:before{color:#fff;}
.th-bottom-slider .slick-prev:hover{background:var(--newcolor); } 
.th-bottom-slider .slick-next:hover{background:#000;}
.th-bottom-slider .slick-arrow{border-radius:0;background:#fff;top: 50%;z-index: 1;}


@media screen and (max-width: 1200px){
	.th-cpp-box-content ul li a{margin: 0;}
}
@media screen and (max-width: 1070px){
	.th-shipping-srvc label{ font-size:18px;}
	.th-bottom-quote h2 {font-size:29px;}
	.th-cpp-box-content h2 {font-size: 23px;}
}
@media screen and (max-width: 991px){
.th-printed-box-content .th-detail{top:11%; }
.th-cpp-box-content h2{margin-top: 0;}
.th-cpp-box-content p {font-size: 14px;margin: 15px 0 0;}
.th-cpp-box-content ul li{margin: 0 0 20px;}
.th-bottom-quote {padding: 20px;margin-top: 20px;}
.th-bottom-slider {margin-top: 25px;}
.th-bottom-quote h2 {font-size: 25px;}
.th-cpp-box-content ul li a{margin-top: 15px;}
.th-printed-box-content{padding: 40px 0 0 40px;margin:30px 0;}
}
@media screen and (max-width: 767px){
.th-shipping-srvc{text-align: center;width: 100%;}
.th-food-box-heading h1 {font-size:22px;margin-top:20px;}
.th-food-box-heading p {font-size: 14px;margin: 6px 0 0;}
.th-industry-box h2 {font-size: 22px;margin-top: 20px;}
.th-view-btn li .view-all-btn{margin-top: 0;padding: 5px 17px;font-size: 14px;}
.th-industry-box img {width: 35%;}
.th-choose-box h1{font-size: 22px;margin-top: 20px;}
.th-choose-box-detail h4{font-size: 22px;}
.th-choose-box-detail p {font-size: 14px;margin-top: 0;}
.th-printed-box h2{font-size: 22px;margin-top: 20px;}
.th-printed-box p{font-size: 14px;margin: 6px 0 0;}
.th-quote-sec{padding: 30px 0;}
.th-quote-heading h1{font-size: 22px;}
.th-quote-heading p{font-size: 14px;margin: 6px 0 0;}
.th-quote-form h2{margin-top: 20px;}
.th-accordian-heading p{font-size: 14px;margin: 6px 0 0;}
.th-bottom-quote li a {padding: 8px 20px;font-size: 12px;}
.th-bottom-quote h2 {font-size: 18px;}
.th-bottom-slider .slick-next{right: -50px;}
.th-printed-box-content:after{width:500px;height:440px;}
.th-cpp-box{margin-bottom: 30px;}
}
@media screen and (max-width: 575px){
.th-shipping-srvc label{ font-size:13px;}

.th-printed-box-content .th-bg{width: 250px;height: 200px;}
.th-printed-box-content .th-detail h4{font-size: 16px;}
.th-printed-box-content .th-detail p{font-size: 14px;}
.th-printed-box-content .th-detail{position:relative;width: 100%;left: 0;}
.th-printed-box-content {margin: 25px 0;}
.th-food-box-heading p, .th-printed-box p, .th-quote-heading p,.th-cpp-box-content p,.th-accordian-heading p
 {height: 45px;overflow-y: scroll;}
.th-choose-box-detail p {height: auto;}
.th-quote-form h2 {padding: 14px;font-size: 20px;}
.th-review{padding:20px;}
.th-bottom-slider .slick-slide {margin-left: 50px;margin-right:50px;}
.th-bottom-slider .slick-next {right: -60px;}
.th-printed-box-content:after{width:300px;height:240px;}
.th-printed-box-content .th-detail{ height:355px;overflow-y: scroll;padding: 20px; }
.th-printed-box-content{padding: 20px 0 0 20px;}
}
@media screen and (max-width:475px){
.th-shipping-srvc img {width:60px; height:60px}

.th-shipping-srvc label {margin-top: 10px;}
.th-industry-box{margin-bottom: 20px;}
.th-choose-box-detail p {font-size:16px;height:77px;}
.th-review{padding: 10px;}
.th-printed-box-content:after{width:250px;height:190px;}
.th-cpp-box-sec{margin: 20px 0;}
.th-cpp-box{padding: 20px 0 0 20px;}
.th-cpp-box:after{ width: 200px;height: 150px; }
}
@media screen and (max-width:375px){
	.th-slider .carousel.slide .carousel-inner .carousel-item img{height:142px}
	.th-shipping-srvc img {width:50px; height:50px}
.th-shipping-srvc label{ font-size:12px;}

.th-food-box-heading h1 {font-size: 18px;}
.th-choose-box h1 {font-size: 18px;}
.th-choose-box-detail h4 {font-size: 18px;}
.th-printed-box h2 {font-size: 18px;}
.th-cpp-box-content h2{font-size: 18px;}
.th-cpp-box-content p {margin: 8px 0 0;}
.th-quote-form form label {font-size: 13px;}
.th-cpp-box-content ul li a {font-size: 12px;}
.th-accordian-heading h1{font-size: 18px;}
.th-bottom-quote{padding: 10px;}
.th-bottom-quote h2 {font-size: 15px;}
}	
	.th-slider{position:relative;}
	.form-box{position: absolute; z-index: 999;right: 6%;top:0;    height: 100%;display: flex;flex-wrap: nowrap;}	
	.form-box form{background: #fffdfde8;border-radius: 17px;padding: 17px;margin: 50px 0;max-width:300px}	
	.form-box .form-group .form-input{margin-bottom:15px;font-size:14px !important;padding:10px}
	.form-box .form-labels{font-size:14px;font-weight:bold;margin-top:10px}
	.form-box .note{font-size:13px}
	.form-box .home_submit_btn{color:#fff;background-color:var(--newcolor);border:unset}
	.form-box .home_submit_btn:hover{color:#fff;background-color:var(--newblack)}
	@media screen and (max-width: 1550px){ .form-box form{margin:10px 0}  }	
	@media screen and (max-width: 1388px){ .form-box form{margin:0px 0} .form-box .form-group .form-input{margin-bottom:5px;font-size:14px !important;padding:5px}}
	@media screen and (max-width: 992px){ .form-box form{max-width:800px} .form-box{top:50px}}
	@media screen and (max-width: 776px){ .form-box{top:10px;right:0}}
	@media screen and (max-width: 575px){
		.form-box{position:unset; background: #fffdfde8;z-index: 999}	
	.form-box form{width:100%;}
	
	}
	.th-slider .carousel.slide .carousel-inner .carousel-item {min-height:150px;max-height:665px;overflow:hidden}

