.detail {padding-top: 30px;}
.detail iframe{width:100%; border:0px}
.detail .content {margin-block: 40px;}
.detail .content h2 {font-size: calc(var(--fs-700) + 4px); font-weight: var(--fw-bold); color: var(--clr-primary); margin-bottom: 10px;}
.detail .content p {font-size: var(--fs-500); color: var(--clr-light-500);}
.detail .content h3 {font-size: var(--fs-500); font-weight: var(--fw-semi-bold); margin-block: 16px;}
.detail .content ul li {list-style: decimal; list-style-position: inside; margin-bottom: 16px; font-size: var(--fs-500);}


.quote {padding-block: 30px; background: no-repeat center/cover url(https://www.ybyboxes.com.au/wp-content/themes/ybyboxesca/assets/images//quote-form-bg.webp);}
.quote .head {text-align: center; margin-bottom: 60px;}
.quote .head h2 {margin-bottom: 30px;font-size: var(--fs-xl); font-weight: var(--fw-semi-bold); line-height: 160%; color: var(--clr-primary); margin-bottom: 16px;}
.quote .head h2 span {font-size: calc(var(--fs-xl) + 6px);color: var(--clr-secondary);}
.quote .head p {font-size: var(--fs-400); color: var(--clr-dark-500);}
.quote .quote-form {max-width: 760px !important; margin-inline: auto;}

.videos {padding-block: 40px;}
.videos .related-videos > div {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 30px;}
.videos .related-videos h3 {position: relative; font-size: calc(var(--fs-700) + 4px); font-weight: var(--fw-regular); color: var(--clr-primary); height: 27px; display: flex; align-items: center; padding-left: 36px; margin-bottom: 16px;}
.videos .related-videos h3::before {position: absolute; top: 0; left: 0; width: 27px; height: 27px; background: no-repeat center/cover url(https://www.ybyboxes.com.au/wp-content/themes/ybyboxesca/assets/images//videos/star-icon.png); content: '';}
@media only screen and (width < 991px) {
:root {
--fs-700: 20px;
--fs-500: 16px;
}
.detail .video iframe {max-height: 480px;}
.videos .related-videos > div {grid-template-columns: repeat(2, 1fr); gap: 20px;}
}
@media only screen and (width < 767px) {
:root {--fs-700: 16px;}
.detail .video iframe {max-height: 310px;}
}
@media only screen and (width < 475px) {
:root {
--fs-700: 14px;
--fs-500: 15px;
}
.detail .video iframe {max-height: 200px;}
.videos .related-videos > div {grid-template-columns: 1fr;}
}