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

@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400..700&family=Noto+Nastaliq+Urdu:wght@400..700&display=swap');



/*@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";*/

    --bs-body-font-family-urdu: "Noto Naskh Arabic", serif;

    --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: var(--bs-body-font-family-urdu) !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;

}

.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: 57px;

    overflow: hidden;

}

.img_wrap .sn_parti_text{

    width: 100%;

    padding: 15px 0 0;

}

.sn_spot_wrap .img_wrap:last-child{

    padding-bottom: 0;

}

.sn_hl_wrap .sn_part_title{

    font-size: 16px;

    font-weight: 700;

    height: 63px;

    overflow: hidden;

    text-align:left;

}

.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-right: 0;

    text-align:left !important;

}

.sn_hl_wrap .sn_parti_img{

    width: 100%;

    height: 120px;

}

/**/





.suno_urdu .sn_urdu_font {

    font-family: var(--bs-body-font-family-urdu) !important;

}

.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:var(--suno-black);

    text-decoration-line:none;

}

.sn_part_title a:hover{

    color: var(--suno-blue);

}

.pv_date_titnews_titlele a{

    color:var(--suno-black);

    text-decoration-line:none;

}





.suno_urdu .navbar-expand-xl .navbar-nav,

.suno_urdu .pv_date_strip{

    flex-direction: row-reverse;

}

.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_partition,

.suno_urdu .sn_header_sec,

.sn_row_reverse{

    flex-direction: row-reverse;

}

.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-start;

    font-size: 22px;

}

.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;

}





.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: 250px !important;

}



.sn_height6 {

    min-height: 510px !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;

    direction:rtl;

}



.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: 28px;

    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;

    direction: rtl;

}

.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;

}

.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;

}



.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: 10px 15px 10px 0px;

}

.sn_partition .sn_parti_text{

    padding-top:0;

}



.sn_part_title {

    font-size: 22px;

    font-weight: 700;

    cursor: pointer;

    width: 100%;

    word-break: break-word;

    text-align: right;

    line-height: 1.3;
    direction: rtl;

}

.sn_categories .sn_part_title{

    font-size: 18px !important;

    line-height: 1.5 !important;

    overflow:hidden;

    height:78px !important;

}

.sn_categories .sn_part_date {

    font-size: 12px !important;

}

.sn_categories .sn_partition_head .sn_parti_text .sn_part_title{

    font-size: 18px !important;

}

.sn_part_title:hover,

.sn_part_title a:hover{

    color: var(--suno-blue);

}



.sn_part_date {

    font-family: var(--bs-body-font-family-urdu);

    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%;

}



.sn_parti_content {

    font-size: 22px;

    margin: 15px 0;

    direction: rtl;

}



.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: 175px;

    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;

    }

}





/*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: 23px;

    /* text-align: justify; */

    direction:rtl;

}

.sn_content_para p{

    font-family: var(--bs-body-font-family-urdu) !important;

}

.sn_content_para img{

    object-fit: cover;
    width: 100% !important;
    height: auto;

}
.sn_content_para iframe{

    object-fit: cover;
    width: 100% !important;
    /* height: auto; */

}

.sn_post_sec .sn_content_heading{

    direction:rtl;

    font-size: 26px;

    margin-bottom: 1rem;

    -webkit-line-clamp: unset !important;

    -webkit-box-orient: unset;

    overflow: unset;

    text-overflow: unset;

}



.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-urdu);

}



.sn_column_content p,

.sn_column_content ol{

    font-size: 20px;

    line-height: 1.1;

    font-family: var(--bs-body-font-family-urdu);

    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) {

    .xs-d {

        display: none !important;

        ;

    }



    .sn_video_container iframe {

        min-height: 320px !important;

    }





    .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_urdu .sn_header_sec ,

    .sn_header_sec {

        flex-direction: column !important;

    }

    .sn_height3,

    .sn_height6 {

        height: unset !important;

        min-height: unset !important;

    }



    .sn_header_img,

    .sn_header_img.sn_big {

        width: 100% !important;

    }

    .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-urdu) !important;

    font-size: 16px;

}



.sn_footer_txt {

    font-size: 24px;

    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: 20px;

    font-family: var(--bs-body-font-family-urdu) !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: 5px 15px;

    border-radius: 4px;

    box-shadow: 0px 0px 5px 0px var(--suno-blue);

}



