/* Make images easier to work with */
 img,
 picture,
 svg {
     /* max-width: 100%; */
     /* display: block; */
 }

 

 .responsive-container {
     --max-width: 1440px;
     --padding: 4rem;

     width: min(var(--max-width), 100% - (var(--padding) * 2));
     margin-inline: auto;
 }

 .responsive-even-columns {
     display: grid;
     gap: 1rem;
 }

 @media (min-width: 50em) {
     .responsive-even-columns {
         grid-auto-flow: column;
         grid-auto-columns: 1fr;
     }
 }

 
 
 .applyTClass {
     display: none;
 }

 

 @media (max-width:767px) {
   .applyTClass {
         display: block;
         padding: 4px 0px;
     }
     section.hero-section h1 {
         margin-top: 10px;
         margin-bottom: 20px;
     }

 }


 @media screen and (max-width:991px) {
     .mob-glow {
         display: none !important;
     }

 }

 @media screen and (max-width:991px) {
     .mob-glow {
         margin-top: 10px;

     }


 }

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


     .phn-no {
         display: none !important;
     }
 }

 .nims-glowing-button {
     background-color: #CE1E25;
     color: white;
     border: none;
     border-radius: 5px;
     font-size: 12px !important;
     cursor: pointer;
     /* text-transform: uppercase; */
     font-weight: bold;
     position: relative;
     overflow: hidden;
     /* box-shadow: 0 0 3px #CE1E25, 0 0 10px #CE1E25, 0 0 20px #CE1E25, 0 0 30px #CE1E25; */
     transition: transform 0.2s ease-in-out;
 }

 .nims-glowing-button:hover {
     transform: scale(1.05);
 }

 .nims-glowing-button::before {
     content: '';
     position: absolute;
     top: -50%;
     left: -50%;
     width: 200%;
     height: 200%;
     background: radial-gradient(circle, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
     animation: nims-glow 1s infinite;
     pointer-events: none;
     opacity: 0.6;
     border-radius: 50%;
 }

 @keyframes nims-glow {
     0% {
         transform: scale(1);
         opacity: 0.6;
     }

     50% {
         transform: scale(1.5);
         opacity: 0.3;
     }

     100% {
         transform: scale(1);
         opacity: 0.6;
     }
 }

 /*navbar ends*/

 


 .secondaryBanner .secondaryBannerContant {
     z-index: 1;
     position: absolute;
     top: 30%;
     left: 50%;
     width: 100%;
     margin-top: 20px;
     -moz-transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }

 .secondaryBanner:before {
     content: "";
     background: rgba(38, 38, 38, 0.1);
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     opacity: 1;
 }

 .secondaryBanner.contactBanner-plce {
     background-image: url(../images/image.png);
 }

 .secondaryBannerContant.plcement h1 {
     margin-top: 50px;
     font-size: 48px !important;
     font-weight: 700 !important;
     line-height: 53px !important;
     text-align: center;
 }

 .counter-section {
     position: relative;
     overflow: hidden;
 }

 .counter-section .image-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     bottom: 0px;
     right: 0px;
     background-position: center center;
     background-repeat: repeat-x;
 }

 .counter-section .inner-container {
     position: relative;
     margin-right: -180px;
     padding: 60px 0px 30px 100px;
     background-color: var(--main-color);
 }

 .counter-section .inner-container:before {
     position: absolute;
     content: '';
     left: 95%;
     top: 0px;
     bottom: 0px;
     width: 150%;
     background-color: var(--main-color);
 }

 .counter-block {
     position: relative;
     margin-bottom: var(--margin-bottom-30);
     margin-top: var(--margin-bottom-30);
     /* margin-right: -40px; */
     border-left: 2px solid #FFF;
     padding-left: 40px;
 }

 .counter-block:first-child {
     border: 0;
 }

 .counter-block .inner-block {
     position: relative;

 }

 .counter-block .counter {
     position: relative;
     line-height: 1em;
     color: var(--white-color);
     font-size: var(--font-44);
     font-family: var(--font-family-Jost);

 }

 .counter-block .counter-text:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0px;
     width: 21px;
     height: 21px;
     /* background:url(../images/icons/stars.png); */
     background-repeat: no-repeat;
 }

 .counter-block .counter-text {
     position: relative;
     font-weight: 600;
     /* letter-spacing:2px; */
     color: var(--white-color);
     font-size: var(--font-12);
     text-transform: uppercase;
     margin-top: var(--margin-top-10);
     /* padding-left:var(--padding-left-30); */
     font-family: var(--font-family-Jost);
 }

 .counter-section.style-two {
     padding-bottom: var(--padding-bottom-30);
     background-color: var(--color-three);
 }

 .counter-section.style-two .inner-container {
     background-color: var(--color-three);
 }

 .counter-section.style-two .inner-container:before {
     display: none;
 }

 .counter-section.style-two .counter-block .counter {
     color: var(--color-two);
 }

 .counter-section.style-two .counter-block .counter-text {
     color: var(--main-color);
 }

 .counter-section.style-two .counter-block .counter-text:before {
     background: url(../images/icons/stars-1.png);
 }

 .counter-section.style-three {
     padding: 80px 0px 50px;
     background-color: var(--color-two);
 }

 .counter-section.style-three .inner-container {
     margin-right: 0px;
     background: none;
     padding: 0px;
 }

 .counter-section.style-three .counter-block .counter-text {
     color: var(--main-color);
 }

 .counter-section.style-three .inner-container:before {
     display: none;
 }

 .counter-section.style-three .counter-block .counter-text:before {
     background: url(../images/icons/stars-1.png);
 }

 .secondaryBanner {
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
     overflow: hidden;
     padding: 100px 0;
     position: relative;
     text-align: center;
     min-height: 100vh;
 }


 .plce-image {
     position: absolute;
     width: 200px;
     top: 100%;
     transform: translate(50%, 10%);
 }

 .plce-image-text {
     position: absolute;
     padding: 10px 20px;
     background: #FFF;
     line-height: 41px;
 }


 .hero-section {
     background: url('../images/image.png') no-repeat center center/cover;
     color: white;
     text-align: center;
     padding: 1px 20px;
     background-position: center center;
    
 }



 .pro01 {
     margin-top: 90px;
 }

 section.hero-section h1 {
     margin-top: 30px;
     margin-bottom: 35px;
     font-size: 42px;
    font-family: auto;
    font-weight: 600;
 }

 .hero-section .stats {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 20px;
     margin-bottom: 40px;

 }

 .hero-section .stats div {
     background-color: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     padding: 15px;
     border-radius: 8px;
     text-align: center;
     color: white;
     width: 200px;
     min-width: 150px;
     transition: all 0.3s ease-in-out;
 }


 .hero-section .stats div:hover {
     background-color: rgba(255, 255, 255, 0.7);

     border: 1px solid rgba(255, 255, 255, 0.5);
     transform: scale(1.05);

 }


