.contentdivPrakriti{
text-align:center;
height:auto;
}
.pvdhtitle{
background-color:#a6a8a6;
color:#FFFFFF;
margin:50px 0px 0px 0px;
font-size: 24px;
text-align: center;
font-size: 2rem;
font-weight: bold;
margin-bottom: 25px;
}
.pvdyear{
background-color:#632157;
color:#FFFFFF;
font-weight:bold;
width:500px;
display:flex;
justify-content: center;
margin:auto;
margin-bottom:30px;
}
#ptyear{
font-size: 1.6em;
margin-top: -6px;
}
.pvdtitle{
background-color:#000000;
color:#FFFFFF;
font-weight:bold;
padding:5px 0px 5px 0px;
width:512px;
text-align:center;
margin-top: 12px;
font-size: 1.1rem;
line-height: 1.4;
}
.vivdtitle1{
background-color:#632157;
color:#fff;
font-weight:bold;
padding:5px 0px 5px 0px;
width:512px;
text-align:center;
margin-top: 12px;
font-size: 1.1rem;
line-height: 1.4;
}
.vivdtitle2{
background-color:#8f3431;
color:#fff;
font-weight:bold;
padding:5px 0px 5px 0px;
width:512px;
text-align:center;
margin-top: 12px;
font-size: 1.1rem;
line-height: 1.4;
}
.vivdtitle3{
background-color:#7d5814;
color:#fff;
font-weight:bold;
padding:5px 0px 5px 0px;
width:512px;
text-align:center;
margin-top: 12px;
font-size: 1.1rem;
line-height: 1.4;
}

#prakritiannounc{
text-align:justify;
padding:20px;
display:none;
}
.ullimarginleft{
margin-left:50px;
}
.jdnameprakariti{
margin: 0px 0px 0px 5%;
}
#termsCondition{
display:none;
}
.termsalign{margin:0px 0px 0px 50px;}
#pannmg{
width:100%;
}
map{
cursor:pointer;
}
.closeentries{
margin:50px 0px 0px 0px;
font-size: 24px;
border:2px solid #000000;
text-align:center;
}
.elgentries{
margin:0px 0px 0px 20px;
}
#termsCondition{
text-align:justify;
padding:20px;
}
#prakritiform{
text-align:justify;
padding:20px 50px 20px 20px;
display:none;
}
.prakritictn{
text-align:justify;
padding:20px;
display:block;
}
.prakritictnalign{margin:50px 0px 0px 0px;
font-size: 24px;
border:2px solid #000000;
height: 1135px;
}
.bestone{
font-size:36px; 
color:#274CC2;
vertical-align: middle;
margin: 100px 0px 0px 0px;
}
.prakritictnpdf{
text-align:center;
margin:50px 0px 0px 0px;
font-size: 24px;
border:2px solid #000000;
height: 1135px;
}
.storybegin{
font-size:36px;
color:#274CC2;
vertical-align:middle;
margin:100px 0px 0px 0px;
}
#docpannmg{
width:100%;
}
.videopr{
text-align:center;
padding:20px;
justify-content:center;
}
/* --- Base Layout Rules --- */
.category-section {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
/* Flexbox Controls for Year Navigation */

#ptyear {
  font-size: 1.5rem;
  font-weight: 600;
  min-width: 60px;
  text-align: center;
}

/* Clean Image Button Wrappers instead of complex HTML maps */
.arrow-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
}

.pimgarrow {
  width: 54px;
  height: 54px;
  display: block;
  cursor:pointer;
}
.arrow-placeholder {
  width: 40px; /* Keeps layout perfectly balanced when only 1 arrow exists */
}

/* --- The Modern Video Grid Controls --- */
.video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Default PC Desktop Layout: 3 Columns */
  gap: 30px; /* Equalized cell padding and cell spacing layout replacement */
}

/* Exception class: center layout natively when a section only houses 1 video card */
.video-grid.single-item {
  grid-template-columns: 1fr;
  max-width: 500px;
  margin: 0 auto;
}

.video-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}

.prakritivideo {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /* Guarantees layout consistency while loading thumbs */
  object-fit: cover;    /* Forces the poster thumbnail image to scale and fill the entire space */
  object-position: center; /* Keeps the center of the image focused if cropped */
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (PC, Laptop, and Mobile Optimization)
   ========================================================================== */

/* 1. Medium Screen Laptop Devices & Tablets (Between 769px and 1024px Layout) */
@media (max-width: 1024px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr); /* Drops down to 2 columns seamlessly */
    gap: 20px;
  }
}

/* 2. Smaller Mobile Phones & Viewport Screens (768px Width down to Smallest) */
@media (max-width: 768px) {
  .category-section {
    padding: 10px;
  }
  .cecmain_content{
  padding:0px;
  }
.videopr{
padding:0px;
margin: 0px 16px 0px -50px;
}
.video-card{
align-items: normal;
}
.prakritivideo{
width:80%;
margin-left:20px;
}
  .pvdhtitle {
    font-size: 1.5rem;
  }
  .vivdtitle1 {
    font-size: 1.5rem;
  }
  .vivdtitle2 {
    font-size: 1.5rem;
  } 
  .vivdtitle3 {
    font-size: 1.5rem;
  }   
  .video-grid {
    grid-template-columns: 1fr; /* Strict 1 Column layout stack on portrait phones */
    gap: 25px;
  }
  
  .pvdtitle {
    font-size: 1rem;
  }
}
#ACCO{display:none;}
.bottomline{margin:20px 0px 50px 45%;} 
#awardsection{
display:none;
border: 4px solid transparent; 
transition: border-color 0.5s ease-in-out;
}
#bawardsection{
font-size:18px;
padding:10px;
color:#FFFFFF;
background-color:#cc3200;
}
#bawardsection:hover{
font-weight:700;
}
.pktheading{
background-color:#a6a8a6;
color:#FFFFFF;
text-align:center;
}
#praresult{
display:none;
}