span.live-update1 {background: #EA2429;color: #fff;padding: 6px 8px 5px 5px;line-height: 1;border-radius: 3px;text-transform: uppercase;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 700;width: auto}
span.live-update1 .blink { font-size: 10px;margin-right: 5px;vertical-align: baseline;animation: blink-animation 1s steps(5, start) infinite;-webkit-animation: blink-animation 1s steps(5, start) infinite;}
@keyframes blink-animation {to {visibility: hidden;}}
@-webkit-keyframes blink-animation {to {visibility: hidden;}}
.circle-live {background-color: #fff;border-radius: 50%;height: 10px;width: 10px;display: inline-block;}


.w-100 {width: 100%!important;}
.tbig-img{ height:460px;}
.spt-cap { position: absolute;bottom:-8px;
  left: 15px;box-sizing: border-box;width: 96.5%;
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.99) 73%,rgba(0,0,0,1) 74%);
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.99) 73%,rgba(0,0,0,1) 74%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.99) 73%,rgba(0,0,0,1) 74%);
  font-weight:600;
}
.spt-txt {font-size:1.25rem;line-height:1.813rem;padding: 0.625rem}
.spt-txt a {color: #fff}
.spt-txt a:hover {color: #ffee00}
.small-img{height:220px}

.small-cap { position: absolute;bottom:-8px;
  left:0; box-sizing: border-box;width: 100%;
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.99) 73%,rgba(0,0,0,1) 80%);
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.99) 73%,rgba(0,0,0,1) 80%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.99) 73%,rgba(0,0,0,1) 80%);

}
.small-txt {font-size:0.938rem;line-height:1.313rem;padding: 0.625rem}
.small-txt a {color: #fff; text-shadow: 1px 1px #000}
.small-txt a:hover {color: #ffee00}
.fs14{font-size: 1rem;line-height: 1.313rem}
.trendhead{color:#cc3399; font-size:1.875rem; font-weight: 700;font-style: italic;margin-top:-14px;padding-bottom:8px;text-transform: uppercase;}
.trending{display: flex;justify-content: space-between;width: 100%; margin-bottom:20px}
.desc {width: 100%;font-weight: 500;font-size: 15px;line-height: 20px;padding-left:10px}
.l-cover img {height: 75px;width:160px}
.viewall {float: right;padding-left: 5px;font-size:0.938rem; padding-top:6px;}
.ptc-latest { color: #000;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase}
.ptc-latest :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #9a9a9a;}
.toptx2 {font-size: 1.125rem;font-weight: 700;position: absolute;top: 15px;height: 30px;background: #cc3399;display: flex;align-items: center;text-transform: uppercase;letter-spacing: .18px;text-align: left;color: #fff;clip-path: polygon(0 0,100% 0,89% 100%,0 100%);padding: 0 20px 0 12px}
.MultiCarousel { float: left; overflow: hidden; padding: 10px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { margin:10px;color:#000;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#000; }

.vsimg {height:370px !important}
.pd10{padding:10px}
.pd5{padding:5px}
.fs16{font-size: 0.938rem;line-height: 1.313rem;text-align:left;}
.viewall {float: right;padding-left: 5px;font-size:0.938rem; padding-top:6px;}
.tp-stories { color: #ff9933;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;}
.tp-stories :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #ff9933;}
.orang-col{background-color:#ff9933;height:auto}
.orang-bod{border:5px #fdb0b0 solid}
.orang-txt{margin: auto;padding: 70px 10px;text-align:center;font-size:35px; color:#fff; font-weight: 800;line-height: 50px}
.orang-txt a{color:#fff}
.orang-txt a:hover{color:#000}
.green-bg {background-color: #eecb89;}
.ptc-video { color: #000;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase}
.ptc-video :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #000;}
.cap-txt {color: #fff;font-weight: 700;}
.cap-txt h2{font-size:2.063rem;color: #fff; font-weight:bold; line-height:3rem;}
.cap-txt a{color: #fff}
.cap-txt a:hover{color: #f6ff00}

.cap-txt2 {color: #000;font-weight: 700;}
.cap-txt2 h2{font-size:2.063rem;color: #000; font-weight:bold; line-height:3rem;}
.cap-txt2 a{color: #000}
.cap-txt2 a:hover{color: #ff0000}

.ptc-v.vid {left:45%;top:35%}
.ptc-v {position: absolute;}
.vid-ico {background-image: url("../images/ptc-punjabi-latest-ico-video-large.png"); height:40px;  width: 40px }
.scrollbar{height: 480px;position: relative;overflow: hidden;overflow-y: hidden;overflow-y: scroll;width: 100%;scrollbar-color: #ff5900 #FEF5EB;
  scrollbar-width: thin;}
.vd-lft{display: flex;justify-content: space-between;width: 100%; margin-bottom:20px; margin-top:10}
  .vd-desc {width: 100%;font-weight: 500;font-size: 0.938rem;line-height:1.438rem;padding-left:10px; color:#000}
  .vd-desc a{color:#000}
  .vd-desc a:hover{color:#f6ff00}
  .vd-cover img {height: 90px;width:200px}

  .ptc-s.vid1 {left:13%;top:40%}
  .ptc-s {position: absolute;}
  .vid-ico1 {background-image: url("../images/ptc-punjabi-latest-ico-video.png"); height:20px;width: 20px}

  .cele-spl { color: #cc6699;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;}
  .cele-spl :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #cc6699;}
  .pink-col{background-color:#cc6699;height:auto}
  .pink-bod{border:5px #fdb0b0 solid}
  .pink-txt{margin: auto;padding: 70px 10px;text-align:center;font-size:35px; color:#fff; font-weight: 800;line-height: 50px}
  .pink-txt a{color:#fff}
  .pink-txt a:hover{color:#000}

  .polly-spl { color: #996699;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;}
  .polly-spl :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #996699;}
  .polly-col{background-color:#996699;height:auto}
  .polly-bod{border:5px #dcc5e7 solid}
  .polly-txt{margin: auto;padding: 70px 10px;text-align:center;font-size:35px; color:#fff; font-weight: 800;line-height: 50px}
  .polly-txt a{color:#fff}
  .polly-txt a:hover{color:#000}


  .bolly-spl { color: #99cc66;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;}
  .bolly-spl :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #99cc66;}
  .bolly-col{background-color:#99cc66;height:auto}
  .bolly-bod{border:5px #ccff99 solid}
  .bolly-txt{margin: auto;padding: 70px 10px;text-align:center;font-size:35px; color:#fff; font-weight: 800;line-height: 50px}
  .bolly-txt a{color:#fff}
  .bolly-txt a:hover{color:#000}


  .song-spl { color: #336699;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;}
  .song-spl :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #336699;}
  .song-col{background-color:#336699;height:auto}
  .song-col h2{color:#fff}
  .song-col h2 a{color:#fff}
  .song-col h2 a:hover{color:#f6ff00}

  .tolly-spl { color: #999966;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;}
  .tolly-spl :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #999966;}
  .tolly-col{background-color:#999966;height:auto}
  .tolly-bod{border:5px #a6a19f solid}
  .tolly-txt{margin: auto;padding: 70px 10px;text-align:center;font-size:35px; color:#fff; font-weight: 800;line-height: 50px}
  .tolly-txt a{color:#fff}
  .tolly-txt a:hover{color:#000}

  .holly-spl { color: #33cccc;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;}
  .holly-spl :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #33cccc;}
  .holly-col{background-color:#33cccc;height:auto}
  .holly-bod{border:5px #ccffff solid}
  .holly-txt{margin: auto;padding: 70px 10px;text-align:center;font-size:35px; color:#fff; font-weight: 800;line-height: 50px}
  .holly-txt a{color:#fff}
  .holly-txt a:hover{color:#000}

  .life-spl { color: #99cc99;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;}
  .life-spl :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #99cc99;}
  .life-col{background-color:#99cc99;height:auto}
  .life-bod{border:5px #ccffcc solid}
  .life-txt{margin: auto;padding: 70px 10px;text-align:center;font-size:35px; color:#fff; font-weight: 800;line-height: 50px}
  .life-txt a{color:#fff}
  .life-txt a:hover{color:#000}

  .viral-spl { color: #993333;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;
}
  .viral-spl :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #993333;}
  .viral-col{background-color:#993333;height:auto}
  .viral-bod{border:5px #ffcccc solid}
  .viral-txt{margin: auto;padding: 70px 10px;text-align:center;font-size:35px; color:#fff; font-weight: 800;line-height: 50px}
  .viral-txt a{color:#fff}
  .viral-txt a:hover{color:#000}

  .ott-spl { color: #993399;font-size:1.875rem;font-weight: 700;font-style: italic;margin: 10px 0 5px 0;overflow: hidden;text-transform: uppercase;text-align: left;}
  .ott-spl :after  {content: "";display: inline-block;height: 0.6em;vertical-align: bottom;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #993399;}
  .ott-col{background-color:#993399;height:auto}
  .ott-lft{display: flex;justify-content: space-between;width: 100%; margin-bottom:20px; margin-top:10}
  .ott-desc {width: 100%;font-weight: 500;}
  .ott-desc h2{font-size: 1rem;line-height:1.438rem;padding-left:10px; color:#fff}
  .ott-desc a{color:#fff}
  .ott-desc a:hover{color:#f6ff00}
  .ott-cover img {height: 140px;width:230px}
  .ptc-newsm{display: none}
  .ptc-m1{display:block}
  .ptc-m{display:none}

@media screen and (max-width:768px) {
.tbig-img{width:100%; height:auto;}
.small-img{width:100%; height:auto;}
.toptx2 {font-size: 1rem; top:15px; height:25px;}
.pad10{padding:0px!important}
.vsimg {height:280px !important}
.MultiCarousel { float: left; overflow: hidden; padding:0px!important; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { padding:10px; margin:10px;color:#000;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; top:calc(50% - 50px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#000}
.orang-txt{padding:5px 10px;font-size:18px;line-height:28px}
.fs16{font-size: 0.875rem;line-height: 1.313rem}
.cap-txt h2{font-size:1.438rem;line-height:2rem;}
.scrollbar{height: 480px;position: relative;overflow: hidden;overflow-y: hidden;overflow-y: scroll;width: 100%;scrollbar-color: #ff5900 #FEF5EB;
  scrollbar-width: thin;}
.ptc-v.vid {left:40%;top:20%;right: inherit;}
.pink-txt{padding:5px 10px;font-size:1.125rem;line-height:1.75rem}
.polly-txt{padding:5px 10px;font-size:1.125rem;line-height:1.75rem}
.bolly-txt{padding:5px 10px;font-size:1.125rem;line-height:1.75rem}
.tolly-txt{padding:5px 10px;font-size:1.125rem;line-height:1.75rem}
.holly-txt{padding:5px 10px;font-size:1.125rem;line-height:1.75rem}
.life-txt{padding:5px 10px;font-size:1.125rem;line-height:1.75rem}
.viral-txt{padding:5px 10px;font-size:1.125rem;line-height:1.75rem}
.ptc-newsm{display:block}
.ptc-m3{display:none}

.ptc-m{display:block}
.ptc-m1{display:none}

}

@media (min-width:768px) and (max-width:960px) {
.tbig-img{width:100%; height:auto;}
.small-img{width:100%; height:auto;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute;top:calc(50% - 50px); }
.orang-txt{padding:10px 10px;font-size:1.563rem;line-height:2.5rem}
.pink-txt{padding:10px 10px;font-size:1.563rem;line-height:2.5rem}
.polly-txt{padding:10px 10px;font-size:1.563rem;line-height:2.5rem}
.bolly-txt{padding:10px 10px;font-size:1.563rem;line-height:2.5rem}
.holly-txt{padding:10px 10px;font-size:1.563rem;line-height:2.5rem}
.tolly-txt{padding:10px 10px;font-size:1.563rem;line-height:2.5rem}
.viral-txt{padding:10px 10px;font-size:1.563rem;line-height:2.5rem}
.life-txt{padding:10px 10px;font-size:1.563rem;line-height:2.5rem}
.ptc-newsm{display:block}
.ptc-m3{display:none}
.ptc-m{display:none}
} 
.slider-wrapper {overflow: hidden;background: #eee;padding: 20px 8px;border-radius: 12px;position: relative;border:1px solid #e1e1e1;}
.slider-track {display: flex;align-items: center;gap: 12px;width: max-content;min-width: 100%;will-change: transform;}
.platform-card {background: #fff;border-radius: 12px;padding: 10px;text-align: center;min-width: 120px;flex-shrink: 0;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.platform-card img {width: 90px;margin-bottom:5px;}
.section-title {text-align: center;font-weight: bold;margin-bottom: 10px;}
.title-wrapper {text-align: center;position: relative;margin-bottom:-8px;}
.outlined-tab {display: inline-block;padding: 8px 20px;font-size: 22px;font-weight: 700;color: #1B2D5B;background: #fff;border: 2px solid #cfcfcf;border-bottom: none;border-radius: 12px 12px 0 0;position: relative;top: 2px;}
.slider-wrapper {border-top: 2px solid #cfcfcf;}
@media screen and (max-width:768px) {
.outlined-tab {padding: 8px 10px;font-size: 16px;}
  }




.pblang{width:50%; background-color: #ff6600;}
.pbtxt{color:#fff; padding-right:15px;font-size:22px;}
.pbtxt a{color:#fff}
.pbtxt a:hover{color:#ffff00}
.enlang{ width:50%; background-color: #021473;}
.entxt{color:#fff;padding-left:15px;font-size:22px;}
.entxt a{color:#fff}
.entxt a:hover{color:#ffff00}
/* Top Bar */
.top-bar{background: #3b1c53;color: #fff;padding: 8px 20px;display: flex;justify-content: space-between;align-items: center;font-size: 14px}
.top-bar .date{opacity: 0.9}
.social-icons{display: flex;gap: 10px}
.social-icons a{width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;font-size: 14px}
.facebook{background: #3b5998}
.twitter{background: #0084ff}
.youtube{background: #ff0000}
.instagram{background: radial-gradient(circle at 30% 30%, #feda75, #d62976, #962fbf)}
.social-icons a:hover{transform: scale(1.1);transition: 0.3s}
@media (max-width: 600px)
{
.top-bar{flex-direction: column;gap: 8px;text-align: center}
}



.floating-icon { position: fixed; top: 50%;left: 0;transform: translateY(-50%);z-index: 999;}
.floating-icon video {width: 150px; height: 150px;object-fit: cover;box-shadow: 0 4px 10px rgba(0,0,0,0.3);border-radius: 0 0 10px 0;cursor: pointer;}
.entry-text {background: #000;color: #fff; text-align: center;padding-top:5px;font-size: 16px;font-weight: bold;border-radius: 0 10px 0 0;}
.close-btn1 {position: absolute;top: -20px;left:45%;background: #000;color: #fff;font-size: 18px;width: 25px;height: 25px;text-align: center;line-height: 25px;border-radius: 50%;cursor: pointer;z-index: 1000;}
.close-btn1:hover {background: #ff0000;}



#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none; /* hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* ===== SPINNER ===== */
.spinner {
    width: 70px;
    height: 70px;
    border: 6px solid #ddd;
    border-top: 6px solid #ff3c00;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* ===== ANIMATION ===== */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* OPTIONAL TEXT */
.loader-text {
    color: #fff;
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    font-family: Arial, sans-serif;
}
#popupForm {
    position: fixed;
    top: 0;
    z-index: 99999;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    display: none;
    /*overflow-y: auto;   /* allow vertical scroll */
    align-items: flex-start; /* start from top instead of center */
    justify-content: center;
    padding: 20px 15px;
}

.form-container {
    background: #ffffff;
    width: 95%;
    max-width: 650px;
    border-radius: 15px;
    padding: 25px;
    position: relative;
    margin: auto; /* keeps it centered horizontally */
    max-height: 90vh;
    overflow-y: auto;
}
/* Animation */
@keyframes popupFade {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
/* Close Button */
.close-btn {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0.7); /* dark background */
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}
/* Hover effect */
.close-btn:hover {
    background: #ff3b3b;
}
/* Heading */
h2 {
    text-align: center;
    margin-bottom: 15px;
}

/* Input Group */
.input-group {
    margin-bottom: 12px;
}

input, select {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 14px;
}
input:focus, select:focus {
    border-color: #4CAF50;
}
/* File Input */
.file-input {
    border: 1px dashed #aaa;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    font-size: 13px;
}
/* Checkbox */
.checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    margin-top: 10px;
}
.checkbox-group input {
    width: auto;
    margin-top: 4px;
}
.checkbox-group a {
    color: #28a745;
    text-decoration: none;
}
.checkbox-group a:hover {
    text-decoration: underline;
}
/* Button */
#popupFormData button {
    width: 100%;
    padding: 12px;
    background: linear-gradient(45deg, #28a745, #218838);
    border: none;
    color: white;
    font-size: 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}
#popupFormData button:hover {
    background: linear-gradient(45deg, #218838, #1e7e34);
}
/* Thank You */
#thankYou {
    display: none;
    text-align: center;
    padding: 40px 20px;
}
#thankYou h2 {
    color: green;
}
/* Mobile */
@media(max-width: 500px){
    .form-container {
        padding: 15px;
    }
}
.width-100{
    width: 100%;
}
.call{
  color: #3b1c53;
  font-weight: bold;
}
.media{
  color:red !important;
  font-size:12px;
}