.landing-page .top-nav li {
     margin-top: 0;
 }
 .landing-page .ap-accordion {
     & dt {
         background: var(--color-biscuit-2);
         color: var(--color-accent);
         text-transform: uppercase;
         font-weight: 500;
         font-size: var(--h5-font-size);
     }
     & dd {
         padding-left: 0;
         padding-right: 0;
         & .ap-prog {
             border-radius: var(--bdrs-small);
         }
     }
 }
 .landing-page .ap-box {
     &>div {
         border: none;
         padding: 0;
     }
 }
 .landing-page .ap-prog {
     flex-direction: column;
     gap: 0;
     border: 1px solid var(--color-border-light);
     background: var(--color-biscuit-2);
     border-radius: var(--bdrs-default);
     padding: 20px 0;
     &>div {
         width: calc(var(--col-1c-width) - 60px);
         border-radius: 0;
         border-bottom: 1px solid var(--color-border-light-2);
         padding: 0;
         margin: 0 auto;
         background: transparent;
         &:last-child {
             border-bottom: none;
         }
     }
     & .nav-title {
         color: var(--color-accent);
         margin-top: 15px;
     }
     & .sub-title {
         color: var(--color-accent-2);
         margin-left: 0;
     }
     & ul {
         column-count: 4;
         gap: 50px;
     }
     & li {
         padding: 4px 0;
         break-inside: avoid;
     }
     & a {
         color: var(--color-black);
         text-decoration: none;
     }
 }
 .landing-page .fc-dept-grid-block a {
     display: none;
 }
 .landing-page .listing-link {
     display: none;
 }
 .landing-page .footer {
     padding: 0;
     .footer-bottom {
         padding-top: 15px;
         padding-bottom: 15px;
     }
     & .footer-bottom-block {
         justify-content: space-around;
     }
     & .developer {
         display: none;
     }
 }
 .header-content-lp {
     display: flex;
     align-items: center;
     justify-content: space-between;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     &>div {
         &:first-child {
             align-self: flex-start;
             width: var(--col-2-by-3-width);
             padding-top: 50px;
         }
         &:last-child {
             flex: 1;
             & .npf_wgts {
                 margin-left: auto;
             }
         }
     }
     /*  & .hdr-bn {
         font-size: var(--h1-font-size);
         color: var(--color-white);
         display: block;
         width: 100%;
     }
     & .hdr-bn-2 {
         font-size: calc(var(--h1-font-size) + 1vw);
         color: var(--color-white);
         text-transform: uppercase;
         font-weight: 800;
         display: block;
         width: 100%;
         & span {
             display: block;
             font-family: var(--ff-alt-2);
             font-style: italic;
             text-transform: none;
             color: var(--color-accent-2);
             font-size: var(--h1-font-size);
             font-weight: 500;
         }
     } */
 }
 .stars-5 {
     display: block;
     &::before {
         content: '★ ★ ★ ★ ★';
         color: var(--color-yellow-2);
         font-size: var(--h5-font-size);
     }
 }
 .rank-grid {
     display: flex;
     gap: 20px;
     &>div {
         background: var(--color-white);
         padding: 15px;
         border: 1px solid var(--color-border-light-2);
     }
     & .rank-block {
         display: flex;
         gap: 15px;
     }
     & p {
         font-size: calc(var(--default-font-size) - 0.06vw);
     }
     & .rank {
         font-size: calc(var(--h1-font-size) + 0.5vw);
         font-weight: 800;
         color: var(--color-yellow-2);
         width: fit-content;
         display: none;
         & sup {
             font-weight: 500;
             font-size: var(--h3-font-size);
             /* color: var(--color-text-light); */
         }
     }
 }
 .international-b1 {
     margin-top: -10%;
 }
 .scholarship-banner {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     flex-wrap: wrap;
     gap: var(--col-gap);
 }
 .scholarship-banner>div {
     width: var(--col-2c-width);
 }
 .scholarship-banner .left h1 {
     font-size: calc(var(--h1-font-size) + 1vw);
     font-weight: 800;
     text-transform: uppercase;
     /* line-height: 1.2; */
     margin-bottom: 10px;
 }
 .scholarship-banner .left h1 span {
     color: var(--color-accent-2);
     /* red accent */
 }
 .scholarship-banner .left h2 {
     font-family: var(--ff-alt-2);
     font-weight: 400;
     font-size: var(--h3-font-size);
     font-style: italic;
 }
 .scholarship-banner .worth {
     font-family: var(--ff-alt-2);
     font-weight: 400;
     font-size: var(--h3-font-size);
     font-style: italic;
     margin-bottom: 0px;
     padding-bottom: 0px;
 }
 .scholarship-banner .worth span {
     font-size: calc(var(--h1-font-size) + 2vw);
     font-weight: 800;
     color: var(--color-accent-2);
     display: inline-block;
     line-height: 1;
 }
 .scholarship-banner .worth .crore {
     font-size: 1.5rem;
     color: #111;
     font-style: normal;
     text-transform: uppercase;
     margin-left: 5px;
     font-family: var;
 }
 .scholarship-banner .highlight {
     font-size: 1.4rem;
     font-weight: 600;
     margin-top: 5px;
     margin-bottom: 0px;
     padding-bottom: 0px;
 }
 .scholarship-banner .highlight span {
     color: var(--color-accent-2);
     font-size: 2rem;
     font-weight: 800;
 }
 .scholarship-banner .details {
     font-size: 1rem;
     color: #444;
     margin-top: 10px;
     line-height: 1.5;
 }
 @media (max-width: 768px) {}
 @media screen and (max-width:1250px) {
     .scholarship-banner {
         flex-direction: column;
         gap: 0;
         &>div{
            width: var(--col-1c-width);
         }
     }
     .landing-page .ap-prog {
         & ul {
             column-count: 3;
         }
     }
 }
 @media screen and (max-width:1024px) {
     .scholarship-banner {
         flex-direction: row;
         padding: 30px 0;
         
     }
     .header-content-lp {
         position: inherit;
         flex-direction: column;
         &>div {
             flex-basis: 100%;
             &:first-child, &:last-child {
                 width: var(--col-1c-width);
                 padding-top: 0;
             }
             &>div {
                 margin-left: auto;
                 margin-right: auto;
                 margin-top: 10px;
                 margin-bottom: 10px;
             }
         }
         & .hdr-bn {
             color: var(--color-accent-2);
             text-align: center;
         }
         & .hdr-bn-2 {
             color: var(--color-black);
             text-align: center;
         }
     }
 }
 @media screen and (min-width:1024px) and (max-width:1600px) {
     .landing-page .header-slider {
         & .slide img {
             min-height: 650px;
         }
     }
 }
 @media screen and (max-width:880px) {
     .international-b1 {
         margin-top: 10px;
     }
     .international-b1>div:nth-child(2) {
         padding-top: 0;
     }
     .international-b1 .col>div {
         width: var(--col-2c-width);
         flex-basis: auto;
     }
 }
 @media screen and (max-width:640px) {
     .landing-page .ap-prog {
         & ul {
             column-count: 1;
         }
     }
     .scholarship-banner {
         flex-direction: column;
         padding: 30px;
         gap: 0;
         &>div{
            width: var(--col-1c-width);
         }
     }
 }
 /* on small screens, let the image cover the area to avoid tiny slivers */
 @media screen and (max-width:480px) {
     .international-edge {
         background-size: 100% 100%, cover, 100% 100%;
         background-position: center top, center center, center;
     }
 }
 @media screen and (max-width:480px) {}