@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('../css/t20_style.css');

@font-face {
    font-family: 'Alvi Nastaleeq';
    src: url('../fonts/alvi_Nastaleeq.ttf');
}

:root {
    --suno-blue: #00307d;
    --suno-blue: #235cda;
    --suno-blue: #1e4fbd;
    --suno-lg-blue: #337ab7;
    --suno-red1: #ff0000;
    --suno-red: #cb0003;
    --suno-yellow: #eeb116;
    --suno-yellow1: #f7d135;
    --suno-black: #000000;
    --suno-white: #ffffff;
    --suno-lg-white: #eaeaea;
    --suno-gray: #5f5f5f;
    --suno-lg-gray: #d3d3d3;
    --bs-body-font-family: "Open Sans", sans-serif;
    --bs-body-font-family-urdu: "Alvi Nastaleeq";
    --suno-blue-grad: linear-gradient(0deg, rgb(8 73 176) 0%, rgba(40,99,233,1) 100%);
    --suno-orange-grad: linear-gradient( 179.9deg,  rgba(217,164,4,1) 10.7%, rgba(242,116,5,1) 113.2% );
    --suno-gray-grad: linear-gradient(0deg, rgba(89,97,100,1) 0%, rgba(134,143,150,1) 100%);
    --suno-black-grad: linear-gradient( 0deg, rgba(16,15,15,1) 0%, rgba(73,73,73,1) 100% );
    --suno-green-grad: linear-gradient( 0deg,  rgba(34,126,34,1) 0%, rgba(168,251,60,1) 100% );
    --suno-red-grad: linear-gradient( 0deg,  rgba(160,6,6,1) 0%, rgba(226,24,24,1) 100% );
    --suno-tranisition: all 0.6s ease-out;
    --suno-scale: scale(1.08);
}


::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-track {
  background: var(--suno-lg-gray);
}


::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--suno-blue);
}


::-webkit-scrollbar-thumb:hover {
    border-radius: 5px;
    background: var(--suno-blue);
}

.urdu_font{
    font-family: 'Alvi Nastaleeq' !important;
}

a{
    color: var(--suno-black);
    text-decoration: none;
}
.sn_comm_cont .sn_content_wrap,
.sn_content_img,
.sn_header_img .sn_img,
.sn_parti_img{
    overflow: hidden;
}
.sn_content_img{
    border-radius: 10px 10px 0 0;
}
.sn_header_img .sn_img,
.sn_parti_img{
    transition: var(--suno-tranisition);
    border-radius: 10px;
}

.sn_content_wrap,
.sn_parti_img img{
    border-radius: 10px;
}
.sn_pv_card img,
.sn_v_wrap img,
.sn_videos_sec .sn_pv_card img,
.sn_comm_cont .sn_content_wrap img,
.sn_content_img img,
.sn_header_img .sn_img img,
.sn_side.sn_right .sn_parti_img img,
.sn_parti_img img{
    cursor: pointer;
    transition: var(--suno-tranisition);
}
.sn_pv_card:hover .pv_img img, 
.sn_hover img:hover,
.sn_comm_cont .sn_content_wrap img:hover,
.sn_content_img img:hover,
.sn_header_img .sn_img img:hover,
.sn_side.sn_right .sn_parti_img img:hover,
.sn_parti_img img:hover{
    transform: var(--suno-scale);
}
.sn_header_img .sn_img img,
.sn_side.sn_right .sn_parti_img img{
    border-radius: 10px;
}
.suno_english .sn_img_txt,
.sn_content_txt{
    border-radius: 0 0 10px 10px;
}
.sn_img_wrap {
    width: 100%;
    display: inline-block;
    border: 1px solid #1d222947;
    border: 1px solid var(--suno-yellow);
    border-radius: 10px;
    padding: 15px;
}
.img_wrap {
    width: 100%;
    display: inline-block;
    transition: var(--suno-tranisition);
    cursor: pointer;
}
.sn_partition_head{
    cursor: pointer;
}
.sn_v_wrap:hover .sn_th_img img,
.sn_videos_sec .sn_pv_card:hover .pv_img img,
.sn_hover:hover img,
.sn_hover:hover .sn_parti_img img,
.sn_partition:hover .sn_parti_img img,
.sn_partition_head:hover .sn_parti_img img,
.img_wrap:hover .sn_parti_img img{
    transform: var(--suno-scale);
}

