/*
 * MAMTTC MODERN UI
 * Replacement for the old Academia/Bootstrap theme.
 * Mobile-first, responsive and designed for:
 * 320px+ phones, iPhone, Android, tablets, laptops and desktops.
 */

:root{
  --mamt-primary:#0b4f6c;
  --mamt-primary-2:#0e7490;
  --mamt-accent:#f4a62a;
  --mamt-accent-2:#f59e0b;
  --mamt-dark:#102a43;
  --mamt-text:#334e68;
  --mamt-muted:#627d98;
  --mamt-light:#f5f8fb;
  --mamt-white:#ffffff;
  --mamt-border:#d9e2ec;
  --mamt-success:#198754;
  --mamt-danger:#dc3545;
  --mamt-shadow:0 10px 30px rgba(16,42,67,.08);
  --mamt-shadow-lg:0 18px 45px rgba(16,42,67,.13);
  --mamt-radius:14px;
  --mamt-radius-sm:9px;
  --mamt-container:1240px;
  --mamt-transition:all .25s ease;
}

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

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

html,body{min-height:100%}

body{
  margin:0;
  font-family:"Montserrat","Segoe UI",Arial,sans-serif;
  font-size:15px;
  line-height:1.7;
  color:var(--mamt-text);
  background:#fff;
  overflow-x:hidden;
}

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

a{
  color:var(--mamt-primary);
  text-decoration:none;
  transition:var(--mamt-transition);
}

a:hover,
a:focus{
  color:var(--mamt-accent-2);
  text-decoration:none;
}

button,
input,
select,
textarea{
  font:inherit;
}

button{cursor:pointer}

p{margin:0 0 1rem}

h1,h2,h3,h4,h5,h6{
  margin:0 0 1rem;
  color:var(--mamt-dark);
  font-weight:700;
  line-height:1.25;
}

ul,ol{
  margin:0;
  padding:0;
  list-style:none;
}

figure{margin:0}

.container{
  width:min(100% - 32px,var(--mamt-container));
  margin-inline:auto;
}

.row{
  display:flex;
  flex-wrap:wrap;
  margin-inline:-12px;
}

[class*="col-"]{
  width:100%;
  padding-inline:12px;
}

.floatleft{float:left}
.floatright{float:right}
.clear{clear:both}
.fix{overflow:hidden}
.pd0{padding:0!important}
.pdr0{padding-right:0!important}
.pdrl{padding-left:0!important}
.aligncenter{display:block;margin-inline:auto}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}

/* ---------- Accessibility ---------- */
:focus-visible{
  outline:3px solid rgba(244,166,42,.55);
  outline-offset:3px;
}

.skip-link{
  position:fixed;
  left:12px;
  top:-100px;
  z-index:99999;
  padding:10px 16px;
  border-radius:8px;
  background:var(--mamt-dark);
  color:#fff;
}
.skip-link:focus{top:12px}

/* ---------- Header / top information ---------- */
.header_area{
  position:relative;
  z-index:1000;
  padding:16px 0;
  background:#fff;
  border-bottom:1px solid var(--mamt-border);
}

.header_area .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.logo img,
.logo > a img{
  max-height:82px;
  width:auto;
}

.phone_address{
  margin-left:auto;
}

.phone_address p{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px 22px;
  margin:0;
  color:var(--mamt-muted);
  font-size:13px;
}

.phone_address span{
  margin-left:0;
}

.social_icon{
  display:flex;
  align-items:center;
  gap:4px;
  margin:0;
}

.social_icon a{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  color:var(--mamt-primary);
  background:var(--mamt-light);
}

.social_icon a:hover{
  color:#fff;
  background:var(--mamt-primary);
}

/* ---------- Desktop navigation ---------- */
.nav_area{
  position:relative;
  z-index:999;
  background:var(--mamt-dark);
  box-shadow:0 5px 20px rgba(16,42,67,.12);
}

.nav_area .container{
  min-height:58px;
}

.menu > ul{
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
}

.menu ul li{
  position:relative;
  float:none;
}

.menu > ul > li > a{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:58px;
  padding:0 15px;
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.35px;
  text-transform:uppercase;
}

.menu > ul > li > a:hover,
.menu > ul > li:hover > a,
.menu > ul > li.active > a{
  color:#fff;
  background:var(--mamt-primary-2);
}

