:root {
     --clr-accent-500: hsla(358, 74%, 49%, 1);
     --clr-primary-400: hsla(39, 100%, 51%, 1);
     --clr-neutral-900: hsla(0, 0%, 0%, 1);
     --clr-neutral-700: hsla(0, 0%, 31%, 1);
     --clr-neutral-300: hsla(40, 100%, 95%, 1);
     --clr-neutral-200: hsla(0, 85%, 92%, 1);
     --clr-neutral-100: hsl(0 0% 100%);
     --clr-neutral-50: rgb(250, 246, 235);

     --ff-primary: "Lato", sans-serif;
     --ff-seconday: "Mulish", sans-serif;
     --ff-body: var(--ff-primary);
     --ff-heading: var(--ff-primary);

     --fw-regular: 400;
     --fw-semi-bold: 500;
     --fw-bold: 700;

     /* 10, 14, 16, 18, 20, 24, 32, 48*/
     --fs-200: 0.625;
     --fs-400: 0.875rem;
     --fs-600: 1rem;
     --fs-800: 1.125rem;
     --fs-1000: 1.25rem;
     --fs-1200: 1.5rem;
     --fs-1400: 2rem;
     --fs-1600: 3rem;


     --fs-body: var(--fs-600);
     --fs-primary-heading: var(--fs-1600);
     --fs-secondary-heading: var(--fs-1400);
     --fs-nav: var(--fs-400);
     --fs-button: var(--fs-1000);

     --size-100: 0.25rem;
     --size-200: 0.5rem;
     --size-300: 0.75rem;
     --size-400: 1rem;
     --size-500: 1.5rem;
     --size-600: 2rem;
     --size-700: 3rem;
     --size-800: 4rem;
     --size-900: 5rem;


     --total-brand: 20;
     --logo-width: 12rem;
     --total-logo-width: calc(var(--total-brand) * var(--logo-width)*2);
 }

 @media (min-width: 50em) {
     :root {
         --fs-body: var(--fs-400);
         --fs-primary-heading: var(--fs-1400);
         --fs-secondary-heading: var(--fs-1200);

         --fs-nav: var(--fs-200);
     }
 }


 /* Box sizing rules */
 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }

 /* Remove default margin */
 * {
     margin: 0;
     padding: 0;
     font: inherit;
 }

 /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
 ul[role="list"],
 ol[role="list"] {
     list-style: none;
 }

 /* Set core root defaults */
 html:focus-within {
     scroll-behavior: smooth;
 }

 html,
 body {
     height: 100%;
 }

 /* Set core body defaults */
 body {
     text-rendering: optimizeSpeed;
     line-height: 1.5;
     font-family: var(--ff-body) !important;
     font-size: 16px;
     height: auto;
 }

 /* A elements that don't have a class get default styles */
 a:not([class]) {
     text-decoration-skip-ink: auto;
 }

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

 /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
 @media (prefers-reduced-motion: reduce) {
     html:focus-within {
         scroll-behavior: auto;
     }

     *,
     *::before,
     *::after {
         animation-duration: 0.01ms !important;
         animation-iteration-count: 1 !important;
         transition-duration: 0.01ms !important;
         scroll-behavior: auto !important;
     }
 }

 .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;
     }
 }

 /* useful classes*/
 .c-button {
     padding: 12px 18px;
     border-radius: 1px;
     font-size: var(--fs-1000);
     font-weight: var(--fw-regular);
     font-family: var(--ff-seconday);
 }

 .c-button-secondary {
     background-color: transparent;
     color: var(--clr-neutral-100);
     border: 1px solid var(--clr-neutral-100);
 }

 .c-button-primary {
     background-color: var(--clr-primary-400);
     color: var(--clr-neutral-100);
     border: none;
 }

 .c-button-primary:hover {
     background-color: var(--clr-accent-500);
 }

 .c-button img {
     display: inline;
     width: 20px;
     height: 20px;
     margin: 0;
     vertical-align: middle;
     margin-right: 4px;
     margin-left: 4px;
 }



 header.a-header {
     background-color: transparent;
     position: fixed;
     width: 100%;
     z-index: 3;
     transition: .1s all ease-in-out;
 }

 .a-header nav {
     min-height: 118px;
 }

 header.a-header.scrolled nav {
     background: #fff;
 }

 header.a-header.dark nav {
     background: #fff;
 }

 header.a-header.scrolled .nav-right li a,
 header.a-header.scrolled .nav-right-top p {
     color: #000 !important;
 }

 header.a-header.dark .nav-right li a,
 header.a-header.dark .nav-right-top p {
     color: #000 !important;
 }

 .a-header .nav-right-top p {
     margin-bottom: 0;
     color: var(--clr-neutral-100);
 }


 .a-header nav ul {
     margin: 0;
     padding: 0;
     list-style: none;
     overflow: hidden;
     /* background-color: #fff; */
 }

 .a-header nav li a {
     display: block;
     /* padding: 20px 20px;
  border-right: 1px solid #f4f4f4; */
     text-decoration: none;
 }


 .a-header nav .logo {
     float: left;
     font-size: 2em;
     padding: 20px 20px;
     display: flex;
     gap: 20px;
     background: #fff;
     position: relative;
     width: 20%;
 }


 .a-header nav .logo::after {
     content: " ";
     position: absolute;
     display: block;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: -1;
     background: #fff;
     transform-origin: bottom left;
     -ms-transform: skew(-30deg, 0deg);
     -webkit-transform: skew(-30deg, 0deg);
     transform: skew(-30deg, 0deg);
 }



 .a-header .logo img {
     width: 100px;
     height: 36px;
     object-fit: contain;
 }

 /* menu */

 .a-header nav .main-menu-wrapper {
     clear: both;
     max-height: 0;
     transition: max-height .2s ease-out;
     padding-left: 10px;
     padding-right: 10px;
     display: flex;
     justify-content: space-between;
 }

 /* menu icon */

 .a-header nav .menu-icon {
     cursor: pointer;
     display: inline-block;
     float: right;
     padding: 28px 20px;
     position: relative;
     user-select: none;
     z-index: 99999999999999999;
 }

 .a-header nav .menu-icon .navicon {
     background: #ffffff94;
     display: block;
     height: 2px;
     position: relative;
     transition: background .2s ease-out;
     width: 22px;
 }

 .a-header nav .menu-icon .navicon:before,
 .a-header nav .menu-icon .navicon:after {
     background: #ffffff94;
     content: '';
     display: block;
     height: 2.2px;
     position: absolute;
     transition: all .2s ease-out;
     width: 100%;
 }

 .a-header nav .menu-icon .navicon:before {
     top: 7px;
 }

 .a-header nav .menu-icon .navicon:after {
     top: -7px;
 }

 /* menu btn */

 .a-header nav .menu-btn {
     display: none;
 }

 .a-header nav .menu-btn:checked~.menu {
     max-height: 240px;
 }

 .a-header nav .menu-btn:checked~.menu-icon .navicon {
     background: transparent;
 }

 .a-header nav .menu-btn:checked~.menu-icon .navicon:before {
     transform: rotate(-45deg);
 }

 .a-header nav .menu-btn:checked~.menu-icon .navicon:after {
     transform: rotate(45deg);
 }

 .a-header nav .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
 .a-header nav .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
     top: 0;
 }

 /* 48em = 768px */

 @media (min-width: 991px) {
     .a-header nav li {
         float: left;
     }

     .a-header nav li a {
         padding: 10px 16px;
     }

     .a-header nav .main-menu-wrapper {
         clear: none;
         float: right;
         max-height: none;
         align-items: center;
     }

     .a-header nav .menu-icon {
         display: none;
     }
 }

 /* social link right side */
 .a-header .nav-right {
     float: right;
     display: flex;
     align-items: end;
     flex-direction: column;
     padding-right: 40px;
 }

 .a-header .nav-right-top {
     display: flex;
     align-items: center;
 }


 .a-header .nav-right li {
     list-style: none;
 }

 .a-header .nav-right-bottom li a {
     font-size: 14px;
 }

 .a-header .logo-carousel,
 .logo>a {
     width: 50%;
     max-width: 50%;
 }

 /* submenu start */


 .a-header .submenu {
     position: absolute;
     max-width: 480px;
     border-radius: 4px;
     height: 0;
     overflow: hidden;
     transition: .7s all ease;
     opacity: 0;
     visibility: hidden;
     background-color: #fff;
     z-index: 99;
     box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
     transform: rotateX(90deg);
     transform-origin: top center;
 }

 .a-header .menu-level-3 .submenu {
     position: absolute !important;
     max-width: 480px;
     border-radius: 4px;
     height: 0 !important;
     overflow: hidden !important;
     transition: .7s all ease;
     opacity: 0 !important;
     visibility: hidden;
     background-color: #fff;
     z-index: 99;
     box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
     transform: rotateX(90deg);
     transform-origin: top center;
 }

 .a-header .menu-level-3 .submenu ul {
     padding: 10px 0px !important;
 }

 .a-header .main-menu-wrapper li:hover .submenu.submenu-v2 {
     display: flex;
     flex-direction: column;
     opacity: 1;
     visibility: visible;
     transform: rotateX(0);
 }


 .menu-level-3:hover .submenu {
     display: flex !important;
     flex-direction: column;
     opacity: 1 !important;
     visibility: visible;
     transform: rotateX(0);
     height: auto !important;
 }

 .a-header .main-menu-wrapper li:hover .submenu {
     display: flex;
     height: auto;
     opacity: 1;
     visibility: visible;
     transform: rotateX(0);
 }

 .a-header .submenu.submenu-v2 ul {
     display: flex;
     padding: 10px 20px;
 }

 .a-header .main-menu-wrapper .submenu li a {
     color: var(--clr-neutral-700);
     font-weight: 500;
 }

 .a-header .main-menu-wrapper {
     width: 100%;
     /* background-color: var(--clr-accent-500); */
     background-color: rgba(255, 255, 255, 0.95);
 }

 .a-header .nav-right li a {
     /* color: var(--clr-neutral-100); */
 }

 .a-header ul.social-link li a {
     padding: 9px;
 }

 .applyTClass {
     display: none;
 }

 .a-header .nav-right li a {
     padding: 6px 20px;
     font-size: 14px !important;
 }

 .a-header .nav-right li ap {
     font-size: 14px;
 }

 .a-header .main-menu-wrapper li a {
     color: #000000;
     font-weight: 700;
     font-size: 15px;
 }

 /* about us menu */
 .a-header .main-menu-wrapper li:nth-child(1) .submenu .submenu-images,
 .a-header .main-menu-wrapper li:nth-child(3) .submenu .submenu-images,
 .a-header .main-menu-wrapper li:nth-child(4) .submenu .submenu-images {
     background-image: url(images/navbar/about.png);
     background-repeat: no-repeat;
     background-size: cover;
     flex: 0 0 50%;
     align-items: center;
     justify-content: center;
     padding: 26px 0px;
 }

 .a-header .main-menu-wrapper .submenu-menus ul li {
     display: block;
     width: 100%;
 }

 .a-header .main-menu-wrapper .submenu-menus ul li a {
     padding: 6px 20px;
 }

 .a-header .submenu-menus {
     padding: 5px 0;
 }

 .a-header .usp-holder {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 14px 34px 0 40px;
     row-gap: 10px;
 }

 .a-header .usp-holder img {
     width: 44px;
 }

 .a-header .usp-holder p {
     text-align: center;
     color: #fff;
     font-weight: 600;
     font-size: 14px;
 }



 /* program menu */
 .a-header .main-menu-wrapper li:nth-child(2) .submenu .submenu-images,
 .a-header .main-menu-wrapper li:nth-child(5) .submenu .submenu-images,
 .a-header .main-menu-wrapper li:nth-child(6) .submenu .submenu-images {
     background-image: url(images/navbar/about2.png);
     background-repeat: no-repeat;
     background-size: cover;
     display: flex;
     /* flex-wrap: wrap; */
     align-items: center;
     padding: 26px 26px;
     justify-content: center;
 }

 .a-header .submenu-title-p {
     font-size: var(--fs-1400);
     color: var(--clr-accent-500);
     font-weight: 700;
     padding: 6px 20px;
 }

 .a-header .submenu.submenu-v2 {
     max-width: 550px;
 }

 /* admisison */

 .a-header .adm-helpline {
     display: flex;
     align-items: center;
     gap: 12px;
 }


 .a-header .detail p {
     font-size: 14px;
 }

 .a-header .detail a {
     font-size: 20px;
 }

 .a-header .detail p {
     margin-bottom: 0;
     color: #fff;
 }

 .a-header .adm-helpline a {
     color: #fff;
     text-decoration: none;
 }

 .a-header .applyT {
     padding: 4px 25px;
     color: #000;
     background-color: var(--clr-primary-400);
     border-radius: 4px;
     text-decoration: none;
     font-weight: 600;
 }

 .a-header .main-menu-right {
     display: flex;
     gap: 50px;
     align-items: center;
 }

 .a-header .main-menu-right .detail {
     line-height: 1;
 }

 .a-header .mob-no {
     display: none;
 }

 /* anoucment */


 .a-header .anoucment-lable {
     display: flex;
     align-items: center;
     gap: 10px;
     background: #000;
     padding: 3px 20px;
     width: 200px;
     float: left;
     position: relative;
 }

 .a-header .anoucment-lable::after {
     position: absolute;
     content: '';
     background: #000;
     width: 19%;
     height: 32%;
     transform: skew(312deg, 0deg);
     left: 84%;
     top: 52%;
 }

 .a-header .anoucment-lable p {
     position: relative;
     color: var(--clr-neutral-100);
     font-size: 14px;
 }

 .a-header .anoucment-lable::before {
     position: absolute;
     content: '';
     background: #000;
     width: 24%;
     height: 32%;
     transform: skew(50deg, 0deg);
     left: 79%;
     top: 21%;
 }


 .a-header .anoucement-holder {
     padding-left: 20px;
     background-color: var(--clr-neutral-50);
     flex-grow: 1;
     display: flex;
     align-items: center;
     padding: 4px 12px;
 }

 .a-header .anoucement-holder a {
     text-decoration: none;
     color: #000;
     border-right: 1px solid;
     padding-right: 30px;
     padding-left: 14px;
 }

 .a-header .anoucement-holder .anoucement-v2 a {
     color: #FFF;
     border-right: 1px solid #FFF;
 }

 header.a-header.scrolled .anoucment {
     display: none;
 }



 .a-header .marquee-text {
     display: flex;
 }

 .a-header .marquee {
     width: 100%;
     /* height: 204px; */
     /* margin: 5px auto; */
     overflow: hidden;
 }

 .a-header .marquee .marquee-child {
     width: 1835px;
     /* display: inline-block; */
     display: -webkit-inline-box;
     animation: marquee 15s linear infinite;
 }

 @keyframes marquee {
     0% {
         margin-left: 0;
     }

     100% {
         margin-left: calc(-1835px + 608px);
     }
 }

 .a-header .marquee .marquee-child:hover {
     -webkit-animation-play-state: paused;
     -moz-animation-play-state: paused;
     -o-animation-play-state: paused;
     animation-play-state: paused;
 }

 @media (max-width:1440px) {
     .a-header nav .main-menu-wrapper {
         padding-left: 10px;
         padding-right: 10px;
     }


 }

 @media (max-width:1366px) {
     header.a-header.scrolled {
         background: #fff;
     }

     header.a-header.dark {
         background: #fff;
     }

     .a-header nav .logo {
         padding: 23px 20px;
     }

     .a-header nav {
         min-height: 124px;
     }

     .a-header .nav-right a,
     .a-header .main-menu li a {
         font-size: 12px !important;
     }

     .a-header nav .logo {
         width: 22%;
     }

     .a-header .logo-carousel {
         max-width: 130px;
     }

     .a-header .applyT {
         padding: 5px 20px;
         font-size: 12px;
     }

     .a-header .detail p,
     .detail a {
         font-size: 12px;
     }

     .a-header nav li a,
     .a-header .nav-right li a {
         padding: 10px 10px;
     }

     .a-header .nav-right-top p {
         font-size: 13px;
     }
 }

 /* @media (max-width:991px){
  .nav-right {
    width: 66%;
}
.logo-carousel {
  max-width: 74px;
}
} */
 @media (max-width:991px) {
     .a-header nav li a {
         padding: 10px 6px;
         font-size: 14px;
     }

     .a-header .main-menu {
         margin-top: 3rem;
     }

     .a-header nav ul {
         overflow-y: auto !important;
     }

     .a-header .menu-level-3 .submenu {
         background-color: #d92027;
         width: 100%;
     }

     .a-header nav .logo {
         padding: 13px 5px;
         gap: 0px;
         width: 35%;
         justify-content: space-around;
     }

     .a-header .nav-right-bottom {
         display: none;
     }

     .a-header .logo-carousel {
         max-width: 100px;
     }

     .a-header .nav-right-top li,
     .a-header .nav-right-top p {
         display: none;
     }


     .a-header .mob-no a {
         color: #fff;
         text-decoration: none;
     }

     header.a-header.scrolled .mob-no a {
         color: #000 !important;
     }

     header.a-header.dark .mob-no a {
         color: #000 !important;
     }

     .a-header .main-menu-right {
         display: none;
     }

     .a-header .main-menu-right {
         display: none;
     }

     .a-header ul.social-link {
         display: flex;
         align-items: center;
     }

     .a-header .mob-no,
     .a-header .mob-no p {
         display: block !important;
     }

     .a-header ul.social-link li {
         display: none;
     }


     .a-header .mob-no,
     .a-header .mob-no p {
         display: flex !important;
         gap: 9px;
         margin-left: 5px;
     }

     .a-header .nav-right {
         float: left;
         padding: 0 0px;
         align-items: baseline;
     }

     .a-header .main-menu-wrapper {
         position: absolute;
     }

     .a-header nav .menu-btn:checked~.nav-right~.main-menu-wrapper {
         height: 100%;
         max-height: 100%;
         z-index: 999;
         min-height: 84vh;
         flex-direction: column;
         overflow-y: auto;
         margin-left: 12%;
     }

     .a-header nav {
         min-height: auto;
         display: flex;
         align-items: center;
         justify-content: space-between;
     }

     .a-header label.menu-icon {
         order: 1;
     }

     .a-header .main-menu-wrapper li a {
         display: flex;
         align-items: center;
         gap: 10px;
     }

     .a-header .submenu-images {
         display: none;
     }


     .a-header .submenu {
         position: relative;
         background: none;
     }

     .a-header .main-menu-wrapper .submenu li a {
         color: #fff;
     }

     .a-header .a-header .submenu.submenu-v2 ul {
         flex-direction: column;
         padding: 0 20px;
     }

     .a-header .submenu-title-p {
         color: #fff3cd;
         font-size: 14px;
     }


     .a-header .main-menu a.active {
         color: var(--clr-primary-400);
     }

     .a-header .main-menu-wrapper li:hover .submenu,
     .a-header .main-menu-wrapper li:hover .submenu.submenu-v2 {
         height: auto;
     }


     .a-header .main-menu a.active~.submenu {
         height: auto !important;
         flex-direction: column !important;
         opacity: 1;
         visibility: visible;
         transform: rotateX(0);
     }


     header.a-header.scrolled nav .menu-icon .navicon,
     header.a-header.scrolled nav .menu-icon .navicon::after,
     header.a-header.scrolled nav .menu-icon .navicon::before {
         background: #000;
     }

     header.a-header.dark nav .menu-icon .navicon,
     header.a-header.dark nav .menu-icon .navicon::after,
     header.a-header.dark nav .menu-icon .navicon::before {
         background: #000;
     }

 }

 @media (max-width:767px) {
     .a-header {
         margin-top: 0px;
     }

     .a-header nav {
         display: block;
         min-height: 102px;
     }

     .a-header nav .logo {
         width: 66%;
     }

     .a-header .nav-right {
         width: 100%;
         align-items: center;
     }

     .a-header .main-menu-wrapper li:hover .submenu,
     .a-header .main-menu-wrapper li:hover .submenu.submenu-v2 {
         height: 0;
     }

     .a-header .submenu.submenu-v2 ul {
         flex-direction: column;
     }

     .a-header .main-menu-wrapper li:nth-child(2) .submenu .submenu-images,
     .a-header .main-menu-wrapper li:nth-child(5) .submenu .submenu-images,
     .a-header .main-menu-wrapper li:nth-child(6) .submenu .submenu-images {
         flex-wrap: wrap;
         justify-content: center;
         row-gap: 20px;
     }

     .applyTClass {
         display: block;
         padding: 4px 0px;
     }

     .a-header .anoucment-lable p {
         display: none;
     }

     .a-header .anoucment-lable {
         width: 65px;
     }

     section.hero-section h1 {
         margin-top: 10px;
         margin-bottom: 20px;
     }

 }

 .a-header .nav-right li .nims-glowing-button {
     margin-top: 3px;

     background-color: #CE1E25;
     color: white;
     border: none;
     border-radius: 5px;
     padding: 5px 10px !important;
     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;
 }

 @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*/

 @media (min-width: 768px) {
     .headTopNew {
         position: fixed;
         z-index: 99;
         top: 0;
     }

     .mainHeader,
     .mainHeader.sticky {
         position: fixed;
         top: 35px;
     }

     .headTopNew .headheadTopNewRight ul li a {
         font-size: 10px;
     }
 }


 .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);
 }

 .odometer.odometer-auto-theme,
 .odometer.odometer-theme-default {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     position: relative;
 }

 .odometer.odometer-auto-theme .odometer-digit,
 .odometer.odometer-theme-default .odometer-digit {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     position: relative;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
 .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     visibility: hidden;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
 .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
     text-align: left;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     overflow: hidden;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
     display: block;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
     display: block;
     -webkit-backface-visibility: hidden;
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-value,
 .odometer.odometer-theme-default .odometer-digit .odometer-value {
     display: block;
     -webkit-transform: translateZ(0);
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
 .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
     position: absolute;
 }

 .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
 .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
     -webkit-transition: -webkit-transform 2s;
     -moz-transition: -moz-transform 2s;
     -ms-transition: -ms-transform 2s;
     -o-transition: -o-transform 2s;
     transition: transform 2s;
 }

 .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
 .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
     -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
 }

 .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
 .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
     -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
 }

 .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
 .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
     -webkit-transition: -webkit-transform 2s;
     -moz-transition: -moz-transform 2s;
     -ms-transition: -ms-transform 2s;
     -o-transition: -o-transform 2s;
     transition: transform 2s;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
 }

 .odometer.odometer-auto-theme,
 .odometer.odometer-theme-default {
     line-height: 1.1em;
 }

 .odometer.odometer-auto-theme .odometer-value,
 .odometer.odometer-theme-default .odometer-value {
     text-align: center;
 }


 .secondaryBanner {
     background-color: var(--white-color);
     /* background-image: url(../images/background/Hero-Banner-New.webp); */
     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: 60px 20px; */
     padding: 76px 20px;
     background-position: center center;
     /* height: 70vh; */
     /* margin-bottom: 13%; */
 }



 .pro01 {
     margin-top: 90px;
 }

 section.hero-section h1 {
     margin-top: 140px;
     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%; */
 }