.sn_v_wrap:hover .th_title,
.sn_videos_sec .sn_pv_card:hover .pv_date_title,
.sn_videos_sec .sn_pv_card:hover .pv_date_title span,
.sn_videos_sec .sn_pv_card:hover .pv_date_title a,
.sn_hover:hover .sn_part_title a ,
.sn_hover:hover .sn_part_title,
.sn_partition:hover .sn_part_title a,
.sn_partition:hover .sn_part_title,
.sn_partition_head:hover .sn_part_title,
.sn_partition_head:hover .sn_part_title a,
.img_wrap:hover .sn_part_title, 
.img_wrap:hover .sn_part_title a {
    color: var(--suno-blue);
}
.sn_spot_wrap .img_wrap{
    padding-bottom: 25px;
}
.img_wrap .sn_parti_img {
    display: inline-block;
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.img_wrap .sn_part_title{
    height: 53px;
    overflow: hidden;
}
.img_wrap .sn_parti_text{
    width: 100%;
    padding: 10px 5px 0;
}
.sn_spot_wrap .img_wrap:last-child{
    padding-bottom: 0;
}
.sn_hl_wrap .sn_part_title{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    height: 47px;
    overflow: hidden;
}
.sn_videos_sec .pv_img:before{
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
    visibility: visible;
}
.sn_hl_wrap .sn_partition{
    flex-direction: column !important;
    padding: 15px 0 0;
}
.sn_hl_wrap .sn_partition:first-child{
    padding-top: 0;
}
.sn_hl_wrap .sn_parti_text{
    width: 100%;
    padding: 10px 0 5px 5px;
}
.sn_hl_wrap .sn_parti_img{
    width: 100%;
    height: 100px;
}
/**/


.suno_english .sn_urdu_font {
    font-family: var(--bs-body-font-family) !important;
}
.suno_english .navbar-expand-xl .navbar-nav,
.suno_english .pv_date_strip{
    flex-direction: row;
}
.suno_english .sn_urdu_dir {
    direction: ltr;
}
.suno_english .sn_partition,
.suno_english .sn_header_sec,
.suno_english .sn_section_wrap,
.suno_english .sn_content_section.sn_latest_sec{
    flex-direction: row-reverse;
}
.suno_english .sn_parti_text,
.suno_english .sn_cloumn_heading,
.suno_english .sn_section_heading ,
.suno_english .pv_date_title ,
.suno_english .sn_content_txt{
    text-align: left;
}
.sn_img_txt a {
    color:var(--suno-white);
    text-decoration-line:none;
}
.sn_img_txt href {
    color:var(--suno-black);
    text-decoration-line:none;
}
.sn_part_title a{
    color:#000000;
    text-decoration-line:none;
}
.sn_part_title a:hover{
    color: var(--suno-blue);
}
.pv_date_titnews_titlele a{
    color:#000000;
    text-decoration-line:none;
}
.suno_english .sn_section_heading:after {
    left: 0;
}
.suno_english .sn_column_wrapper.col-lg-8 .sn_column_inner{
    padding-left: 0;
    padding-right: 15px;
}
.suno_english .sn_img_txt{
    justify-content: flex-start;
    text-align: left;
}
.suno_english .pe-0 {
    padding-left: 0!important;
    padding-right: 15px !important;
}
.suno_english .ps-0 {
    padding-right: 0!important;
    padding-left: 15px !important;
}
.suno_english .sn_post_sec .sn_column_wrapper.col-lg-8 .sn_content_wrap{
    text-align: left;
}
.suno_english .sn_post_sec .row{
    flex-direction: row-reverse;
}
.suno_english .sn_post_icons{
    justify-content: flex-start;
}


.suno_urdu .navbar-expand-xl .navbar-nav,
.suno_urdu .pv_date_strip{
    flex-direction: row-reverse;
}
.suno_urdu .sn_urdu_font {
    font-family: 'Alvi Nastaleeq' !important;
}
.suno_urdu .sn_urdu_dir {
    direction: rtl;
}
.suno_urdu .sn_partition,
.suno_urdu .sn_header_sec,
.suno_urdu .sn_section_wrap,
.suno_urdu .sn_content_section.sn_latest_sec{
    flex-direction: row;
}
.suno_urdu .sn_parti_text,
.suno_urdu .sn_cloumn_heading,
.suno_urdu .sn_section_heading,
.suno_urdu .pv_date_title,
.suno_urdu .sn_content_txt{
    text-align: right;
}
.suno_urdu .sn_section_heading:after {
    right: 0;
}
.suno_urdu .sn_column_wrapper.col-lg-8 .sn_column_inner{
    padding-right: 0;
    padding-left: 15px;
}
.suno_urdu .sn_img_txt{
    justify-content: flex-end;
}
.suno_urdu .pe-0 {
    padding-right: 0!important;
}
.suno_urdu .ps-0 {
    padding-left: 0!important;
}
.suno_urdu .sn_post_sec .sn_column_wrapper.col-lg-8 .sn_content_wrap{
    text-align: right;
}
.suno_urdu .sn_column_wrapper.col-lg-12 .sn_content_container ,
.suno_urdu .sn_post_sec .row{
    flex-direction: row;
}
.suno_urdu .sn_post_icons{
    justify-content: flex-end;
}


.sn_social_icons {
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

img,
svg {
    max-width: 100%;
}

.font20 {
    font-size: 20px;
}

.font22 {
    font-size: 22px;
}

.font24 {
    font-size: 24px;
}
.bg-0{
    background: 0 !important;
}
.sn_height3 {
    height: 252px !important;
}

.sn_height6 {
    min-height: 515px !important;
}

.cstm_pagination{
    font-weight: 600;
}
.cstm_pagination .page-item.disabled{
   cursor: not-allowed;
}
.cstm_pagination .page-item:hover .page-link{
    color:var(--suno-white);
    background: var(--suno-blue-grad);
    border-color: var(--suno-blue);
}
.cstm_pagination  .page-link {
    color: var(--suno-blue);
}
.cstm_pagination .page-link:hover {
    color: var(--suno-blue);
}
.cstm_pagination .page-link:focus{
    box-shadow: none;
}
.active>.page-link, .page-link.active {
    color:var(--suno-white);
    background: var(--suno-blue-grad);
    border-color: var(--suno-blue);
}
.sn_main_section {
    width: 100%;
    display: inline-block;
}

.cstm_pad {
    padding-top: 25px;
    margin: 0;
}
.cstm_pad:last-child{
    border-bottom: 0;
}
.sn_cloumn_heading {
    font-size: 26px;
    text-align: right;
    margin-bottom: 15px;
}

.sn_transition {
    transition: 0.5s all ease-in-out;
}

.cstm_btn {
    font-weight: bold;
    color: var(--suno-blue);
    padding: 5px 16px;
    border: 1px solid var(--suno-blue);
    font-size: 14px;
    transition: 0.5s all ease-in-out;
    cursor: pointer;
    user-select: none;
}

.cstm_btn:hover {
    border: 1px solid var(--suno-white);
    background: var(--suno-blue-grad);
    color: var(--suno-white);
    border-radius: 25px;
}

/*Image header*/
.sn_section_heading {
    font-weight: 700;
    font-size: 18px;
    color: var(--suno-blue);
    text-align: right;
    padding: 0 15px;
    position: relative;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.sn_section_heading:after {
    content: '';
    background: var(--suno-blue-grad);
    background: var(--suno-orange-grad);
    display: block;
    width: 10px;
    height: 80%;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius: 5px;
}

.sn_header_sec {
    width: 100%;
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
}

.sn_header_img {
    width: 25%;
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.sn_img:hover .sn_img_txt{
    color: var(--suno-white);
    transform: scale(1.01);
}

.sn_header_img .sn_img {
    width: 100%;
    height: 100%;
    display: inline-flex;
    position: relative;
    cursor: pointer;
}

.sn_img_txt {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    display: inline-flex;
    background: #070809b8;
    color: #fff;
    min-height: 70px;
    justify-content: flex-end;
    align-items: center;
    font-size: 16px;
    padding: 15px;
    text-align: right;
}
.sn_header_img .sn_img img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}
.sn_header_img.sn_big {
    width: 50%;
}


/*Image with text partition*/
.sn_section_wrap {
    width: 100%;
    display: inline-flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap:15px;
}

.sn_partition {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid var(--suno-lg-gray);
    cursor: pointer;
    padding: 10px 0;
    flex-direction: row !important;
}
.sn_partition:hover{
    color: var(--suno-blue);
}

.sn_partition:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.sn_parti_img {
    width: 130px;
    height: 85px;
    position: relative;
    display: inline-block;
}

.sn_parti_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sn_hl_wrap .sn_parti_img img ,
.sn_parti_img.sn_v_icon img{
    object-fit: unset;
}

.sn_parti_text {
    width: 80%;
    text-align: right;
    padding: 0px 2px 10px 15px;
}

.sn_part_title {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    word-break: break-word;
    text-align: left;
    line-height: 1.1;
}
.sn_part_title:hover,
.sn_part_title a:hover{
    color: var(--suno-blue);
}

.sn_part_date {
    font-family: var(--bs-body-font-family);
    font-weight: 600;
    font-size: 12px;
    color: var(--suno-blue);
    margin-top: 5px;
}
.sn_part_content {
    font-size: 14px;
}

.sn_side.sn_right .sn_parti_img {
    width: 100%;
    height: 300px;
}

.sn_side.sn_right .sn_parti_img img {
    width: 100%;
    height: 100%;
}

.sn_side.sn_right .sn_parti_text {
    width: 100%;
    padding: 10px 0;
}

.sn_parti_content {
    font-size: 16px;
    margin: 15px 0;
}

.sn_video_container {
    border-bottom: 2px solid var(--suno-black);
    padding: 0 0 5px 0;
}

.sn_video_container iframe {
    width: 100%;
    min-height: 220px;
}

.sn_section_wrap.sn_videos_wrap {
    flex-wrap: wrap;
    flex-direction: row;
}

.sn_video_cont {
    margin-bottom: 15px;
}

.sn_video_cont .sn_column_inner {
    padding: 0;
}
.custm_navbar  .dropdown-item.active,
.custm_navbar .dropdown-item:active{
    color: var(--suno-white);
    text-decoration: none;
    background: var(--suno-blue-grad);
}

.sn_nav_container .dropdown-item.active:before{
    color: var(--suno-white);
}

/*Programs*/
.sn_pv_header{
    width: 100%;
    display: inline-block;
}
.sn_pv_header iframe{
    width: 100%;
/*    min-height: 530px;*/
    border-radius: 10px;
}
.ytp-cued-thumbnail-overlay-image{
    background-size: contain !important;
}
.sn_pv_card {
    width: 100%;
    position: relative;
    display: inline-block;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    margin-bottom: 20px;
    cursor: pointer;
    color: var(--suno-black);
}
.sn_pv_card:hover{
     color: var(--suno-blue);
}
.sn_pv_card:hover .pv_img:before {
    transform: perspective(1000px) rotateX(0deg); 
    opacity: 1;
    visibility: visible;
}

.pv_img:before {
    content: '\25BA';
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0000003d;
    width: 100%;
    height: 175px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px 10px 0 0;
    font-size: 30px;
    color: var(--suno-white);
    transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.5s;
    transform: perspective(1000px) rotateX(-90deg); 
    transform-origin: bottom center; 
    opacity: 0;
    visibility: hidden;
}

.pv_img:hover:before {
    transform: perspective(1000px) rotateX(0deg); 
    opacity: 1;
    visibility: visible;
}


.pv_img {
    width: 100%;
    display: block;
    border-radius: 10px 10px 0 0;
    height: 195px;
    position: relative;
    overflow: hidden;
}
.pv_img img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
}
.pv_date_strip {
    background: var(--suno-blue-grad);
    color: #fff;
    padding: 0.10rem 0.5rem;
    display: inline-flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    height: 27px;
    overflow: hidden;
    column-gap: 5px;
}
.pv_date_icon{
    height: 14px;
    width: 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.pv_date_icon svg{
    fill:var(--suno-white);
}
.pv_date_title {
    overflow: hidden;
    padding: 0.35rem 0.5rem;
    height: 45px;
    text-align: left;
    border: 1px solid var(--suno-blue);
    border: 1px solid var(--suno-yellow);
    border-radius: 0 0 10px 10px;
    font-weight: 600;
    line-height: 1.2;
    border-top: 0;
    font-size: 16px;
}
.sn_allprograms_sec .pv_img {
    width: 100%;
    display: block;
    border-radius: 10px;
    height: 275px;
    position: relative;
}
.sn_allprograms_sec .pv_img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

@media (max-width:768px){
    .sn_allprograms_sec .pv_img,
    .pv_img {
        height: 230px;
    }
    .sn_allprograms_sec
    /*.pv_img:before,*/
    /*.pv_img:before*/
    {
        height: 100%;
    }
    .sn_cloumn_heading {
        font-size: 20px;
    }
    .sn_categories {
        padding: 0;
    }
    /*.sn_post_sec .sn_content_txt{*/
    /*	padding-right:0;*/
    /*}*/

}


/*Latest page*/
.sn_content_section {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-start;
}

.sn_content_section.sn_home_sec {
    flex-direction: column;
}

.sn_content_section.sn_comm_cont {
    flex-direction: column;
    align-items: flex-end;
}

.sn_content_section.sn_latest_sec {
    flex-direction: row;
}
.sn_content_section.sn_post_sec {
    flex-direction: column;
}
.sn_content_section.sn_programs_sec {
    align-items: flex-start;
}

.sn_column_wrapper.col-lg-4,
.sn_column_wrapper.col-lg-8 {
    padding: 0;
}

.sn_column_wrapper.col-lg-4 {
    background: #80808054;
}
.sn_post_sec .sn_column_wrapper.col-lg-4{
    background: unset;
}

.sn_column_inner {
    padding: 0 15px;
}

.sn_content_container {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
}

.sn_content_container a {
    text-decoration: none;
}

.sn_content_wrap {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    transition: 0.5s all ease-in-out;
    cursor: pointer;
    color: var(--suno-black);
}

.sn_content_wrap.sn_link:hover {
    color: var(--suno-blue);
}

.sn_content_img {
    width: 100%;
    display: inline-block;
/*    height: 250px;*/
}

.sn_content_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sn_content_txt {
    width: 100%;
    display: inline-block;
    padding: 15px;
    text-align: right;
}
.sn_content_txt:hover {
    color: var(--suno-blue);
}
.sn_post_sec .sn_content_txt:hover {
    color: var(--suno-black);
}

.sn_content_heading {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    display: -webkit-box!important;
    -webkit-line-clamp: 1!important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sn_content_para{
    font-size: 16px;
    text-align: justify;
}
.sn_content_para p{
    font-family: var(--bs-body-font-family) !important;
}
.sn_content_para img{
    object-fit: cover;
    height:auto;
}
.sn_post_sec .sn_content_heading{
    font-size: 20px;
    margin-bottom: 1rem;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset;
    overflow: unset;
    text-overflow: unset;
}
iframe {
    max-width: 100%;
}
.sn_content_date {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--suno-blue);
}

.sn_column_wrapper.col-lg-8 .sn_content_container {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.sn_column_wrapper.col-lg-8 .sn_column_inner {
    padding-right: 0;
}

.sn_column_wrapper.col-lg-8 .sn_content_wrap {
    width: 49%;
}
.sn_post_sec .sn_column_wrapper.col-lg-8 .sn_content_container{
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
}
.sn_post_sec .sn_column_wrapper.col-lg-8 .sn_content_wrap{
    width: 100%;
    cursor: default;
    text-align: right;
}

.sn_column_wrapper.col-lg-12 .sn_column_inner {
    padding: 0;
}

.sn_column_wrapper.col-lg-12 .sn_content_container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sn_column_wrapper.col-lg-12 .sn_content_wrap {
    width: 32.5%;
}

.sn_comm_cont .sn_content_wrap ,
.sn_post_sec .sn_content_wrap {
    box-shadow: none;
}

.sn_comm_cont .sn_content_container {
    align-items: flex-start;
}

.sn_comm_cont .sn_content_txt {
    background: #58575712;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--suno-lg-gray);
    padding: 10px;
}
.sn_post_sec .sn_content_txt {
    background: #58575712;
    border-bottom: 1px solid var(--suno-lg-gray) !important;
    padding: 10px 10px 10px 0px;
    border-radius: 0;
}

.sn_comm_cont .sn_partition ,
.sn_post_sec .sn_partition {
    padding: 0;
    border: 0;
}

.sn_comm_cont .sn_content_wrap {
    margin: 0;
    min-height: 551px;
}
.sn_post_sec .sn_content_wrap{
    min-height: unset;
}
.sn_comm_cont .sn_part_title ,
.sn_post_sec .sn_part_title {
    font-size: 15px;
    line-height: 1.1;
}

.sn_post_sec .sn_content_date span{
    display: inline-block;
    background: var(--suno-blue-grad);
    color: var(--suno-white);
    border-radius: 5px;
    padding: 5px 20px;
    text-align: right;
    font-size: 14px;
    margin-bottom: 10px;
}
.sn_post_sec .sn_content_img {
    width: 100%;
    border-radius: 10px;
}
.sn_comm_cont .sn_part_date {
    font-weight: 500;
    font-size: 12px;
}

.sn_comm_cont .sn_content_img {
    height: 630px;
}
.sn_columns_sec .sn_column_wrapper.col-lg-12 .sn_content_container{
    flex-direction: row-reverse;
}
.sn_columns_sec .sn_content_wrap.sn_colums_content{
    width: 66.5%;
}
.sn_columns_sec .sn_colums_content .sn_parti_img{
    width: 200px;
    height: 150px;
}
.sn_columns_sec .sn_colums_content .sn_part_title{
    font-size: 18px;
}
.sn_aboutus_sec .sn_column_wrapper {
   text-align: center; 
}
.sn_aboutus_sec .sn_column_inner{
    display: inline-block;
    max-width: 800px;
}
.sn_aboutus_sec .sn_cloumn_heading{
    position: relative;
    font-family: var(--bs-body-font-family);
}

.sn_column_content p,
.sn_column_content ol{
    font-size: 20px;
    line-height: 1.1;
    font-family: var(--bs-body-font-family);
    text-align: justify;
}
.sn_column_content ul,
.sn_column_content ol{
    padding-left: 15px;
}
.sn_column_content ol li{
    margin-bottom: 1rem;
}
.sn_column_content ul li{
    margin-bottom: 0.5rem;
    list-style: disc;
}
.sn_column_content ol > li::marker {
  font-weight: bold;
}
.sn_contactus_sec .sn_content_info{
    margin-bottom: 0.3rem
}
.sn_advr_card{
    min-height: 160px;
    padding: 25px;
}
.sn_advr_content{
    width: 100%;
    display: inline-block;
    font-size: 18px;
}
.sn_post_icons {
    width: 100%;
    display: inline-flex;
    align-items: center;
    column-gap: 15px;
    gap:15px;
    padding: 15px 0;
}
.post_social_icons {
    width: 35px;
    height: 35px;
    background: var(--suno-gray);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}
.post_social_icons.sn_whatsapp{
    background: #4EC95C;
}
.post_social_icons.sn_facebook{
    background: #4064AC;
}
.post_social_icons.sn_twitter{
    background: #14171A;
}
.post_social_icons.sn_lindedin{
    background: #0A66C1;
}
.post_social_icons:hover{
    border-radius: 50%;
}
.post_social_icons svg{
    fill:var(--suno-white);
}
.sn_nav_social--mobile img{
    border-radius: 5px;
}
@media (min-width: 768px) {
    .sn_category_sec .col-md-4 {
        width: 31% !important;
    }

    .sn_video_cont.col-md-6 {
        width: 49%;
    }

}

@media (min-width: 992px) {
    .sn_video_cont.col-lg-3 {
        width: 24%;
    }
}

@media (max-width:992px) {
    .suno_english .sn_header_sec ,
    .suno_english .sn_section_wrap.sn_breking_wrap ,
    .suno_urdu .sn_section_wrap.sn_breking_wrap ,
    .sn_section_wrap.sn_breking_wrap {
        flex-direction: column-reverse !important;
    }


    .suno_english .xs-p-0 {
        padding: 0 !important;
    }

    .xs-d {
        display: none !important;
        ;
    }

    .sn_video_container iframe {
        min-height: 320px !important;
    }


    .sn_column_wrapper.col-lg-8 .sn_column_inner,
    .suno_english .sn_column_wrapper.col-lg-8 .sn_column_inner{
        padding: 0 !important;
    }

    .sn_content_wrap {
        width: 100% !important;
    }

    .sn_comm_cont .sn_content_wrap {
        min-height: auto !important;
        margin-bottom: 2rem !important;
    }

    .sn_comm_cont .sn_content_img {
        height: auto !important;
        object-fit: contain !important;
    }
    .suno_urdu .navbar-expand-xl .navbar-nav,
    .suno_english .navbar-expand-xl .navbar-nav,
    .suno_urdu .sn_header_sec ,
    .sn_header_sec {
        flex-direction: column !important;
    }
    .suno_english .sn_content_section.sn_latest_sec ,
    .sn_height3,
    .sn_height6 {
        height: unset !important;
        min-height: unset !important;
    }

    .sn_header_img,
    .sn_header_img.sn_big {
        width: 100% !important;
    }
    .suno_english .sn_column_wrapper.col-lg-12 .sn_content_container,
    .suno_urdu .sn_column_wrapper.col-lg-12 .sn_content_container,
    .suno_urdu .sn_content_section.sn_latest_sec ,
    .sn_content_section.sn_latest_sec {
        flex-direction: column !important;
    }
    .sn_column_inner {
        padding: 0 !important;
    }
    .sn_column_inner.sn_latest_inner{
        padding: 0 15px !important;
    }
    .sn_content_img {
        height: auto !important;
    }
    .sn_post_sec .row{
        margin: 0 !important;
        flex-direction: column-reverse !important;
    }
    .sn_post_sec .sn_column_inner{
        padding: 0 !important;
    }
    .sn_post_sec .sn_content_img {
        width: 100% !important;
    }
}

@media (max-width:1200px) {
    .custm_navbar  .dropdown-menu.show{
        width: 100%;
    }
}


/*Slider */
.sunoSlideWrapper .carousel-inner .carousel-item.active,
.sunoSlideWrapper .carousel-inner .carousel-item-next,
.sunoSlideWrapper .carousel-inner .carousel-item-prev ,
#sunoSlideContainer .carousel-inner .carousel-item.active,
#sunoSlideContainer .carousel-inner .carousel-item-next,
#sunoSlideContainer .carousel-inner .carousel-item-prev {
    display: flex;
    justify-content: center;
}
       
@media (max-width: 767px) {
    .sunoSlideWrapper .carousel-inner .carousel-item>div ,
    #sunoSlideContainer .carousel-inner .carousel-item>div {
        display: none;
    }

    .sunoSlideWrapper .carousel-inner .carousel-item>div:first-child ,
    #sunoSlideContainer .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}


.sunoSlideWrapper .card-img ,
#sunoSlideContainer .card-img {
    text-align: center;
}
/* medium and up screens */
@media (min-width: 768px) {

    .sunoSlideWrapper .carousel-inner .carousel-item-end.active,
    .sunoSlideWrapper .carousel-inner .carousel-item-next ,
    #sunoSlideContainer .carousel-inner .carousel-item-end.active,
    #sunoSlideContainer .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .sunoSlideWrapper .carousel-inner .carousel-item-start.active,
    .sunoSlideWrapper .carousel-inner .carousel-item-prev ,
    #sunoSlideContainer .carousel-inner .carousel-item-start.active,
    #sunoSlideContainer .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }

    .sunoSlideWrapper .card img ,
    #sunoSlideContainer .card img {
        width: 90%;
    }

    .sunoSlideWrapper .carousel-item ,
    #sunoSlideContainer .carousel-item {
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .sunoSlideWrapper .card img ,
    #sunoSlideContainer .card img {
        width: 100%;
    }
}