.menu ul ul{
  position:absolute;
  left:0;
  top:100%;
  width:250px;
  padding:8px;
  background:#fff;
  border:1px solid var(--mamt-border);
  border-radius:0 0 12px 12px;
  box-shadow:var(--mamt-shadow-lg);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:var(--mamt-transition);
  z-index:1001;
}

.menu ul li:hover > ul{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.menu ul ul li{float:none}

.menu ul ul li a{
  display:block;
  padding:10px 12px;
  color:var(--mamt-text);
  font-size:13px;
  font-weight:600;
  text-transform:none;
  border-radius:7px;
}

.menu ul ul li a:hover{
  color:var(--mamt-primary);
  background:var(--mamt-light);
}

.menu ul ul .sub ul{
  top:-9px;
  left:calc(100% + 8px);
  transform:translateX(8px);
}

.menu ul ul .sub:hover > ul{
  transform:translateX(0);
}

.search-box{
  margin-left:auto;
}

.search-box .search-open{
  width:auto;
  margin:0;
}

.search-box .search-open i{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  color:#fff;
  cursor:pointer;
  border-radius:9px;
  line-height:1;
}

.search-box .search-open i:hover{
  background:rgba(255,255,255,.1);
  color:#fff;
}

.search-box input{
  max-width:320px;
  padding:10px 14px;
  border:1px solid var(--mamt-border);
  border-radius:8px;
  outline:0;
}

/* ---------- Mobile menu ---------- */
.mobile_memu_area{
  display:none;
  background:var(--mamt-dark);
}

.mobile_memu{
  width:min(100% - 32px,var(--mamt-container));
  margin:auto;
}

.mean-container .mean-bar{
  background:var(--mamt-dark);
  padding:8px 0;
}

.mean-container a.meanmenu-reveal{
  right:0!important;
  top:10px;
  width:36px;
  height:30px;
  padding:7px 8px;
  border-radius:7px;
  background:var(--mamt-primary);
}

.mean-container .mean-nav{
  margin-top:48px;
  background:var(--mamt-dark);
}

.mean-container .mean-nav ul li a{
  font-size:13px;
  padding:13px 16px;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.1);
}

/* ---------- Generic section system ---------- */
.section{
  padding:76px 0;
}

.section-sm{
  padding:48px 0;
}

.section-muted{
  background:var(--mamt-light);
}

.section-title{
  max-width:760px;
  margin:0 auto 42px;
  text-align:center;
}

.section-title .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:var(--mamt-primary-2);
  font-size:12px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.section-title h2{
  margin-bottom:12px;
  font-size:clamp(28px,4vw,44px);
}

.section-title p{
  margin:0;
  color:var(--mamt-muted);
}

.eyebrow{
  color:var(--mamt-primary-2);
  font-size:12px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.btn,
.readmore,
.read_more,
.read_morea,
.more_read{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 18px;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--mamt-primary);
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  text-transform:none;
  transition:var(--mamt-transition);
}

.btn:hover,
.readmore:hover,
.read_more:hover,
.read_morea:hover,
.more_read:hover{
  color:#fff;
  background:var(--mamt-primary-2);
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(11,79,108,.18);
}

.btn-accent{
  background:var(--mamt-accent);
  color:#1f2933;
}

.btn-accent:hover{
  background:var(--mamt-accent-2);
  color:#1f2933;
}

.btn-outline{
  background:transparent;
  border-color:var(--mamt-primary);
  color:var(--mamt-primary);
}

.btn-outline:hover{
  color:#fff;
  background:var(--mamt-primary);
}

/* ---------- Hero / slider ---------- */
.slide_wrap_area{
  position:relative;
  overflow:hidden;
}

.slider-wrap.home-1-slider{
  height:min(68vh,680px);
  min-height:420px;
}

.nivoSlider,
.nivoSlider img{
  width:100%!important;
  height:100%!important;
}

.nivoSlider img{
  object-fit:cover;
}

.nivo-caption{
  display:flex!important;
  align-items:center;
  height:100%;
  padding:0!important;
  background:linear-gradient(90deg,rgba(7,29,44,.82) 0%,rgba(7,29,44,.48) 52%,rgba(7,29,44,.08) 100%)!important;
  opacity:1!important;
}

.slide-text{
  width:min(100% - 32px,1240px);
  margin:auto;
}

.cap-title h1{
  max-width:850px;
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(34px,5.5vw,72px);
  font-weight:800;
  line-height:1.05;
  text-transform:none;
}