.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_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-urdu) !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-urdu) !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);

    transform: scale(1.1);

}

.sn_nav_primary .nav-link:hover .svg_icon{

    fill: var(--suno-white);

}



.sn_nav_social .nav-link {

    padding: 0.5em 0.31em;

    cursor: pointer;

    display: inline-flex;

}



.sn_nav_secondary .nav-link {

    font-size: 1.2em;

    color: var(--suno-white);

    font-weight: normal;

    position: relative;

    border-radius: 5px;

    cursor: pointer;

}

.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;

    transform: scale(1) !important;

}

.live.live_border{

    background: var(--suno-white);

    color: var(--suno-red1) !important;

    transform: scale(1) !important;

}



.sn_nav_secondary .nav {

    overflow: hidden;

    white-space: nowrap;

    padding: 0.5rem 1rem;

    direction: rtl;

}



.sn_nav_secondary .nav-item {

    height: 2.1em;

    position: relative;

    display: inline-flex;

    align-items: center;

}

.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: 42px;

    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);

    direction: ltr;

}

.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-left: 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;

    font-size: 1.5rem;

    text-align: center;

}

.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;

    margin-left:5px;

}

.th_title {

    font-size: 1rem;

    line-height: 1.3;

    font-weight: 700;

    overflow: hidden;

    white-space: normal;

    cursor: pointer;

    height: 43px;

    text-align: left;

}

.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: 1rem;

    line-height: 1.5rem;

    font-weight: 600;

}

.th_det {

    width: 100%;

    display: inline-block;

}

.th_time {

    font-weight: 600;

    font-size: 14px;

    color: var(--suno-blue);

}

.video_title{

    font-size: 1.2rem;

    font-weight: 700;

    margin-top: 0.5rem;

    text-align: left;

}

.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;

    text-align: left;

}

.sn_watch_sec .th_title {

    font-size: 1rem;

    height: 40px;

    text-align: left;

}

.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;    

}

@media (min-width: 1200px) {

    .sn_v_wrap:first-child{

        margin-top: 0;

    }

    .sn_watch_sec{

        justify-content: flex-end;

    }

}

@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: 767px) {

    .sn_footer_container{

        padding: 25px 0;

    }

    .d-xs-none{

        display: none !important;

    }

    .footer_row{

        flex-direction: column-reverse;

    }

    .sn_footer_icons{

        width: 100%;

        justify-content: center;

    }

    .sn_footer_icons .sn_icons_wrap{

        gap: 30px;

    }

    .sn_footer_icons .sn_social_icons {

        background: var(--suno-blue-grad);

        width: 35px;

        height: 35px;

        border-radius: 5px;

    }

    .sn_footer_icons .sn_social_icons svg{

        fill: var(--suno-white);

    }

    .sn_footer_txt {

        font-size: 22px;

        text-align: right;

    }

    .bullets{

        padding: 0 30px 0 0;

    }

    .bullets a{

        position: relative;

    }

    .bullets a:before{

        content: '';

        position: absolute;

        right: -20px;

        top: 15px;

        border: solid var(--suno-blue);

        border-width: 0 3px 3px 0;

        display: inline-block;

        padding: 3px;

        transform: rotate(135deg);

    }

    .sn_footer_container a.gbtn {

        font-size: 26px;

    }

    .sn_footer_container a.gbtn img{

        width: 85px;

    }

    .mobile_footer .sn_app {

        justify-content: center;

        flex-direction: column;

        row-gap: 15px;

    }

    .sn_footer_eng {

        font-size: 26px;

        font-weight: 600;

    }

    .sn_copyright_container .sn_copy_right{

        font-size: 20px;

    }

    .mobile_footer {

        display: inline-flex;

        justify-content: center;

        align-items: center;

        width: 100%;

        flex-direction: column;

    }

    .mobile_footer .download_app {

        width: 100%;

        display: inline-flex;

        justify-content: space-between;

    }

    

}

@media (max-width: 600px) {

    .sn_watch_sec{

        justify-content: center;

    }

}

@media (max-width: 575px) {

    .sn_headline_wrapper .sn_parti_img{

        height: 220px;

    }

}

.sn_post_sec {

    align-items: unset;

    justify-content: unset;

}