.sunoSlideWrapper .carousel-inner .carousel-item-end,
.sunoSlideWrapper .carousel-inner .carousel-item-start ,
#sunoSlideContainer .carousel-inner .carousel-item-end,
#sunoSlideContainer .carousel-inner .carousel-item-start {
    transform: translateX(0);
}

.sunoSlideWrapper .card ,
#sunoSlideContainer .card {
    border: 0;
    background:none;
}

.sunoSlideWrapper .card ,
#sunoSlideContainer .card {
    position: relative;
}

.sunoSlideWrapper .card .card-img-overlays ,
#sunoSlideContainer .card .card-img-overlays {
    position: absolute;
    bottom: 15%;
    left: 10%;
    color: #fff;
    font-weight: bolder;
}

.sunoSlideWrapper a ,
#sunoSlideContainer a {
    text-decoration: none;
}

.sunoSlideWrapper .indicator ,
#sunoSlideContainer .indicator {
    display: inline-flex;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    background: var(--suno-blue-grad);
    box-shadow: 0px 0px 5px 0px var(--suno-blue);
}

.sunoSlideWrapper .indicator:hover ,
#sunoSlideContainer .indicator:hover {
    background: var(--suno-orange-grad);
    transition: 200ms;
}

.sunoSlideWrapper .indicator:hover ,
#sunoSlideContainer .indicator:hover {
    color:  var(--suno-white);
    transition: 200ms;
}
.sunoSlideWrapper .float-end,
#sunoSlideContainer .float-end {
    column-gap: 10px;
    border-radius: 10px;
    background: var(--suno-lg-gray);
    padding: 30px;
}
.sunoSlideWrapper .carousel_icon,
#sunoSlideContainer .carousel_icon{
    width: 1.3rem;
    height:1.3rem;
}
#sunoShowsSlideContainer .indicator{
    width: 40px;
    height: 30px;
}
#sunoShowsSlideContainer .float-end{
    background: var(--suno-white);
    padding: 0;
}
/*Footer*/
.sn_footer_container {
    background: var(--suno-lg-white);
    padding: 50px 0;
}