.cap-dec h2{
  max-width:700px;
  margin:0 0 28px;
  color:rgba(255,255,255,.92);
  font-size:clamp(17px,2vw,27px);
  font-weight:500;
}

.cap-readmore a{
  display:inline-flex;
  padding:13px 21px;
  border-radius:8px;
  background:var(--mamt-accent);
  color:#1f2933;
  font-size:14px;
  font-weight:800;
  text-transform:none;
}

.cap-readmore a:hover{
  background:#fff;
  color:var(--mamt-primary);
}

.nivo-directionNav a{
  top:50%;
  transform:translateY(-50%);
}

.home-1-slider i.nivo-prev-icon,
.home-1-slider i.nivo-next-icon{
  width:44px;
  height:44px;
  line-height:42px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(0,0,0,.35);
  border-radius:50%;
}

.nivo-controlNav{
  bottom:18px;
}

.nivo-control{
  width:9px;
  height:9px;
  margin:0 4px;
  border-radius:50%;
  transform:none;
}

.nivo-control.active{
  background:var(--mamt-accent);
}

/* ---------- News / announcement ticker ---------- */
.notice,
.news-ticker,
.mamt-news{
  background:var(--mamt-dark);
  color:#fff;
}

.notice a,
.news-ticker a,
.mamt-news a{
  color:#fff;
}

.notice span,
.news-ticker .label{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 14px;
  margin-right:12px;
  background:var(--mamt-accent);
  color:#1f2933;
  font-weight:800;
}

/* ---------- Cards ---------- */
.met-box,
.module-inner,
.course_item,
.single_news_item,
.apply_area{
  background:#fff;
  border:1px solid var(--mamt-border);
  border-radius:var(--mamt-radius);
  box-shadow:var(--mamt-shadow);
  transition:var(--mamt-transition);
}

.met-box:hover,
.module-inner:hover,
.course_item:hover,
.single_news_item:hover,
.apply_area:hover{
  border-color:#bfd0df;
  box-shadow:var(--mamt-shadow-lg);
  transform:translateY(-3px);
}

.course_item{
  overflow:hidden;
  height:100%;
  margin-bottom:24px;
}

.courses_thumb{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
}

.courses_thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

.course_item:hover .courses_thumb img{
  transform:scale(1.04);
}

.courses_thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.6));
}

.courses_thumb_text{
  top:auto;
  bottom:18px;
  padding:0 20px;
  text-align:left;
  font-size:24px;
  font-weight:800;
  z-index:2;
}

