.custom-fluid {
    padding: 1rem 5rem;
}
.examination_banner {
    background-image: url("./assets/images/examination/examination_bg_banner.webp");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 9rem;
}
.examination_banner .pos-set {
    position: relative;
    top: 10rem;
}
.examination_banner .pos-set1 {
    position: relative;
    top: 1rem;
}
.examination_banner .clr-set {
    color: #AF251C;
    font-size: 2.5rem;
}
.examination_banner h1 {
    font-size: 5rem;
}
.tab-btn {
    padding: 1rem 1.5rem;
    background: #282D4A;
    color: #fff;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    font-size: 18px;
    position: relative;
    transition: background 0.3s, color 0.3s;
    border-radius: 0.4rem;
}
.tab-btn a 
{
    color: #fff;
    text-decoration: none;
}
.tab-btn.active {
    background: #AF251C;
    color: #fff;
}
.tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #AF251C;
    z-index: 1;
}
.tab-content {
    display: none;
    padding: 20px;
    /* background: #f9f9f9; */
    /* border: 1px solid #ddd; */
    border-radius: 5px;
}
.tab-content:not(.hidden) {
    display: block;
}
/* examination_programme css start */
.examination_programme
{
    padding: 50px 0;
}
.examination_programme .tab-container {
    padding: 3rem;
    background: #111636;
    border-radius: 0rem 0rem 2rem 2rem;
}
.examination_programme .box {
    box-shadow: 1px 3px 4px 2px #ddd;
    background: #fff;
    padding: 2rem;
    text-align: center;
    width: 21%;
    margin: 1rem 1rem;
    border-radius: 1rem;
}
.box a 
{
      color: #111636;
      font-size: 26px;
      font-family: "Charter Regular";
      display: block;
      width: 100%;
      height: 100%;
}
.box h3 
{
      color: #111636;
      font-size: 26px;
      font-family: "Charter Regular";
      margin: 20px 0 0 0;
}
.box:hover 
{
  background: #BA0019;
  transition: 0.5s ease all;
}
.box:hover h3
{
    color: #fff;
}

.no-hov .box:hover 
{
  background: #fafafa;
  transition: 0.5s ease all;
}



.examination_programme .box1 {
    box-shadow: 1px 3px 4px 2px #ddd;
    background: #B1CFFC;
    padding: 2rem;
    text-align: center;
    width: 15%;
    margin: 1rem 3rem;
    border-radius: 1rem;
}
.examination_programme .box1:nth-child(2)
{
    background: #D0E1FA;
}


.examination_programme h1 {
    font-size: 4rem;
}
.examination_programme .word-align {
    word-break: break-word;
}
.custom-bg-set {
    background: #E3EFFF !important;
}
.nav-tabs .nav-link {
    width: 100%;
    border: 2px solid #000000;
    padding: 1rem;
    font-size: 1.2rem;
    border-radius: 0rem;
    color: #000;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    border: 2px solid #000000;
    background: #BA0019;
    font-weight: 600;
    border-radius: 0rem;
}
.nav-tabs {
    border-bottom: none;
}
.accordion-button:not(.collapsed) {
    background-color: #BA0019;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
}
.accordion-button {
    font-size: 1.5rem;
}
.accordion-body {
    padding: 0rem;
}
.examination_programme .set-d {
    border: 1px solid gray;
    padding: 1rem 2rem 1rem 2rem;
    align-items: center;
}
.tab-content1 .tab-pane.fade:not(.show) {
    display: none !important;
}
.examination_programme p{
    font-size:18px;
    font-weight: 500;
}
.examination_programme li{
    font-size:18px;
    font-weight: 500;
}
/* examination_programme css End */
/* responsive css */
@media screen and (min-width: 1801px) and (max-width: 3000px) {
   .lawtheater {
      height: 280px;
    }
 

}






