/* =========================================================
   RIMRD Homepage — MIT ADT University inspired design
   Visual redesign only; does not alter page copy.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Raleway:wght@400;500;600;700;800&display=swap');

:root {
  --mit-purple: #512a74;
  --mit-purple-deep: #2c0a4f;
  --mit-purple-mid: #3c1164;
  --mit-purple-light: #761b89;
  --mit-purple-soft: #8c5ca0;
  --mit-magenta: #9f008f;
  --mit-pink: #cf0c6a;
  --mit-orange: #e87f37;
  --mit-orange-deep: #dd7228;
  --mit-orange-bright: #ff9100;
  --mit-gold: #ffcb50;
  --mit-lavender: #cfa2f7;
  --mit-border: #aa85c1;
  --mit-text: #2f2f2f;
  --mit-muted: #707070;
  --mit-bg: #f7f3fb;
  --mit-white: #ffffff;
  --mit-radius: 18px;
  --mit-radius-lg: 30px;
  --mit-shadow: 0 10px 28px rgba(44, 10, 79, 0.14);
  --mit-font: 'Montserrat', 'Raleway', Arial, Helvetica, sans-serif;
  --mit-display: 'Raleway', 'Montserrat', Arial, Helvetica, sans-serif;
}

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

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: auto;
}

body.tg-home,
body.tg-homeversion,
body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--mit-font) !important;
  font-size: 14px !important;
  color: var(--mit-text) !important;
  background: var(--mit-bg) !important;
  background-image: none !important;
  line-height: 1.6 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  width: 100% !important;
  max-width: 100vw !important;
  height: auto !important;
  position: static !important;
}

#tg-wrapper.tg-wrapper {
  background: transparent !important;
  overflow: visible !important; /* allow menu dropdowns to overlay slider */
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  position: relative !important;
}

/* Kill Bootstrap navbar-collapse inner scrollbar / blank panel */
#tg-header .navbar-collapse,
#tg-navigation.navbar-collapse,
#tg-navigation.collapse {
  max-height: none !important;
  overflow: visible !important;
}

a {
  transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

img {
  max-width: 100%;
  height: auto;
}

embed,
iframe,
video,
object {
  max-width: 100%;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

[class*="col-"] {
  position: relative;
  min-height: 1px;
}

/* ---------- Header (included file) ---------- */
.tg-header,
header.tg-header,
.tg-header .tg-navigationarea,
.tg-navigationarea {
  background: linear-gradient(180deg, var(--mit-purple-mid) 0%, var(--mit-purple-light) 100%) !important;
  background-image: linear-gradient(180deg, #3c1164 0%, #761b89 50%) !important;
  border: none !important;
  box-shadow: 0 4px 18px rgba(44, 10, 79, 0.35) !important;
  position: relative !important;
  top: auto !important;
  overflow: visible !important;
}

#tg-header.tg-header {
  z-index: 200 !important;
  position: relative !important;
}

.tg-header a,
.tg-nav ul li a,
.navbar-nav > li > a,
.tg-navigation ul li a {
  color: #e8e0ed !important;
  font-family: var(--mit-font) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
}

.tg-header a:hover,
.tg-nav ul li a:hover,
.navbar-nav > li > a:hover {
  color: var(--mit-gold) !important;
}

.tg-logo img,
.logo img {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25));
}

/* ---------- Home hero slider (Bootstrap carousel) ---------- */
.mit-slider-wrap {
  width: 100%;
  max-width: 1240px;
  margin: 16px auto 0;
  padding: 0 16px;
  box-sizing: border-box;
  position: relative;
  z-index: 1; /* below header menus */
  overflow: hidden;
}

.mit-home-slider,
#rimrdHomeSlider {
  width: 100%;
  margin: 0;
  border-radius: var(--mit-radius-lg) var(--mit-radius-lg) 0 0;
  overflow: hidden;
  box-shadow: var(--mit-shadow);
  background: #111;
  position: relative;
  z-index: 1;
}

.mit-home-slider .carousel-inner {
  width: 100%;
  height: clamp(180px, 38vw, 500px);
  background: #111;
  overflow: hidden;
}

.mit-home-slider .carousel-inner > .item {
  height: clamp(180px, 38vw, 500px);
  background: #111;
}