section.hero-section-student h1 {
     margin-top: 140px;
     margin-bottom: 35px;
     font-size: 42px;
    /* font-family: auto; */
    font-weight: 600;
    font-family: Poppins, Arial, sans-serif;
 }
 section.hero-section-student p {
    font-size: 16px;
    line-height: 20px;
    font-family: Poppins, Arial, sans-serif;
    margin-bottom: 35px;
 }
.text-student{font-family: Poppins, Arial, sans-serif;font-size: 21px;}

.student-box{background: #21458f;padding: 50px 72px;text-align: center;border-radius: 6px;}
.student-box-meddile{background: #d02526;padding: 50px 80px;text-align: center;border-radius: 6px;}  
.student-box-bottom {background: #0b9746;padding: 50px 80px;text-align: center;border-radius: 6px;}
.student-box p {font-size: 16px;white-space: nowrap;}
.student-box-meddile p {font-size: 16px;white-space: nowrap;}
.student-box-bottom p {font-size: 16px;white-space: nowrap;}
 .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: "Poppins", 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;
     }

     .vision-mission-h3 h3 {
         position: static !important;
         transform: translate(20%, 50%) !important;
     }
     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: 20px;
     }

     .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-h3 h3 {
     color: #dc3545;
     font-size: 2.9rem;
     font-weight: bold;
     position: absolute;
     top: 50%;
     left: 20px;
     /* background: #fff; */
     /* padding: 0 10px; */
     transform: translate(20%, 50%);
 }

 .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));
     }

     .h2,
     h2 {
         font-size: 28px;
         font-weight: 600 !important;
     }

     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%;
 }

 /* .fig-main{position: relative;}
.img-plce img{max-width: 100%;}

.fig-main-2{position: absolute;
    left: 21rem;
    bottom: -43px;} */


 .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;
 }

 .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;
    }
 }

 .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); */
 }

 h3 {
     font-size: 22px;
     color: #000000 !important;
     margin-bottom: 10px;
     font-weight: 700;
     line-height: 20px;
     font-family: auto;
 }


 p {
     color: #000000;
     font-size: 17px;
     margin-bottom: 10px;
     line-height: 27px;
     margin: 0;
     justify-content: flex-end;
 }

 .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;
 }

 /* .program-card:nth-child(2) p {
      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: 20px;
     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: 14px;
     color: #666;
     margin-bottom: 15px;
 }

 .testimonial-text {
     font-size: 14px;
     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;
 }

 .carousel-item {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .placement-card {
     /* background: #fff;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 280px;
    margin: 10px 0px;
    margin-bottom: 50px;
    position: relative; */
     /* background: #fff;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 280px;
    margin: 10px 0px;
    margin-bottom: 50px;
    position: relative;
    transform: scale(1) rotateY(0deg) rotateX(-14deg) translateZ(2.5rem);
    transform-style: preserve-3d;
    box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.25);
    transition: 0.6s ease transform; */
     background: #fff;
     border-radius: 15px;
     padding: 20px;
     text-align: center;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     /* width: 340px; */
     /* width: 440px; */
     /* margin: 10px 0px; */
     max-width: 100%;
     /* Allow it to be fully responsive */
     width: 100%;
     margin-bottom: 50px;
     /* position: relative; */
     /* transform: scale(1) rotateY(0deg) rotateX(-14deg) translateZ(2.5rem); */
     /* transform-origin: 63% 21%; */
     /* transform-style: preserve-3d; */
     /* box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.25); */
     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: #d00;
    color: white;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
    width: 100%; */
     /* background: #d00; */
     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: rgb(219 43 49);
     border-radius: 50%;
     text-align: center;
     line-height: 40px;
     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;
         /* background: linear-gradient(to right, #f1f1f1, #f4f7f7); */
      color: white;
      border-radius: 20px;
      /* padding: 5px 5px;
      display: flex; */
      align-items: center;
      overflow: hidden;
      }
      .tinify-text {
        margin-bottom: 20px;
      }
      .tinify-img img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      /* background: linear-gradient(to right, #f1f1f1, #f4f7f7); */
      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 {
       /* background: linear-gradient(to right, #f1f1f1, #f4f7f7); */
      color: white;
      border-radius: 20px;
      /* padding: 5px 5px;
      display: flex; */
      align-items: center;
      overflow: hidden;
    }

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

    .tinify-img img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      /* background: linear-gradient(to right, #f1f1f1, #f4f7f7); */
      color: white;
      border-radius: 20px;
      /* padding: 5px 5px;
      display: flex; */
      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;}