.sn_footer_eng {
    font-family: var(--bs-body-font-family) !important;
    font-size: 16px;
}

.sn_footer_txt {
    font-size: 16px;
    font-weight: 700;
}

.sn_footer_txt a {
    color: var(--suno-gray);
    text-decoration: none;
}

.sn_footer_txt a:hover {
    color: var(--suno-blue);
    transform: scale(1.2);
}

.sn_footer_container .sn_follow {
    color: var(--suno-lg-blue);
}
.sn_icons_wrap a:hover .sn_social_icons svg {
    fill: var(--suno-blue);
}
.sn_footer_container a.gbtn {
    border: 1px solid var(--suno-lg-gray);
    padding: 7px;
    text-decoration: none;
    border-radius: 7px;
    font-family: calibri !important;
    font-size: 14px;
}

.sn_app {
    column-gap: 20px;
}

.sn_footer_icons {
    column-gap: 10px;
}

.sn_copyright_container {
    background: var(--suno-lg-gray);
    color: var(--suno-black);
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 600;
}

.sn_copyright_container .sn_copy_right {
    font-size: 18px;
    font-family: var(--bs-body-font-family) !important;
}

.sn_footer_txt div {
    margin-bottom: 5px;
}

@media(max-width:991px) {
    .sn_footer_txt {
        position: relative;
        margin-bottom: 10px;
    }

    .sn_footer_txt:after {
        content: '';
        display: block;
        border-bottom: 1px solid var(--suno-gray);
        width: 50%;
        height: 10px;
        position: absolute;
        bottom: -15px;
        left: 30%;
    }
    .sn_categories:before{
        border-right: 0 !important;
    }
}