.courses_thumb_text a{color:#fff}

.courses_content{
  padding:22px;
}

.courses_content h2{
  font-size:21px;
}

.courses_content h2 a{
  color:var(--mamt-dark);
}

.courses_content p{
  color:var(--mamt-muted);
}

/* ---------- Messages / about ---------- */
.about_area{
  padding:76px 0;
  background:#fff;
}

.module-title{
  margin-bottom:22px;
  color:var(--mamt-muted);
  font-size:17px;
  font-weight:600;
}

.module-title > span{
  display:block;
  margin-left:0;
  color:var(--mamt-dark);
  font-size:clamp(28px,4vw,48px);
  font-weight:800;
  line-height:1.1;
}

.content-inner p{
  color:var(--mamt-text);
}

.about_pra_top{
  font-size:clamp(18px,2vw,24px);
  line-height:1.6;
}

.about_bottom_text{
  font-size:16px;
  line-height:1.8;
}

.video-wrapper{
  min-height:360px;
  margin:0 0 30px;
  border-radius:var(--mamt-radius);
  background-position:center;
  background-size:cover;
  box-shadow:var(--mamt-shadow-lg);
  overflow:hidden;
}

/* ---------- Service / quick links ---------- */
.service_area{
  padding:70px 0;
  background:var(--mamt-light);
}

.service_item{
  height:100%;
  padding:28px 20px;
  background:#fff;
  border:1px solid var(--mamt-border);
  border-radius:var(--mamt-radius);
  box-shadow:var(--mamt-shadow);
  text-align:center;
  transition:var(--mamt-transition);
}

.service_item:hover{
  transform:translateY(-5px);
  box-shadow:var(--mamt-shadow-lg);
}

.service_item span{
  display:inline-grid;
  place-items:center;
  width:64px;
  height:64px;
  margin-bottom:15px;
  border-radius:16px;
  background:rgba(11,79,108,.09);
  color:var(--mamt-primary);
  font-size:30px;
}

/* ---------- Faculty ---------- */
.teacher_area{
  padding:76px 0;
  background:var(--mamt-light);
  overflow:hidden;
}

.single_teacher_item{
  float:none;
  width:25%;
  padding:8px;
}

.teacher_thumb{
  overflow:hidden;
  border-radius:var(--mamt-radius);
  background:#fff;
}

.teacher_thumb::before{
  box-shadow:0 -150px 120px -80px rgba(0,0,0,.75) inset;
  border-radius:inherit;
}

.teacher_thumb img{
  width:100%;
  aspect-ratio:4/4.5;
  object-fit:cover;
}

.thumb_text{
  padding:0 18px 18px;
}

.thumb_text > h2{
  margin:0;
  color:#fff;
  font-size:16px;
}

.teacher_content{
  padding:28px 22px;
  border-radius:var(--mamt-radius);
  background:rgba(11,79,108,.97);
}

.single_teacher_item:hover .teacher_content{
  transform:none;
  box-shadow:none;
}

/* ---------- News ---------- */
.news_area{
  padding:76px 0;
  background:#fff;
}

.single_news_item{
  overflow:hidden;
  height:100%;
  margin-bottom:24px;
}

.news_thumb img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

.news_content{
  padding:20px;
}

.news_content h2{
  font-size:18px;
  line-height:1.4;
}

.news_content h2 a{color:var(--mamt-dark)}

.news_content p{
  color:var(--mamt-muted);
  font-size:14px;
}

.date{
  color:var(--mamt-muted);
  font-size:12px;
}

/* ---------- Banner / inner pages ---------- */
.banner_area,
.about_area_s,
.blog_samurry{
  position:relative;
  background-color:var(--mamt-dark);
  background-position:center;
  background-size:cover;
  overflow:hidden;
}

.about_area_s::before,
.blog_samurry::before{
  background:linear-gradient(90deg,rgba(8,38,55,.9),rgba(8,38,55,.5));
  box-shadow:none;
}

.page-title,
.blogs-title,
.blogss-title{
  position:relative;
  z-index:1;
  margin:0;
  padding:88px 0 78px;
  color:#fff;
  font-size:clamp(34px,5vw,60px);
  font-weight:800;
}

.page-title small{
  margin-top:8px;
  font-size:14px;
  font-weight:500;
  opacity:.85;
}

.page{
  padding:70px 0;
}

.breadcrumb-area{
  padding:13px 0;
  background:#f5f7fa;
  border-bottom:1px solid var(--mamt-border);
}

.breadcrumb{
  margin:0;
  padding:0;
}

.breadcrumb ul li{
  color:var(--mamt-muted);
  font-size:13px;
}

.breadcrumb ul li a{
  color:var(--mamt-primary);
}

/* ---------- Document / gallery ---------- */
.single_gellary_item{
  overflow:hidden;
  margin-bottom:24px;
  background:#fff;
  border:1px solid var(--mamt-border);
  border-radius:var(--mamt-radius);
  box-shadow:var(--mamt-shadow);
}

.gellary_thumb{
  overflow:hidden;
}

.gellary_thumb img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  transition:transform .45s ease;
}

.single_gellary_item:hover .gellary_thumb img{
  transform:scale(1.05);
}

.single_gellary_item > p{
  margin:0;
  padding:14px;
  font-weight:700;
}

.doc-card,
.document-card{
  height:100%;
  padding:22px;
  background:#fff;
  border:1px solid var(--mamt-border);
  border-radius:var(--mamt-radius);
  box-shadow:var(--mamt-shadow);
}

/* ---------- Contact ---------- */
.contact_area{
  padding:70px 0;
}

.form-group{
  margin-bottom:18px;
}

textarea,
.i_box input,
input.form-control,
select.form-control{
  width:100%;
  min-height:46px;
  padding:11px 14px;
  border:1px solid var(--mamt-border);
  border-radius:9px;
  background:#fff;
  color:var(--mamt-text);
  box-shadow:none;
  transition:var(--mamt-transition);
}

textarea{
  min-height:150px;
  resize:vertical;
}

textarea:focus,
.i_box input:focus,
input.form-control:focus,
select.form-control:focus{
  border-color:var(--mamt-primary-2);
  box-shadow:0 0 0 3px rgba(14,116,144,.12);
  outline:0;
}

#googleMap{
  width:100%;
  min-height:420px;
  border-radius:var(--mamt-radius);
  overflow:hidden;
}

