
@font-face {
  font-family: 'SangbadUni';
  src: url('../fonts/SangbadUni.eot'); /* IE9 Compat */
  src: url('../fonts/SangbadUni.eot?#iefix') format('embedded-opentype'),
       url('../fonts/SangbadUni.woff2') format('woff2'),
       url('../fonts/SangbadUni.woff') format('woff'),
       url('../fonts/SangbadUni.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'SangbadUniBold';
    src: url('../fonts/SangbadUniBold.eot'); /* IE9 Compat */
    src: url('../fonts/SangbadUniBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SangbadUniBold.woff2') format('woff2'),
         url('../fonts/SangbadUniBold.woff') format('woff'),
         url('../fonts/SangbadUniBold.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 18px;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
	font-family: 'SangbadUni';
}
:root {
	--gblfnt: 'SangbadUni';
	--fntbold: 'SangbadUniBold'; 
    --df: flex;
    --center: center;
	--start: start;
    --white: #fff;
	--ltgray: #eeeeee;
	--adgraybox: #e5e5e5;
	--adtxt: #7f7f7f;
	--gray: #dddddd;
	--navbgcolor: #ededed;
    --dgray: #262626;
    --sbdrgray: #aaaaaa;
    --black: #000;
    --redcolor: #ed1a3b;
	--bluecolor: #0C4DA2;
    --prelative: relative;
    --pabsolute: absolute;
	 --px: 100px;
	--gblfs: 20px;
	--fs15: 15px;
	--fs16: 16px;
	--fs18: 18px;
	--fs22: 22px;
	--fs23: 23px;
	--fs24: 24px;
	--fs30: 30px;
	--fs32: 32px;
	--fs36: 36px;
	--fs40: 40px;
	--br5: 5px;
	--br8: 8px;
	--br10: 10px;
	--br16: 16px;
	--br24: 24px;
    --libdr: #9c9c9c;
}
body {
    font-size: 18px;
    color: #111;
}
li{
	list-style: none;
}
a{
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	color: #111;
	font-family: 'SangbadUni';
}
a:hover {
    color: #ad1e1e;
}
p {
    font-family: 'SangbadUni';
    font-size: 18px;
    line-height: 26px;
    margin-top: 5px;
}
.clearfix{
	clear: both;
}
h2 {
    font-size: 45px;
    margin-bottom: 12px;
	color: #111;
	font-family: 'SangbadUniBold';
}
h3 {
    font-size: 33px;
    margin-bottom: 12px;
	color: #111;
	font-family: 'SangbadUniBold';
}
.pl_space {
    padding-left: 5%;
}
.pr_space {
    padding-right: 5%;
}
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
/* // Global CSS */



/* Dropdown Popup Effect */
ul.dropdown-menu {
  border-top: medium none;
  border-left: medium none;
  border-right: medium none;
  border-bottom: 5px solid #3b9eff;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
  max-width: 250px;
  overflow: hidden;
  padding: 0;
  border-radius: 4px 4px 0 0px;
  width: 100%;
  min-width: 210px;
}
ul.dropdown-menu li a {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 15px;
}
.dropdown-menu > li:last-child > a, ul.dropdown-menu li:last-child a:hover, ul.dropdown-menu li:last-child a:active, ul.dropdown-menu li:last-child a:focus {
  border-bottom: medium none;
}
ul.dropdown-menu li a:hover, 
ul.dropdown-menu li a:active, 
ul.dropdown-menu li a:focus {
  background: #eaf3fc none repeat scroll 0 0 !important;
  border-bottom: 1px solid #cce0f4 !important;
  color: #248bf0 !important;
  padding: 10px 15px;
}
/* Dropdown Popup Effect */



h2.heading {
    text-align: center;
    margin: 50px 0;
    font-weight: 600;
    color: #ad1e1e;
}





/* Start Inner page */

		/*** Inner page header ***/
		
.innerpg_header .sp_logo {
    max-width: 150px;
}
.debipakho25_innerpg_headbanner_sec {
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.debipakho25_innerpg_headbanner_sec .container {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
}
.debipakho25_innerpg_headbanner_sec img.innerpg_top_banner {
    width: 100%;
}
.debipakho25_innerpg_headbanner_sec img.mobileview_innerpg_top_banner {
    width: 100%;
    display: none;
}

.debipakho25_innerpg_headbanner_sec .innerpg_header .header_element {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 65px;
    overflow: hidden;
}

.debipakho25_innerpg_headbanner_sec .innerpg_header .header_element a.innerpg_hum_menu {
    display: block;
    width: 35px;
}

.debipakho25_innerpg_headbanner_sec .innerpg_header .innerpg_header_logo {
    overflow: hidden;
}
.debipakho25_innerpg_headbanner_sec .innerpg_header .innerpg_header_logo a.innerpg_logo {
    max-width: 400px;
    display: block;
    margin: auto;
}
.debipakho25_innerpg_headbanner_sec .innerpg_header .header_element a.fixed_header_logo {
    display: none;
    width: 110px;
    margin: 6px 0;
}
.debipakho25_innerpg_headbanner_sec .header {
    /* overflow: hidden; */
    z-index: 9;
    top: -21px;
    position: relative;
    left: 0;
    right: 0;
}
.debipakho25_innerpg_headbanner_sec .header.fixed-top {
    position: fixed;
    left: 0;
    right: 0;
    transform: translateY(20px);
    background: #ad1e1e;
}
.debipakho25_innerpg_headbanner_sec .header.fixed-top .container {
    position: relative;
}

	/**** scroll to sticky header ****/
	.header.fixed-top .innerpg_header .header_element a.fixed_header_logo {
		display: block;
	}

	.header.fixed-top img.innerpg_top_banner {
		display: none;
	}

	.header.fixed-top .header_element {
		margin-top: 0;
	}

	.header.fixed-top .debipakho25_innerpg_sponsored_list, .header.fixed-top .innerpg_header .innerpg_header_logo {
		display: none;
	}

	/**** // Scroll to sticky header ***/
			
	/**** // Inner page Header ****/
	
	
	
.debipakho25_innerpg_sponsored_list {
    max-width: 570px;
    background: #fff;
    padding: 7px;
    border-radius: 10px;
    margin: 50px auto;
}
.debipakho25_mobileview_sponsored_list {
    max-width: 84%;
    background: #fff;
    padding: 7px;
    border-radius: 10px;
    margin: 30px auto;
    display: none;
    border: 1px solid #bcbcbc;
}
.debipakho25_innerpg_sponsored_list li, .debipakho25_mobileview_sponsored_list li {
    text-align: center;
    border: 1px solid #7d7d7d;
    border-radius: 10px;
    padding: 2px 5px;
    margin: 0 5px;
}

.debipakho25_innerpg_sponsored_list li a, .debipakho25_mobileview_sponsored_list li a {
    display: inline-block;
}

.debipakho25_innerpg_sponsored_list li p, .debipakho25_mobileview_sponsored_list li p {
    font-size: 15px;
    line-height: 17px;
    color: #707070;
}
.debipakho_innerpg_wrapper a.block_th {
    padding: 15px;
    background: #e9e9e9;
    display: block;
    border: 1px solid #ad1e1e;
    border-radius: 20px;
    margin-top: 28px;
}

section.quote_border {
    background-image: url("../images/quote_border.png");
    height: 8px;
    margin: 50px 0;
    width: 100%;
    display: block;
}

.debipakho_innerpg_wrapper a.block_th .content h3 {
    font-weight: 600;
    font-size: 23px;
    text-align: center;
    margin-top: 11px;
    line-height: 34px;
    margin-bottom: 0;
    transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 121px;
}
.oldimg {
    min-height: 255px;
}
img.lazy-load {
  opacity: 0.3;
  transition: opacity 0.5s ease-in;
}

img.lazy-load.loaded {
  opacity: 1;
}
.debipakho_innerpg_wrapper a.block_th:hover h3 {
    color: #ad1e1e;
}

.debipakho_innerpg_wrapper h2.heading {
    margin-bottom: 15px;
}
.debipakho_innerpg_ad_space {
    width: 90%;
    margin: auto;
}

.debipakho_innerpg_wrapper a.block_th picture {
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}

.debipakho_innerpg_wrapper a.block_th picture .category {
    position: absolute;
    bottom: 13px;
    right: 13px;
}
.debipakho_innerpg_wrapper a.block_th picture .categoryphoto {
    position: absolute;
    bottom: 13px;
    left: 13px;
}
.debipakho_innerpg_wrapper a.block_th picture .category span {
    background: #fff;
    font-size: 13px;
    padding: 2px 7px;
    color: #000;
    border-radius: 5px;
}
/* End Inner page */


/**  Mobile view Sidebar menu sec **/
#mobile_sidebar_menu.m_nav_menu {
    background: #9c161b;
    position: fixed;
    left: 0;
    top: 0;
    text-align: left;
    width: 360px;
    bottom: 0;
    padding-bottom: 50px;
    z-index: 9999;
    overflow-y: scroll;
    display: block;
    box-shadow: 0 0 14px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0 14px rgba(0,0,0,0.7);
    transform: translateX(-400px);
    -webkit-transform: translateX(-400px);
    -moz-transform: translateX(-400px);
    transition: all .6s cubic-bezier(.77,0,.175,1);
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .6s cubic-bezier(.77,0,.175,1);
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#mobile_sidebar_menu.m_nav_menu.show {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}
#mobile_sidebar_menu.m_nav_menu a.pro_logo {
    display: block;
    padding: 9px 15px 10px 20px;
    font-size: 18px;
    color: #fff;
    border-bottom: 4px solid #d57272;
    background: #7a090e;
}
#mobile_sidebar_menu.m_nav_menu a.pro_logo img.img-fluid {
    width: 80px;
}
#mobile_sidebar_menu.m_nav_menu a.nav-link {
    display: block;
    padding: 9px 15px 9px 20px;
    font-size: 17px;
    color: #fff;
    border-bottom: 1px solid #d57272;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
#mobile_sidebar_menu.m_nav_menu li.nav-item.dropdown .arrow_box {
    position: absolute;
    right: 8px;
    top: 0px;
    padding: 14px;
}
#mobile_sidebar_menu.m_nav_menu li.nav-item .dropdown-menu a.dropdown-item {
    background: #ac8e1f;
    color: #fff;
    font-size: 17px;
    padding-left: 30px;
}
#mobile_sidebar_menu.m_nav_menu a.m_close_menu {
    position: absolute;
    top: 16px;
    right: 12px;
    background: #ffffff;
    width: 35px;
    padding: 8px;
    text-align: center;
    border: none;
    border-radius: 5px;
    height: 35px;
    font-size: 15px;
    color: #000000;
}
#mobile_sidebar_menu.m_nav_menu li .dropdown-menu {
    background: none;
    padding: 0;
}	/**** PAGINATION ****/	.pagination_wrap {		align-items: center;		display: flex;		justify-content: center;		margin: 35px 0 15px;	}	.pagination_wrap .pagination .page-link img {		width: 7px;		display: inline-table;	}	.pagination_wrap .pagination .page-link img.pagi_rtarrow {		transform: rotate(180deg);	}	.pagination_wrap .pagination span.page-link.active {		border-color: #fff;		background: #DE0303;		color: #fff;	}	.pagination_wrap .pagination {		gap: 8px;	}	.pagination_wrap .pagination .page-link {		border: 1px solid #DFE3E8;		border-radius: 4px;		font-family: arial;		font-size: 14px;		color: var(			--black);		font-weight: 600;	}	.pagination_wrap .pagination a.page-link.disable {		background: #919EAB;		border-color: #919EAB;	}	.pagination_wrap .pagination a.page-link.disable img {		filter: brightness(0) invert(1);	}	/**** // PAGINATION ****/

/** // Mobile view Sidebar menu sec **/




/************** FOOTER ***************/
.footer {
    background: var(--black);
    text-align: var(--center);
    padding-bottom: 16px;
    overflow: hidden;
}

.footer a {
    font-size: 11px;
	font-family: arial;
    color: var(--white);
    display: block;
}

.footer .link_list {
    display: flex;
    align-items: center;
    justify-content: var(--center);
    gap: calc(var(--px) - 84px);
    margin: 10px 16px 6px 16px;
    border-bottom: 1px solid #7f7f7f;
    padding-bottom: 6px;
}

.footer .copyright p {
    margin: 0;
    color: var(--white);
    font-size: 11px;
	font-family: arial;
}

.footer a:hover {
    color: var(--redcolor);
}
/************** // FOOTER ***************/





/****************** MEDIA SCREEN CSS ***************/

/* 1400px */
@media (max-width: 1400px){
	
	
	
	.debipakho25_innerpg_headbanner_sec .innerpg_header .innerpg_header_logo a.innerpg_logo {
		max-width: 220px;
	}
	.debipakho25_innerpg_sponsored_list {
		max-width: 530px;
		margin: 20px auto;
	}
	
	
}


/* 992px */
@media (max-width: 992px){
	
	
	
	/**** Inner page with header****/
	.debipakho25_innerpg_headbanner_sec .innerpg_header .header_element a.innerpg_hum_menu {
		width: 25px;
	}
	.debipakho25_innerpg_headbanner_sec .innerpg_header .innerpg_header_logo a.innerpg_logo {
		max-width: 150px;
	}
	.col_grid_two .col-md-6, .col_grid_three .col-md-4 {
		width: 100%;
	}
	/**** // Inner page with header****/
	
	
}




/* 768px */
@media (max-width: 768px){
	h2 {
		font-size: 30px;
	}
	
	
	/**** Inner page with Header ***/
	.innerpg_header .sp_logo {
        max-width: 120px;
    }
	.debipakho25_innerpg_headbanner_sec .innerpg_header .header_element {
		width: auto;
		margin: 35px auto 0;
	}
	.debipakho25_innerpg_headbanner_sec .header.fixed-top .innerpg_header .header_element {
		margin: auto;
	}
	section.debipakho_innerpg_wrapper {
		width: 90%;
		margin: auto;
	}
	
	.debipakho25_innerpg_headbanner_sec .innerpg_header .innerpg_header_logo {
		margin-top: 125px;
	}
	.debipakho25_innerpg_headbanner_sec .innerpg_header .innerpg_header_logo a.innerpg_logo {
		max-width: 220px;
		margin: auto;
	}
	#mobile_sidebar_menu.m_nav_menu {
		width: 260px;
	}
	.debipakho25_innerpg_sponsored_list {
		display: none;
	}
	.debipakho25_mobileview_sponsored_list {
		display: block;
	}
	.debipakho25_innerpg_headbanner_sec img.innerpg_top_banner {
		display: none;
	}
	.debipakho25_innerpg_headbanner_sec img.mobileview_innerpg_top_banner{
		display: block;
	}
    .debipakho_innerpg_wrapper a.block_th .content h3 {
        font-size: 23px;
        margin-top: 7px;
        line-height: 29px;
        min-height: 100%;
        height: auto;
    }
    .debipakho_innerpg_wrapper a.block_th {
        margin-top: 20px;
    }
    .oldimg {
        min-height: 100%;
    }
    .col_grid_two {
        margin-bottom: 20px;
    }
	section.quote_border {
		margin: 40px 0;
	}
	.debipakho_innerpg_ad_space {
		width: 82%;
		margin: auto;
	}
	.debipakho_innerpg_wrapper .col-md-6:first-child a.block_th, .debipakho_innerpg_wrapper .col-md-4:first-child a.block_th {
		margin-top: 0;
	}
	.debipakho_innerpg_wrapper .col-md-4:first-child a.block_th.mt_25 {
		margin-top: 25px;
	}
	/**** // Inner page with Header ***/
	
	
	

	
	
}