/*header*/
#scrollBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background: var(--suno-blue-grad);
    color: var(--suno-white);
    cursor: pointer;
    padding: 0px 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px var(--suno-blue);
    z-index: 105;
}

.suno_english #scrollBtn {
    right: 30px;
    left: unset;
}

.suno_urdu #scrollBtn {
    left: 30px;
}

#scrollBtn:hover {
    background: var(--suno-orange-grad);
}

.sn_scrolling_nav {
    background-color: var(--suno-lg-gray);
}

.sn_scrolling_nav .nav {
    overflow: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    position: relative;
    left: 0;
    top: 0;
}

.sn_scrolling_nav .nav .topics {
    color: var(--suno-white);
    display: block;
    padding: 0.25rem 1rem;
    font-size: 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    cursor: pointer;
    background-color: var(--suno-blue);
    border-right: 1px solid var(--suno-black);
    position: sticky;
    left: 0;
    bottom: 0;
    font-weight: 600;
}

.sn_scrolling_nav .nav li {
    border-right: 1px solid var(--suno-black);
}

.sn_scrolling_nav .nav .nav-link {
    color: var(--suno-black);
    ;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.25rem 1rem;
}

.sn_scrolling_nav .nav .nav-link:hover {
    background: var(--suno-blue);
    color: var(--suno-white);
}

