.videos {padding-block: 30px;}
.videos iframe {width:100%; height:640px;}
.no-border { border: none;}
.videos .content {margin-block: 40px;}
.videos .content h2 {font-size: calc(var(--fs-700) + 4px); font-weight: var(--fw-bold); color: var(--clr-primary); margin-bottom: 10px;}
.videos .content p {font-size: var(--fs-500); color: var(--clr-light-500);}
.videos .columns {display: grid; grid-template-columns: 66.6% 1fr; gap: 30px;}
.videos :where(.popular-videos > div, .review-videos > div) {display: grid; gap: 24px 30px; margin-bottom: 16px;}
.videos :where(.popular-videos h3, .review-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 :where(.popular-videos h3, .review-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.webp); content: '';}
.videos .popular-videos > div {grid-template-columns: repeat(2, 1fr);}
.videos .review-videos > div {grid-template-columns: repeat(3, 1fr);}
.videos .banner {margin-top: 30px;}
.quote .quote-form {max-width: 100%;}
.quote .quote-form .title h2 {font-size: calc(var(--fs-xl) - 4px);}
.quote form {padding: 20px;}
.quote .group:nth-child(2) div:nth-child(2) {display: grid; grid-template-columns: repeat(2, 1fr);}
.quote :where(.group:nth-child(3) div:nth-child(2), .group:nth-child(4) div:nth-child(3)) {flex-direction: column;}
.ytp-cued-thumbnail-overlay .ytp-cued-thumbnail-overlay-image .ytp-large-play-button svg{display:none !important;}
/* {MEDIA-QUERY} */
@media only screen and (width < 1250px) {.videos .columns {grid-template-columns: 60% 1fr;}}
@media only screen and (width < 991px) {
:root {--fs-700: 20px;}
.videos iframe {max-height: 480px;}
.videos .columns {grid-template-columns: 50% 1fr;}
.videos :where(.popular-videos > div, .review-videos > div) {gap: 20px;}
.videos .review-videos > div {grid-template-columns: repeat(2, 1fr)}
}
@media only screen and (width < 767px) {
:root {--fs-700: 16px;}
.videos iframe {max-height: 310px;}
.videos .columns {grid-template-columns: 1fr;}
.videos .quote .quote-form {max-width: 590px;}
.quote .quote-form .title h2 {font-size: var(--fs-xl) !important;}
}
@media only screen and (width < 475px) {
:root {--fs-700: 14px;}
.videos iframe {max-height: 200px;}
.videos :is(.popular-videos > div, .review-videos > div) {grid-template-columns: 1fr;}
}

.details .sticky-sidebar {position: sticky; top: 88px; height: fit-content;}
.quote .quote-form {max-width: 100%;}
.quote .quote-form .title h2 {font-size: calc(var(--fs-xl) - 4px);}
.quote form {padding: 20px;}
.quote .group:nth-child(2) div:nth-child(2) {display: grid; grid-template-columns: repeat(2, 1fr);}
.quote :where(.group:nth-child(3) div:nth-child(2), .group:nth-child(4) div:nth-child(3)) {flex-direction: column;}
.quote :where(.group input, .group:nth-child(4) textarea) {padding-block: 10px;}
.quote .group:nth-child(4) textarea {height: 60px;}
.quote .buttons {flex-direction: column;}
.quote form button {margin-inline: auto;}