/* 574px */
@media (max-width: 574px){
	.innerpg_header .sp_logo {
        max-width: 100px;
    }
	.header.fixed-top .sp_logo {
        width: 90px;
    }
    .debipakho_innerpg_wrapper h2.heading {
        margin: 25px 0 10px;
    }
	.debipakho25_innerpg_headbanner_sec .innerpg_header .innerpg_header_logo a.innerpg_logo {
		max-width: 150px;
		margin: auto;
	}
	.debipakho25_innerpg_headbanner_sec .innerpg_header .innerpg_header_logo {
		margin-top: 55px;
	}
}





/************* Kolkata & Jelar pujo tab Section ****************/
.kolkata_jelar_puja_wrap ul.nav.nav-tabs {
    align-items: center;
    justify-content: center;
    border: none;
    margin: 50px 0 10px;
    border-bottom: 1px solid #626262;
}
.kolkata_jelar_puja_wrap ul.nav.nav-tabs .nav-link {
    border: none;
    font-size: 35px;
    font-weight: 600;
    color: #626262;
    background: #d9d9d9;
    margin: 0 7px;
    border-radius: 0;
    padding: 10px 20px 0px 20px;
}
.kolkata_jelar_puja_wrap ul.nav.nav-tabs .nav-link.active {
    background-color: #ad1e1e;
    color: #fff;
}
.kolkata_jelar_puja_wrap a.block_th {
    padding: 15px;
    background: #e9e9e9;
    display: block;
    border: 1px solid #ad1e1e;
    border-radius: 20px;
    margin-top: 28px;
}
.kolkata_jelar_puja_wrap a.block_th .content h3 {
    font-weight: 600;
    font-size: 23px;
    text-align: center;
    margin-top: 11px;
    line-height: 34px;
    margin-bottom: 0;
    transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 121px;
}
.kolkata_jelar_puja_wrap a.block_th:hover h3 {
    color: #ad1e1e;
}

	/*** Media Screen css for Kolkata & Jelar Pujo ***/
	
	/* 768px */
	@media (max-width: 768px){
		
		
		section.kolkata_jelar_puja_wrap {
			width: 90%;
			margin: auto;
		}
		.kolkata_jelar_puja_wrap ul.nav.nav-tabs {
			margin: 30px 0;
		}
		section.quote_border {
			margin: 40px 0;
		}
		
		.kolkata_jelar_puja_wrap .col-md-6:first-child a.block_th, .kolkata_jelar_puja_wrap .col-md-4:first-child a.block_th {
			margin-top: 0;
		}
		.kolkata_jelar_puja_wrap .col-md-4:first-child a.block_th.mt_25 {
			margin-top: 25px;
		}
		.kolkata_jelar_puja_wrap ul.nav.nav-tabs .nav-link {
			font-size: 18px;
			margin: 0px 5px;
			padding: 6px 15px 0px 15px;
		}
		.kolkata_jelar_puja_wrap a.block_th .content h3 {
			font-size: 23px;
            margin-top: 7px;
            line-height: 37px;
            min-height: 100%;
            height: auto;
		}
		/**** // Inner page with Header ***/
		.footer {
			background: var(--black);
			text-align: var(--center);
			padding-bottom: 16px;
			overflow: hidden;
		}

		.footer .link_list {
			gap: 9px;
		}	
		
	}