.sn_scrolling_nav .nav li:last-child {
    border: none;
}

.suno_english .custm_navbar .dropdown-menu {
    text-align: left;
}

.suno_urdu .custm_navbar .dropdown-menu {
    text-align: right;
}

@media (max-width:1200px) {
    .sn_search_container {
        margin: 10px 0;
    }

    .xs-none {
        display: none;
    }

    .d-sm {
        display: block;
    }

    .sn_nav_container .navbar-collapse {
        align-items: center;
        padding: 0 15px;
        position: relative;
        top: 5px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    }

    .custm_navbar .nav-item {
        border-top: 1px solid var(--suno-gray);
    }

    .custm_navbar .nav-item:first-child {
        border-top: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto !important;
    }

}
header {
    font-family: var(--bs-body-font-family) !important;
    padding: 5px 0 2px;
    box-shadow: 0 0 5px 0 var(--suno-blue);
}
.svg_icon {
    fill: var(--suno-white);
    width: 1em;
    height: 1em;
}
.menue_icon{
    fill: var(--suno-blue);
    font-size: 20px;
}
.cursor-pointer{
    cursor: pointer;
}

.navigation a {
    color: var(--suno-blue);
    font-family: var(--bs-body-font-family) !important;
}
.navigation .urdu_font {
    font-family: var(--bs-body-font-family-urdu) !important;
    transform: scale(1.3);
}
.navigation .urdu_font:hover{
    transform: scale(1.1);
}

