/*.seema_page_main{
 background-color:#FFFFFF;
  float: left;
  width: 100%; 
  height: min-content;
}

.seema_page_vc_left {
  background-color:#FFFFFF;
  padding-left:5px;
  float: left;
  width: 30%; 
  text-align:left;
  height: min-content;
   color:#0B3D78;
}

.seema_page_vc_left_part_1 {
  float: left;
  width: 100%; 
  font-size:1.1vw;
  font-weight:bold;
  padding-top:5px;
}

.seema_page_vc_left_part_2 {
  float: left;
  width: 100%; 
  font-size:0.6vw;
  text-align:left;
  padding-top:5px;
}


.seema_page_vc_left_part_3 {
  float: left;
  width: 100%; 
  font-size:0.6vw;
  font-weight:bold;
  text-align:center;
}


.seema_page_vc_left_part_4 {
  float: left;
  width: 100%; 
  font-size:0.8vw;
  text-align:left;
  padding-top:3px;
  color:#000000;
}


.seema_page_vc_left_part_5 {
  float: left;
  width: 100%; 
  font-size:0.6vw;
  font-weight:bold;
  text-align:right;
  padding-right:5px;
}


.seema_page_left {
  background-color:#FFFFFF;
  padding-top:5px;
  margin-left:2px;
  margin-bottom:3px;
  padding-left:5px;
  float: left;
  width: 30%; 
  text-align:left;
  height: min-content;
   color:#0B3D78;
 border: 1px solid #999999;
  border-radius: 12px;
}

.seema_page_left_part_1 {
  float: left;
  width: 100%; 
  font-size:1.1vw;
  font-weight:bold;
  padding-bottom:10px;
  border-bottom:1px solid #999999;
}

.seema_page_left_part_2 {
  float: left;
  width: 100%; 
  font-size:0.6vw;
  font-weight:bold;
  text-align:right;
}

.seema_page_middle{
  background-color:#FFFFFF;
 padding-top:5px;
  margin-left:2px;
  padding-left:5px;
  float: left;
  width: 33%; 
  text-align:left;
  font-size:1vw;
  color:#0B3D78;
  height: min-content;
 border: 1px solid #999999;
  border-radius: 12px;
}

.seema_page_middle_part_1 {
  float: left;
  width: 100%; 
  font-size:1.1vw;
  font-weight:bold;
  padding-bottom:10px;
  border-bottom:1px solid #999999;
}

.seema_page_middle_part_2 {
  float: left;
  width: 100%; 
  font-size:0.6vw;
  font-weight:bold;
  text-align:right;
}

.seema_page_right {
 padding-top:5px;
  padding-left:5px;
  margin-left:2px;
  float: left;
 border: 1px solid #999999;
  border-radius: 12px;
  height: min-content;
  width: 33%; 
  color:#0B3D78;
}


.seema_page_right_part_1 {
  float: left;
  width: 100%; 
  font-size:1.1vw;
  font-weight:bold;
  padding-bottom:10px;
  border-bottom:1px solid #999999;
}

.seema_page_right_part_2 {
  float: left;
  width: 100%; 
  font-size:0.6vw;
  font-weight:bold;
  text-align:right;
}

.areas {
    width: 100%;
  	height: 25vh;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  text-align:left;  
  font-size:0.6vw;
}

.marquee {
  position: relative;
  box-sizing: border-box;
  animation: marquee 10s linear infinite;
  color:#000000;
  text-align:left;
  font-size:1vw;
}

.marquee a{
  text-decoration:none;
  color:#000000;
  cursor:pointer;
}


.marquee a:hover{
  text-decoration:underline;
  color:#000000;
  cursor:pointer;
}

.marquee:hover {
    animation-play-state: paused;
}

.marquee_1 {
  position: relative;
  box-sizing: border-box;
  animation: marquee 100s linear infinite;
  color:#000000;
  text-align:left;
  font-size:1vw;
}

.marquee_1 a{
  text-decoration:none;
  color:#000000;
  cursor:pointer;
}


.marquee_1 a:hover{
  text-decoration:underline;
  color:#000000;
  cursor:pointer;
}

.marquee_1:hover {
    animation-play-state: paused;
}


.marquee_2 {
  position: relative;
  box-sizing: border-box;
  animation: marquee 60s linear infinite;
  color:#000000;
  text-align:left;
  font-size:1vw;
}

.marquee_2 a{
  text-decoration:none;
  color:#000000;
  cursor:pointer;
}


.marquee_2 a:hover{
  text-decoration:underline;
  color:#000000;
  cursor:pointer;
}

.marquee_2:hover {
    animation-play-state: paused;
}


.marquee_3 {
  position: relative;
  box-sizing: border-box;
  animation: marquee 10s linear infinite;
  color:#000000;
  text-align:left;
  font-size:1vw;
}

.marquee_3 a{
  text-decoration:none;
  color:#000000;
  cursor:pointer;
}


.marquee_3 a:hover{
  text-decoration:underline;
  color:#000000;
  cursor:pointer;
}

.marquee_3:hover {
    animation-play-state: paused;
}



@keyframes marquee {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
    transform: translateY(-100%);
  }
}


.microsoft .marquee {
  font-family: helvetica, arial, sans serif;
}

.microsoft:before,
.microsoft::before,
.microsoft:after,
.microsoft::after {
  z-index: 1;
  content: '';
  position: absolute;
  pointer-events: none;
  width: 100%;
  background-image: linear-gradient(180deg, #FFF, rgba(255, 255, 255, 0));
}

.microsoft:after,
.microsoft::after {
  transform: rotate(180deg);
}

.link1seema1_button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 5px 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size:0.8vw;
  margin: 4px 2px;
  cursor: pointer;
 border: 1px solid;
  border-radius: 12px;
}

@media screen and (max-width: 400px) {
  .seema_page_main, .seema_page_left, .seema_page_middle, .seema_page_right, .seema_page_left_part_1, .seema_page_left_part_2, .seema_page_middle_part_1, .seema_page_middle_part_2, .seema_page_right_part_1, .seema_page_right_part_2, .areas, .marquee, .seema_page_vc_left, .seema_page_vc_left_part_1, .seema_page_vc_left_part_2, .seema_page_vc_left_part_3, .seema_page_vc_left_part_4, .seema_page_vc_left_part_5{
    width: 100%; 
  text-align:left;
  font-size:4vw;
  color:#0B3D78;
  font-weight:bold;
  border-right:thick;
  height: min-content;
  height:auto;
  overflow:auto;
  }
 

.link1seema1_button{
	width:100%;
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 5px 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size:4vw;
  margin: 4px 2px;
  cursor: pointer;
 border: 1px solid;
  border-radius: 12px;
} 
}
*/

