/* MITI Stage 11: shared RU/KK hero layout, loaded through WordPress native Custom CSS on staging. */
body.home .screen__mobile{display:none!important}
body.home .screen,
body.home .iiti-kk-complete__hero{
 background:#f1f8fa!important; margin:0!important; padding:clamp(18px,2.2vw,34px) 0!important;
 overflow:visible!important; width:100%!important; box-sizing:border-box!important;
}
body.home .screen>.container,
body.home .iiti-kk-complete__hero>.container{
 display:block!important; width:calc(100% - 36px)!important; max-width:1440px!important;
 margin-inline:auto!important; padding-inline:0!important; box-sizing:border-box!important;
}
body.home .screen .screen__in,
body.home .iiti-kk-complete__hero-grid{
 display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 align-items:center!important; gap:clamp(18px,2.1vw,36px)!important;
 width:100%!important; max-width:100%!important; min-width:0!important;
 height:auto!important; min-height:0!important; padding:0!important; margin:0!important;
 transform:none!important; overflow:visible!important;
}
body.home .screen .screen__content,
body.home .iiti-kk-complete__hero-card{
 grid-column:1!important; grid-row:1!important; order:1!important;
 position:relative!important; inset:auto!important; float:none!important;
 width:100%!important; min-width:0!important; max-width:100%!important;
 height:auto!important; min-height:0!important; box-sizing:border-box!important;
 margin:0!important; padding:clamp(18px,2.5vw,35px)!important;
 color:#30383f!important; background:#fff!important; border-radius:18px!important;
 box-shadow:0 10px 28px rgba(18,65,80,.08)!important; overflow:visible!important;
}
body.home .screen .screen__img,
body.home .iiti-kk-complete__hero-photo{
 grid-column:2!important; grid-row:1!important; order:2!important;
 position:relative!important; inset:auto!important; float:none!important;
 display:block!important; width:100%!important; height:auto!important; min-height:0!important;
 min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important;
 box-sizing:border-box!important; overflow:hidden!important; border-radius:14px!important;
 aspect-ratio:1659 / 948!important;
 background-repeat:no-repeat!important; background-position:center center!important;
 background-size:cover!important; box-shadow:none!important;
}
body.home .iiti-kk-complete__hero-photo-img{display:none!important}
body.home .screen .screen__img::before,
body.home .iiti-kk-complete__hero-photo::before{
 content:""; display:none!important; position:absolute; inset:0 auto auto 0;
 width:79%; height:58%; z-index:1; pointer-events:none;
 background:linear-gradient(92deg,#073e5a 0%,#064966 76%,rgba(5,66,93,.98) 90%,transparent 100%);
}
body.home .screen .screen__img::after,
body.home .iiti-kk-complete__hero-photo::after{
 display:block; position:absolute; top:5%; left:5%; width:73%; height:auto;
 z-index:2; pointer-events:none; box-sizing:border-box;
 color:white!important; font-family:Arial,Helvetica,sans-serif!important;
 font-weight:900!important; font-size:clamp(12px,1.7vw,30px)!important;
 line-height:1.21!important; letter-spacing:.014em!important;
 text-transform:uppercase!important; text-shadow:0 2px 4px rgba(0,0,0,.18)!important;
 white-space:pre-line!important; overflow-wrap:normal!important;
}
body.home .screen .screen__img::after{
 content:"ВЕДУЩИЙ ОБРАЗОВАТЕЛЬНЫЙ\AУЧЕБНЫЙ ЦЕНТР\AВ ЦЕНТРАЛЬНОЙ АЗИИ";
}
body.home .iiti-kk-complete__hero-photo::after{
 content:"ОРТАЛЫҚ АЗИЯДАҒЫ\AЖЕТЕКШІ ОҚУ\AОРТАЛЫҒЫ";
}
body.home .screen .screen__title,
body.home .iiti-kk-complete__hero-card .screen__title{
 font-size:clamp(25px,2.15vw,37px)!important; line-height:1.18!important;
 font-weight:750!important; color:#193f59!important; margin:0 0 17px!important;
 max-width:none!important; overflow-wrap:anywhere!important;
}
body.home .iiti-kk-complete__h1{
 position:absolute!important; width:1px!important; height:1px!important;
 padding:0!important; margin:-1px!important; overflow:hidden!important;
 clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important;
}
body.home .screen .screen__text,
body.home .iiti-kk-complete__hero-card .screen__text{
 color:#263847!important; font-size:15px!important; line-height:1.46!important;
 margin:0!important; max-width:none!important;
}
body.home .screen .screen__text ul,
body.home .iiti-kk-complete__hero-card .screen__text ul{
 columns:1!important; column-count:1!important; padding-left:22px!important;
 margin:0 0 16px!important; line-height:1.44!important;
}
body.home .screen .screen__text li,
body.home .iiti-kk-complete__hero-card .screen__text li{
 break-inside:avoid!important; margin:0 0 5px!important;
}
body.home .screen .screen__text h4,
body.home .iiti-kk-complete__hero-card .screen__text p{
 font-size:14px!important; line-height:1.4!important; margin:7px 0!important;
 color:#263847!important;
}
body.home .screen .screen__btn,
body.home .iiti-kk-complete__hero-card .screen__btn{
 display:flex!important; gap:12px!important; flex-wrap:wrap!important;
 align-items:center!important; margin:18px 0 0!important; padding:0!important;
}
body.home .screen .screen__btn a,
body.home .iiti-kk-complete__hero-card .screen__btn a{
 display:inline-flex!important; justify-content:center!important; align-items:center!important;
 min-height:46px!important; width:auto!important; padding:9px 18px!important;
 border-radius:10px!important; box-sizing:border-box!important;
 white-space:normal!important; text-align:center!important;
}
@media(max-width:1080px){
 body.home .screen .screen__in,
 body.home .iiti-kk-complete__hero-grid{
  grid-template-columns:minmax(0,1fr)!important; gap:18px!important;
 }
 body.home .screen .screen__content,
 body.home .iiti-kk-complete__hero-card{
  grid-column:1!important; grid-row:1!important; padding:22px!important;
 }
 body.home .screen .screen__img,
 body.home .iiti-kk-complete__hero-photo{
  grid-column:1!important; grid-row:2!important; width:100%!important;
 }
 body.home .screen .screen__img::after,
 body.home .iiti-kk-complete__hero-photo::after{font-size:clamp(12px,3.5vw,32px)!important}
}
@media(max-width:560px){
 body.home .screen>.container,
 body.home .iiti-kk-complete__hero>.container{width:calc(100% - 24px)!important}
 body.home .screen .screen__content,
 body.home .iiti-kk-complete__hero-card{padding:18px!important}
 body.home .screen .screen__title,
 body.home .iiti-kk-complete__hero-card .screen__title{font-size:24px!important}
 body.home .screen .screen__img::after,
 body.home .iiti-kk-complete__hero-photo::after{font-size:clamp(11px,3vw,17px)!important;line-height:1.14!important}
 body.home .screen .screen__btn a,
 body.home .iiti-kk-complete__hero-card .screen__btn a{flex:1 1 100%!important}
}

/* MITI Stage 11: identical outer geometry for all remaining homepage sections. */
body.home :is(.bens__block,.i-catalog,.i-cats,.i-brands,.i-clients,.i-reviews,.i-news,.i-form,.i-faq,.seo__text){
  box-sizing:border-box!important; width:100%!important; max-width:100%!important;
  margin-left:0!important; margin-right:0!important;
}
body.home :is(.bens__block,.i-catalog,.i-cats,.i-brands,.i-clients,.i-reviews,.i-news,.i-form,.i-faq,.seo__text)>.container{
  box-sizing:border-box!important; max-width:1440px!important;
  width:calc(100% - 36px)!important; padding-inline:0!important;
  margin-inline:auto!important;
}
body.home :is(.i-catalog,.i-cats,.i-brands,.i-clients,.i-reviews,.i-news,.i-form,.i-faq)>.container>h2{
  font-size:clamp(25px,2.4vw,36px)!important; line-height:1.2!important;
  font-weight:700!important; color:#1b4561!important;
  margin:0 0 24px!important; text-align:left!important;
}
body.home :is(.cat-card,.ben-item,.dir-item,.client-item,.brand-item,.review-item,.news-item){
  box-sizing:border-box!important;
}
body.home :is(.client-item,.brand-item) img{
  width:auto!important; max-width:100%!important; height:auto!important;
  object-fit:contain!important;
}
@media(max-width:560px){
  body.home :is(.bens__block,.i-catalog,.i-cats,.i-brands,.i-clients,.i-reviews,.i-news,.i-form,.i-faq,.seo__text)>.container{
    width:calc(100% - 24px)!important;
  }
}
/* The translated hero caption is real, selectable, accessible HTML (not CSS-generated text). */
html body.home .screen .screen__img::after,
html body.home .iiti-kk-complete .iiti-kk-complete__hero-photo::after{
 display:none!important;content:none!important;
}
body.home .iiti-kk-hero-caption,
body.home .iiti-kk-hero-caption{
 position:absolute!important;z-index:3!important;top:5%!important;left:5%!important;
 display:none!important;width:73%!important;max-width:73%!important;
 color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;
 font-size:clamp(12px,1.7vw,30px)!important;line-height:1.19!important;
 font-weight:900!important;letter-spacing:.01em!important;text-transform:uppercase!important;
 text-shadow:0 2px 4px rgba(0,0,0,.2)!important;
 overflow-wrap:break-word!important;pointer-events:none!important;
}
@media(max-width:1080px){
 body.home .iiti-kk-hero-caption,
 body.home .iiti-kk-hero-caption{font-size:clamp(12px,3.5vw,32px)!important}
}
@media(max-width:560px){
 body.home .iiti-kk-hero-caption,
 body.home .iiti-kk-hero-caption{font-size:clamp(11px,3vw,17px)!important}
}
/* MITI v0.5.9 final: the same PHP template renders both languages. */
body.home .iiti-kk-complete__h1,
body.home .iiti-kk-complete__h1 {
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;
 clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
@media(max-width:991px) {
 body.home .iiti-kk-complete .iiti-kk-complete__hero-photo,
 body.home .iiti-kk-complete .iiti-kk-complete__hero-photo {
   display:block!important;
 }
}
body.home .iiti-kk-complete a:focus-visible,
body.home .iiti-kk-complete button:focus-visible,
body.home .iiti-kk-complete input:focus-visible {
 outline:3px solid #006c91!important;outline-offset:3px!important;
}