.mit-home-slider .carousel-inner > .item > img {
  width: 100% !important;
  height: clamp(180px, 38vw, 500px) !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 auto;
}

.mit-home-slider .carousel-control {
  background-image: none !important;
  width: 48px;
  opacity: 0.95;
  text-shadow: none;
}

.mit-home-slider .carousel-control .glyphicon {
  width: 42px;
  height: 42px;
  margin-top: -21px;
  font-size: 18px;
  line-height: 42px;
  background: linear-gradient(220deg, #931abf 0%, #cf0c6a 90%);
  border-radius: 50%;
  color: #fff;
}

.mit-home-slider .carousel-control.left .glyphicon {
  left: 12px;
  margin-left: 0;
}

.mit-home-slider .carousel-control.right .glyphicon {
  right: 12px;
  margin-right: 0;
}

.mit-home-slider .carousel-indicators {
  bottom: 12px;
  margin-bottom: 0;
  z-index: 5;
}

.mit-home-slider .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  border: 2px solid #fff;
  background: transparent;
  border-radius: 50%;
}

.mit-home-slider .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0 4px;
  background: linear-gradient(220deg, #ff9100 0%, #9f008f 90%);
  border-color: transparent;
}
/* ---------- Announcement ticker (MIT NEW strip) ---------- */
.mit-announce-strip,
.tg-widgettitle[style*="background: #0a63a0"],
.tg-widgettitle[style*="background:#0a63a0"] {
  background: linear-gradient(90deg, var(--mit-purple-deep) 0%, var(--mit-purple) 55%, #9f008f 100%) !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  border: none !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center;
  gap: 14px;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  clear: both;
  width: 100%;
  float: none !important;
}

.mit-announce-strip h3,
.tg-widgettitle h3 {
  margin: 0 !important;
  flex: 1;
  min-width: 0;
}

.mit-announce-strip .btn,
.tg-widgettitle .btn,
.tg-widgettitle .btn-default {
  background: linear-gradient(220deg, #ff9100 0%, #9f008f 90%) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 8px 16px !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(159, 0, 143, 0.35);
}

.mit-announce-strip .btn:hover,
.tg-widgettitle .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(232, 127, 55, 0.4);
}

.marq1,
.tg-widgettitle marquee,
.tg-widgettitle a {
  color: #fff !important;
  font-family: var(--mit-font) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  position: static !important;
  margin: 0 !important;
}

.tg-widgettitle h3 {
  text-shadow: none !important;
  font-family: var(--mit-font) !important;
}

/* ---------- Main content grid ---------- */
.mit-home-grid {
  max-width: 1240px;
  margin: 28px auto 0;
  padding: 0 16px 10px;
  display: block;
  clear: both;
  overflow: hidden;
}

.mit-home-grid::after {
  content: "";
  display: table;
  clear: both;
}

/* News / Admission widgets — MIT card style */
.tg-widget.tg-widgetdepartments {
  background: var(--mit-white) !important;
  border: none !important;
  border-radius: var(--mit-radius) !important;
  overflow: hidden;
  box-shadow: var(--mit-shadow) !important;
  margin-bottom: 22px !important;
}

.tg-siderbar .tg-widget .tg-widgettitle,
.tg-widgettitle {
  background: linear-gradient(220deg, #ff9100 0%, #9f008f 90%) !important;
  padding: 14px 18px !important;
  border: none !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tg-widgettitle i,
.tg-widgettitle .fa {
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
  font-size: 20px !important;
}

.tg-widgettitle span {
  color: #fff !important;
  font-family: var(--mit-display) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: 0.02em;
}

.tg-widgetcontent {
  background: #fff !important;
  padding: 12px 8px 12px 14px !important;
  border: none !important;
  height: auto !important;
  min-height: 360px;
  max-height: 420px;
}

.tg-widgetcontent ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 8px 0 0 !important;
}

.tg-widgetcontent ul li {
  padding: 10px 8px 10px 0 !important;
  border-bottom: 1px dashed #c68fea !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

.tg-widgetcontent ul li:last-child {
  border-bottom: none !important;
}

.tg-widgetcontent ul li a {
  color: var(--mit-purple) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.tg-widgetcontent ul li a:hover {
  color: var(--mit-orange-deep) !important;
}

.tg-widgetcontent img[src*="new1.gif"] {
  width: 22px !important;
  height: 22px !important;
  margin-right: 6px;
  vertical-align: middle;
}

.newsPadding {
  padding-left: 0 !important;
  padding-right: 10px !important;
  float: left;
}

.col-lg-9.col-sm-7 > .tg-main-section .container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.col-lg-9.col-sm-7 img.img-responsive,
.col-lg-8 img[src*="Admissions"],
.mit-home-grid img.img-responsive {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: cover;
  border-radius: var(--mit-radius) !important;
  margin-top: 0 !important;
  box-shadow: var(--mit-shadow);
}

.col-lg-4.pull-right.webcontent,
.col-lg-4.webcontent {
  height: auto !important;
  padding-right: 0 !important;
  float: right;
}

.col-lg-4 .tg-siderbar,
.mit-home-grid .tg-siderbar {
  width: 100% !important;
  max-width: 100% !important;
}

.mit-section-wrap {
  width: 100%;
  max-width: 1240px;
  margin: 36px auto !important;
  padding: 0 16px;
  float: none !important;
  clear: both;
  box-sizing: border-box;
}

.mit-section-wrap .container,
.curriculum-section.container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}

/* ---------- Tabs (Tuition Fee) ---------- */
.nav-tabs {
  border: none !important;
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px !important;
  flex-wrap: wrap;
}

.nav-tabs > li {
  float: none !important;
  margin: 0 !important;
}

.nav-tabs > li > a {
  background: #fff !important;
  border: 2px solid var(--mit-border) !important;
  border-radius: 999px !important;
  color: var(--mit-purple) !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  margin: 0 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover {
  background: linear-gradient(220deg, #931abf 0%, #cf0c6a 90%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.tab-content {
  background: #fff;
  border-radius: var(--mit-radius);
  padding: 12px;
  box-shadow: var(--mit-shadow);
}

.tab-content img {
  border-radius: 12px;
}

/* ---------- Distinct Advantages (Why MIT style cards) ---------- */
.orange-box {
  background: linear-gradient(160deg, var(--mit-purple) 0%, var(--mit-purple-deep) 100%) !important;
  color: #fff !important;
  padding: 22px 16px !important;
  margin-bottom: 16px !important;
  border-radius: 16px !important;
  text-align: center !important;
  font-weight: 600 !important;
  min-height: 110px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  box-shadow: 0 8px 22px rgba(81, 42, 116, 0.28);
  border-top: 4px solid var(--mit-orange) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.orange-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(232, 127, 55, 0.28);
  background: linear-gradient(160deg, #761b89 0%, #512a74 100%) !important;
}

div[style*="background-color: #fffaf3"] {
  background: #fff !important;
  border-radius: var(--mit-radius-lg) !important;
  box-shadow: var(--mit-shadow) !important;
  padding: 2.2rem !important;
  border: 1px solid rgba(170, 133, 193, 0.35);
}

h4[style*="color: #aa0000"],
.curriculum-title {
  color: var(--mit-purple) !important;
  font-family: var(--mit-display) !important;
  font-weight: 800 !important;
  font-size: 1.85rem !important;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

h4[style*="color: #aa0000"]::after,
.curriculum-title::after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin: 10px auto 0;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--mit-orange-bright), var(--mit-magenta));
}

/* ---------- Curriculum ---------- */
.curriculum-section {
  background: #fff !important;
  padding: 2.2rem !important;
  border-radius: var(--mit-radius-lg) !important;
  box-shadow: var(--mit-shadow) !important;
  margin-top: 10px;
  border: 1px solid rgba(170, 133, 193, 0.3);
}

.curriculum-subtitle {
  color: var(--mit-muted) !important;
  font-size: 1.05rem !important;
}

.highlight-label {
  background: linear-gradient(220deg, #ff9100 0%, #9f008f 90%) !important;
  color: #fff !important;
  padding: 0.45rem 1.1rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  display: inline-block !important;
  margin-bottom: 1.1rem !important;
  box-shadow: 0 4px 12px rgba(159, 0, 143, 0.25);
}

.domain-box {
  box-shadow: none !important;
  padding: 0.4rem 0.2rem !important;
}

.domain-box li {
  background: linear-gradient(90deg, var(--mit-purple) 0%, #6b3a95 100%) !important;
  color: #fff !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: 10px 0 !important;
  padding: 14px 14px 14px 36px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(81, 42, 116, 0.2);
  transition: transform 0.25s ease, background 0.25s ease;
}

.domain-box li:hover {
  transform: translateX(6px);
  background: linear-gradient(90deg, var(--mit-orange-deep) 0%, var(--mit-magenta) 100%) !important;
}

.domain-box li::before {
  background-color: var(--mit-gold) !important;
  width: 9px !important;
  height: 9px !important;
  left: 14px !important;
}

/* ---------- Section headings (Accreditations / Gallery / Locate) ---------- */
.panel.panel-primary[style*="background-color: #0a62a0"],
.panel.panel-primary[style*="background-color:#0a62a0"],
div[style*="background-color: #0a62a0"],
div[style*="background-color:#0a62a0"] {
  background: linear-gradient(90deg, var(--mit-purple-deep) 0%, var(--mit-purple) 50%, #9f008f 100%) !important;
  border: none !important;
  border-radius: var(--mit-radius) !important;
  padding: 16px 20px !important;
  box-shadow: var(--mit-shadow);
  margin-bottom: 18px;
}

.panel.panel-primary p,
div[style*="background-color: #0a62a0"] p,
div[style*="background-color:#0a62a0"] p {
  color: #fff !important;
  font-family: var(--mit-display) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0 !important;
}

/* ---------- Accreditation cards ---------- */
.col-lg-3 > div[style*="background: white"],
.col-lg-3 > div[style*="background:white"] {
  background: #fff !important;
  border-radius: var(--mit-radius) !important;
  box-shadow: var(--mit-shadow) !important;
  padding: 22px 14px !important;
  min-height: 260px !important;
  margin-bottom: 18px;
  border-top: 4px solid var(--mit-orange);
  transition: transform 0.3s ease;
}

.col-lg-3 > div[style*="background: white"]:hover,
.col-lg-3 > a > div[style*="background: white"]:hover {
  transform: translateY(-6px);
}

.col-lg-3 h5,
.col-lg-3 > a h5 {
  color: var(--mit-purple) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-top: 14px !important;
}

.col-lg-3 img.card-img-top {
  max-height: 120px;
  width: auto !important;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}

/* ---------- Gallery blocks (Campus life cards) ---------- */
.tg-services.tg-servicestyletwo {
  padding: 8px 8px 28px !important;
  max-width: 1240px;
  margin: 0 auto;
}

.tg-services.tg-servicestyletwo > [class*="col-"] {
  margin-bottom: 24px;
}

.tg-services.tg-servicestyletwo > [class*="col-"] > div[style*="background-color:#0a63a0"],
.tg-services.tg-servicestyletwo > [class*="col-"] > div[style*="background-color: #0a63a0"] {
  background: linear-gradient(220deg, #ff9100 0%, #9f008f 90%) !important;
  border-radius: 14px 14px 0 0 !important;
  padding: 4px 8px !important;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tg-services.tg-servicestyletwo h4,
.tg-services.tg-servicestyletwo h4 a,
.facheading a {
  color: #fff !important;
  font-family: var(--mit-display) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin: 8px 0 !important;
  margin-left: 0 !important;
  text-align: center !important;
  display: block;
}

.tg-services.tg-servicestyletwo h4[style],
.tg-services.tg-servicestyletwo h4 a[style] {
  margin-left: 0 !important;
}

.carousel-container {
  background: #fff;
  border-radius: 0 0 14px 14px;
  overflow: hidden;
  box-shadow: var(--mit-shadow);
  border: 1px solid rgba(170, 133, 193, 0.25);
  border-top: none;
}

.carousel-container .carousel-inner img,
.carousel-container img.img-responsive {
  height: 220px !important;
  width: 100% !important;
  object-fit: cover !important;
}

.carousel-control.left,
.carousel-control.right {
  background: linear-gradient(220deg, #931abf 0%, #cf0c6a 90%) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  top: 50% !important;
  margin-top: -18px !important;
  opacity: 0.9 !important;
  text-shadow: none !important;
  line-height: 32px;
  font-size: 22px;
  font-weight: 700;
}

.carousel-control.left {
  left: 8px !important;
}

.carousel-control.right {
  right: 8px !important;
}

/* ---------- Map ---------- */
iframe[src*="google.com/maps"] {
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  border-radius: var(--mit-radius) !important;
  min-height: 320px;
  height: 420px;
}

.modal-body embed,
.modal-body iframe,
.modal embed,
.modal iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: min(70vh, 600px) !important;
  margin-left: 0 !important;
}

.modal-body {
  max-width: 100%;
  overflow-x: auto;
}

.modal-dialog {
  width: auto !important;
  max-width: 920px;
  margin: 20px auto;
}

.modal .carousel-inner img.img-responsive,
.modal img.img-responsive,
.modal img[style*="height:500px"],
.modal img[style*="height: 500px"] {
  height: auto !important;
  max-height: 70vh !important;
  width: 100% !important;
  object-fit: contain !important;
}

.modal-body[style*="height: 600px"],
.modal-body[style*="height:600px"] {
  height: auto !important;
  max-height: 80vh !important;
  overflow: auto !important;
}

div[style*="border:2px solid #00bfff"] {
  border: 2px solid var(--mit-border) !important;
  border-radius: var(--mit-radius-lg) !important;
  background: #fff;
  box-shadow: var(--mit-shadow);
  padding: 12px !important;
  overflow: hidden;
}

/* ---------- Modals ---------- */
.modal-header-primary {
  background: linear-gradient(90deg, var(--mit-purple-deep), var(--mit-purple-light)) !important;
  border: none !important;
}

.modal-content {
  border: none !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(44, 10, 79, 0.35);
}

.modal-title {
  font-family: var(--mit-display) !important;
  font-weight: 700 !important;
}

.btn-primary {
  background: linear-gradient(220deg, #ff9100 0%, #9f008f 90%) !important;
  border: none !important;
}

.btn-warning {
  background: var(--mit-orange) !important;
  border-color: var(--mit-orange) !important;
}

/* Enquiry modal */
.lead-wrapper {
  border-radius: 16px !important;
  box-shadow: none !important;
}

.lead-right h2 {
  color: var(--mit-purple) !important;
  font-family: var(--mit-display) !important;
}

/* ---------- Footer ---------- */
.tg-footer,
footer,
.tg-footerbar,
.tg-footerbottombar {
  background: linear-gradient(180deg, var(--mit-purple-deep) 0%, #1a0533 100%) !important;
  color: #e8e0ed !important;
}

.tg-footer a,
footer a {
  color: var(--mit-lavender) !important;
}

.tg-footer a:hover,
footer a:hover {
  color: var(--mit-gold) !important;
}

/* ---------- Global blue → purple remaps for leftover inline styles ---------- */
[style*="#0a63a0"],
[style*="#0a62a0"],
[style*="#0A63A0"],
[style*="#0A62A0"] {
  /* handled by more specific rules above where possible */
}

/* Utility clearfixes for broken float layout */
.text-center[style*="margin: 5%"] {
  margin: 36px auto !important;
  max-width: 1240px;
  float: none !important;
  clear: both;
  padding: 0 16px;
}

section.tg-main-section {
  padding: 0 !important;
}

/* Soft page rhythm */
.container {
  max-width: 1240px;
}

/* Motion */
@keyframes mitFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

.tg-widget.tg-widgetdepartments,
.orange-box,
.curriculum-section,
.col-lg-3 > div[style*="background: white"],
.carousel-container {
  animation: mitFadeUp 0.7s ease both;
}

/* ---------- Responsive: tablet & below ---------- */
@media (max-width: 1199px) {
  .mit-home-grid,
  .mit-slider-wrap,
  .mit-section-wrap,
  .tg-services.tg-servicestyletwo {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .mit-slider-wrap {
    margin-top: 12px;
    padding: 0;
  }

  .mit-home-slider,
  #rimrdHomeSlider {
    border-radius: 0;
  }

  .mit-home-slider .carousel-inner,
  .mit-home-slider .carousel-inner > .item,
  .mit-home-slider .carousel-inner > .item > img {
    height: clamp(180px, 42vw, 380px) !important;
  }

  .newsPadding,
  .mit-home-grid > [class*="col-"] {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .newsPadding {
    margin-bottom: 18px;
  }

  .col-lg-9.col-sm-7 img.img-responsive,
  .col-lg-8 img[src*="Admissions"] {
    margin-bottom: 16px;
    max-height: none !important;
  }

  .col-lg-4.pull-right.webcontent,
  .col-lg-4.webcontent {
    width: 100% !important;
    float: none !important;
    height: auto !important;
  }

  .tg-widgetcontent {
    min-height: 280px;
    max-height: 360px;
  }

  .mit-announce-strip,
  .tg-widgettitle[style*="background"] {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    gap: 10px;
  }

  .mit-announce-strip .btn,
  .tg-widgettitle .btn {
    width: 100%;
  }

  .nav-tabs > li > a {
    padding: 8px 14px !important;
    font-size: 12px !important;
  }

  iframe[src*="google.com/maps"] {
    min-height: 280px;
    height: 320px;
  }

  .curriculum-title,
  h4[style*="color: #aa0000"] {
    font-size: 1.45rem !important;
  }

  .domain-box li {
    font-size: 1.05rem !important;
  }

  .col-lg-3 > div[style*="background: white"],
  .col-lg-3 > div[style*="background:white"] {
    min-height: 220px !important;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 13px !important;
  }


  .mit-home-grid,
  .mit-section-wrap {
    padding: 0 12px 10px;
    margin-top: 16px;
  }

  .marq1,
  .marq1.mobhide {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    font-size: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
  }

  .mobhide {
    display: block !important;
  }

  .tg-widgettitle {
    flex-wrap: wrap;
  }

  .tg-widgettitle .col-md-2 {
    width: 100%;
    margin-top: 8px;
  }

  .tg-widgettitle span {
    font-size: 16px !important;
  }

  .domain-box li {
    font-size: 0.95rem !important;
    padding: 12px 12px 12px 32px !important;
  }

  .carousel-container .carousel-inner img {
    height: 180px !important;
  }

  .orange-box {
    min-height: 88px !important;
    font-size: 13px !important;
    padding: 16px 12px !important;
  }

  .nav-tabs {
    gap: 6px;
  }

  .nav-tabs > li {
    width: 100%;
  }

  .nav-tabs > li > a {
    width: 100%;
    text-align: center;
  }

  .curriculum-section,
  div[style*="background-color: #fffaf3"] {
    padding: 1.25rem !important;
  }

  .highlight-label {
    font-size: 12px !important;
    white-space: normal;
  }

  .modal-dialog {
    width: 96% !important;
    margin: 12px auto !important;
  }

  .modal-body embed,
  .modal-body iframe {
    height: 55vh !important;
  }

  .lead-left {
    min-height: 220px !important;
  }

  .lead-right {
    padding: 18px !important;
  }

  .lead-right h2 {
    font-size: 1.25rem !important;
  }

  .tg-services.tg-servicestyletwo {
    padding: 8px 4px 20px !important;
  }

  .header-font {
    font-size: clamp(14px, 4.2vw, 20px) !important;
    line-height: 1.3 !important;
  }

  table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 480px) {
  .mit-home-grid,
  .mit-section-wrap {
    padding: 0 8px 8px;
  }

  .tg-widgetcontent {
    min-height: 240px;
    max-height: 300px;
    padding: 10px 6px 10px 10px !important;
  }

  .tg-widgetcontent ul li a {
    font-size: 12px !important;
  }

  .carousel-container .carousel-inner img {
    height: 150px !important;
  }

  .orange-box {
    min-height: 76px !important;
    font-size: 12px !important;
  }

  .curriculum-title {
    font-size: 1.25rem !important;
  }

  .curriculum-subtitle {
    font-size: 0.95rem !important;
  }

  .mit-announce-strip {
    padding: 10px 12px !important;
  }

  iframe[src*="google.com/maps"] {
    min-height: 240px;
    height: 260px;
  }

  .mit-home-slider .carousel-inner,
  .mit-home-slider .carousel-inner > .item,
  .mit-home-slider .carousel-inner > .item > img {
    height: clamp(160px, 48vw, 220px) !important;
  }
}

/* Print / large desktop safety */
@media (min-width: 1400px) {
  .mit-home-grid,
  .mit-slider-wrap,
  .mit-section-wrap,
  .tg-services.tg-servicestyletwo {
    max-width: 1240px;
  }
}