/* MITI original composition, scoped to Kazakh homepage only. */
.iiti-kk-complete { background:#fff; color:#1d2d42; width:100%; max-width:100%; overflow-x:clip; }
.iiti-kk-complete h1,.iiti-kk-complete h2,.iiti-kk-complete h3,.iiti-kk-complete p { overflow-wrap:break-word; }
.iiti-kk-complete *, .iiti-kk-complete *::before, .iiti-kk-complete *::after { box-sizing:border-box; }
.iiti-kk-complete .container { max-width:1180px; }
.iiti-kk-complete a:focus-visible,.iiti-kk-complete button:focus-visible,.iiti-kk-complete summary:focus-visible { outline:3px solid #0f7d99; outline-offset:3px; }
.iiti-kk-complete .iiti-kk-complete__hero { background:linear-gradient(108deg,#edf6f9,#e3f4fa); padding:42px 0 46px; }
.iiti-kk-complete .screen__in { position:relative; min-height:510px; display:flex; align-items:center; padding:28px 0; }
.iiti-kk-complete .screen__img { position:absolute; z-index:0; right:-14px; left:auto; top:0; width:64%; height:100%; border-radius:14px; background-color:transparent; background-size:contain!important; background-repeat:no-repeat; background-position:right center!important; }
.iiti-kk-complete .screen__content { position:relative; z-index:1; width:46%; max-width:520px; padding:28px 32px; margin:14px 0; background:#fff; color:#1d2d42; border-radius:16px; box-shadow:0 12px 35px rgba(18,68,91,.12); }
.iiti-kk-complete .iiti-kk-complete__h1 { color:#245b74; font-size:clamp(15px,1.35vw,18px); line-height:1.4; font-weight:650; margin:0 0 12px; }
.iiti-kk-complete .screen__title { color:#163f57; font-weight:750; font-size:clamp(21px,2.1vw,31px); line-height:1.12; margin:0 0 14px; }
.iiti-kk-complete .screen__text { font-size:13px; line-height:1.46; }
.iiti-kk-complete .screen__text ul { list-style:disc; padding-left:17px; margin:8px 0; }
.iiti-kk-complete .screen__text li { margin:3px 0; }
.iiti-kk-complete .screen__text p { margin:8px 0 0; }
.iiti-kk-complete .screen__btn { display:flex; gap:9px; flex-wrap:wrap; margin-top:14px; }
.iiti-kk-complete .screen__btn a { min-height:43px; display:inline-flex; align-items:center; justify-content:center; padding:9px 16px; text-align:center; }
.iiti-kk-complete .bens__block { padding:38px 0 18px; }
.iiti-kk-complete .ben-item__icon { min-height:60px; }
.iiti-kk-complete .ben-item__icon img { width:56px; max-height:60px; object-fit:contain; }
.iiti-kk-complete .ben-item__title { font-weight:650; }
.iiti-kk-complete .i-catalog,.iiti-kk-complete .i-cats,.iiti-kk-complete .i-brands,.iiti-kk-complete .i-clients,.iiti-kk-complete .i-reviews,.iiti-kk-complete .i-news,.iiti-kk-complete .i-form,.iiti-kk-complete .i-faq { padding-top:45px; padding-bottom:24px; }
.iiti-kk-complete h2 { line-height:1.25; }
.iiti-kk-complete .cat-card__icon { min-height:68px; }
.iiti-kk-complete .cat-card__icon img { max-height:68px; max-width:110px; width:auto; object-fit:contain; }
.iiti-kk-complete__formats-row { margin-top:18px; }
.iiti-kk-complete .cat-card { height:100%; }
.iiti-kk-complete .cat-card__text { overflow-wrap:anywhere; }
.iiti-kk-complete .cat-card__text ul { padding-left:18px; }
.iiti-kk-complete .cat-card__btn { margin-top:12px; }
.iiti-kk-complete .cat-card__btn a { color:#206c86; text-underline-offset:3px; }
.iiti-kk-complete .dir-item { height:100%; }
.iiti-kk-complete .dir-item__icon { min-height:76px; }
.iiti-kk-complete .dir-item__icon img { width:66px; height:66px; object-fit:contain; }
.iiti-kk-complete .dir-item__title { font-size:17px; line-height:1.25; }
.iiti-kk-complete .swiper { display:block; width:100%; max-width:100%; overflow:hidden; }
.iiti-kk-complete .swiper:not(.swiper-initialized) { overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; }
.iiti-kk-complete .swiper-slide { min-width:0; height:auto; scroll-snap-align:start; }
.iiti-kk-complete .brand-item img { height:65px; max-width:100%; width:auto; object-fit:contain; }
.iiti-kk-complete .client-item img { display:block; max-height:118px; max-width:100%; object-fit:contain; }
.iiti-kk-complete .review-item { height:100%; overflow-wrap:anywhere; }
.iiti-kk-complete .review-item__img img { object-fit:cover; border-radius:50%; max-width:75px; }
.iiti-kk-complete .review-item__text { white-space:normal; }
.iiti-kk-complete__review-video a { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-weight:750; font-size:20px; }
.iiti-kk-complete__review-video img { width:min(240px,100%); height:auto; }
.iiti-kk-complete .news-item__img img { display:block; width:100%; height:170px; object-fit:cover; }
.iiti-kk-complete .news-item__title { line-height:1.3; font-size:17px; }
.iiti-kk-complete .i-form .form input,.iiti-kk-complete .i-form .form textarea { width:100%; }
.iiti-kk-complete .faq-list { display:block; }
.iiti-kk-complete .iiti-kk-complete__faq { border-radius:9px; overflow:hidden; background:#f4f6fb; margin-bottom:8px; border:1px solid #e5ecf0; }
.iiti-kk-complete .iiti-kk-complete__faq summary { display:flex; align-items:center; cursor:pointer; position:relative; padding:17px 20px; gap:15px; list-style:none; font-weight:650; }
.iiti-kk-complete .iiti-kk-complete__faq summary::-webkit-details-marker {display:none;}
.iiti-kk-complete .iiti-kk-complete__faq .faq-item__ok { display:inline-flex; align-items:center; justify-content:center; flex:none; border:1px solid #166c87; border-radius:50%; width:25px; height:25px; font-size:14px; }
.iiti-kk-complete .iiti-kk-complete__faq .faq-item__arrow { font-size:25px; line-height:1; margin-left:auto; transition:transform .2s; }
.iiti-kk-complete .iiti-kk-complete__faq[open] .faq-item__arrow { transform:rotate(180deg); }
.iiti-kk-complete .iiti-kk-complete__faq .faq-answer { display:none; height:auto!important; max-height:none!important; opacity:1!important; visibility:visible!important; }
.iiti-kk-complete .iiti-kk-complete__faq[open] .faq-answer { display:block!important; }
.iiti-kk-complete .iiti-kk-complete__faq .faq-answer__in { padding:2px 22px 22px 60px; font-size:15px; line-height:1.58; }
.iiti-kk-complete .seo__text { padding-top:38px; padding-bottom:55px; font-size:15px; line-height:1.72; }
.iiti-kk-complete .seo__text h2,.iiti-kk-complete .seo__text h3 { line-height:1.35; margin-top:30px; margin-bottom:13px; }
.iiti-kk-complete .seo__text table { width:100%; border-collapse:collapse; margin:20px 0; }
.iiti-kk-complete .seo__text td,.iiti-kk-complete .seo__text th { border:1px solid #d7e1e6; padding:10px; text-align:left; vertical-align:top; }
.iiti-kk-complete .seo__text ul { padding-left:21px; }
.iiti-kk-complete .screen__mobile { display:none; }
@media(max-width:991px){
 .iiti-kk-complete .iiti-kk-complete__hero-mobile { display:block; background:#e9f4fa; padding:15px 15px 0; }
 .iiti-kk-complete .iiti-kk-complete__hero-mobile img { display:block; max-width:700px; width:100%; height:auto; margin:auto; border-radius:13px; }
 .iiti-kk-complete .iiti-kk-complete__hero { padding:0 0 28px; }
 .iiti-kk-complete .screen__in { min-height:0; display:block; padding:0; }
 .iiti-kk-complete .screen__img { display:none!important; }
 .iiti-kk-complete .screen__content { width:100%; max-width:700px; margin:0 auto; padding:24px 20px; border-radius:0 0 14px 14px; box-shadow:0 4px 20px rgba(12,63,86,.09); }
 .iiti-kk-complete .screen__text { font-size:14px; }
 .iiti-kk-complete .seo__text table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}
@media(max-width:640px){
 .iiti-kk-complete .container { padding-left:15px; padding-right:15px; }
 .iiti-kk-complete .screen__title { font-size:23px; }
 .iiti-kk-complete .i-catalog,.iiti-kk-complete .i-cats,.iiti-kk-complete .i-brands,.iiti-kk-complete .i-clients,.iiti-kk-complete .i-reviews,.iiti-kk-complete .i-news,.iiti-kk-complete .i-form,.iiti-kk-complete .i-faq { padding-top:28px; padding-bottom:12px; }
 .iiti-kk-complete .bens__block { padding-top:24px; }
 .iiti-kk-complete .review-item__text { font-size:14px; }
 .iiti-kk-complete .iiti-kk-complete__faq summary { padding:14px; font-size:14px; }
 .iiti-kk-complete .iiti-kk-complete__faq .faq-answer__in { padding:0 15px 15px; }
 .iiti-kk-complete .cat-card__text { font-size:14px; }
 .iiti-kk-complete .seo__text { font-size:14px; }
}