@media (min-width: 1600px) and (max-width: 1800px) {
    .examination_banner .pos-set {
        top: 6rem;
    }
    .custom-fluid {
        padding: 1rem 3rem;
    }
}
@media (min-width: 1400px) and (max-width: 1600px) {
    .examination_banner h1 {
        font-size: 4rem;
    }
    .examination_banner .pos-set {
        top: 5rem;
    }
    .custom-fluid {
        padding: 1rem 3rem;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {

    .examination_banner h1 {
        font-size: 4rem;
    }
    .examination_banner .pos-set {
        top: 4.5rem;
    }
    .custom-fluid {
        padding: 1rem 3rem;
    }
    .examination_banner .clr-set {
        font-size: 4rem;
    }
    .examination_programme .box {
        margin: 1rem 1rem;
    }
    .examination_programme .box1 {
        width: 18%;
        margin: 1rem 2rem;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .examination_banner h1 {
        font-size: 3rem;
    }
    .examination_banner .pos-set {
        top: 3.5rem;
    }
    .custom-fluid {
        padding: 1rem 1rem;
    }
    .examination_banner .clr-set {
        font-size: 4rem;
    }
    .examination_programme .box {
        margin: 1rem 1rem;
    }
    .examination_programme .box1 {
        width: 20%;
        margin: 1rem 2rem;
    }
    .examination_programme h1 {
        font-size: 3.5rem;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .examination_banner h1 {
        font-size: 2.6rem;
    }
    .examination_banner .pos-set {
        top: 3rem;
    }
    .custom-fluid {
        padding: 1rem 1rem;
    }
    .examination_banner .clr-set {
        font-size: 3rem;
    }
    .examination_programme .box {
        padding: 1rem;
        width: 44%;
        margin: 1rem 0.8rem;
    }
    .examination_programme .box1 {
        width: 25%;
        margin: rem 0.8rem;
        padding: 1rem;
    }
    .examination_programme h1 {
        font-size: 2.8rem;
    }
    .examination_banner .pos-set {
        top: 1rem;
    }
    .tab-btn {
        padding: 1rem 1rem;
        font-size: 15px;
    }
    .examination_programme .tab-container {
        padding: 1rem;
    }
}
@media screen and (max-width: 767px) {
    .examination_banner {
        background-image: url("./assets/images/acadmics/examination_banner_mob.webp");
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        margin-top: 9rem;
        height: 55rem;
        background-size: cover;
    }
    .examination_banner h1 {
        font-size: 2.6rem;
    }
    .examination_banner .pos-set {
        top: 3rem;
    }
    .custom-fluid {
        padding: 1rem 1rem;
    }
    .examination_banner .clr-set {
        font-size: 3rem;
    }
    .examination_programme .box {
        padding: 1rem;
        width: 44%;
        margin: 1rem 0.8rem;
    }
    .examination_programme .box1 {
        width: 25%;
        margin: 1rem 0.8rem;
        padding: 1rem;
    }
    .examination_programme h1 {
        font-size: 2.8rem;
    }
    .examination_banner .pos-set {
        top: 1rem;
    }
    .tab-btn {
        padding: 1rem 1rem;
        font-size: 15px;
    }
    .examination_programme .tab-container {
        padding: 1rem;
    }
    .direction-set {
        flex-direction: column;
    }
}
@media screen and (max-width: 600px) {
    .examination_banner {
        height: 50rem;
    }
    .examination_programme .box {
        width: 45%;
        margin: 1rem 0.5rem;
    }
    .examination_banner .clr-set {
        font-size: 2rem;
    }
    .examination_banner h1 {
        font-size: 2rem;
    }
    .examination_programme h1 {
        font-size: 2rem;
    }
    .examination_programme .box1 {
        width: 45%;
        margin: 1rem 0.5rem;
        padding: 1rem;
    }
}
.flll
{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.ict-infra{
    padding: 0px 0;
}
/* responsive css end */

/* Academic css starts */
.respo {
    background: #fff;
    /* padding: 15px; */
    padding:15px 20px 28px 27px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 15px;
    width: auto;
    margin: 0 auto;
    white-space: nowrap; /* Ensuring horizontal centering */
}
.text {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 164px;
}
.pdf-icon {
    width: 2em;
    height: 3em;
}
.batch-text {
    font-size: 18px;
    font-weight: bold;
    color: black;
}

.pdf-text {
    display: block;
    /* text-align: middle; */
    color: grey;
    font-weight: bold;
    text-decoration: none;
}

.program-link:hover {
    text-decoration: underline;
}
/*a {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
}
a:hover {
    text-decoration: underline;
}*/
@media (max-width: 768px) {
    .respo {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    .text {
        flex-direction: column;
        gap: 5px;
    }
    .pdf-icon {
        width: 20px; /* Smaller icon for mobile */
        height: 20px;
    }
}
@media (max-width: 1051px) {
    .respo {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    .text {
        flex-direction: column;
        gap: 5px;
    }
    .pdf-icon {
        width: 20px; /* Smaller icon for mobile */
        height: 20px;
    }
}
.dropdown-academics {
    width: 1200px;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}
.dropdown-header {
    background: #b71c1c;
    border-bottom: solid 1px #000;
    color: white;
    padding: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
} 
.dropdown-header span {
    font-weight: bold;
}
.dropdown-content {
    display: none;
    background: #f8f8f8;
    
}
.dropdown-content.active {
    display: block;
}
.sub-dropdown {
    display: flex;
}
.sub-dropdown button {
    flex: 1;
    padding: 10px;
    border: none;
    cursor: pointer;
    background: #ffffff;
    color: rgb(137, 133, 133);
    font-weight: bold;
    transition: 0.3s;
}
.sub-dropdown button.active {
    background: #b71c1c;
    color: white;
} 
.batch {
    width: 100%;
    border-top: 1px solid #ddd;
    background: white;
    display: none;
}
.batch.active {
    display: block;
} */

/* Academic CSS ends */
/* Symbiosis International University Hyderabad css Starts  */
.siuhyd-container {
display: flex;
flex-direction: row;
padding: 20px;
}
.siuhyd-image-section {
flex: 1;
padding-right: 20px;
}
.siuhyd-image-section img {
width: 100%;
height: auto;
}
.siuhyd-text-section {
flex: 2;
background-color: #ffffff;
padding: 20px;

}
.siuhyd-text-section h1 {
font-size: 24px;
color: #333333;
}
.siuhyd-text-section p {
font-size: 16px;
color: #666666;
line-height: 1.6;
}
.siuhyd-text-section .highlight {
font-weight: bold;
color: #333333;
}
@media (min-width: 768px) {
.siuhyd-container {
flex-direction: row; /* Row layout for larger screens */
}


.siuhyd-image-section img{
margin: auto;
}

.siuhyd-text-section {
flex: 1;
padding: 20px;
}
}
@media (max-width: 760px) {
.siuhyd-container {
flex-direction: column; /* Column layout for smaller screens */
}

.siuhyd-image-section {
padding-right: 0;
padding-bottom: 20px; /* Add some spacing between the image and text sections */
}

.siuhyd-text-section {
flex: 1;
padding: 20px;
}
}
/* Symbiosis International University Hyderabad css ends  */
/* Hostel Details css starts */
.fellow-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* margin: 0 auto; */
    max-width: 98%;
    text-align: center;
    overflow-x: hidden;
}
.fellow-title {
    font-family: Lora, serif;
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 20px;
    background-color: #f0f4ff;
    display: inline-block;
    padding: 10px;
    text-align: left; 
    width: fit-content;
}
@media (max-width: 768px) {
.fellow-title {
    font-size: 1rem;
    line-height: 1.3;
}
}
.fellow-image-container {
    display: flex;
    /* justify-content: space-between;
    overflow: hidden;
    position: relative; */
    flex-wrap: wrap;
    margin: 0 auto 20px auto;
    width: 100%;
    max-width: 80%;
    justify-content: center;
    margin-bottom: 20px;
}

.fellow-image-container img {
    border: 1px solid #000;
    border-radius: 4px;
    /* margin: 0 10px; */
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 20px;
}
.fellow-arrow {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.fellow-arrow-left {
    left: -40px;
}
.fellow-arrow-right {
    right: -40px;
}
/* Hover effect for the image */
.fellow-download-btn img:hover {
    transform: scale(1.2);
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.fellow-download-arrow img:hover {
    transform: scale(1.2);
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.fellow-download-btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-right: 10px;
}
.fellow-download-btn button {
    background-color: #ffffff;
    color: black;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}
.fellow-download-btn button:hover {
    background-color: #0056b3;
}
@media (max-width: 768px) {
    .fellow-image-container img {
        max-width: 90%;
    }
}
/* Hostel Details css ends */
/* Press Report css starts */
.pressreport-heading {
    text-align: left;
    font-size: 24px;
    margin-bottom: 50px;
    color: rgb(0, 0, 0);
    font-family: 'Charter', serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 83.22px;
    letter-spacing: 0%;
    width: 422px;
    height: 48px;
    margin-left: 150px;
}


.pressreport-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 0px;
    max-width: 100%;
}


.pressreport {
    width:300px;
    max-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    text-align: left;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    text-align: center;
}
.pressreport:hover {
    transform: translateY(-5px);
}
.pressreport p
{
  font-family: "Montserrat", sans-serif;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-weight: 500;
}  
.pressreport h3 {
    font-size: 16px;
    color: #a00;
    margin-bottom: 10px;
    min-height: 80px;
}
.pressreport button {
    background: none;
    border: 1px solid #a00;
    color: #a00;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
.pressreport button a  
{
    color: #a00;
    text-decoration: none;
    font-weight: 400;
}
.pressreport button:hover {
    background: #a00;
    color: #fff;
}
.pressreport button:hover a {
color: #fff;
}
.pressreport-dates {
    font-family: "Montserrat", sans-serif;
    text-align: left;
    /* width: 100%;  */
    margin-left: 0;
    font-size: 14px !important;
    color: #333;
}
@media (max-width: 1024px) {
    .pressreport {
        width: 45%;
    }
}
@media (max-width: 768px) {
    .pressreport {
        width: 100%;
        max-width: 320px;
    }
}
@media (max-width: 1024px) {
    .pressreport-heading {
        font-size: 60px;
        margin-left: 80px; /* Adjust position */
        max-width: 80%;
    }
}
/* For small screens (mobile) */
@media (max-width: 768px) {
    .pressreport-heading {
        font-size: 48px;
        margin-left: 40px; /* Reduce left margin */
        max-width: 90%;
    }
}
/* For very small screens */
@media (max-width: 480px) {
    .pressreport-heading {
        font-size: 36px;
        margin-left: 20px;
        max-width: 100%;
    }
}
/* Press Report css ends */

/* hostel details starts */

/* hostel details ends */

/* Contact Us Css starts */
.contactus.navbar {
display: flex;
background-color: #0A0E2C;
padding: 10px;
border-radius: 10px;
}
.contactus a {
color: white;
padding: 14px 20px;
text-decoration: none;
text-align: center;
flex: 1;
position: relative;
}
.contactus a::after {
content: "";
display: block;
margin: auto;
height: 2px;
width: 0;
background: red;
transition: width 0.3s;
}
.contactus a:hover::after {
width: 50%;
}
.contactus h1, .contactus h2 {
color: #0A0E2C;
text-align: left;
margin-top: 20px;
font-size: 3rem;
}

.contactus p {
text-align: center;
}

.contactus .content {
margin: 20px;
}
/* Contact Info css starts */
.contactinfo-inner {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        background: linear-gradient(to bottom, #d0e4f7, #e6f0fa);
        padding: 25px;
    
    }
.contactinfo, .fax, .support, .timing, .email, .website {
        background-color: white;
        padding: 10px 20px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
    }
    .contactinfo img, .fax img, .support img, .timing img, .email img, .website img {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
    }
    .contactinfo h3, .fax h3, .support h3, .timing h3, .email h3, .website h3 {
        margin: 10px 0;
        font-size: 18px;
        color: #333;
    }
    .contactinfo p, .fax p, .support p, .timing p, .email p, .website p {
        margin: 0;
        font-size: 14px;
        color: #666;
    }
.contactinfo-arrow {
    max-width: 80%; /* Make the image shorter */
        height: auto;
        display: block;
        margin: 50px 0 0 0; /* Gap from the top */
        float: left; /* Align to the left side */
    }

    .contactinfo-inner a
    {
      font-size: 14px;
      color: #666;;
    }

/* Contact Info Css Ends */
/* Important Contact Dates css starts */
.ImpContact {
        width: 100%;
        border-collapse: collapse;
        margin: auto;
        font-family: Arial, sans-serif;
    }
.ImpContact td:nth-child(odd) {
background-color: #e6f7ff; /* Light Blue */
border-right:solid 1px #000;
}

.ImpContact td:nth-child(even) {
background-color: #f2f2f2; /* Light Gray */
border-right:solid 1px #000;
width: 33%;
}
.ImpContact tr:nth-child(odd) td {
background-color: #e0f2ff;
border-right:solid 1px #000;
vertical-align: top;
width: 33%;
}

.ImpContact tr:nth-child(even) td {
background-color: #f9f9f9;
    border-right:solid 1px #000;
    vertical-align: top;
}
.ImpContact tr td:last-child 
{
    border-right:solid 0px #000;
}
    .ImpContact th, .ImpContact td {
    background-color: #B6CAE9;
        padding: 20px;
    }
    .ImpContact th {
    
        text-align: left;
        color: black;
    }
    .ImpContact tr:nth-child(even) {
        background-color: #B6CAE9; /* Row background color */
    }
    .ImpContact tr:hover {
        background-color: #B6CAE9; /* Hover effect */
    }
/* Important Contact Dates css Ends */
/* Contact Us Css ends */
/* gallery css starts */

.video-gallery {
    text-align: left;
    background-position: center;
    padding: 20px 0;
    margin-left: 0;
}
.video-gallery h1{
    font-size: 12px;
}
    .video-caption {
        text-align: center;
    }

.video-container {
    background-color: #E3EFFF;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 0 auto;
}

.video {
    width: 100%;
    height: 315px;
    border: none;
    border-radius: 8px;
}

.video-caption {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}

.video-grid {
    display: flex; /* Ensures all boxes are in one row */
    justify-content: flex-start; /* Aligns items to the left */
    gap: 20px; /* Adds spacing between boxes */
    overflow-x: auto; /* Allows horizontal scrolling if needed */
    white-space: nowrap;
    padding-bottom: 10px; /* Prevents cut-off if scrolling */
}

.video-box {
    border-radius: 8px;
    background: #E3EFFF;
    padding: 30px; /* Applied padding as per Figma */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 250px; /* Prevents boxes from shrinking too much */
    max-width: 300px;
    text-align: center;
}

.video-box a {
    display: block;
    width: 100%;
}

.video-box img {
    width: 100%;
    height: auto;
    /* border-radius: 8px; */
}

.video-box p {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    /* padding: 30px;  */
}


.youtube-video {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.video-box-1 {
    width: 991.977px;
    height: 621.395px;
    flex-shrink: 0;
    background: #D0E1FA;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 50px; /* Matches Figma padding */
    border-radius: 8px; /* Optional: to match modern UI */
}

.video-box-1 iframe {
    width: 100%;
    height: 100%;
    border: none;
}
  
/* Responsive adjustments */
@media (max-width: 1024px) {
    .video-box-1 {
        width: 90%;
        height: auto;
        padding: 30px 40px;
    }
}

@media (max-width: 768px) {
    .video-box-1 {
        width: 100%;
        padding: 25px 30px;
    }

    .video-box-1 iframe {
        height: 400px;
    }
}

@media (max-width: 480px) {
    .video-box-1 {
        padding: 20px;
    }

    .video-box-1 iframe {
        height: 300px;
    }
}


@media (max-width: 768px) {
    
    .video {
        height: 200px;
    }

    .video-gallery h1 {
        font-size: 1.8em;
    }

    .video-caption {
        font-size: 15px;
    }
    .video-gallery {
        text-align: left;
        background-position: center;
        padding: 20px;
        margin-left: 5%;
    }
}

@media (max-width: 480px) {
    .video-gallery {
        text-align: left;
        background-position: center;
        padding: 10px;
        margin-left: 0%;
    }
    .video {
        height: 150px;
    }

    .video-gallery h1 {
        font-size: 1.6em;
    }

    .video-caption {
        font-size: 14px;
    }
}

/* Responsive styles */
@media (max-width: 768px) {
    .video-box {
        min-width: 200px;
    }

    .video-box p {
        font-size: 14px;
        /* padding: 20px; */
    }
}

@media (max-width: 480px) {
    .video-box {
        min-width: 180px;
    }

    .video-box p {
        font-size: 12px;
        /* padding: 15px; */
    }
}
.gallery {
    width: 90%;
    max-width: 1200px;
    margin: 20px auto;
    text-align: center;
}

.gallery h1 {
    font-size: 4em;
    margin-bottom: 20px;
    text-align: left;
}

.gallery-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
}

.gallery-row img {
    width: 22%;
    margin: 1%;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .gallery-row img {
        width: 45%;
    }
}

@media (max-width: 480px) {
    .gallery-row img {
        width: 100%;
        margin: 5px 0;
    }
}
/* gallery css ends */
/* law theater css starts */
.lawtheater-gallery {
    text-align: center;
}

.lawtheater-videos {
    display: flex;
    justify-content: space-between;
}
.lawtheater-container {
    flex: 0 0 32%;
    margin: 10px;
    background-color: #E3EFFF;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 0 auto;  
}
.lawtheater {
    width: 100%;
    height: 200px;
}
.lawtheater-caption {
    margin-top: 5px;
}

.law-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* Ensures responsiveness on smaller screens */
}
.law {
    margin: 10px;
    text-align: center;
    flex: 1 1 22%; 
    margin: 10px;
    background-color: #E3EFFF;
    padding: 20px;
    border-radius: 8px;
}
.law iframe {
    width: 100%;
    height: auto;
}
@media (max-width: 1200px) {
    .law {
        flex: 1 1 45%; /* Two items per row */
    }
}

@media (max-width: 768px) {
    .law {
        flex: 1 1 100%; /* One item per row */
    }
}
/* law theater css ends */
/* 4th Amity International  Moot Court Competition 2016 css starts */
.amityint {
    font-family: Arial, sans-serif;
    margin: 20px;
    text-align: justify;
}
.amityint .message {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.amityint .checkmark {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
@media (max-width: 600px) {
    .amityint {
        margin: 10px;
    }
    .amityint .text {
        max-width: 100%;
    }
}
/* 4th Amity International  Moot Court Competition 2016 css ends */

/* Capsule Course css Starts */
.capsulecourse-container {
margin: 40px auto;
text-align: left;
background-color: #ffffff;
overflow: hidden;
position: relative;
}

/* Half Blue Background */
.capsulecourse-container::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-color: #e20909;
z-index: -1;
}

/* Title Styling */
.capsulecourse-title {
text-align: left;
font-size: 28px;
color: #12264e;
margin-bottom: 10px;
}

/* Date Styling */
.capsulecourse-date {
text-align: left;
font-size: 18px;
color: #d9534f;
font-weight: bold;
}
/* Content Layout */
.capsulecourse-content {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
/* Individual Columns */
.capsulecourse-column {
width: 48%;
padding: 15px;
font-size: 16px;
color: #333;
}

/* Responsive Design */
@media (max-width: 768px) {
.capsulecourse-content {
    flex-direction: column;
}
.capsulecourse-column {
    width: 100%;
}
.capsulecourse-container::before {
    width: 100%;
    height: 50%;
}
}
@media (max-width: 599px) {
.capsulecourse-title {
    font-size: 22px;
}
.capsulecourse-date {
    font-size: 16px;
}
.capsulecourse-column {
    font-size: 14px;
}
}
.contactinfo-bg{
background: linear-gradient(to bottom, #d0e4f7, #e6f0fa);
}
.responsive-img {
width: 100%;
max-width: 300px;
height: auto;
}

.capsulepdf-buttons {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}

@media (max-width: 768px) {
.capsulepdf-buttons {
    flex-direction: column;
    align-items: center;
}

.responsive-img {
    max-width: 200px;
}
}

@media (max-width: 480px) {
.responsive-img {
    max-width: 150px;
}
}
/* .capsulepdf-buttons {
   
    padding: 2rem;
    text-align: center;
    width: 15%;
    margin: 1rem 3rem;
    border-radius: 1rem;
} */
/* Capsule Course css Ends */
/* NIRF-2018 starts */
.nirf-container {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.nirf-2019, .nirf-2018 {
    padding: 10px 20px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.nirf-2019 {
    border: 2px solid #b22222;
    color: #b22222;
    background-color: white;
}
.nirf-2018 {
    border: 2px solid #b22222;
    color: #b22222;
    background-color: white;
}
.nirf-2019:hover, .nirf-2018:hover {
    background-color: #d32f2f;
}

@media (max-width: 600px) {
    .nirf-2019, .nirf-2018 {
        padding: 8px 16px;
        font-size: 14px;
    }
}
.nirf-content {
    display: none;
    padding: 20px;
    border: 1px solid #ddd;
    margin-top: 20px;
    font-family: Arial, sans-serif;
    font-size: 16px;
}
/* NIRF-2018 ends */
/* PCGT Event css starts */
.pcgt {
        /* background-color: #f0f0f0; */
        padding: 20px;
        text-align: center;
    }
    .pcgt h1 {
        font-size: 24px;
        margin-bottom: 20px; 
    }

    .pcgt .photos {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .pcgt .photo {
        /* border: 1px solid #ccc; */
        padding: 10px;
        background-color: #fff;
        flex: 1 1 calc(50% - 40px);
        box-sizing: border-box;
    }
    .pcgt .photo img {
        max-width: 100%;
        height: auto;
    }
    @media (max-width: 768px) {
        .pcgt .photo {
            flex: 1 1 100%;
        }
    }

/* PCGT Events Css ends */

.galr-fl
{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

}
.galr
{
    width: 24%;
    height: auto;
    background: #E3EFFF;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    overflow: hidden;
    margin-bottom: 20px;
}
.galr img 
{
    width: 100%;
    height:auto;
    transition: all .7s ease;
    -webkit-transition: all .7s ease;
}
.galr:hover
{
    background:#093475;
}
.galr:hover img
{
    transform: scale(1.1) !important;
    transform: rotate(5deg);
}
.videogallery-container
{
    width: 100%;
    height: auto;
    background: #E3EFFF;
    border-radius: 5px;
    padding: 20px;
}
.videogallery-container iframe
{
  width: 100%;
  height: 400px;
}
.videogallery-container p 
{
    text-align: center;
    font-size: 20px;
    color: #000;
    margin:10px 0;
    font-family: "Montserrat", sans-serif;
}
.ict-infra h1 
{
  color: #111636;
  font-size: 80px;
  font-family: "Charter Regular";
  margin: 0 0 30px 0;
}
.ict-infra h5 
{
  color: #111636;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  margin: 0 0 15px 0;
  font-weight: 700;
}
.ict-infra p
{
  color: #111636;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  margin: 0 0 15px 0;
  font-weight: 500;
}
.ict-infra ul
{
    margin-bottom: 20px;
}
.ict-infra ul li
{
  color: #111636;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  margin: 0 0 6px 0;
  font-weight: 500;
}
.class-lectr h4 
{
  color: #AF251C;
  font-family: "Montserrat", sans-serif;
  margin: 0 0 6px 0;
  font-size: 32px;
  font-weight: 500;
}

.past-event
{
  width: 100%;
  height: auto;
  padding:40px 0;
}

.pdf-fl
{
  width: 100%;
  height:100%;
  padding:35px 20px;
  border-radius: 10px;
  max-width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  text-align: center;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.pdf-ic
{
  width: 100px;
  height:100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin:0px auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pdf-fl h4 a 
{
  color: #000;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
}
.rk-pic
{
    width:100%;
    height: auto;
    margin-bottom: 20px;
}

.rk-pic img 
{
    width:100%;
    height: auto;
}
.pe-dec p
{
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.pe-dec ul li
{
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.ranking-inner
{
    padding: 50px 0;
}

.ranking-inner .heading h1 
{
  font-size: 70px;
  font-family: "Charter Regular";
  font-weight: 400;
  color: #111636;
}



.pdf-1-fl
{
  width: 100%;
  height: 100%;
  padding:40px 30px 30px;
  border-radius: 10px;
  max-width: 100%;
  background: #fff;
  text-align: center;
  margin-bottom: 20px;
  box-shadow: 0px 0px 44px 0px #0000001C;
}
.pdf-1-fl a  
{
  width: 100%;
  height: 100%;
  display: block;
}
.pdf-1-ic
{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 15px 0 0;
  text-align: center;
  box-shadow: 0px 4px 4px 0px #00000040;
  margin: 0px auto 30px;
  background: #fff;
}
.pdf-1-ic img {
  max-width: 50px;
  max-height: 50px;
}
.pdf-1-fl h4
{
  color: #111636;
  font-size: 26px;
  font-family: "Charter Regular";
  font-weight: 400;
}
.pdf-1-fl:hover {
  background: #BA0019;
  transition: 0.5s ease all;
}
.pdf-1-fl:hover h4 
{
  color: #fff;
}
.pl-tab
{
  display: block;
}
.fa-tab .nav
{
  display: flex;
  justify-content:center;
  align-items: center;
  width: 100%;
  background: #111636;
  border-radius: 7px;
  padding: 15px 0;
}
.fa-tab .nav-tabs .nav-link {
  width: auto;
  color: #fff;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  padding: 0 0px;
  margin: 0px 20px;
}
.fa-tab .nav-tabs .nav-link {
  margin-bottom: 0;
}
.fa-tab .nav-tabs .nav-link.active
{
  background-color: transparent;
  border-color: transparent ;
  color:#fff;
  border-bottom: 2px solid #AF251C !important;
  font-weight: 700;
}
.fa-tab .nav-tabs .nav-link:focus, .fa-tab .nav-tabs .nav-link:hover {
  border-color: transparent;
}

.law-box
{
    width: 100%;
    height: auto;
    /* background: #; */
    background-color: #E3EFFF;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto 20px;
}
.law-box iframe 
{
    width: 100%;
    height: 200px;
}

@media screen and (min-width: 1700px)  and (max-width: 5000px){
  .container-fluid
  {
    max-width: 1750px;
    margin: 0px auto;
  }
  .pe-dec p
    {
      font-size: 18px;
      font-weight: 500;
    }
    .pe-dec ul li
    {
      font-size: 18px;
      font-weight: 500;
    }

}

@media screen and (max-width: 1200px) {
    .galr-fl {
        gap:10px;
     }
}
@media screen and (max-width: 1024px) {

.ict-infra
{
    padding:20px 0 0;
}
.ict-infra h1 {
  font-size: 50px;
}
.ranking-inner .heading h1 {
  font-size: 30px;
}

}

@media screen and (max-width: 768px) {

.galr {
  width: 31%;
}
.ict-infra h1 {
  font-size: 36px;
}


}

@media screen and (max-width: 767px) {

.bannerText {
  font-size: 30px;
  line-height: 41.44px;
  text-align: center;
}
.homeDescription
{
    text-align: center;
}
.abtnModl {
  width: 87%;
}

.contactus h1, .contactus h2 {
  font-size: 32px;
  padding: 0 !important;
  margin-bottom: 20px;
}
.contactinfo-inner {
  display: block;
}
.contactinfo, .fax, .support, .timing, .email, .website
{
    margin-bottom: 30px;
}
.contactinfo-arrow {
  max-width: 100%;
}
.contactus a
{
    padding: 9px 14px;
}
.ImpContact td
{
    text-align: left;
}
.galr {
  width: 47%;
  padding: 5px;
  margin-bottom: 0px;
}
.tab-content .container 
{
    max-width: 100% !important;
    padding: 0 0;
}
.ict-infra p, .ict-infra ul li
{
  font-size: 16px;
}
.ict-infra h1
{
    font-size: 36px;
}


}
.capsulecard {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 1px 6px 30.6px 0px rgba(175, 37, 28, 0.21);
    display: flex;
    width: 90%; 
    padding: 19px 99px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
p.capule_txt {
    color: #111636;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 0 !important;
}
span.capsuleredtxt {
    color: #AF251C;
}
.notebox {
    background: #B1CFFC;
    align-content: center;
    padding: 30px 100px 30px 45px;
    position: relative;
    margin-top: 3rem !important;
    margin-bottom: 2rem !important;
}

.notebox:before {
    position: absolute;
    content: '';
    top: -5px;
    left: 0;
    width: 8px;
    height: 110%;
    background: #111636;
    border-radius: 1rem;
}

.notebox:after {
    position: absolute;
    content: '';
    top: 0px;
    right: -1px;
    width: 100px;
    height: 100%;
    background: #fff;
    clip-path: polygon(100% 0, 0% 50%, 100% 100%);
}

span.notehead {
    color: #AF251C;
    font-family: 'Charter Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 115.588%;
}

span.notetxt {
    color: #111636;
    font-family: 'Charter Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 115.588%;
}

@media screen and (max-width: 1700px) and (min-width: 1575px){
    p.capule_txt {
        font-size: 24px !important;
    }
    .ranking-inner .heading h1 {
        font-size: 60px !important;
    }
}
@media screen and (max-width: 1574px) and (min-width: 1300px){
    p.capule_txt {
        font-size: 20px !important;
        line-height: 30px;
    }
    .examination_programme .box a h3 {
        font-size: 22px !important;
    }
    .ranking-inner .heading h1,
    .ranking-inner .heading h1 {
        font-size: 45px !important;
    }
    .examination_programme h1 {
        font-size: 4rem !important;
    }
    h2.ranking-subheader {
        font-size: 2rem !important;
    }
    .class-lectr h4 {
        font-size: 22px !important;
    }
    .video-box img {
        max-width: 14rem !important;
    }   
}
@media screen and (max-width: 1299px) and (min-width: 1024px){
    p.capule_txt {
        font-size: 17px !important;
        line-height: 26px;
    }
    .examination_programme .box a h3 {
        font-size: 18px !important;
    }
    .ranking-inner .heading h1 {
        font-size: 40px !important;
    }
    h2.ranking-subheader {
        font-size: 1.7rem !important;
    }
    .class-lectr h4 {
        font-size: 18px !important;
    }
    .video-box img {
        max-width: 13rem !important;
    }
    .dropdown-academics {
        width: 100%;
    }

}
@media screen and (max-width: 1024px){
    p.capule_txt {
        font-size: 14px !important;
        line-height: 23px;
    }
    .capsulecard {
        padding: 19px 40px !important;
    }
    .examination_programme .box a h3 {
        font-size: 16px !important;
    }
    .footer-top ul li a p {
        font-size: 1rem !important;
    }
    .ranking_nirf_head {
        margin-bottom: 1rem !important;
    }
    .ft_topsection .footer-top {
        margin-top: 4rem !important;
    }
    h2.ranking-subheader {
        font-size: 1.3rem !important;
    }
    .class-lectr h4 {
        font-size: 16px !important;
    }
    .video-box img {
        max-width: 12rem !important;
    }
    .dropdown-academics
    {
        width: 100%;
    }
}

@media screen and (max-width: 767px){
    .ranking-inner .heading h1 {
        font-size: 29px !important;
    }
}
@media screen and (max-width: 480px){
    .examination_programme .box {
        width: 80%;
    }
    .ranking-inner .heading h1 {
        font-size: 26px !important;
        line-height: 34px;
    }
    .note_tag {
        margin-top: 0rem !important;
    }
    .notebox {
        padding: 20px 100px 20px 30px !important;
        margin-bottom: 1rem !important;
    }
    .capsulepdf-buttons {
        gap: 0 !important;
    }
    .examination_programme .box h3 {
        font-size: 1.1rem !important;
    }
    .examination_programme h2 {
        font-size: 1.3rem !important;
    }
    .examination_programme p {
        font-size: 15px !important;
    }
    .capsulecourse-container {
        margin-bottom: 0 !important;
    }
}