/************* // Kolkata & Jelar pujo tab Section ***************/

/* Durga Puja reels archive */
.debipakho25_reelpg_wrap {
    position: relative;
    padding: 35px 0 50px;
}
.debipakho25_reelpg_wrap h1.heading {
    margin: 0 0 25px;
    color: #ad1e1e;
    font-family: var(--fntbold);
    font-size: 45px;
    text-align: center;
}
.debipakho25_reelpg_wrap .popup_click_box {
    position: relative;
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 20px;
}
.debipakho25_reelpg_wrap .popup_click_box picture,
.debipakho25_reelpg_wrap .popup_click_box picture img {
    display: block;
    width: 100%;
}
.debipakho25_reelpg_wrap .overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px 13px 20px;
    color: #fff;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.95));
}
.debipakho25_reelpg_wrap .overlay .icon img {
    width: auto;
    margin-bottom: 5px;
}
.debipakho25_reelpg_wrap .overlay h2 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}
.reels-empty-message {
    margin: 30px 0;
    text-align: center;
}

/* Reel popup */
#videoModal {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.85);
}
#videoContainer {
    position: relative;
    width: 90%;
    max-width: 600px;
}
#videoModal iframe {
    display: block;
    width: 295px;
    height: 510px;
    margin: auto;
    border: 8px solid #fff;
    border-radius: 8px;
}
#videoModal .close-btn {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -46px;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    padding: 0;
    border: 0;
    background: #fff;
    color: #000;
    font-size: 34px;
    line-height: 40px;
    cursor: pointer;
}
body.reel-modal-open {
    overflow: hidden;
}

/* WordPress paginate_links() output */
.prescription_reel_pagi {
    margin: 15px 0 40px;
}
.prescription_reel_pagi ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.prescription_reel_pagi ul.page-numbers li {
    list-style: none;
}
.prescription_reel_pagi .page-numbers a,
.prescription_reel_pagi .page-numbers span {
    display: flex;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe3e8;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.prescription_reel_pagi .page-numbers .current,
.prescription_reel_pagi .page-numbers a:hover {
    border-color: #de0303;
    background: #de0303;
    color: #fff;
}

@media (max-width: 574px) {
    .debipakho25_reelpg_wrap h1.heading {
        font-size: 36px;
    }
    #videoModal iframe {
        width: min(295px, 86vw);
        height: min(510px, 70vh);
    }
}