.hero-section-student {
     background: url('../images/placement-hero-section-banner-overlay.jpg') no-repeat center center/cover;
     color: white;
     text-align: center;
     /* padding: 60px 20px; */
     padding: 76px 20px;
     background-position: center center;
     /* height: 70vh; */
     /* margin-bottom: 13%; */
 }

.text-student{font-family: Mulish, Arial, sans-serif;font-size: 21px;}

.student-box{background: #cf2027;padding: 35px 72px;text-align: center;border-radius: 6px;}
.student-box-meddile{background: #cf2027;padding: 50px 80px;text-align: center;border-radius: 6px;}  
.student-box-bottom {background: #cf2027;padding: 50px 80px;text-align: center;border-radius: 6px;}
.student-box p {font-size: 14px;font-family: Mulish, Arial, sans-serif;}
.student-box-meddile p {font-size: 14px;font-family: Mulish, Arial, sans-serif;}
.student-box-bottom p {font-size: 14px;font-family: Mulish, Arial, sans-serif;}
 .spaceboth.grayBg {
     padding-top: 50px;
     padding-bottom: 80px;
 }

 .carousel-indicators li {
     margin: 0px 6px !important;
 }

 .mt5 {
     margin-top: 35px !important;
 }

 .mb5 {
     margin-bottom: 35px !important;
 }

 .profiles .profile video {
     width: 100%;
     max-width: 250px;
     /* Adjust size as needed */
     border-radius: 10px;
 }

 /* ==================== */

 /* Modal styles */
 .video-modal {
     display: none;
     /* Hidden by default */
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     z-index: 1000;
     justify-content: center;
     align-items: center;
 }

 .nims-modal-content {
     position: relative;
     width: 80%;
     max-width: 800px;
     background: #000;
     padding: 0;
     border-radius: 8px;
 }

 .nims-modal-content iframe {
     width: 100%;
     height: 450px;
     border: none;
 }

 .close-btn-new {
     position: absolute;
     top: 10px !important;
     right: 10px !important;
     background: #fff;
     color: #000;
     border: none;
     font-size: 24px;
     cursor: pointer;
     border-radius: 50%;
     padding: 5px 10px;
 }

 .close-btn-new:hover {
     background: #ff0000;
     color: #fff;
 }






 .video-container {
     position: relative;
     display: inline-block;
 }

 .video-container video {
     width: 100%;
     max-width: 200px;
     border-radius: 10px;
 }

 .video-container .video-icon {
     position: absolute;
     top: 55%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 50px !important;
     height: 50px !important;
     cursor: pointer;
     opacity: 0.8;
     transition: opacity 0.3s ease-in-out;
 }

 .video-container .video-icon:hover {
     opacity: 1;
 }

 /* ==================== */


 .hero-section .profiles {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 49px;
     position: relative;
 }

 .hero-section .profile {
     background: transparent;
     border-radius: 15px;
     overflow: hidden;
     /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
     text-align: center;
     /* max-width: 200px; */
     max-width: 250px;
 }

 .hero-section .profile img {
     width: 100%;
     height: auto;
     /* border-bottom: 3px solid #ffc107; */
 }

 .hero-section .profile .details {
     padding: 2px 11px;
     width: 10%;
     text-align: left;
     position: absolute;
     top: 316px;
     background: #FFF;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .hero-section .profile .details h5 {
     font-size: 1.5rem;
     font-weight: 600;
     margin: 10px 0;
     color: #ffc107;
     font-family: "Mulish", sans-serif;
 }

 .hero-section .profile .details p {
     font-size: 1.2rem;
     color: #FFF;

 }

 @media (max-width: 768px) {
     .hero-section {
         padding: 40px 10px;
     }

     .hero-section .stats div {
         min-width: 120px;
         max-width: 150px;
     }

    
     section.hero-section-student h1{line-height: 0.8 !important;font-size: 42px !important;}
 }

 @media (max-width: 576px) {
     .hero-section .profiles {flex-direction: row;gap: 5px;}
     .hero-section .profile {max-width: 150px;}

 }


 /* mission and vission css */

 .vision-mission-section {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
     padding: 40px 20px;
     /* gap: 20px; */
 }

 .vision-mission {
     flex: 1 1 calc(50% - 20px);
     background: #FFFFFF;
     border-top-left-radius: 50px;
     border-bottom-left-radius: 50px;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
     padding: 20px;
     /* position: relative; */
 }


 

 .vision-mission p {
     /* margin-top: 40px; */
     font-size: 1.5rem;
     line-height: 1.6;
     color: #000000;
 }

 @media (max-width: 768px) {
     .vision-mission-section {
         flex-direction: column;
     }

     .vision-mission {
         flex: 1 1 100%;
     }

     .vision-mission h3 {
         top: -10px;
         font-size: 1.25rem;
     }

     .vision-mission p {
         font-size: 0.9rem;
     }

     .headingStyle04 h2 {
         font-size: 30px;
     }
 }

 .headingStyle04 {
     position: relative;
     margin: 0;
     text-align: center;
 }

 .recruiters-section {
     background-color: #d0021b;
     color: #FFD5D5;
     text-align: center;
     padding: 10px 20px 40px 20px;
 }

 .recruiters-section h2 {
     font-size: 1.8rem;
     font-weight: bold;
     margin-bottom: 20px;
 }

 .recruiters-section h3 {
     font-size: 2.8rem;
     margin-bottom: 35px;
     font-weight: 700;
     color: #FFD5D5 !important;
 }

 .recruiters-logos {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
     gap: 23px;
     justify-items: center;
     align-items: center;
 }

 .recruiters-logos img {
     max-width: 100%;
     height: auto;
     display: block;
     padding: 10px;
     background: #fff;
     border-radius: 8px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .stats div:nth-child(1) h3 {
     color: #FAA626 !important;
 }

 .stats div:nth-child(1) h3:hover {
     color: #CF2027 !important;
     transition: color 0.3s ease-in-out;
 }

 .stats div:nth-child(n+2) h3 {
     color: #FAA626 !important;
     transition: color 0.3s ease-in-out;
 }

 .stats div:nth-child(n+2) h3:hover {
     color: #CF2027 !important;
     transition: color 0.3s ease-in-out;
 }

 .stats p {
     color: #FFFFFF !important;
 }

 .stats h3:hover {
     color: #CF2027 !important;
     /* Color on hover */
 }

 @media (max-width: 768px) {
     .recruiters-section h2 {
         font-size: 1.5rem;
     }

     .recruiters-section h3 {
         font-size: 2.5rem;
     }

     .recruiters-logos {
         gap: 10px;
         grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
     }

    
     section.container {
         padding-left: 0px !important;
         padding-right: 0px !important;
     }

     .bg-img {
         padding: 10px !important;
         height: auto !important;
         background-position: 15% 100% !important;
     }

     .campusDiv {
         width: 100% !important;
         height: auto;
         margin: 0px 10px;
     }

     .numberTwo {
         left: 89% !important;
         position: absolute;
     }

     li.place-list {
         color: #000 !important;
     }

     .campusDiv p {
         color: #000 !important;
     }

     .content h3 {
         color: #000 !important;
     }

     .number {
         position: absolute;
         left: 10px !important;
     }

     .program-card {
         margin-bottom: 20px;
     }

     .program-top {
         margin-bottom: 30px;
     }

     .pro01 {
         margin-top: 0px;
     }

     .program-card h4 {
         margin: 15px 15px 0px;
     }

     .testimonial-title {
         top: 34px !important;
     }
 }

 .spaceboth-plce {
     padding-top: 40px;
     padding-bottom: 20px;
 }

 .headingStyle2-plce {
     text-align: center;
 }

 .headingStyle2-plce h2 {
    
    font-size: 42px;
    font-family: auto;
    font-weight: 600;
    margin-bottom: 60px;
     color: #D4D4D4;
     font-weight: 500;
     clear: both;
     line-height: 1;
     margin-bottom: 40px;
 }

 .placementsWorking .placementsWorkingBox {
     width: 32.33%;
     padding: 5px;
     border: 1px solid var(--border-color);
     border-radius: 5px;
     min-height: 100%;
     position: relative;
     background: var(--white-color);
     overflow: hidden;
     margin: 0.5%;
 }

 

 .card-container-place {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     width: 100%;
     max-width: 1400px;
 }

 .card-place {
     background: #fff;
     border-radius: 8px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0px;
     margin-top: 15px;
         height: 140px;
 }

 .card-place img.profile {
     border-radius: 50%;
     width: 100px;
     height: 100px;
     object-fit: cover;
     margin-right: 15px;
 }

 .card-place .details {
     flex: 1;
 }

 .card-place .name {
     font-size: 18px;
     font-weight: bold;
     color: #333;
     margin-top: 5px;
     margin-bottom: 5px;
 }

 .card-place .title {
     font-size: 14px;
     color: #555;
     margin-bottom: 10px;
 }

 .card-place .company {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
 }

 .card .company img {
     width: 80px;
 }

 .location {
     font-size: 12px;
     font-weight: bold;
     color: #fff;
     background: #d9534f;
     padding: 5px;
     border-radius: 4px;
     align-self: flex-end;
     width: 47%;
     position: relative;
     right: 0px;
     left: 54%;
 }

 @media (max-width: 600px) {
.card-place {flex-direction: column;align-items: center;text-align: center;}
.card-place img.profile {margin-right: 0;margin-bottom: 15px;}
.card-place .company {justify-content: center;}
/* .carousel-indicators {position: absolute; bottom: 10px;left: 50%;top: 102% !important;x: 15;width: 60%;padding-left: 0;margin-left: -30%;text-align: center;list-style: none;} */
.company img {width: 70px;}
.card-place .name {font-size: 11px;}
.card-place .title {font-size: 9px;}
.location {font-size: 12px;font-weight: bold;color: #fff;background: #d9534f;padding: 5px;border-radius: 4px;align-self: flex-end;width: auto;position: relative;display: inline-flex;right: 0px;left: 0px;}
.mission-reverse-mob {display: flex;flex-direction: column-reverse;justify-content: center;align-items: normal;}
.vision-mission {margin-top: 24px;}
.hero-section .stats {gap: 5px;}
.stats p {font-size: 13px;}
 }

 .mrtop {
     margin-top: 30px;
 }


 /* career development css */

 section.container {
     clear: both;
     max-width: 1382px;
     width: 100% !important;
     padding-left: 50px;
     padding-right: 50px;
 }

 .heading {
     text-align: center;
     color: #d63031;
     font-size: 24px;
     margin: 30px 40px;
 }
 .heading h2{
    font-size: 42px;
    font-family: auto;
    font-weight: 600;
 }

 .section {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 40px;
     background: white;
     border-radius: 8px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     position: relative;
 }

 .section img {
     max-width: 100%;
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
 }

 .bg-img {
     background-image: url('../images/campus-images.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     padding: 20px;
     color: #ffffff;
     height: 100%;
 }

 .content {
     display: flex;
     flex-direction: column;
     padding: 20px;
     flex: 1;
     justify-content: end;
 }

 .number {
     margin-bottom: auto;
 }



 .number {
     font-size: 24px;
     font-weight: bold;
     color: #FFF;
     min-width: 40px;
     width: 40px;
     height: auto;
     top: -10px;
     left: 0px;
     min-height: 40px;
     border-radius: 50%;
     position: absolute;
     justify-content: center;
     display: flex;
     /* margin-bottom: 10px; */
     background: #cf2027;
     /* transform: skew(14deg); */
 }

 .numberTwo {
     font-size: 24px;
     font-weight: bold;
     color: #FFF;
     min-width: 40px;
     width: 40px;
     height: auto;
     top: -10px;
     left: 97%;
     min-height: 40px;
     border-radius: 50%;
     position: absolute;
     justify-content: center;
     display: flex;
     /* margin-bottom: 10px; */
     background: #cf2027;
     /* transform: skew(14deg); */
 }

 

 .campusDiv {
     width: 60%;
     height: auto;
     margin: 0px 10px;
 }

 ul {
     list-style-type: none;
     padding-left: 20px;
 }

 li.place-list {
     position: relative;
     padding-left: 20px;
     color: #000000;
 }

 li.place-list::before {
     content: '\2022';
     color: #000000;
     font-size: 20px;
     position: absolute;
     left: 0;
     top: 0;
 }

 @media (max-width: 768px) {
     .section {
         flex-direction: column;
     }

     .section img {
         border-radius: 8px 8px 0 0;
     }

     .content {
         padding: 15px;
     }
 }

 /* program study css */

 .program-section {
     /* padding: 20px; */
 }

 .equal-height {
     display: flex;
     flex-wrap: wrap;
 }

 .program-card {
     background: #fff;
     border: 1px solid #ddd;
     border-radius: 5px;
     overflow: hidden;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     /* text-align: center; */
     display: flex;
     flex-direction: column;
     height: 100%;
     /* padding: 20px; */

 }

 .program-card p {
     flex-grow: 1;
 }

 .program-card img {
     width: 100%;
     height: auto;
 }

 .program-card .number {
     background: #cf2027;
     color: #fff;
     font-size: 20px;
     font-weight: bold;
     padding: 10px;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0px auto;
 }

 .program-card h4 {
     font-size: 16px;
     font-weight: 700;
     margin: 15px 15px 10px;
 }

 .program-card p {
     font-size: 12px;
    color: #000000;
    padding: 0px 10px 10px 10px;
    line-height: 19px;
 }

 .program-card:hover{
     background: #002F5A;
     color: #fff;
 }

 .program-card p:hover {
     color: #fff;
 }

 
 /* tastimonial css place */

 .testimonials-place {
     background-image: url('../images/whats-says.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     padding: 20px;
     color: #ffffff;
     height: 100%;
 }

 .testimonial-section {
     padding: 40px 15px;
 }

 .testimonial-title {
     font-size: 24px;
     color: #fff;
     margin-bottom: 30px;
     font-weight: bold;
 }

 .testimonial-card {
     background-color: #fff;
     padding: 10px;
     margin-bottom: 30px;
     border-radius: 5px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .student-name {
     font-size: 18px;
     font-weight: bold;
     color: #000;
     margin-bottom: 5px;
 }

 .student-details {
     font-size: 13px;
     color: #666;
     margin-bottom: 5px;
 }

 .testimonial-text {
     font-size: 13px;
     line-height: 1.6;
     color: #444;
 }



 /* =============== */
 .whatsSay {
     position: relative;
 }

 .whatSayQ {
     position: absolute;
     right: 0px;
     top: 36px;
 }

 .testimonial-title {
    font-size: 42px;
    font-family: auto;
    font-weight: 700;
     position: relative;
     line-height: 39px;
     display: flex;
     top: 89px;
     flex-direction: column;
     padding: 20px;
     flex: 1;
     justify-content: end;
 }

 .testimonial-card {
     padding: 15px;
     background: #f9f9f9;
     border-radius: 5px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     /* text-align: center; */
     margin: 0 0px;
     display: inline-block;
     max-width: 500px;
     max-height: 250px;
     min-height: 300px;
    overflow-y: scroll;
    scrollbar-width: none;
 }

 .student-name {
     font-size: 18px;
     font-weight: bold;
 }

 .student-details {
     font-size: 14px;
     color: #555555;
 }

 .testimonial-text {
     margin-top: 10px;
     font-size: 16px;
     line-height: 1.6;
     color: #000000;
 }

 .carousel-control {
     background: none;
     color: #333;
 }

 /* =================== */

 /* chart css */

 body {
     font-family: Arial, sans-serif;
 }

 .placement-section {
     background-color: #FFF5E5;
     padding: 40px 20px;
 }

 .placement-header {
     text-align: center;
     color: #d9534f;
     font-size: 42px;
     font-family: auto;
     font-weight: 600;
     margin-bottom: 30px;
 }

 .stats-row {
     text-align: center;
     margin-bottom: 40px;
 }

 .stats-row .col-sm-3 {
     font-size: 16px;
 }

 .stats-row .col-sm-3 strong {
     color: #d9534f;
     font-size: 20px;
 }

 #placementChart {
     max-width: 800px;
     margin: 0 auto;
 }

 .carousel-indicators {
     position: absolute;
     bottom: 10px;
     top: 108%;
     left: 50%;
     z-index: 15;
     width: 60%;
     padding-left: 0;
     margin-left: -30%;
     text-align: center;
     list-style: none;
 }



 /* our Recent Placement css */

 .placement-carousel {
     text-align: center;
     padding: 40px 40px;
 }

 .placement-carousel h1 {
    color: #CF2027;font-size: 42px;font-family: auto;font-weight: 600;
     margin-bottom: 60px;
 }

 

 .placement-card {
   
     background: #fff;
     border-radius: 15px;
     padding: 20px;
     text-align: center;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     
     max-width: 100%;
    
     width: 100%;
     margin-bottom: 50px;
    
     transition: 0.6s ease transform;
 }

 .placement-card img {
     width: 100%;
     border-radius: 10px;
 }

 .placement-card .name {
     font-size: 16px;
     font-weight: bold;
     margin-top: 0px;
     white-space: nowrap;
 }

 .placement-card .company {
   
     background: rgb(255, 193, 7);
     background: linear-gradient(90deg, rgba(255, 193, 7, 1) 0%, rgba(208, 0, 0, 1) 35%, rgba(255, 193, 7, 1) 100%);
     position: absolute;
     color: white;
     padding: 13px 86px;
     font-size: 18px;
     font-weight: bold;
     border-radius: 5px;
     display: flex;
     justify-content: center;
     align-content: center;
     align-items: center;
     flex-wrap: wrap;
     flex-direction: column;
     width: 86%;
     left: 0px;
     transform: translate(8%, -52%);
 }

 .company img {
     /* height: 30px; */
     background: white;
     padding: 5px;
     border-radius: 5px;
 }

 .carousel-control-prev,
 .carousel-control-next {
     width: auto;
     color: #a00;
 }


 .left-icon,
 .right-icon {
     position: absolute;
     top: 99%;
     transform: translateY(-50%);
     width: 40px;
     height: 40px;
     background-color: #e10013;
     border-radius: 50%;
     text-align: center;
     line-height: 50px;
     color: white;
     font-size: 18px;
     /* z-index: 100000; */
 }

 .left-icon {
     right: 100px;
     left: auto;
 }

 .right-icon {
     right: 50px;
 }

 .left-icon:hover,
 .right-icon:hover {
     background-color: rgba(219 43 49, 0.8);
 }


 /* Responsive Design */
 @media (max-width: 768px) {
     .placement-card {
         width: 100%;
         /* Allow full width on small screens */
         padding: 15px;
     }

     .placement-card .company {
         font-size: 14px;
         padding: 8px;
         width: 90%;
     }
      .tinify-section {
        flex-direction: column;
        text-align: center;
       
      color: white;
      border-radius: 20px;
      
      align-items: center;
      overflow: hidden;
      }
      .tinify-text {
        margin-bottom: 20px;
      }
      .tinify-img img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
      color: white;
      border-radius: 20px;
      padding: 5px 5px;
      display: flex;
      align-items: center;
      overflow: hidden;
    }
 }

 @media (max-width: 480px) {
     .placement-carousel {
         padding: 20px 10px;
     }

     .placement-card {
         width: 100%;
         padding: 10px;
     }

     .placement-card .company {
         font-size: 12px;
         padding: 6px;
         width: 95%;
     }
 }




 .tinify-section {
      
      color: white;
      border-radius: 20px;
     
      align-items: center;
      overflow: hidden;
    }

    .tinify-text h2 {
      font-weight: 700;
    }

    .tinify-img img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      
      color: white;
      border-radius: 20px;
      
      align-items: center;
      overflow: hidden;
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    }

   /* sushma innovation css */

   .banner-title {
      background: linear-gradient(to right, #d51e29, #e3afb2);
      color: #fff;
      padding: 10px 30px;
      border-radius: 15px;
      font-size: 3rem;
      font-weight: bold;
      display: inline-block;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

    .feature-card {
      background: #ffffff;
      border-radius: 20px;
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
      padding: 10px 5px;
      text-align: center;
      transition: all 0.3s ease-in-out;
      height: 100%;
    }

    .feature-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    }

    .feature-icon {
      font-size: 3rem;
      color: #d51e29;
      background: #eef1f5;
      width: 60px;
      height: 60px;
      padding: 7px;
      border-radius: 50%;
      margin-bottom: 15px;
      display: inline-block;
    }

    .feature-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #d51e29;
      margin-bottom: 10px;
    }

    .feature-text {
      font-size: 1.2rem;
      color: #333;
    }

    .more-text {
      font-size: 1.2rem;
      font-weight: 600;
      color: #d51e29;
      text-align: right;
      margin-top: 10px;
      text-decoration: none;
    }
    .more-text:hover{text-decoration: none;}