/* ---------- Footer ---------- */
.footer_area{
  padding:70px 0 42px;
  background:#0b2233;
}

.footer_top_left span,
.footer_top_right span{
  color:rgba(255,255,255,.82);
  font-size:14px;
}

.footer_top_right{
  margin-top:0;
  text-align:right;
}

.single_widget{
  margin-bottom:28px;
}

.widget_thumb > img{
  float:none;
  max-width:190px;
  margin:0 0 18px;
}

.widget_content > h2{
  color:#fff;
  font-size:17px;
}

.widget_content > p,
.widget_content ul li a{
  color:rgba(255,255,255,.68);
}

.widget_content ul li a{
  padding:5px 0;
}

.widget_content ul li a:hover{
  color:var(--mamt-accent);
  padding-left:4px;
}

.footer_bottom_area{
  padding:17px 0;
  background:#071722;
}

.footer_bottom_area p{
  color:rgba(255,255,255,.65);
  font-size:13px;
}

/* ---------- Share / CTA ---------- */
.share_area{
  padding:60px 0;
  background:var(--mamt-light);
}

.share-item{
  min-height:120px;
  padding:20px;
  border-radius:var(--mamt-radius);
}

.brand_content a,
.brand_content i,
.icone_text h5,
.icone_text > p{
  color:#fff;
}

/* ---------- Tables ---------- */
table{
  width:100%;
  border-collapse:collapse;
}

table th,
table td{
  padding:12px 14px;
  border:1px solid var(--mamt-border);
  vertical-align:top;
}

table th{
  background:var(--mamt-light);
  color:var(--mamt-dark);
}

/* ---------- Lists/content ---------- */
.met-box{
  padding:24px;
  margin-bottom:24px;
}

.met-box h3,
.met-box h4{
  color:var(--mamt-dark);
  font-size:22px;
}

.log-dis{
  padding-left:22px;
  list-style:disc;
}

.log-dis li{
  margin-bottom:7px;
}

/* ---------- Pagination ---------- */
.pagination{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

.pagination > li > a,
.pagination > li > span{
  display:block;
  padding:8px 12px;
  border:1px solid var(--mamt-border);
  border-radius:7px;
}

.pagination .disabled a{
  background:var(--mamt-primary);
  border-color:var(--mamt-primary);
}

/* ---------- Scroll top ---------- */
#scrollUp{
  right:18px;
  bottom:18px;
  width:46px;
  height:46px;
  display:grid!important;
  place-items:center;
  border:0;
  border-radius:50%;
  background:var(--mamt-primary);
  color:#fff;
  font-size:20px;
  line-height:1;
  box-shadow:var(--mamt-shadow);
}

#scrollUp:hover{
  background:var(--mamt-accent);
  color:#1f2933;
}