.sn_nav_primary {
    border-bottom: none;
}

.sn_nav_primary .nav {
    float: left;
    display: inline-flex;
    gap: 5px; 
}
.sn_nav_secondary {
    background: var(--suno-blue-grad);
    border-top: 3px solid var(--suno-yellow);
    border-bottom: 3px solid var(--suno-yellow1);
    border-radius: 10px;
}
.sn_nav_social {
    float: right;
}

.sn_nav_primary .nav-link {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
}
.sn_nav_primary .nav-link:hover{
    background: var(--suno-blue-grad);
    color: var(--suno-white);
}
.sn_nav_primary .nav-link:hover .svg_icon{
    fill: var(--suno-white);
}

.sn_nav_social .nav-link {
    padding: 0.5em 0.31em;
    cursor: pointer;
}

.sn_nav_secondary .nav-link {
    padding: 0.5em 0.5em;
    font-size: 0.88em;
    color: var(--suno-white);
    font-weight: normal;
    position: relative;
    border-radius: 5px;

}
.sn_nav_secondary .nav-link:hover {
    background: var(--suno-orange-grad);
    color: var(--suno-white);
}
.sn_nav_secondary .nav-link.active{
    background: var(--suno-orange-grad);
    color: var(--suno-white);
}
.live {
    background: var(--suno-red1);
    color: var(--suno-white) !important;
    border-radius: 5px;
    padding: 0.3rem 0.7rem;
}
.live.live_border{
    background: var(--suno-white);
    color: var(--suno-red1) !important;
}

.sn_nav_secondary .nav {
    overflow: hidden;
    white-space: nowrap;
    padding: 0.5rem 1rem;
}

