/* breadcrumb */
.breadcrumb {padding-block: 15px; background: #F8F8FA;}
.breadcrumb ul {margin: 0; padding: 0;}
.breadcrumb li {list-style-type: none; display: inline;}
.breadcrumb li:not(:first-child):before {content: "/";}
.breadcrumb li :where(a, span) {text-decoration: none; line-height: 1.2; color: #343a40;}
	.breadcrumb li a:hover {color: var(--clr-red-dk); transition: var(--transition);}
.ytv-canvas{	display: block;	background: #282828;	overflow: hidden;	font-family: arial, sans-serif;}
.ytv-canvas ::-webkit-scrollbar{	border-left: 1px solid #000;	width: 10px;}
.ytv-canvas ::-webkit-scrollbar-thumb{	background: rgba(255,255,255,0.1);}
.ytv-video{	position: absolute;	top: 0;	right: 300px;	bottom: 0;	left: 0;	height: 100%;}
.ytv-video iframe{	width: 100%;	height: 100%;	border: none;	outline: none;	display: block;}
.ytv-list{	position: absolute;	top: 0;	right: 0;	bottom: 0;	height: 100%;	width: 300px;}
.ytv-list-inner{overflow: auto;	position: absolute;	top: 52px; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch;}
.ytv-list ul{margin: 0; padding: 0;	list-style-type: none;}
.ytv-list .ytv-active a {border-left: 2px solid #fff; background: rgba(255,255,255,0.05);}
.ytv-list a {display: block;	text-decoration: none; font-size: 11px;	color: #FEFEFE;	padding: 10px; padding-left: 8px;	border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(0,0,0,0.5);	border-left: 2px solid transparent;}
.ytv-list a b {max-height: 45px; overflow: hidden; display: block; text-overflow: ellipsis; color: #fff;font-size:14px}
.ytv-list li:first-child a{ border-top: none; }
.ytv-list li:last-child a{ border-bottom: none; }
.ytv-list a:hover,
.ytv-list-header .ytv-playlists a:hover{ background: rgba(255,255,255,0.05); }
.ytv-list a:active,
.ytv-list-header .ytv-playlists a:active{ background: rgba(0,0,0,0.05); }
.ytv-list .ytv-content{ padding-left: 125px; }
.ytv-list .ytv-thumb-stroke{position: absolute;top: 1px;left: 1px;bottom: 1px;right: 1px;z-index: 2;outline: 1px solid rgba(255,255,255,0.1);}
.ytv-list .ytv-thumb{float: left;position: relative;outline: 1px solid rgba(0,0,0,0.5);}
.ytv-list .ytv-thumb img{width: 120px;display: block;}
.ytv-list .ytv-thumb span{position: absolute;bottom: 5px;right: 5px;color: #eee;background: rgba(0,0,0,0.7);font-size: 11px;font-weight: bold;padding: 0px 4px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ytv-views{display: block;margin-top: 5px;font-size: 12px;font-weight: normal;opacity: 0.3;}
.ytv-list-header{height: 52px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.ytv-list-header a{background: rgba(255,255,255,0.05);position: relative;z-index: 10;}
.ytv-list-header img, .ytv-list .ytv-playlists .ytv-thumb img{	width: 30px;	vertical-align: middle;}
.ytv-list-header span{	padding-left: 10px;	font-size: 12px;	font-weight: bold;}
.ytv-playlists{	z-index: 9;	position: absolute;	background: #282828;	top:52px;	left: 0;	right: 0;	bottom: 0;	overflow: auto;	display: none;}
.ytv-playlists img,.ytv-list-header img{	float: left;}
.ytv-playlists a span,.ytv-list-header a span{	white-space: nowrap;	padding-left: 10px;	display: block;	overflow: hidden;	text-overflow: ellipsis;}
.ytv-list-header > a span{	line-height: 30px;}.ytv-list-header .ytv-playlists a{	background: none;}.ytv-playlist-open .ytv-playlists{	display: block;}
.ytv-relative{	position: relative;	width: 100%;	height: 100%;}
.ytv-full{	position: fixed;	top: 0;	left: 0;	width: 100% !important;	height: 100% !important;	margin: 0 !important;}
.ytv-arrow {	height: 10px;	width: 0;	position: relative;	top: 10px;	right: 5px;	border: 10px solid transparent;	float: right;	border-top-color: rgba(0,0,0,0.4);	display: none;}
.ytv-has-playlists .ytv-arrow{	display: inline-block;}.ytv-playlist-open .ytv-arrow{	border-color: transparent;	border-bottom-color: rgba(0,0,0,0.4);	top: -10px;}
.ytv-list-header a:after,.ytv-clear:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}

/* REVIEWS */

.reviews {padding: 15px 0 20px; --clr-dark: #333; --clr-link: #007bff; --clr-link-dk: #0056b3; --clr-name: #136cb2; --clr-post-title: #343a40; --clr-border: #f0f1f4; --clr-bg-light: #f0f1f4; --clr-icons-bg: #203d71;}
.reviews .main {text-align: center;}
.reviews .main > :first-child {font-size: var(--fs-28); font-weight: var(--fw-700); margin-block: 20px 10px;}
.reviews .main p {font-size: var(--fs-16); margin: 0 auto 35px; max-width: 95%; color: var(--clr-dark); line-height: 1.3;}
.reviews .main > img {margin-bottom: 40px; height: calc(100vw*(150/480));} 
.reviews .rating {display: flex; align-items: center; flex-wrap: wrap; row-gap: 10px; margin-bottom: 15px;}
.reviews .rating > * {margin-right: 10px;}
.reviews .rating span {font-size: var(--fs-20); color: var(--clr-dark);}
.reviews .rating strong {font-size: var(--fs-20); color: var(--clr-red-dk);}
.reviews .rating ul li {display: inline-flex; align-items: center;}
.reviews .columns {display: grid; grid-template-columns: 66% 1fr; gap: 30px;}
.reviews .wrapper .title {padding-bottom: 10px; border-bottom: 1px solid var(--clr-dark); margin-bottom: 20px;}
.reviews .wrapper .title > * {font-size: var(--fs-18); font-weight: var(--fw-500);}
.reviews .wrapper .title > * span {color: var(--clr-red-dk);}
.reviews .feedback {display: flex; align-items: start; gap: 50px; margin-bottom: 10px;}
.reviews .feedback * {color: var(--clr-dark);}
.reviews .feedback img {width: 44px; height: 44px;object-fit: contain;}
.reviews .feedback .content {padding-right: 15px;}
.reviews .feedback .content > :first-child {font-size: calc(var(--fs-20) + 1px); font-weight: var(--fw-600); margin-bottom: 5px;}
.reviews .feedback ul {margin-bottom: 5px;}
.reviews .feedback li {display: inline;}
.reviews .feedback ul + * {font-size: var(--fs-16); font-weight: var(--fw-500); margin-bottom: 5px; color: var(--clr-name);}
.reviews .feedback span {display: block; font-size: var(--fs-14); font-weight: var(--fw-400); font-style: italic; line-height: 1.5;}
.reviews .feedback span:nth-of-type(2) {font-style: normal;}
.reviews .feedback .content p {font-size: var(--fs-16); margin-block: 10px 15px;}
.reviews .pagination .page-numbers  {display: inline-flex; align-items: center; margin-right: 10px;}
.reviews .pagination .page-numbers{background-color: var(--clr-bg-light); padding: 15.5px 16px;}
.reviews .pagination .current{background-color: var(--clr-red); color: #fff;}
.reviews .pagination .page-numbers:hover{background-color: var(--clr-red); color: #fff;}
/* .reviews .sidebar {position: sticky; top: 82px; height: fit-content;} */
.reviews :is(.main > :first-child, .video, .rating, .rating > *, .columns, .title > *, .feedback, .feedback *) {transition: var(--transition);}

/* Media Query */  

@media only screen and (width <= 1200px) {
:root {--fs-28: 26px;}
.reviews .columns {grid-template-columns: 60% 1fr;}
}
@media only screen and (width <= 991px) {
:root {--fs-28: 24px;}
.reviews .main p,
.reviews .main img {margin-bottom: 20px;}
.reviews .columns {grid-template-columns: 1fr; gap: 20px;}
.reviews .quote-form {max-width: 560px; margin-inline: auto;}
}
@media only screen and (width <= 767px) {
:root {--fs-28: 22px; --fs-20: 18px;}
.reviews .feedback {gap: 30px;}
}
@media only screen and (width <= 575px) {
.reviews .main p,
.reviews .main img {margin-bottom: 15px; max-width: 100%;}
.reviews .feedback {gap: 15px;}
.reviews .feedback .content p {line-height: 1.4;}
}
@media only screen and (width <= 475px) {
:root {--fs-28: 20px; --fs-20: 16px; --fs-18: 16px; --fs-16: 15px; --fs-14: 13px;}
}
.backimage{background-image: url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//packaging-uk-youtube-loader.gif');background-size: 100% 100%; background-position: center; background-repeat: no-repeat; width:100%;min-height:575px; margin-bottom:20px;  }
@media screen and (min-width : 20px) and (max-width : 620px) { 
.backimage {min-height:363px;}
}