.specializations .container {
     padding: 30px;
     background: transparent;
 }
 .ico_grp {
    border-radius: 8px;
    box-shadow: 2px 2px 5px 1px #bfbfbf;
    padding: 10px;
    margin: 10px;
    border: 4px solid #00a85994;
    background: linear-gradient(117deg, #1a4f9817, #00984614);
    border-left: 4px solid #1f529a9e;
    border-right: 4px solid #1f529a9e;
}
 .ico_grp:hover {
    border-radius: 8px;
    box-shadow: 2px 2px 5px 1px #bfbfbf;
    padding: 10px;
    margin: 10px;
    border: 5px solid #1f529a9e;
    background: linear-gradient(117deg, #00984636, #1a4f982e);
    border-left: 5px solid #00a85994;
    border-right: 5px solid #00a85994;
    transition: 0.3s
}
 .icon-set h4 {
     color: #1a4f98;
     font-weight: 900;
     font-size: 30px !important;
 }
 .icon-set p {
     color: #000;
 }
 /* 1. ANNOUNCEMENT TICKER */
 .ticker-wrap {
     background: #00a859;
     color: #000;
     padding: 5px 0;
     overflow: hidden;
     white-space: nowrap;
     font-weight: 500;
     font-size: 14px;
 }
 .ticker-scroll {
     display: inline-block;
     animation: ticker 20s linear infinite;
     color: #ffffff;
 }
 @keyframes ticker {
     0% {
         transform: translateX(100%);
     }
     100% {
         transform: translateX(-100%);
     }
 }
 /* 2. NAVIGATION STYLING */
 .navbar {
     background: #fff;
     padding: 0px 5%;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 600;
 }
 .navbar-brand img {
     height: 70px;
 }
 .btn-nav-apply {
     background: #e11d48;
     color: #fff !important;
     font-weight: 700;
     border-radius: 5px;
     padding: 8px 20px !important;
     text-transform: uppercase;
 }
 /* 3. HERO BANNER SECTION */
 .hero-section {
     position: relative;
     font-family: 'Bahnschrift';
     /*   background: #1a4f98;*/
     /*background: linear-gradient(0deg, rgba(35, 70, 138, 1) 0%, rgba(24, 45, 92, 1) 100%);*/
     /*   background:*/
     /*linear-gradient(0deg, rgba(35, 70, 138, 0.85) 0%, rgb(24 45 92 / 44%) 100%), url(https://apply.piet.co.in/img/banner/banner15.webp);*/
     background: linear-gradient(0deg, rgb(4 10 22 / 94%) 0%, rgb(17 24 38 / 35%) 100%), url("../img/banner/banner15.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     padding: 40px 0;
     min-height: 550px;
     /*display: flex;*/
     align-items: center;
     color: #fff;
 }
 .hero-section h1 {
     font-size: 55px;
     font-weight: 900;
     text-shadow:
         0 0 2px black;
 }
 .hero-content h1 {
     font-size: 48px;
     font-weight: 900;
     line-height: 1.1;
 }
 .hero-form-box {
     background: #fff;
     padding: 5px;
     border-radius: 5px;
     color: #333;
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
 }
 .hero-form-box h4 {
     color: #003366;
     font-weight: 800;
     text-align: center;
     margin-bottom: 20px;
 }
 .form-control-lg {
     font-size: 15px;
     border-radius: 8px;
     margin-bottom: 12px;
 }
 /* 4. MOBILE STICKY MENU (BOTTOM) */
 .mobile-sticky-footer {
     display: none;
     position: fixed;
     bottom: 0;
     width: 100%;
     background: #fff;
     z-index: 2000;
     box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
     padding: 10px;
 }
 .theranking_num .theranking_num_band {
     border-left: 1px solid #fff;
     padding-left: 20px;
 }
 @media (max-width: 768px) {
     .hero-section {
         padding: 40px 0 40px 0;
         text-align: center;
     }
     .hero-content h1 {
         font-size: 32px;
         margin-bottom: 20px;
     }
     .mobile-sticky-footer {
         display: flex;
         gap: 10px;
     }
     .btn-mob {
         flex: 1;
         font-weight: 700;
         font-size: 14px;
     }
     .hero-section h1 {
         font-size: 29px;
         font-weight: 900;
         text-shadow: 0 0 2px black;
     }
     .theranking_num {
         text-align: left;
     }
     .theranking_num .theranking_num_band {
         border-left: 1px solid #fff;
         padding-left: 10px;
     }
 }
 .why-piet-split {
     padding: 80px 0;
     background: #ffffff;
     position: relative;
 }
 .mini-title {
     font-family: 'Bahnschrift';
     font-weight: 800;
     font-size: 35px;
     color: #1a4f98;
     margin-bottom: 15px;
 }
 .subtitle {
     color: #000;
     font-size: 17px;
     margin-bottom: 10px;
     max-width: 90%;
 }
 /* --- List Item Design --- */
 .feature-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 5px;
     padding: 15px;
     border-radius: 12px;
     transition: all 0.3s ease;
     background: transparent;
 }
 .feature-item:hover {
     background: #f8fafc;
     transform: translateX(10px);
 }
 .icon-wrap {
     min-width: 45px;
     height: 45px;
     background: rgba(0, 74, 153, 0.08);
     color: #1a4f98;
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 20px;
     font-size: 1.2rem;
     transition: 0.3s;
 }
 .feature-item:hover .icon-wrap {
     background: #1a4f98;
     color: #fff;
 }
 .feature-content h4 {
     font-size: 1.1rem;
     font-weight: 700;
     color: #000;
     margin-bottom: 4px;
 }
 .feature-content p {
     font-size: 0.9rem;
     color: #000;
     margin: 0;
     line-height: 1.5;
 }
 /* --- Image Column --- */
 .img-column {
     position: sticky;
     top: 50px;
 }
 .feature-img {
     width: 100%;
     border-radius: 30px;
     box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
 }
 /* Staggered Column Layout for list */
 .feature-list-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
 }
 @media (max-width: 991px) {
     .feature-list-grid {
         grid-template-columns: 1fr;
     }
     .mini-title {
         font-size: 29px;
     }
 }
 .ranking-section {
     padding: 50px 0;
     background: #f8fafc;
     font-family: 'Bahnschrift';
 }
 .ranking-section .rank-heading {
     font-weight: 900;
     font-size: 35px;
     color: #004a99;
     text-transform: uppercase;
     margin-bottom: 10px;
     letter-spacing: -1px;
     display: flex;
     align-items: center;
 }
 .ranking-section .rank-heading::after {
     content: "";
     flex-grow: 1;
     height: 2px;
     background: #e2e8f0;
     margin-left: 20px;
 }
 .ranking-section .rank-card {
     background: #ffffff;
     display: flex;
     align-items: center;
     padding: 20px 15px;
     margin-bottom: 20px;
     border: 1px solid #e2e8f0;
     position: relative;
     transition: all 0.3s ease;
     /* The Corner Triangle Cut */
     clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
 }
 /* Shiny Glass Border Effect on Hover */
 .ranking-section .rank-card:hover {
     border-color: #00a859;
     box-shadow: 0 10px 30px rgba(0, 74, 153, 0.1);
     transform: translateY(-5px);
 }
 /* The little triangle in the cut corner */
 .ranking-section .rank-card::after {
     content: "";
     position: absolute;
     bottom: 0;
     right: 0;
     width: 20px;
     height: 20px;
     background: #f1f5f9;
     transition: 0.3s;
 }
 .ranking-section .rank-card:hover::after {
     background: #00a859;
 }
 .ranking-section .rank-logo-box {
     width: 40%;
     height: 90px;
     flex-shrink: 0;
     margin-right: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .rank-logo-box img {
     max-width: 100%;
     max-height: 80%;
     object-fit: contain;
 }
 .ranking-section .rank-text-box {
     border-left: 2px solid #004a99;
     padding-left: 15px;
 }
 .ranking-section .rank-val {
     font-size: 28px;
     font-weight: 900;
     color: #1a4f98;
     line-height: 1;
     margin-bottom: 2px;
 }
 .ranking-section .rank-val span {
     font-size: 0.9rem;
     color: #e61a23;
     /* Accent Red */
     font-weight: 700;
 }
 .ranking-section .rank-label {
     font-size: 11px;
     font-weight: 700;
     color: #64748b;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }
 /* Mobile 2-Column Display */
 @media (max-width: 575px) {
     .ranking-section .col-6 {
         padding-left: 7px;
         padding-right: 7px;
     }
     .ranking-section .rank-card {
         padding: 15px 10px;
     }
     .ranking-section .rank-logo-box {
         width: 30%;
         height: 60px;
         margin-right: 5px;
     }
     .ranking-section .rank-val {
         font-size: 1.4rem;
     }
     .ranking-section .rank-label {
         font-size: 9px;
     }
     .ranking-section .rank-heading {
         font-size: 29px;
     }
     .ranking-section .rank-text-box {
         border-left: 2px solid #004a99;
         padding-left: 8px;
     }
     .ranking-section .rank-card {
         margin-bottom: 5px;
     }
 }
 @media (max-width: 769px) {
     /* MAIN PAGE HEADING */
     .section-header {
         text-align: center;
         margin-bottom: 10px;
     }
     .section-header h1 {
         font-size: 35px;
         color: #1a4f98;
         font-weight: bold;
         margin: 0;
         text-transform: uppercase;
     }
     .section-header2 {
         text-align: center;
         margin-bottom: 30px;
     }
     .section-header2 h1 {
         font-size: 35px;
         color: #1a4f98;
         font-weight: bold;
         margin: 0;
         text-transform: uppercase;
     }
     .section-header2 p {
         color: #2c2d2e;
         font-size: 17px;
         margin-top: 5px;
     }
     .section-header p {
         color: #2c2d2e;
         font-size: 17px;
         margin-top: 5px;
     }
     .theranking_num h2 {
         font-size: 30px;
     }
 }
 /* MAIN SECTION STYLING */
 .training-wrapper {
     background-color: #f1f5f9;
     padding: 60px 15px;
     font-family: 'Bahnschrift';
 }
 /* MAIN PAGE HEADING */
 .section-header {
     text-align: center;
     margin-bottom: 30px;
 }
 .section-header h1 {
     font-size: 35px;
     color: #1a4f98;
     font-weight: bold;
     margin: 0;
     text-transform: uppercase;
     font-family: 'Bahnschrift';
 }
 .section-header2 {
     text-align: center;
     margin-bottom: 30px;
 }
 .section-header2 h1 {
     font-size: 35px;
     color: #1a4f98;
     font-weight: bold;
     margin: 0;
     font-family: 'Bahnschrift';
     text-transform: uppercase;
 }
 .section-header2 p {
     color: #2c2d2e;
     font-size: 17px;
     margin-top: 5px;
     font-family: "Centrale Sans";
 }
 .section-header p {
     color: #2c2d2e;
     font-size: 17px;
     margin-top: 5px;
     font-family: "Centrale Sans";
 }
 /* CATEGORY GROUP (FIELDSET LOOK) */
 .program-group {
     position: relative;
     background: #ffffff;
     border: 1px solid #e2e8f0;
     border-radius: 20px;
     padding: 45px 20px 20px 20px;
     margin-bottom: 25px;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     gap: 20px;
 }
 /* DIRECT COLOR LABELS */
 .group-label {
     position: absolute;
     top: -15px;
     left: 25px;
     padding: 6px 20px;
     border-radius: 50px;
     color: white;
     font-weight: 800;
     font-size: 12px;
     text-transform: uppercase;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }
 /* CARD STYLING */
 .course-card {
     background: #fff;
     border: 1px solid #f1f5f9;
     border-radius: 15px;
     padding: 20px;
     position: relative;
     display: flex;
     flex-direction: column;
     border-bottom: 4px solid #cbd5e1;
     transition: 0.3s;
 }
 .course-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }
 /* SCHOLARSHIP PERCENT BADGE */
 .percent-badge {
     position: absolute;
     top: 15px;
     right: 15px;
     background: #fef2f2;
     color: #dc2626;
     padding: 4px 10px;
     border-radius: 6px;
     font-weight: 800;
     font-size: 11px;
     border: 1px solid #fee2e2;
 }
 .course-card h4 {
     color: #1e293b;
     margin: 0 0 2px 0;
     font-size: 19px;
     font-weight: 700;
 }
 .eligibility-box {
     background: #f8fafc;
     border-radius: 8px;
     padding: 12px;
     margin: 15px 0;
     flex-grow: 1;
     border-left: 3px solid #cbd5e1;
 }
 .elig-label {
     display: block;
     font-size: 10px;
     color: #94a3b8;
     font-weight: 800;
     text-transform: uppercase;
     margin-bottom: 4px;
 }
 .elig-text {
     font-size: 14px;
     color: #475569;
     font-weight: 600;
     margin: 0;
     line-height: 1.4;
     font-family: 'Centrale Sans';
 }
 .course-card .btn-open-modal {
     background: #1a4f98;
     color: white;
     text-align: center;
     padding: 12px;
     border-radius: 8px;
     border: none;
     font-weight: 700;
     cursor: pointer;
     width: 100%;
     transition: 0.2s;
 }
 .course-card .btn-open-modal:hover {
     background: #3db496;
 }
 /* POPUP (MODAL) STYLING */
 #scholarshipModal.modal-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(15, 23, 42, 0.8);
     display: none;
     justify-content: center;
     align-items: center;
     z-index: 9999;
     backdrop-filter: blur(4px);
 }
 #scholarshipModal .modal-content {
     background: white;
     padding: 6px;
     border-radius: 10px;
     width: 90%;
     max-width: 420px;
     position: relative;
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
 }
 #scholarshipModal .close-modal {
     position: absolute;
     top: 15px;
     right: 20px;
     font-size: 28px;
     cursor: pointer;
     color: #94a3b8;
 }
 #scholarshipModal .modal-content h3 {
     margin-top: 0;
     color: #1e293b;
     font-size: 24px;
 }
 #scholarshipModal .modal-form input {
     width: 100%;
     padding: 14px;
     margin-bottom: 12px;
     border: 1px solid #e2e8f0;
     border-radius: 10px;
     box-sizing: border-box;
     font-size: 14px;
 }
 #scholarshipModal .btn-submit {
     width: 100%;
     padding: 14px;
     background: #dc2626;
     color: white;
     border: none;
     border-radius: 10px;
     font-weight: 700;
     cursor: pointer;
     font-size: 16px;
 }
 /*            .info-re{*/
 /*display:flex;*/
 /*align-items:center;*/
 /*justify-content:center;*/
 /*padding:20px;*/
 /*}*/
 /*.info-re img{*/
 /*max-width:120px;*/
 /*height:auto;*/
 /*filter:grayscale(100%);*/
 /*transition:.3s;*/
 /*}*/
 /*.info-re img:hover{*/
 /*filter:none;*/
 /*transform:scale(1.05);*/
 /*}*/
 .sch-card {
     background: linear-gradient(135deg, #fff, #f5f9ff);
     border-radius: 14px;
     padding: 25px;
     height: 100%;
     border: 1px solid #dce6ff;
     transition: .3s;
     box-shadow: 0 6px 18px rgba(0, 0, 0, .05)
 }
 .sch-card.red {
     border-color: #3db496;
     background: linear-gradient(135deg, #fff, #3db49626);
 }
 .sch-card.blue {
     border-color: #1a4f98;
     background: linear-gradient(135deg, #fff, #1a4f981f);
 }
 .sch-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 12px 28px rgba(0, 0, 0, .1)
 }
 .sch-head {
     display: flex;
     align-items: center;
     margin-bottom: 10px
 }
 .sch-icon {
     width: 48px;
     height: 48px;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 20px;
     flex-shrink: 0
 }
 .red .sch-icon {
     background: #3db496
 }
 .blue .sch-icon {
     background: #1a4f98
 }
 .sch-head h6 {
     font-weight: 700;
     margin-bottom: 0;
     text-align: left;
 }
 .red h6 {
     color: #3db496
 }
 .blue h6 {
     color: #1a4f98
 }
 .sch-card p {
     font-size: 14px;
     color: #555;
     margin-bottom: 0
 }
 .srixkk {
     margin: 0;
     background: linear-gradient(44deg, rgba(35, 70, 138, 1) 11%, rgba(21, 27, 68, 1) 100%);
     color: white;
     display: flex;
     justify-content: center;
     padding: 40px 20px;
 }
 .wrapper {
     max-width: 1000px;
     width: 100%;
 }
 /* Hero Section - Neat Split */
 .hero {
     display: grid;
     grid-template-columns: 1.2fr 1fr;
     gap: 40px;
     align-items: center;
     margin-bottom: 60px;
 }
 .hero-text h1 {
     font-size: 50px;
     font-weight: 900;
     line-height: 1.2;
     font-family: 'Bahnschrift';
 }
 .hero-text p {
     color: #fff;
     font-size: 1rem;
     line-height: 1.5;
     margin-bottom: 20px;
 }
 .hero-text .yellow-line {
     height: 2px;
     width: 50px;
     background: #00a859;
 }
 .image-placeholder {
     width: 100%;
     height: 280px;
     background: rgba(255, 255, 255, 0.05);
     border-radius: 15px;
     border: 1px dashed rgba(255, 255, 255, 0.2);
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
 }
 .image-placeholder img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 /* Compact Stats Grid */
 .stats-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 15px;
 }
 .stat-item {
     /*background: linear-gradient(117deg, #096dd9, #0000002e); */
     background: linear-gradient(117deg, #ffffff, #ffffffad);
     padding: 20px 15px;
     border-radius: 12px;
     border: 10px solid rgba(255, 255, 255, 0.1);
     text-align: center;
     transition: 0.3s;
 }
 .stat-item:hover {
     border-color: #00a859;
     transform: translateY(-3px);
 }
 .stat-item i {
     color: #00a859;
     font-size: 1.2rem;
     margin-bottom: 10px;
 }
 .stat-item h2 {
     font-size: 25px;
     margin: 5px 0;
     font-weight: bold;
     color: #000;
 }
 .stat-item p {
     font-size: 17px;
     color: #000;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin: 0;
 }
 /* Responsive */
 @media (max-width: 850px) {
     .hero {
         grid-template-columns: 1fr;
         text-align: center;
     }
     .stats-grid {
         grid-template-columns: repeat(2, 1fr);
     }
     .hero-text p {
         margin-left: auto;
         margin-right: auto;
     }
 }
 /* SECTION BACKGROUND (OPTIONAL) */
 .campus_first_img {
     height: 350px;
     border-radius: 10px 5px 0px 0px;
     object-fit: cover;
 }
 /* COMMON IMAGE CONTAINER */
 .img-box {
     position: relative;
     overflow: hidden;
     border-radius: 14px;
     background: #eee;
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
 }
 /* IMAGE STYLE */
 .img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 14px;
     transition: transform 0.6s ease;
 }
 /* ZOOM EFFECT */
 .img-box:hover img {
     transform: scale(1.12);
 }
 /* SIZE VARIANTS */
 .img-box-sm {
     height: 160px;
 }
 .img-box-lg {
     height: 100%;
     min-height: 340px;
 }
 /* GRID / TABLE STYLE */
 .tab-pane .row>div {
     padding: 8px;
 }
 /* NAV TABS ENHANCEMENT */
 .campus-tabs .nav-link {
     font-weight: 600;
     color: #555;
     font-size: 17px;
 }
 .campus_life .tab-content {
     padding-top: 10px;
 }
 .campus-tabs .nav-link.active {
     background: #3db496;
     border-bottom: 3px solid #0a5247;
     color: #fff;
 }
 /* RESPONSIVE */
 @media (max-width: 992px) {
     .img-box {
         border-radius: 2px;
     }
     /* IMAGE STYLE */
     .img-box img {
         border-radius: 2px;
     }
     .img-box-sm {
         height: 190px;
     }
     .img-box-lg {
         min-height: 260px;
     }
     .campus-tabs .campus-item {
         font-size: 10px;
         flex: 1 1 calc(50% - 10px);
         text-align: center;
     }
     .campus_first_img {
         height: 180px;
         border-radius: 10px 5px 0px 0px;
         object-fit: cover;
     }
     .tab-pane .row>div {
         padding: 8px 5px;
         padding-right: 10px;
         padding-left: 10px;
     }
     campus-tabs .nav-link {
         font-size: 14px;
     }
 }
 /* Modern Two-Tone Background */
 .bg-half-tone {
     padding: 80px 0;
     /* Top half light blue, bottom half white */
 }
 /* Modern Floating Card */
 .about-card {
     padding: 45px 24px;
     background: #ffffff;
     border: none;
     border-radius: 20px;
     box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1);
     overflow: hidden;
 }
 .red-divider {
     width: 60px;
     height: 4px;
     background: #00a859;
     margin: 15px 0 25px 0;
 }
 /* Typography tweaks */
 .text-blue {
     color: #005696;
 }
 .font-weight-800 {
     font-weight: 800;
 }
 /* Responsive Video */
 .embed-responsive-16by9 {
     border-radius: 10px;
     /*box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);*/
 }
 /* Mobile adjustments */
 @media (max-width: 768px) {
     .bg-half-tone {
         background: #e3f2fd;
         padding: 40px 0;
     }
     .display-4 {
         font-size: 2.2rem;
     }
 }
 /* The Modern Logo Card */
 .logo-card {
     background: #ffffff;
     border-radius: 10px;
     padding: 10px;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 130px;
     transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     /* Softest shadow for "clean" look */
     border: 1px solid #f1f1f1;
     box-shadow: 0 0 20px rgb(0 0 0 / 17%);
     border-radius: 5px;
 }
 .partner-logo {
     max-width: 100%;
     max-height: 100px;
     object-fit: contain;
     opacity: 1;
     transition: all 0.4s ease;
 }
 /* Interaction Effects */
 .logo-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(0, 86, 150, 0.1);
     border-color: #005696;
 }
 .logo-card:hover .partner-logo {
     filter: grayscale(0%);
     /* Returns color on hover */
     opacity: 1;
     transform: scale(1.05);
 }
 /* Mobile Tweak */
 @media (max-width: 576px) {
     .logo-card {
         height: 100px;
         padding: 15px;
     }
     .display-4 {
         font-size: 2rem;
     }
 }
 .custom-close {
     position: absolute;
     top: -25px;
     right: 00px;
     width: 40px;
     height: 40px;
     background: red !important;
     color: #fff;
     border-radius: 50%;
     font-size: 25px;
     border: none;
     z-index: 100;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: 0.3s;
     opacity: 1 !important;
 }
 .custom-close:hover {
     background: #e6e6e6;
     transform: scale(1.1);
 }
 section {
     overflow-x: hidden;
 }
 html {
     scroll-behavior: smooth
 }
 body {
     font-family: "Centrale Sans";
 }
 .container {
     max-width: 1368px
 }
 .header {
     padding: 12px 0;
     -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 13%);
     box-shadow: 0 0 10px rgb(0 0 0 / 13%)
 }
 .header img {
     max-height: 65px
 }
 /*.navbar {*/
 /*    text-transform: uppercase;*/
 /*    font-size: 13px;*/
 /*    font-weight: 600;*/
 /*    padding: 0*/
 /*}*/
 a.video {
     float: left;
     position: relative
 }
 a.video span {
     width: 100%;
     height: 100%;
     position: absolute;
     background: url(https://apply.piet.co.in/img/overlay-icon.png) no-repeat;
     background-position: 50% 50%
 }
 .ico_grp {
     text-align: center;
 }
 #apply-btn {
     color: #ac0d3e;
     border: 1px solid #be0c0d;
     padding: 9px 30px;
     border-radius: 50px;
     font-weight: 600;
     font-size: 13px;
     text-transform: uppercase;
     text-decoration: none
 }
 #apply-btn:hover {
     background: #ac0e3f;
     color: #fff
 }
 a:link {
     text-decoration: none
 }
 .footer {
     background: #1a4f98;
     padding: 40px 0
 }
 .site-info {
     background: #fdf8f9;
     padding: 20px 0;
     border-top: 1px solid #dfdfdf
 }
 .site-info p {
     margin-bottom: 0;
     font-size: 13px;
     font-weight: 500
 }
 #navbar {
     overflow: hidden;
     z-index: 99999;
     background: #fff;
     border-bottom: 0;
     -webkit-box-shadow: 1px 4px 14px rgb(0 0 0 / 15%);
     box-shadow: 1px 6px 20px rgb(0 0 0 / 4%)
 }
 .content {
     padding: 16px
 }
 .sticky {
     position: fixed;
     top: 0;
     width: 100%
 }
 .sticky+.content {
     padding-top: 60px
 }
 .navbar-light .navbar-nav .nav-link {
     color: #174f90;
     font-weight: 600;
     font-size: 14px;
     text-transform: uppercase;
     border-bottom: 3px solid transparent
 }
 .navbar-light .navbar-nav .nav-link:hover {
     color: #174f90;
     border-bottom: 3px solid #f59935
 }
 .navbar-toggler {
     border-radius: 5px;
     background: #fff
 }
 .navbar-toggler:focus,
 .navbar-toggler:hover {
     outline: 0
 }
 .footer_social a {
     font-size: 25px;
     padding: 0 10px
 }
 .footer_social {
     margin-bottom: 0;
     padding-top: 25px
 }
 .footer_social .fa {
     color: #000
 }
 #myBtn {
     display: none;
     position: fixed;
     bottom: 20px;
     right: 30px;
     z-index: 99;
     font-size: 18px;
     border: none;
     outline: 0;
     background-color: #f59935;
     color: #f59935;
     cursor: pointer;
     padding: 10px 40px;
     border-radius: 50px;
     font-weight: 600;
     -webkit-box-shadow: 1px 4px 14px rgb(0 0 0 / 15%);
     box-shadow: 1px 4px 14px rgb(0 0 0 / 15%)
 }
 button:focus {
     outline: 0 !important
 }
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active {
     color: #fff;
     background: #174f90;
     border: 1px solid #174f90
 }
 .btn-primary:focus {
     box-shadow: 0 0 0 .2rem rgb(0 123 255 / 0%)
 }
 .fa-whatsapp {
     color: #25d366;
     padding: 0px 5px;
 }
 @media (max-width: 768px) {
     .ico_grp {
         border: 3px solid #00a859;
     }
     .campus-tabs .nav-link {
         font-size: 15px;
     }
 }
 @media (max-width:480px) {
     .header img {
         max-height: 45px
     }
     .testimonials .item {
         height: auto !important
     }
     .testimonials img {
         padding: 2px
     }
     .about {
         padding: 10px 0 !important
     }
     .info_colla {
         padding: 70px 20px !important
     }
     .programme-offered {
         padding-bottom: 0 !important
     }
     .study-india {
         margin-bottom: 40px !important
     }
     .ico_grp {
         padding: 35px 0 !important;
     }
     .specializations {
         padding-top: 30px
     }
     .specializations .container {
         border-radius: 0 !important
     }
     .prg_info {
         padding: 25px !important
     }
     .info-re {
         padding: 8px !important
     }
     .navbar-light .navbar-nav .nav-link:hover {
         border-bottom: 3px solid #f5993500
     }
 }
 @media (max-width:768px) {
     #mobile_blk {
         background: #415a5d
     }
     .programme-offered {
         padding-bottom: 0 !important
     }
     .study-india {
         margin-bottom: 40px !important
     }
     .ico_grp {
         padding: 25px 0 !important;
         border: 3px solid #00a859;
         text-align: center !important;
     }
     .specializations {
         padding-top: 30px
     }
     .specializations .container {
         border-radius: 0 !important
     }
     .prg_info {
         padding: 25px !important
     }
     .placements h4 {
         text-align: center !important;
         padding: 30px 0
     }
     .info_image img {
         border-radius: 0 !important
     }
     .info_about {
         padding: 0 20px !important
     }
     .info_placement {
         padding: 23px !important
     }
     .text_box {
         margin-top: 20px
     }
     .specializations .container {
         box-shadow: none !important
     }
     #mobile_blk img {
         display: block !important
     }
 }
 @media (min-width:768px) {
     .about {
         padding: 35px 0 !important
     }
     #mobile_blk {
         display: block;
     }
 }
 .text {
     padding: 18px;
     line-height: 1.7em;
     position: relative;
     font-size: 17px;
     color: #fff
 }
 .owl-nav {
     position: absolute;
     top: -50px;
     margin-bottom: 34px;
     right: 0
 }
 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev,
 .owl-carousel button.owl-dot {
     font-size: 23px !important
 }
 .owl-theme .owl-nav {
     margin-top: 0 !important
 }
 .owl-theme .owl-nav [class*=owl-] {
     margin: 5px;
     padding: 0 7px;
     background: #d6d6d6
 }
 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev,
 .owl-carousel button.owl-dot {
     padding-right: 7px !important;
     padding-left: 7px !important
 }
 .owl-next span {
     padding-right: 12px !important;
     padding-left: 12px !important;
     background: #d6d6d6 !important;
     padding: 5px;
     border-radius: 4px
 }
 .owl-prev span {
     padding-right: 12px !important;
     padding-left: 12px !important;
     background: #d6d6d6 !important;
     padding: 5px;
     border-radius: 4px
 }
 h3:before {
     display: block;
     content: '';
     position: absolute;
     margin: 0 auto;
     top: 0;
     width: 45px;
     height: 6px;
     background: #f59935;
     border-radius: 8px
 }
 h3 {
     font-size: 30px !important;
     font-weight: 700 !important;
     color: #174f90;
     padding-top: 15px
 }
 @media (max-width:768px) {
     h3 {
         font-size: 27px !important;
         font-weight: 500px !important
     }
     .video2 i {
         width: 50px;
         display: flex;
         align-items: center;
         justify-content: center;
         height: 50px;
         top: 25px;
         border-radius: 50%;
         background-color: red;
         color: #fff;
         position: relative;
         box-shadow: rgba(185, 186, 187, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 2px 6px 2px;
         animation: shadow-pulse 1s infinite;
         font-size: 25px
     }
 }
 .info {
     font-weight: 500;
     font-size: 15px;
     color: #999
 }
 .info_placement {
     border-radius: 6px;
     background: #fff;
     padding: 30px;
     -webkit-box-shadow: 1px 4px 14px rgb(0 0 0 / 15%);
     box-shadow: 1px 4px 14px rgb(0 0 0 / 15%);
     margin: 10px 0
 }
 .placements {
     padding: 0px 0px 60px 0px
 }
 .fee_structure {
     background: #fdf9fa;
     padding: 60px 0
 }
 .fee_structure h3:before {
     left: 0;
     right: 0
 }
 .info_image img {
     display: block;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 10px
 }
 .navbar-light .navbar-toggler {
     border: 1px solid transparent !important
 }
 .programme-offered h3 {
     text-align: center
 }
 .programme-offered h3:before {
     left: 0;
     right: 0
 }
 .nav-pills .nav-link.active {
     color: #fff;
     font-weight: 600;
     background-color: #174f90;
     border: 1px solid #252525;
     border-radius: 6px;
     padding: 6px 25px;
     font-size: 16px
 }
 .nav-pills .nav-link {
     color: #656565;
     font-weight: 500;
     background-color: #ffffff00;
     border: 1px solid #f59935;
     border-radius: 6px;
     padding: 6px 25px;
     font-size: 16px;
     margin-left: 2px
 }
 #pills-tab {
     display: flex;
     justify-content: center;
     flex-direction: row;
     padding-top: 35px
 }
 .study-india {
     margin-bottom: 40px !important
 }
 .tab-content h4 {
     font-size: 16px;
     font-weight: 600;
     color: #174f90;
     padding-bottom: 20px
 }
 .tab-content p {
     font-size: 15px;
     font-weight: 500;
     padding: 4px 0;
     margin: 0;
     border-bottom: 1px solid #dadada;
     color: #656565
 }
 .tab-content {
     padding-top: 30px
 }
 .prg_info {
     padding: 40px
 }
 .collaborations h2 {
     font-weight: 700;
     font-size: 70px;
     color: #fff
 }
 .collaborations {
     background: linear-gradient(to top, #3db496, #1a4f98), url(https://apply.piet.co.in/img/dual-degree-bg.webp) no-repeat top center;
     height: 100%
 }
 .collaborations p {
     color: #fff;
     font-weight: 600;
     margin: 0;
     font-size: 20px
 }
 .info_colla {
     position: relative;
     z-index: 2;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 100%;
     padding: 35px 20px
 }
 .about {
     padding: 50px 0;
     font-weight: 500;
     line-height: 30px
 }
 .top_recurters h3:before {
     left: 0;
     right: 0
 }
 .top_recurters h3 {
     text-align: center;
     padding-bottom: 5px
 }
 .info-re img {
     width: 100%
 }
 .info-re {
     padding: 40px 0;
     -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 17%);
     box-shadow: 0 0 20px rgb(0 0 0 / 17%);
     padding: 15px;
     border-radius: 5px;
     margin: 15px 0
 }
 .testimonials {
     padding: 70px 0 0 0;
 }
 .testimonials h4 {
     font-size: 20px;
     font-weight: 600
 }
 .testimonials .design {
     font-weight: 500
 }
 .testimonials .owl-carousel {
     padding: 5px 0
 }
 .testimonials .item {
     background: #fff;
     padding: 5px;
     margin: 10px
 }
 .testimonials img {
     border-radius: 10px
 }
 .owl-theme .owl-dots .owl-dot span {
     margin: 5px -3px !important
 }
 .testimonial-item {
     padding-right: 3rem !important
 }
 .testimonial-carousel,
 .testimonial-carousel2,
 .testimonial-carousel3,
 .testimonial-carousel4,
 .testimonial-carousel5 {
     position: relative
 }
 .testimonial-carousel .owl-nav,
 .testimonial-carousel2 .owl-nav,
 .testimonial-carousel3 .owl-nav,
 .testimonial-carousel4 .owl-nav,
 .testimonial-carousel5 .owl-nav {
     position: absolute;
     width: 40px;
     height: 100%;
     top: calc(50% - 50px);
     right: -21px;
     display: flex;
     flex-direction: column;
     align-items: center
 }
 .testimonial-carousel .owl-nav .owl-next,
 .testimonial-carousel .owl-nav .owl-prev,
 .testimonial-carousel2 .owl-nav .owl-next,
 .testimonial-carousel2 .owl-nav .owl-prev,
 .testimonial-carousel3 .owl-nav .owl-next,
 .testimonial-carousel3 .owl-nav .owl-prev,
 .testimonial-carousel4 .owl-nav .owl-next,
 .testimonial-carousel4 .owl-nav .owl-prev,
 .testimonial-carousel5 .owl-nav .owl-next,
 .testimonial-carousel5 .owl-nav .owl-prev,
 .owl-placements .owl-nav .owl-next,
 .owl-placements .owl-nav .owl-prev {
     margin: 5px 0;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     background: #39bb9d;
     border: 1px solid #fff;
     border-radius: 40px;
     font-size: 18px;
     transition: .5s
 }
 .testimonial-carousel .owl-nav .owl-next:hover,
 .testimonial-carousel .owl-nav .owl-prev:hover,
 .testimonial-carousel2 .owl-nav .owl-next:hover,
 .testimonial-carousel2 .owl-nav .owl-prev:hover,
 .testimonial-carousel3 .owl-nav .owl-next:hover,
 .testimonial-carousel3 .owl-nav .owl-prev:hover,
 .testimonial-carousel4 .owl-nav .owl-next:hover .testimonial-carousel5 .owl-nav .owl-prev:hover,
 .testimonial-carousel4 .owl-nav .owl-prev:hover,
 .testimonial-carousel5 .owl-nav .owl-next:hover {
     background: var(--primary);
     color: #fff
 }
 .testimonial-carousel .owl-dots,
 .testimonial-carousel2 .owl-dots,
 .testimonial-carousel3 .owl-dots,
 .testimonial-carousel4 .owl-dots,
 .testimonial-carousel5 .owl-dots {
     margin-top: 35px;
     margin-left: 3rem
 }
 .testimonial-carousel .owl-dot,
 .testimonial-carousel2 .owl-dot,
 .testimonial-carousel3 .owl-dot,
 .testimonial-carousel4 .owl-dot,
 .testimonial-carousel5 .owl-dot {
     position: relative;
     display: inline-block;
     margin-right: 10px;
     width: 15px;
     height: 15px;
     background: #fff;
     border: 1px solid var(--primary);
     border-radius: 15px;
     transition: .5s
 }
 .testimonial-carousel .owl-dot.active,
 .testimonial-carousel2 .owl-dot.active,
 .testimonial-carousel3 .owl-dot.active,
 .testimonial-carousel4 .owl-dot.active,
 .testimonial-carousel5 .owl-dot.active {
     width: 30px;
     background: var(--primary)
 }
 #placements .logo-pool {
     margin-top: 130px;
 }
 #placements .logo-pool .row .col-md-12 {
     margin-top: -129px;
 }
 .video i {
     width: 100px;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100px;
     border-radius: 50%;
     background-color: var(--main-color);
     color: #fff;
     position: relative;
     margin-right: 20px;
     animation: shadow-pulse 1s infinite
 }
 .video {
     display: inline-block
 }
 .video a {
     display: flex;
     color: #fff;
     font-size: 20px;
     align-items: center;
     font-weight: 700
 }
 .video a:hover {
     color: var(--main-color)
 }
 #placements,
 #testimonial {
     padding-top: 60px !important
 }
 .video2 i {
     width: 70px;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 70px;
     border-radius: 50%;
     background-color: red;
     color: #fff;
     position: relative;
     box-shadow: rgba(185, 186, 187, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 2px 6px 2px;
     animation: shadow-pulse 1s infinite;
     font-size: 25px
 }
 .video2 {
     display: inline-block;
     position: absolute;
     bottom: 45%;
     left: 45%
 }
 .video2 a {
     display: flex;
     color: #fff;
     font-size: 20px;
     align-items: center;
     font-weight: 700
 }
 .video2 a:hover {
     color: var(--main-color)
 }
 .owl-placements .owl-nav {
     position: absolute;
     width: 40px;
     height: 100%;
     top: calc(50% - 50px);
     right: 0px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 @media (max-width:768px) {
     .training-wrapper {
         padding: 23px 0px
     }
     .course-card {
         padding: 8px
     }
     .section-header2 h1,
     .section-header h1 {
         font-size: 29px;
     }
     .section-header h1 {
         font-size: 27px;
     }
     .course-card h4 {
         font-size: 18px;
     }
     .percent-badge {
         font-size: 10px;
         padding: 4px 5px;
         top: -7px;
     }
     .navbar {
         padding: 10px 15px;
     }
     .hero-text h1 {
         font-size: 32px;
     }
     .hero-text .yellow-line {
         margin: auto;
         text-align: center;
     }
 }
 /*gallery*/
 .photo-gallery .item a img {
     opacity: 1;
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
 }
 .photo-gallery .item a:hover img {
     opacity: .5;
 }
 .photo-gallery {
     color: #1c5099;
 }
 /*gallery*/
 @media (min-width: 1200px) {
     .photo-gallery .owl-nav,
     .photo-gallery .owl-dots,
     .usps .owl-dots {
         display: none
     }
     .photo-gallery .intro {
         max-width: 750px;
         margin: 0 auto 20px;
     }
     .photo-gallery {
         padding: 65px 0 25px 0
     }
 }