.sn_nav_secondary .nav-item {
    height: 2.1em;
    position: relative;
}
.icon_wrap .nav-link:hover{
    background: unset;
    color: unset;
}
.mobile_sett {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.icon {
    background: var(--suno-blue-grad);
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.6s ease-out;
   overflow: hidden;
}
.icon:hover{
    border-radius: 50%;
}
.search_icon{

}
.yt_icon{
    background: #ff0000;
}
.fb_icon{
    background: #3b5998;
}
.insta_icon{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.tiktok_icon{
    background: #010101;
}
.twitter_icon{
    background: #1da1f2;
    background: #14171A;
}
.navigation_logo img{
    border-radius: 5px;
}
@media (min-width: 576px){
    .sn_nav_secondary .nav-link {
        color: var(--suno-white);
        font-weight: 500;
    }
}
/*end header*/

.sn_headline_wrapper{
    box-shadow: 0 0 5px 0 var(--suno-blue);
    padding: 10px;
    border-radius: 10px;
}
.sn_headline_wrapper.no_shadow{
    box-shadow: unset;
    padding: 0;
}
.sn_headline_wrapper .sn_categories .col-lg-3{
    margin-bottom: 10px;
}
.sn_headline_wrapper .sn_parti_img {
    width: 100%;
    height: 130px;
    display: block;
}
.sn_headline_wrapper .sn_part_title {
    font-size: 14px !important;
    height: 53px;
    overflow: hidden;
    padding: 5px;
}
.sn_thumbnail_container {
    width: 100%;
    display: inline-block;
    max-height: 750px;
    overflow: auto;
    overflow-x: hidden;
}
.sn_digital_sec .sn_thumbnail_container {
    max-height: 560px;
    border-radius: 0 0 10px 10px;
    border-color: var(--suno-lg-blue);
}
.sn_shorts_container .sn_parti_img {
    height: 300px;
    display: block;
}
.sn_shorts_container .sn_part_date{
    margin-top: 5px;
}
.sn_v_w{
    width: 210px;
    transition: var(--suno-tranisition);
}
.sn_v_wrap {
    width: 100%;
    display: inline-flex;
    margin-top: 15px;
    cursor: pointer;
}
.sn_th_img {
    height: 94px;
    width: 168px;
    position: relative;
    overflow: hidden;
    margin-right: 8px;
    border-radius: 10px;
    cursor: pointer;
}
.sn_pg_title{
    background: var(--suno-blue-grad);
    padding: 15px;
    border-radius: 10px 10px 0 0;
}
.sn_pg_title .th_title{
    height: unset;
}
.sn_v_icon:before {
    content: '\25BA';
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--suno-black-grad);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: var(--suno-white);
    transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.5s;
        transform: perspective(1000px) rotateX(0deg); 

    transform-origin: bottom center; 
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    left: unset;
    z-index: 1;
}
.sn_v_icon:hover:before{
    background: var(--suno-orange-grad);
}
.sn_partition:hover .sn_v_icon:before,
.sn_pv_card:hover .sn_v_icon:before,
.sn_partition_head:hover .sn_v_icon:before,
.sn_v_wrap:hover .sn_v_icon:before{
    background: var(--suno-orange-grad);
}
 

.sn_th_img img{
    width: 100%;
    height: 100%;
}
.sn_th_content {
    width: 240px;
    display: inline-block;
}
.th_title {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
    overflow: hidden;
    white-space: normal;
    cursor: pointer;
    height: 43px;
}
.th_program {
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 0.8rem;
    line-height: 1.5rem;
    font-weight: 600;
}
.th_det {
    width: 100%;
    display: inline-block;
}
.th_time {
    font-size: 12px;
    color: var(--suno-blue);
}
.video_title{
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 0.5rem;
    letter-spacing: -1px;
}
.sn_watch_wrapper {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.arrows{
    width: 30px;
    height: 30px;
    background: var(--suno-blue-grad);
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    box-shadow: 0px 0px 5px 0px var(--suno-blue);
}
.arrows svg{
    fill: var(--suno-white);
}
.arrows:hover{
    background: var(--suno-orange-grad);
}
.arrows.left{
    left: -12px;
}
.arrows.right{
    right: -12px;
}
.sn_ppl_wrap .arrows{
    top: 25%;
}
.sn_shorts_wrap .arrows{
    top: 35%;
}
.sn_watch_sec{
    width: 100%;
    display: inline-flex;
    gap: 10px;
}
.sn_watch_sec .sn_pv_card{
    margin-bottom: 10px;
    width: 214px;
}

.sn_watch_sec .pv_img{
    height: 118px;
}

.sn_watch_sec .sn_th_content {
    width: 100%;
    display: inline-block;
    padding: 5px;
}
.sn_watch_sec .th_title {
    font-size: 0.9rem;
    height: 37px;
}
.sn_pg_container {
    padding-bottom: 25px;
}
.sn_iframe_container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}

.sn_res_iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.sn_live_wrapper{
    width: 100%;
    display: inline-block;
    background: #000;
    border-radius: 10px;
}
.sn_live_wrapper,
.sn_live_wrap{
    min-height: 520px;    
}
.sn_add_container{
    position: fixed;
    max-width: 100%;
    width: 100%;
    padding: 0px;
    background-color: #ffffff00;
    display: block;
    bottom: 0;
    right: 0;
    left: 0;
    border: 2px solid #ffffff00;
    z-index: 100;
    border-radius: 6px;
    margin: 1px 1px 0px 1px;
    text-align: right;
}
.add_wrap{
    width: 100%;
    display: inline-block;
    text-align:center;
}
.sn_categories .sn_partition_head .sn_parti_text{
    padding: 10px 5px 10px 5px;
}

@media (min-width: 1200px) {
    .sn_v_wrap:first-child{
        margin-top: 0;
    }
    .sn_watch_sec{
        justify-content: flex-start;
    }
}
@media (max-width: 1200px) {
    .sn_th_content {
        width: 100%;
    }
    .sn_watch_sec .sn_pv_card{
        width: 70%;
    }
    .sn_watch_sec .pv_img{
        height: 150px;
    }
    .sn_hl_wrap .sn_parti_img{
        height: 80px;
    }
    .sn_playlist_con{
        padding: 0;
        padding-top: 25px;
    }
}
@media (max-width: 992px) {
    .sn_hl_wrap .sn_parti_img{
        height: 150px;
    }
}

@media (max-width: 600px) {
    .sn_watch_sec{
        justify-content: center;
    }
}
@media (max-width: 575px) {
    .sn_headline_wrapper .sn_parti_img{
        height: 220px;
    }
}