/* ---------- Legacy compatibility ---------- */
.home-2 .menu{float:none;padding-right:0}
.home-2 .search{position:static}
.home-2 .search-box input{max-width:100%}
.home-2 .courses_thumb,
.home-2 .courses_content{float:none;width:100%}
.home-2 .single_teacher_item{float:none;width:100%}
.home-3 .menu ul li > a{color:#fff}
.home-3 .menu ul li:hover > a{color:#fff}
.home-4 .single_teacher_item:hover .teacher_content{transform:none}
.home-4 .teacher_content{padding:28px 22px}
.apply_text{font-size:18px}

/* Remove old template's fixed-height/float behavior where possible */
.slider_area3,
.offer_area,
.priging_area{
  background-position:center;
  background-size:cover;
}

.offer_area{
  padding:100px 0;
}

.priging_area{
  padding:70px 0;
}

.banar_icon,
.banar_content{
  float:none;
  width:auto;
}

.banar_icon{
  margin-bottom:15px;
}

/* ---------- Responsive: tablets ---------- */
@media (min-width:768px){
  .container{
    width:min(100% - 40px,var(--mamt-container));
  }

  [class*="col-sm-"]{width:auto}

  .col-sm-3{width:25%}
  .col-sm-4{width:33.333333%}
  .col-sm-6{width:50%}
  .col-sm-8{width:66.666667%}
  .col-sm-9{width:75%}
  .col-sm-12{width:100%}

  .single_teacher_item{width:50%}

  .teacher_area .row{
    align-items:stretch;
  }
}

/* ---------- Responsive: desktop ---------- */
@media (min-width:992px){
  [class*="col-md-"]{width:auto}

  .col-md-3{width:25%}
  .col-md-4{width:33.333333%}
  .col-md-5{width:41.666667%}
  .col-md-6{width:50%}
  .col-md-7{width:58.333333%}
  .col-md-8{width:66.666667%}
  .col-md-9{width:75%}
  .col-md-12{width:100%}

  .single_teacher_item{width:25%}

  .mobile_memu_area{display:none!important}
  .nav_area{display:block}

  .header_area .container{
    min-height:70px;
  }
}

/* ---------- Large desktop ---------- */
@media (min-width:1200px){
  .menu > ul > li > a{
    padding-inline:16px;
  }
}

/* ---------- Mobile ---------- */
@media (max-width:991px){
  .header_area{
    padding:12px 0;
  }

  .header_area .container{
    flex-wrap:wrap;
    justify-content:center;
  }

  .logo{
    width:100%;
    text-align:center;
  }

  .logo > a{
    display:inline-block;
  }

  .phone_address{
    margin:0;
  }

  .phone_address p{
    justify-content:center;
    text-align:center;
  }

  .social_icon{
    justify-content:center;
  }

  .nav_area{display:none}
  .mobile_memu_area{display:block}

  .slider-wrap.home-1-slider{
    min-height:390px;
    height:58vh;
  }

  .cap-title h1{
    max-width:700px;
  }

  .single_teacher_item{
    width:50%;
  }
}

@media (max-width:767px){
  body{
    font-size:14px;
  }

  .container{
    width:min(100% - 24px,100%);
  }

  .row{
    margin-inline:-8px;
  }

  [class*="col-"]{
    padding-inline:8px;
  }

  .section,
  .about_area,
  .teacher_area,
  .news_area,
  .contact_area{
    padding:52px 0;
  }

  .section-title{
    margin-bottom:30px;
  }

  .section-title h2{
    font-size:30px;
  }

  .header_area .container{
    gap:10px;
  }

  .logo img,
  .logo > a img{
    max-height:70px;
    margin-inline:auto;
  }

  .phone_address p{
    display:block;
    font-size:12px;
  }

  .phone_address span{
    display:block;
    margin:2px 0;
  }

  .social_icon a{
    width:34px;
    height:34px;
  }

  .slider-wrap.home-1-slider{
    min-height:460px;
    height:68vh;
  }

  .nivo-caption{
    background:linear-gradient(90deg,rgba(7,29,44,.86),rgba(7,29,44,.48))!important;
  }

  .slide-text{
    width:min(100% - 32px,100%);
  }

  .cap-title h1{
    font-size:clamp(30px,9vw,48px);
  }

  .cap-dec h2{
    font-size:16px;
    margin-bottom:22px;
  }

  .home-1-slider i.nivo-prev-icon,
  .home-1-slider i.nivo-next-icon{
    width:36px;
    height:36px;
    line-height:34px;
    font-size:18px;
  }

  .nivo-prevNav{left:6px}
  .nivo-nextNav{right:6px}

  .single_teacher_item{
    width:100%;
  }

  .teacher_thumb img{
    aspect-ratio:1/1;
  }

  .page-title,
  .blogs-title,
  .blogss-title{
    padding:62px 0 52px;
    font-size:36px;
  }

  .page{
    padding:50px 0;
  }

  .met-box{
    padding:18px;
  }

  #googleMap{
    min-height:320px;
  }

  .footer_area{
    padding:52px 0 30px;
  }

  .footer_top_right{
    margin-top:15px;
    text-align:left;
  }

  .footer_bottom_area p{
    text-align:center;
  }

  .offer_area{
    padding:70px 0;
  }
}

/* ---------- Small phones ---------- */
@media (max-width:480px){
  .container{
    width:min(100% - 20px,100%);
  }

  .slider-wrap.home-1-slider{
    min-height:500px;
  }

  .cap-title h1{
    font-size:31px;
  }

  .cap-dec h2{
    font-size:15px;
  }

  .cap-readmore a{
    width:100%;
    max-width:220px;
  }

  .section-title h2,
  .module-title > span{
    font-size:28px;
  }

  .course_item{
    margin-bottom:18px;
  }

  .courses_content{
    padding:18px;
  }

  .courses_thumb_text{
    font-size:20px;
  }

  .news_content{
    padding:17px;
  }

  .btn,
  .readmore,
  .read_more,
  .read_morea,
  .more_read{
    min-height:46px;
  }

  .breadcrumb ul li{
    font-size:12px;
  }

  #scrollUp{
    right:12px;
    bottom:12px;
    width:42px;
    height:42px;
  }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

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

/* =========================================================
   MAMTTC - Curriculum / Academic Inner Page
   ========================================================= */

.mamt-page-hero{
    background:#102f4b;
    padding:55px 0;
    color:#fff;
}

.mamt-page-hero-content{
    max-width:850px;
}

.mamt-page-hero-content > span,
.mamt-section-heading > span,
.mamt-small-title{
    display:block;
    margin-bottom:10px;
    color:#f5a623;
    font-size:12px;
    font-weight:800;
    letter-spacing:1.8px;
}

.mamt-page-hero h1{
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(34px,4vw,50px);
    line-height:1.15;
}

.mamt-page-hero p{
    max-width:700px;
    margin:0;
    color:#d9e5ef;
    font-size:16px;
    line-height:1.7;
}


/* ---------- Main content ---------- */

.mamt-content-section{
    padding:65px 0;
    background:#f6f9fc;
}

.mamt-section-heading{
    max-width:850px;
    margin-bottom:35px;
}

.mamt-section-heading h2{
    margin:0 0 12px;
    color:#102f4b;
    font-size:36px;
    line-height:1.2;
}

.mamt-section-heading p{
    margin:0;
    color:#60758a;
    font-size:15px;
    line-height:1.8;
}


/* ---------- Information cards ---------- */

.mamt-info-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-bottom:35px;
}

