/*
 * Generated by scripts/etl/transform.js — do not edit.
 *
 * One route's own Additional CSS, every rule prefixed with the page's [data-page]
 * attribute. See scripts/etl/page-css-scope.js for why.
 */
:is(:where([data-page='/portfolio/social-video-mastery-playground/']) #banner-slider-single > div > div > div.container.w-100 > div > div > div > p > a, :where([data-page='/portfolio/social-video-mastery-playground/'])#banner-slider-single > div > div > div.container.w-100 > div > div > div > p > a) {
color: black;
border-bottom: none;
}

:is(:where([data-page='/portfolio/social-video-mastery-playground/']) #banner-slider-single > div > div > div.container.w-100 > div > div > div > p > a:hover, :where([data-page='/portfolio/social-video-mastery-playground/'])#banner-slider-single > div > div > div.container.w-100 > div > div > div > p > a:hover) {
color: white;
}

:is(:where([data-page='/portfolio/social-video-mastery-playground/']) .my-column, :where([data-page='/portfolio/social-video-mastery-playground/']).my-column) {
padding: 50px;
    border-radius: 5px;
   height: 500px;
}

@media (max-width: 768px) {
:is(:where([data-page='/portfolio/social-video-mastery-playground/']) .my-column, :where([data-page='/portfolio/social-video-mastery-playground/']).my-column) {
margin-top: 35px;
    padding: 30px;
    border-radius: 5px;
    height: fit-content;
}
}