:root{
  --accent:#2aa84f;
  --accent-dark:#1f8a3a;
  --muted:#7a7a7a;
  --card-bg:#ffffff;
  --border:#d9d9d9;
  --radius:12px;
  --gap:18px;
  --page-max-width:1180px;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing:border-box}
body{font-family:var(--font-sans);color:#111;background:#f6f8fa;margin:0;padding:24px;}

/* Page wrapper appearance (applies to each .seema_page_main block) */
.seema_page_main{
  max-width:var(--page-max-width);
  margin:0 auto 20px;
  display:grid;
  grid-template-columns:260px 1fr 260px;
  gap:var(--gap);
  align-items:start;
}

/* Responsive stack */
@media (max-width:980px){
  .seema_page_main{grid-template-columns:1fr; padding:0 12px}
}

/* Left VC card */
.seema_page_vc_left{
  background:linear-gradient(180deg,#fff,#fbfbfb);
  border-radius:var(--radius);
  border:1px solid var(--border);
  padding:16px;
  box-shadow:0 6px 18px rgba(12,24,48,0.06);
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:240px;
}

/* name and title */
.seema_page_vc_left_part_1{font-weight:700;color:#0b4a82;font-size:1.25rem}
.seema_page_vc_left_part_2{color:var(--muted);font-size:0.92rem;margin-bottom:6px}

/* image */
.seema_page_vc_left_part_3 img{
  width:100%;
  max-width:180px;
  height:auto;
  border-radius:6px;
  border:3px solid rgba(192, 57, 43, 0.9);
  display:block;
  box-shadow:0 6px 12px rgba(0,0,0,0.06);
  margin:0;
}

/* Center / Right content cards */
.seema_page_middle,
.seema_page_right,
.seema_page_left{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* Card header */
.seema_page_middle_part_1,
.seema_page_right_part_1,
.seema_page_left_part_1{
  font-weight:700;
  color:#0b4a82;
  font-size:1.15rem;
  margin-bottom:6px;
}

/* The news/exam/admission cards (wraps the text area) */
.microsoft.areas{
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:12px;
  padding:18px;
  min-height:170px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(17,24,39,0.03);
  position:relative;
}

/* marquee text block — modern, accessible fallback */
.microsoft.areas p{
  margin:0;
  color:#111;
  line-height:1.5;
  max-height:140px;
  overflow:auto;
  padding-right:6px;
}

/* hide native scrollbar in modern browsers */
.microsoft.areas p::-webkit-scrollbar{width:6px}
.microsoft.areas p::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:6px}
.microsoft.areas p:hover{scrollbar-color:#cfcfcf transparent}

/* Links inside boxes */
.microsoft.areas a{
  display:block;
  color:#0d1b3d;
  text-decoration:none;
  padding:4px 0;
  transition:color .15s, transform .08s;
}
.microsoft.areas a:hover{color:var(--accent);transform:translateX(3px)}

/* Read More button style (pill) */
.link1seema1_button{
  background:linear-gradient(180deg,var(--accent),var(--accent-dark));
  color:#fff;
  border:none;
  padding:8px 14px;
  border-radius:20px;
  cursor:pointer;
  font-weight:600;
  box-shadow:0 6px 18px rgba(42,168,79,0.18);
  align-self:flex-end;
}

/* small green read more used at bottom of cards in screenshot */
.link1seema1{
  color:var(--accent);
  font-weight:600;
  text-decoration:none;
}

/* second row uses same class .seema_page_main; keep visual spacing */
.seema_page_main + .seema_page_main{margin-top:10px}

/* Utility: subtle rounded card footer spacing */
.seema_page_middle_part_2,
.seema_page_right_part_2,
.seema_page_left_part_2,
.seema_page_vc_left_part_5{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
}