.mamt-info-card{
    padding:28px;
    background:#fff;
    border:1px solid #dce6ee;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(16,47,75,.06);
    transition:all .25s ease;
}

.mamt-info-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 32px rgba(16,47,75,.11);
}

.mamt-info-icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    border-radius:8px;
    background:#f5a623;
    color:#102f4b;
    font-size:13px;
    font-weight:800;
}

.mamt-info-card h3{
    margin:0 0 10px;
    color:#102f4b;
    font-size:21px;
}

.mamt-info-card p{
    margin:0;
    color:#60758a;
    font-size:14px;
    line-height:1.75;
}


/* ---------- Two column section ---------- */

.mamt-two-column{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.mamt-content-box{
    padding:30px;
    background:#fff;
    border:1px solid #dce6ee;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(16,47,75,.06);
}

.mamt-content-box h2{
    margin:0 0 13px;
    color:#102f4b;
    font-size:27px;
    line-height:1.25;
}

.mamt-content-box p{
    margin:0;
    color:#60758a;
    font-size:14px;
    line-height:1.8;
}


/* ---------- Dark curriculum box ---------- */

.mamt-dark-box{
    background:#102f4b;
    border-color:#102f4b;
}

.mamt-dark-box h2{
    color:#fff;
}

.mamt-dark-box p{
    color:#d9e5ef;
}

.mamt-dark-box .mamt-small-title{
    color:#f5a623;
}


/* ---------- Check list ---------- */

.mamt-check-list{
    margin:20px 0 0;
    padding:0;
    list-style:none;
}

.mamt-check-list li{
    position:relative;
    padding:7px 0 7px 25px;
    color:#40566b;
    font-size:14px;
    line-height:1.6;
}

.mamt-check-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:7px;
    color:#f5a623;
    font-weight:800;
}


/* ---------- Statistics ---------- */

.mamt-stat-row{
    display:flex;
    flex-wrap:wrap;
    gap:45px;
    margin-top:25px;
}

.mamt-stat-row strong{
    display:block;
    color:#f5a623;
    font-size:21px;
    line-height:1.3;
}

.mamt-stat-row span{
    display:block;
    margin-top:4px;
    color:#d9e5ef;
    font-size:12px;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width:767px){

    .mamt-page-hero{
        padding:45px 0;
    }

    .mamt-page-hero h1{
        font-size:32px;
    }

    .mamt-page-hero p{
        font-size:14px;
    }

    .mamt-content-section{
        padding:50px 0;
    }

    .mamt-section-heading{
        margin-bottom:28px;
    }

    .mamt-section-heading h2{
        font-size:29px;
    }

    .mamt-info-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .mamt-two-column{
        grid-template-columns:1fr;
        gap:16px;
    }

    .mamt-info-card,
    .mamt-content-box{
        padding:24px;
    }

    .mamt-stat-row{
        gap:28px;
    }
}