PageSourceSearch

https://micc.mn/contact-us

html micc.mn collected 2026-09-27 14:21:38 UTC 142,194 bytes, 3,311 lines download raw bytes

1
2
3
4<!doctype html>
5<html lang="en">
6  <head>
7    <meta charset="utf-8">
8    <meta name="viewport" content="width=device-width, initial-scale=1">
9    <link rel="shortcut icon" href="/uploads/site/1772/site_config/favicon/260140112d732baae98f7c281300835051290fbc.png">
10    <link rel="stylesheet" href="https://cdn3.greensoft.mn/sandbox/assets/css/plugins.css">
11    <!-- <link rel="stylesheet" href="https://cdn3.greensoft.mn/sandbox/assets/css/style.css"> -->
12    <link rel="stylesheet" href="https://cdn3.greensoft.mn/sandbox/assets/css/style-2.css?v12">
13    <link rel="stylesheet" href="https://cdn3.greensoft.mn/sandbox/assets/css/custom-css.css">
14    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css">
15    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/base/jquery-ui.css">
16    
17    <title>Холбоо барих</title>
18<meta property="og:type" content="article">
19<meta property="og:title" content="Холбоо барих">
20<meta property="og:image" content="http://micc.mn/cache/images/1/b/a/8/a/1ba8ad719ea8a4935103d8c8959799941c64008f.jpg">
21<meta property="og:url" content="http://micc.mn/contact-us">
22<meta property="og:description" content="">
23<meta property="og:site_name" content="New Site: MICC LLC">
24
25<meta name="twitter:card" content="summary_large_image">
26<meta name="twitter:site" content="@greensoftmn">
27<meta name="twitter:creator" content="@greensoftmn">
28<meta name="twitter:title" content="Холбоо барих">
29<meta name="twitter:description" content="">
30<meta name="twitter:image:src" content="http://micc.mn/cache/images/1/b/a/8/a/1ba8ad719ea8a4935103d8c8959799941c64008f.jpg">
31
32<script async type="text/javascript" src="https://analytic.greensoft.mn/analytic/1772/49833/1"></script>
32
33        <style>
34         .btn-primary {
35          --bs-btn-bg: var(#3f78e0);
36          --bs-btn-border-color: var(#3f78e0);
37          --bs-btn-hover-bg: var(#3f78e0);
38          --bs-btn-hover-border-color: var(#3f78e0);
39          --bs-btn-active-bg: var(#3f78e0);
40          --bs-btn-active-border-color: var(#3f78e0);
41          
42      }
43    </style>
44        <style>
45    :root {
46        --bs-primary: #3f78e0;
47        --bs-primary-rgb: 63, 120, 224;
48        
49        --bs-secondary: #faa91e;
50        --bs-secondary-rgb: 250, 169, 30;
51    }
52    </style>
53    <style>
54      @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');      body {
55        font-family: "Exo 2", sans-serif;
56      }
57    </style>
58<style>
59  .gs-flipbook {
60    width: 100%;
61    margin: 0 auto 2rem auto;
62    display: flex;
63    flex-direction: column;
64  }
65
66  .gs-flipbook-toolbar {
67    display: flex;
68    flex-wrap: wrap;
69    gap: 6px;
70    align-items: center;
71    margin-bottom: 8px;
72    flex: 0 0 auto;
73  }
74
75  .gs-flipbook-book {
76    margin: 0 auto;
77    background: #fff;
78    box-shadow: 0 0 10px rgba(0,0,0,0.12);
79    overflow: hidden;
80    position: relative;
81    opacity: 0;
82    transition: opacity 0.25s ease-in-out;
83    flex: 1 1 auto;
84  }
85
86  .gs-flipbook-book.gs-ready {
87    opacity: 1;
88  }
89
90  .gs-flipbook-book .page {
91    cursor: grab;
92  }
93
94  .gs-flipbook-book .page canvas {
95    width: 100%;
96    height: auto;
97    display: block;
98  }
99
100  /* Fullscreen overlay that lives directly under <body> */
101  .gs-flipbook-overlay {
102    position: fixed;
103    inset: 0;
104    background: #ffffff;
105    z-index: 9999;
106    padding: 12px;
107    box-sizing: border-box;
108    display: flex;
109    flex-direction: column;
110  }
111
112  .gs-flipbook-overlay .gs-flipbook {
113    width: 100%;
114    height: 100%;
115    margin: 0;
116    display: flex;
117    flex-direction: column;
118  }
119
120  .gs-flipbook-placeholder {
121    display: none; /* invisible marker so we can put it back */
122  }
123</style>
124    <style>
125      @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
126
127body {
128    font-family: "Exo 2", sans-serif;
129}
130
131html {
132    scroll-behavior: smooth;
133}
134
135:root {
136    --bs-primary: #304993;
137    --bs-primary-rgb: 48, 73, 147;
138    --bs-secondary: #4369db;
139    --bs-secondary-rgb: 67, 105, 219;
140    /*--bs-secondary: #03045e;*/
141    /*--bs-secondary-rgb: 3, 4, 94;*/
142}
143
144
145
146
147                                                                                /*TYPOGRAPHY FIX*/
148
149.typography {
150    display: flex;
151    flex-direction: column;
152    gap: .5rem;
153}
154
155.typography ul {
156    display: flex;
157    flex-direction: column;
158    gap: .25rem;
159    margin-bottom: 0px;
160    list-style: none;
161    padding-left: 1rem !important;
162}
163.typography ul li:before {
164    content: "\F2EA";
165    position: absolute;
166    color: var(--bs-primary);
167    font-family: bootstrap-icons !important;
168    margin-left: -1rem;
169    transition: all .20s ease-in-out;
170}
171
172.typography p,
173.typography li,
174.typography table tbody tr td {
175    font-weight: 400 !important;
176    color: var(--bs-dark) !important;
177    margin-bottom: 0px;
178}
179.typography table {
180    display: block;
181    /*display: flex;*/
182    /*flex-direction: column;*/
183    /*gap: .5rem;*/
184    align-self: stretch;
185    border-radius: 0px !important;
186    box-shadow: none;
187    margin-bottom: 0px;
188    border-collapse: separate;
189    border-spacing: 0;
190}
191
192.typography .two-col>*,
193.typography .three-col>*,
194.typography .two-col-left>*,
195.typography .two-col-right>* {
196    display: flex;
197    flex-direction: column;
198    gap: .5rem;
199}
200
201.gs-dark .typography p,
202.gs-dark .typography p,
203.gs-dark .typography p,
204.gs-dark .typography p {
205    color: var(--bs-white) !important;
206}
207.gs-dark .typography .two-col>*>p,
208.gs-dark .typography .three-col>*>p,
209.gs-dark .typography .two-col-left>*>p,
210.gs-dark .typography .two-col-right>*>p {
211    color: var(--bs-white) !important;
212}
213
214.typography table {
215    display: flex !important;
216    background: transparent !important;
217    border: none !important;
218}
219.typography table tbody {
220    border-top: 0px !important;
221    width: 100%;
222}
223.typography table tbody tr {
224    display: flex;
225}
226.typography table tbody tr td {
227    width: 100%;    
228    display: flex;
229    flex-direction: column;
230    gap: .5rem;
231    border-bottom: 1px solid rgb(148,153,163,.25);
232}
233.typography table tbody tr:first-child td {
234    border-top: 1px solid rgb(148,153,163,.25);
235}
236.typography table tbody tr:first-child td:first-child {
237    border-top-left-radius: 0.75rem;
238}
239.typography table tbody tr:first-child td:last-child {
240    border-top-right-radius: 0.75rem;
241}
242.typography table tbody tr td:first-child {
243    border-left: 1px solid rgb(148,153,163,.25);
244}
245.typography table tbody tr td:last-child {
246    border-right: 1px solid rgb(148,153,163,.25);
247    border-bottom: 1px solid rgb(148,153,163,.25);
248}
249.typography table tbody tr:last-child td:first-child {
250    border-bottom-left-radius: 0.75rem;
251}
252.typography table tbody tr:last-child td:last-child {
253    border-bottom-right-radius: 0.75rem;
254}
255
256.typography table thead tr th:first-child {
257    border-top-left-radius: 0.75rem;
258    border-bottom-left-radius: 0.75rem;
259}
260.typography table thead tr th:last-child {
261    border-top-right-radius: 0.75rem;
262    border-bottom-right-radius: 0.75rem;
263}
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291                                                                                /*BTN*/
292
293.btn {
294    text-transform: uppercase;
295    border-width: 1px !important;
296    box-shadow: none !important;
297}
298
299.btn-outline-secondary {
300    border-color: var(--bs-secondary) !important;
301    color: var(--bs-secondary) !important;
302}
303
304@media (min-width: 992px) {
305    .btn-primary:hover,
306    .btn-success:hover,
307    .btn-secondary:hover {
308        transform: unset !important;
309    }
310    .btn-primary:hover {
311        background: transparent !important;
312        color: var(--bs-primary) !important;
313    }
314    .btn-outline-secondary:hover {
315        background: var(--bs-secondary) !important;
316        color: var(--bs-white) !important;
317    }
318}
319
320
321
322
323                                                                                /*NAVBAR*/
324
325.navbar-233:not(.navbar-stick) {
326    position: absolute;
327    left: 0;
328    top: 0;
329}
330
331.navbar-233:not(.navbar-stick) {
332    border-bottom: 1px solid rgb(255,255,255,.25);
333}
334.navbar-233:not(.navbar-stick)>.wrapper:before {
335    background: linear-gradient(180deg,rgba(255,255,255, .0) 0%, rgba(255,255,255, 0) 100%) !important;
336    backdrop-filter: blur(5px);
337    box-shadow: none !important;
338}
339.navbar-233:not(.navbar-stick) img {
340    filter: brightness(0) invert(1);
341}
342
343.navbar-233 .navbar-nav>.nav-item>a:after {
344    display: none !important;
345}
346
347.navbar-233.navbar-stick {
348    box-shadow: rgba(30, 34, 40, .02) 0 2px 1px, rgba(30, 34, 40, .02) 0 4px 2px, rgba(30, 34, 40, .02) 0 8px 4px, rgba(30, 34, 40, .02) 0 16px 8px, rgba(30, 34, 40, .03) 0 32px 16px !important;
349}
350.navbar-233.navbar-stick img {
351    filter: none !important;
352}
353.navbar-233.navbar-stick .nav-link {
354    color: var(--bs-dark) !important;
355}
356.navbar-233.navbar-stick .navbar-nav button.hamburger {
357    color: var(--bs-primary) !important;
358}
359.navbar-233.navbar-stick .nav-btn-first a {
360    border-color: var(--bs-primary) !important;
361    color: var(--bs-primary) !important;
362}
363.navbar-233.navbar-stick .nav-btn-second a {
364    background: var(--bs-primary) !important;
365    border-color: var(--bs-primary) !important;
366    color: var(--bs-white) !important;
367}
368
369.navbar-233 .nav-item-auhp0iwdh>ul>li>a {
370    display: flex;
371    align-items: center;
372    gap: .5rem;
373}
374.navbar-233 .nav-item-auhp0iwdh>ul>li:nth-child(1) a:before {
375    content: "\F65B";
376    font-family: bootstrap-icons !important;
377}
378.navbar-233 .nav-item-auhp0iwdh>ul>li:nth-child(2) a:before {
379    content: "\F7F7";
380    font-family: bootstrap-icons !important;
381}
382
383@media (max-width: 1199.98px) {
384    .navbar-233 .offcanvas {
385        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(67, 105, 219, 1) 100%) !important;
386    }
387    .navbar-233 .dropdown-menu {
388        display: block !important;    /* dropdown-ийг үргэлж нээлттэй байлгана */
389        position: static !important;  /* байрлал нь харьяалагдсан div-тэйгээ байг */
390        transform: none !important;   /* шилжилтгүйгээр энгийн байрлалд байлгана */
391        visibility: visible !important;
392        opacity: 1 !important;
393    }
394}
395
396@media (min-width: 1200px) {
397    .navbar-233 .nav-item.active>a {
398        color: #FAE5B1 !important;
399        position: relative;
400    }
401    .navbar-233 .nav-item.active>a:before {
402        content: "";
403        position: absolute;
404        bottom: 1rem;
405        left: 0;
406        right: 9;
407        width: 100%;
408        height: 1px;
409        background: #FAE5B1 !important;
410    }
411    .navbar-233.navbar-stick .nav-item.active>a {
412        color: var(--bs-primary) !important;
413    }
414    .navbar-233.navbar-stick  .nav-item.active>a:before {
415        background: var(--bs-primary) !important;
416    }
417    
418}
419.navbar-233 .nav-btn-first a {
420    padding-inline: .75rem !important;
421}
422/*hover & active*/
423
424@media (min-width: 992px) {
425    .navbar-233.navbar-stick .navbar-nav>.menu-item>.nav-link:hover {
426        color: var(--bs-primary) !important;
427    }
428    .navbar-233.navbar-stick .nav-btn-first a:hover {
429        background: var(--bs-primary) !important;
430        color: var(--bs-white) !important;
431    }
432}
433
434
435
436
437
438
439
440
441.typography hr {
442    margin-block: .5rem !important;
443}
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458                                                                                /*HEADING ROW*/
459
460.heading-row h2 {
461    text-transform: uppercase;
462    background: -webkit-linear-gradient(#304993, #4369db);
463    -webkit-background-clip: text;
464    -webkit-text-fill-color: transparent;
465    font-weight: 800 !important;
466}
467
468
469
470
471                                                                                /*PAGE TITLE*/
472
473.block-type-header-v1:after {
474    content: "";
475    display: block;
476    height: .25rem;
477    width: 100%;
478    position: absolute;
479    left: 0;
480    bottom: 0;
481    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #4369db 15%, #4369db 50%, #4369db 85%, rgba(255, 255, 255, 0) 100%) !important;
482}
483.block-type-header-v1 .wrapper>.bg-overlay {
484    background: linear-gradient(180deg,rgba(8, 42, 202, 0.5) 0%, rgba(0, 0, 0, 1) 100%) !important;
485}
486.block-type-header-v1 .container {
487    align-items: center !important;
488    justify-content: end !important;
489}
490.block-type-header-v1 .heading-row>* {
491    text-align: center !important;
492}
493.block-type-header-v1 .heading-row h2 {
494    text-transform: uppercase !important;
495    color: var(--bs-white) !important;
496    background: none !important;
497    -webkit-text-fill-color: inherit;
498}
499.block-type-header-v1 nav .breadcrumb-item {
500    text-transform: uppercase;
501    font-weight: 600 !important;
502}
503.block-type-header-v1 nav .breadcrumb-item.active {
504    color: #FAE5B1 !important;
505}
506
507
508
509
510
511                                                                                /*ITEM ELEMENTS*/
512
513.text-link,
514.post-action a {
515    font-weight: 700 !important;
516    text-transform: uppercase;
517}
518
519@media (min-width: 1200px) {
520    .modal-lg {
521        width: 100% !important;
522        max-width: 1200px !important;
523    }
524}
525
526
527
528                                                                                /*PRODUCT ITEM*/
529
530.product-item {
531    background: transparent !important;
532    padding: .75rem;
533    gap: .5rem !important;
534}
535.product-item a {
536    pointer-events: none !important;
537}
538.product-image {
539    width: 6rem !important;
540}
541.product-image figure img {
542    object-fit: contain !important;
543}
544.product-title a {}
545.product-taxonomy {
546    display: flex !important;
547    flex-direction: row !important;
548    flex-wrap: nowrap;
549    justify-content: space-between;
550    gap: .75rem;
551    border-top: 1px solid rgba(164,174,198,.5);
552    padding-top: .5rem;
553}
554.product-taxonomy li {
555    width: 33.333%;
556    flex-direction: column !important;
557    gap: 0 !important;
558    font-size: .6rem !important;
559}
560.product-taxonomy li span:nth-child(1) {
561    font-weight: 700 !important;
562    text-transform: uppercase;
563    color: var(--bs-primary);
564}
565
566@media (min-width: 992px) {
567    .product-item {
568        padding: 1.5rem;
569    }
570    .product-info {
571        font-size: .7rem !important;
572    }
573}
574
575
576
577
578                                                                                /*POSTS ITEM*/
579
580.block-type-last_post-v1 figure {
581    box-shadow: none !important;
582    border: none !important;
583}
584.block-type-last_post-v1 .post-info {
585    display: none !important;
586}
587
588.post-author {
589    display: none !important;
590}
591
592.post-action a {
593    text-transform: uppercase;
594}
595
596                                                                                /*POSTS ITEM > HOVER*/
597
598@media (min-width: 992px) {
599    .block-type-last_post-v1 .post-item:hover {
600        transform: translatey(-.5rem);
601    }
602    .block-type-last_post-v1 .post-item:hover .post-image-overlay-secondary {
603        opacity: 1 !important;
604    }
605    .block-type-last_post-v1 .post-item:hover .post-title a {
606        color: var(--bs-secondary) !important;
607    }
608}
609
610
611
612
613                                                                                /*POSTS PAGE*/
614
615.posts-page {
616    background: #FFFDF6;
617}
618
619.posts-page .post-item figure:before {
620    --bs-aspect-ratio: 56.25% !important;
621}
622
623@media (min-width: 992px) {
624    .posts-page .post-details {
625        width: 60% !important;
626    }
627}
628
629/*hover & active*/
630
631@media (min-width: 992px) {
632    .posts-page .post-item:hover {
633        transform: translatex(.5rem);
634    }
635    .posts-page .post-item:hover .post-image-overlay-primary {
636        opacity: 1 !important;
637    }
638    .posts-page .post-item:hover .post-title a {
639        color: var(--bs-secondary) !important;
640    }
641    .posts-page .post-item .post-action:hover a {
642        color: var(--bs-secondary) !important;
643    }
644}
645
646
647
648
649                                                                                /*POST PAGE*/
650
651.post-page {
652    background: #FFFDF6;
653}
654section.post-page.wrapper{
655    padding-top: 96px !important;
656}
657.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 {
658    box-shadow: rgba(30, 34, 40, .02) 0 2px 1px, rgba(30, 34, 40, .02) 0 4px 2px, rgba(30, 34, 40, .02) 0 8px 4px, rgba(30, 34, 40, .02) 0 16px 8px, rgba(30, 34, 40, .03) 0 32px 16px !important;
659    background: rgba(var(--bs-white-rgb), .97);
660}
661.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 .navbar-nav>.menu-item>.nav-link {
662    color: var(--bs-dark) !important;
663}
664.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 img {
665    filter: none !important;
666}
667
668.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 .nav-btn-first a {
669    border-color: var(--bs-primary) !important;
670    color: var(--bs-primary) !important;
671}
672.content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 .nav-btn-second a {
673    background: var(--bs-primary) !important;
674    border-color: var(--bs-primary) !important;
675    color: var(--bs-white) !important;
676}
677
678@media (min-width: 992px) {
679    .content-wrapper:has(> section.post-page.wrapper) > header .navbar-233 .navbar-nav>.menu-item>.nav-link:hover {
680        color: var(--bs-primary) !important;
681    }
682}
683
684.post-page .post-cover {
685    display: none !important;
686}
687
688
689
690
691
692
693
694                                                                                /*FORM*/
695
696#green_crm_form .btn {
697    background: var(--bs-primary) !important;
698    border-color: var(--bs-primary) !important;
699}
700
701                                                                                /*FORM > HOVER & ACTIVE*/
702
703@media (min-width: 992px) {
704    #green_crm_form .btn:hover {
705        background: none !important;
706        color: var(--bs-primary) !important;
707    }
708}
709
710
711
712
713                                                                                /*FOOTER*/
714
715footer .widget-title {
716    color: #FAE5B1 !important;
717    text-transform: uppercase;
718    letter-spacing: .125rem;
719    font-weight: 500 !important;
720    font-size: .7rem !important;
721}
722footer .widget-links ul li {
723    transition: all .20s ease-in-out;
724}
725footer .opacity-75 {
726    opacity: 1 !important;
727}
728
729footer .widget-socials ul {
730    gap: .5rem !important;
731}
732footer .widget-socials ul li a {
733    background: transparent !important;
734    width: 2rem;
735    height: 2rem;
736    display: flex;
737    align-items: center;
738    justify-content: center;
739    border-radius: 50%;
740    border: 1px solid rgb(255,255,255,.5);
741}
742.footer-046 .widget-socials a>i {
743    color: var(--bs-white) !important;
744    transition: all .25s ease-in-out;
745}
746
747.footer-046 .container>.row>.col:last-child .widget-links ul {
748    display: grid !important;
749    grid-template-columns: 1fr 1fr;
750}
751.footer-046 .container>.row>.col:last-child .widget-links ul li {
752    /*grid-column-start: 1;*/
753    /*grid-column-end: span 2;*/
754}
755.footer-046 .container>.row>.col:last-child .widget-links ul li a {
756    display: flex !important;
757    align-items: center;
758    gap: .25rem;
759    text-transform: uppercase;
760    font-weight: 700 !important;
761    border: 2px solid var(--bs-white);
762    border-radius: .5rem;
763    padding: .75rem .25rem .75rem .75rem;
764}
765.footer-046 .container>.row>.col:last-child .widget-links ul li a:before {
766    font-size: 1rem !important;
767}
768.footer-046 .container>.row>.col:last-child .widget-links ul li:nth-child(1) a:before {
769    font-family: bootstrap-icons !important;
770    content: "\F65B";
771}
772.footer-046 .container>.row>.col:last-child .widget-links ul li:nth-child(2) a:before {
773    font-family: bootstrap-icons !important;
774    content: "\F7F7";
775}
776.footer-046 .container>.row>.col:last-child .widget-links ul li:nth-child(3) a:before {
777    font-family: bootstrap-icons !important;
778    content: "\F456";
779}
780
781@media (min-width: 992px) {
782    footer>.wrapper>.container {
783        padding-block: 5rem !important;
784    }
785}
786
787/*hover & active*/
788
789@media (min-width: 992px) {
790    footer .widget-links ul li:hover {
791        transform: translatex(.5rem);
792    }
793    footer .widget-links ul li:hover a {
794        color: #FAE5B1 !important;
795    }
796    footer .widget-socials ul li:hover a {
797        background: white !important;
798        border-color: white !important;
799    }
800    footer .widget-socials ul li:hover a i {
801        color: var(--bs-primary) !important;
802    }
803    .footer-046 .container>.row>.col:last-child .widget-links ul li:hover {
804        transform: none;
805    }
806    .footer-046 .container>.row>.col:last-child .widget-links ul li:hover a {
807        background: white !important;
808        color: var(--bs-primary) !important;
809    }
810}
811
812.posts-page .widget-links ul li {
813    padding-left: 0px !important;
814}
815.posts-page .widget-links ul li i {
816    display: none !important;
817}
818                                                                                /*Belguun*/
819@media (max-width: 1199.98px) {
820    .offcanvas-header .navbar-logo-light {
821        display: block !important;
822    }
823    .offcanvas-header .navbar-logo-light img {
824        display: block !important;
825    }
826    .navbar-233 .nav-btn-first, .navbar-233 .nav-btn-second {
827        display:block!important;
828    }
829}
830
831
832
833    </style>
834  </head>
835  <body> 
836    <div class="content-wrapper bg-light d-flex flex-column">
837	    	    <header class=" ">
838    
839    <!-- /.top-bar -->
840     
841    <nav class="navbar-233 navbar navbar-gs-light navbar-expand-xl start-0 end-0 top-0 ">
842        <style>
843            
844            /* HEADER > TOPBAR */
845
846            header.wrapper-active .topbar {
847                /* background: var(--bs-transparent) !important; */
848                margin: .5rem;
849                border-radius: .75rem;
850            }
851
852            /* HEADER > NAVBAR */
853            
854            @media (max-width: 575.98px) {
855                .navbar-233.section-frame.navbar-stick,
856                .navbar-233.section-frame.navbar-clone {
857                    width: 100% !important;
858                }
859                
860            }
861            @media (min-width: 576px) and (max-width: 991.98px) {
862                header.wrapper-active .navbar-233,
863                .navbar-233.section-frame {
864                    position: absolute;
865                    width: auto !important;
866                }
867                .navbar-233.section-frame.navbar-stick {
868                    width: auto !important;
869                }
870            }
871            
872            .navbar>.wrapper>.container {
873                width: 100%;
874            }
875            @media (min-width: 1200px) {
876                .navbar>.wrapper>.container,
877                .navbar>.wrapper>.container-lg,
878                .navbar>.wrapper>.container-md,
879                .navbar>.wrapper>.container-sm,
880                .navbar>.wrapper>.container-xl {
881                    width: 1140px;
882                }
883            }
884            @media (min-width: 1400px) {
885                .navbar>.wrapper>.container,
886                .navbar>.wrapper>.container-lg,
887                .navbar>.wrapper>.container-md,
888                .navbar>.wrapper>.container-sm,
889                .navbar>.wrapper>.container-xl,
890                .navbar>.wrapper>.container-xxl {
891                    width: 1320px;
892                }
893            }
894
895            /* HEADER > WRAPPER */
896
897            .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper,
898            .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper {
899                border-radius: 50rem !important;
900                margin-top: .5rem;
901                margin-inline: auto !important;
902            }
903            .content-wrapper:has(.wrapper-active>.navbar-233>.wrapper>.container) .navbar-233 > .wrapper,
904            .navbar-233:has(+ .content-wrapper .wrapper-active>.navbar-233>.wrapper>.container) > .wrapper {
905                width: auto !important;
906            }
907            .content-wrapper:has(.wrapper-active>.navbar-233>.wrapper>.container-fluid) .navbar-233 > .wrapper,
908            .navbar-233:has(+ .content-wrapper .wrapper-active>.navbar-233>.wrapper>.container-fluid) > .wrapper {
909                width:  calc(100% - 1rem)!important;
910            }
911            .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper,
912            .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper
913            .navbar-233:has(+ .content-wrapper header.wrapper-active).navbar-stick {
914                background: transparent !important;
915            }
916            .navbar-233:has(+ .content-wrapper header.wrapper-active).navbar-stick>.wrapper {
917                box-shadow: none !important;
918            }
919            .navbar-233:has(+ .content-wrapper header.wrapper-active).navbar-stick>.wrapper:before {
920                box-shadow: rgba(30, 34, 40, .02) 0 2px 1px, rgba(30, 34, 40, .02) 0 4px 2px, rgba(30, 34, 40, .02) 0 8px 4px, rgba(30, 34, 40, .02) 0 16px 8px, rgba(30, 34, 40, .03) 0 32px 16px !important;
921            }
922            .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper:before,
923            .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper:before {
924                border-radius: 1rem;
925            }
926
927            @media (max-width: 1199.98px) {
928                .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper,
929                .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper{
930                    min-width: calc(100% - 1.5rem) !important;
931                }
932                .content-wrapper:has(>header.wrapper-active) .navbar-233>.wrapper:before,
933                .navbar-233:has(+ .content-wrapper header.wrapper-active)>.wrapper:before {
934                    border-radius: .5rem;
935                }
936            }
937
938            @media (min-width: 992px) {
939                header:has(.topbar) .navbar-233>.wrapper {
940                    margin-top: 0px !important;
941                }
942            }
943            
944            @media (max-width: 575.98px) {
945                header.wrapper-active .navbar-233.section-frame {
946                    margin-top: 0px !important;
947                    width: 100% !important;
948                }
949            }
950
951            @media (min-width: 768px) {
952                .navbar-233.section-frame>.wrapper {
953                    padding-inline: .75rem;
954                }
955            }
956
957            .navbar-233 .wrapper{
958                background-size: cover; 
959                background-position: center center!important;
960                background-repeat: ;
961                z-index:auto!important;
962            }
963            .navbar-233>.wrapper:before {
964                                                        background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%)!important;
965                    background-color: unset !important;
966                            }
967            .navbar>.wrapper>.container, .navbar>.wrapper>.container-fluid, .navbar>.wrapper>.container-lg, .navbar>.wrapper>.container-md, .navbar>.wrapper>.container-sm, .navbar>.wrapper>.container-xl, .navbar>.wrapper>.container-xxl {
968                display: flex;
969                flex-wrap: inherit;
970                align-items: center;
971                justify-content: space-between;
972            }
973            .navbar-233 .navbar-nav>. a
974            .mega-menu-content li a {
975                transition: all .20s ease-in-out;
976            }
977            .navbar-233 .navbar-nav>.menu-item>.nav-link {
978                color: !important;
979            }
980            .navbar-233 .navbar-nav>.menu-item>.nav-link:hover {
981                color: #FAE5B1!important;
982            }
983            .navbar-233  button.hamburger.hamburger-2 span,
984            .navbar-233 button.hamburger.hamburger-2:after,
985            .navbar-233 button.hamburger.hamburger-2:before {
986                display: none !important
987            }
988            .navbar-233 .navbar-nav button.hamburger {
989                color: !important;
990            }
991            .navbar-233 .navbar-nav .dropdown>a {
992                display: flex;
993                align-items: center;
994                justify-content: space-between;
995                gap: .25rem;
996            }
997            .navbar-233 .dropdown-menu {
998                background-color: !important;
999            }
1000            .navbar-233 .dropdown-menu>.menu-item>a {
1001                color: !important;
1002            }
1003            .navbar-233 .dropdown-menu>.menu-item>a:hover {
1004                color: #304993!important;
1005            }
1006            .navbar-233 .navbar-nav .dropdown-toggle:after {
1007                position: static !important;
1008                margin: 0px;
1009                line-height: normal;
1010            }
1011            .navbar-233 .language-select .dropdown-menu {
1012                min-width: auto;
1013            }
1014            @media (max-width: 1198.99px) {
1015                .navbar-233 .offcanvas-body::-webkit-scrollbar {
1016                    display: none;
1017                }
1018                .navbar-233 .nav-item a {
1019                    white-space: wrap !important;
1020                }
1021
1022                .navbar-233 .offcanvas .dropdown-menu {
1023                    background: transparent !important;
1024                    border-radius: 0px;
1025                    border-left: 1px solid rgb(255,255,255,.2);
1026                }
1027                .navbar-233 .offcanvas .dropdown-menu li a {
1028                    color: var(--bs-white) !important;
1029                    opacity: .75;
1030                }
1031                .navbar-233 a.hover:before {
1032                    display: none !important;
1033                }
1034            }
1035            @media (min-width: 1200px) {
1036                .navbar-233 .navbar-nav {
1037                    align-items: center;
1038                }
1039                .navbar-233 a.hover:before {
1040                    margin-top: -1rem !important;
1041                }
1042            }
1043
1044            .navbar-233.section-frame.navbar-clone {
1045                opacity: 0;
1046                pointer-events: none;
1047            }
1048            .navbar-233.section-frame.navbar-stick {
1049                opacity: 1;
1050                pointer-events: inherit;
1051            }
1052
1053            @media (min-width: 768px) {
1054                .navbar-233.section-frame>.wrapper:before {
1055                    border-radius: .6rem !important;
1056                }
1057
1058                .navbar-233.section-frame.navbar-stick {
1059                    margin-top: .75rem;
1060                }
1061            }
1062
1063            /* NAVBAR > CTA */
1064
1065            @media (max-width: 1199.98px) {
1066                .navbar-233 .btn-outline-primary,
1067                .navbar-233 .btn-outline-secondary {
1068                    border-color: white !important;
1069                    color: white !important;
1070                }
1071                .navbar-233 .btn-primary,
1072                .navbar-233 .btn-secondary {
1073                    border-color: white !important;
1074                    background: white;
1075                    color: var(--bs-emphasis-color) !important;
1076                }
1077            }
1078
1079            /* NAVBAR > CTA > HOVER */
1080
1081            @media (max-width: 1199.98px) {
1082                .navbar-233 .btn-outline-primary:hover, .navbar-233 .btn-outline-primary:focus,
1083                .navbar-233 .btn-outline-secondary:hover, .navbar-233 .btn-outline-secondary:focus {
1084                    background: white !important;
1085                    color: var(--bs-emphasis-color) !important;
1086                }
1087                .navbar-233 .btn-primary:hover, .navbar-233 .btn-primary:focus,
1088                .navbar-233 .btn-secondary:hover, .navbar-233 .btn-secondary:focus {
1089                    color: white !important;
1090                    background: transparent;
1091                }
1092            }
1093
1094            /* nav cart */
1095
1096            .navbar-233 .nav-cart figure,
1097            .navbar-233 .nav-cart figure i,
1098            .navbar-233 .nav-cart>* span {
1099                transition: .20s;
1100            }
1101            @media (min-width: 992px) {
1102                .nav-cart>a:hover figure {
1103                    background: var(--bs-white) !important;
1104                    border-color: var(--bs-primary) !important;
1105                }
1106                .nav-cart>a:hover figure i {
1107                    color: var(--bs-primary) !important;
1108                }
1109                .nav-cart>a:hover figure i {
1110                    color: var(--bs-primary) !important;
1111                }
1112                .nav-cart>a:hover>* span:nth-child(1) {
1113                    color: var(--bs-primary) !important;
1114                }
1115            }
1116
1117            /* NAVBAR > HOVER CONFIG */
1118
1119            .navbar-233 a.nav-link.hover-translate {
1120                transition: all .25s ease-in-out;
1121            }
1122            .navbar-233 a.nav-link.hover-translate:before {
1123                content: "";
1124                background: var(--bs-primary);
1125                width: .25rem;
1126                height: .25rem;
1127                border-radius: 50%;
1128                position: absolute;
1129                left: 0;
1130                right: 0;
1131                bottom: 1rem;
1132                margin-inline: auto;
1133                opacity: 0;
1134                transition: all .25s ease-in-out;
1135            }
1136            .navbar-233 a.nav-link.hover-translate.dropdown-toggle:before {
1137                display: none;
1138            }
1139
1140            .navbar-233 a.nav-link.hover-opacity-increase {
1141                opacity: .75;
1142                transition: all .25s ease-in-out;
1143            }
1144            .navbar-233 a.nav-link.hover-opacity-decrease {
1145                transition: all .25s ease-in-out;
1146            }
1147            .navbar-233 a.nav-link.hover.hover-translate:after {
1148                display: none;
1149            }
1150
1151            @media (min-width: 992px) {
1152                .navbar-233 a.nav-link.hover-translate:hover {
1153                    margin-top: -.5rem;
1154                }
1155                .navbar-233 a.nav-link.hover-translate.dropdown-toggle:hover {
1156                    margin: 0px !important;
1157                }
1158                .navbar-233 a.nav-link.hover-translate:hover:before {
1159                    opacity: 1;
1160                }
1161
1162                .navbar-233 a.nav-link.hover-opacity-increase:hover {
1163                    opacity: 1;
1164                }
1165                .navbar-233 a.nav-link.hover-opacity-decrease:hover {
1166                    opacity: .75;
1167                }
1168                .navbar-233 a.nav-link.hover.hover-translate:hover {
1169                    margin: 0px !important;
1170                }
1171            }
1172
1173            @media (max-width: 1199.98px) {
1174                .navbar-233 button.hamburger:focus:before {
1175                    transform: rotate(45deg) !important;
1176                    margin-bottom: 0px;
1177                }
1178                .navbar-233 button.hamburger:focus span {
1179                    opacity: 0;
1180                    margin: 0px;
1181                }
1182                .navbar-233 button.hamburger:focus:after {
1183                    transform: rotate(-45deg) !important;
1184                    margin-top: -.3rem;
1185                }
1186            }
1187
1188            @media (max-width: 767.98px) {
1189                .mobile-logo-xs { height: 0.75rem; }
1190                .mobile-logo-sm { height: 1rem; }
1191                .mobile-logo-md { height: 1.5rem; }
1192                .mobile-logo-lg { height: 2rem; }
1193            }
1194            @media (min-width: 768px) {
1195                .desktop-logo-xs { height: 1.25rem; }
1196                .desktop-logo-sm { height: 1.5rem; }
1197                .desktop-logo-md { height: 2.25rem; }
1198                .desktop-logo-lg { height: 3rem; }
1199            }
1200
1201            /* HEADER > FIX */
1202
1203            .navbar-stick:not(.navbar-dark) {
1204                box-shadow: none !important;
1205                background: transparent !important;
1206            }
1207
1208            /* HEADER > HOVER */
1209
1210            @media (min-width: 992px) {
1211                .navbar-233 .dropdown-menu>.menu-item:hover>.hover-translate {
1212                    transform: translatex(.25rem);
1213                }
1214            }
1215
1216        </style>
1217        <div class="wrapper image-wrapper shadow-xl bg-cover bg-image bg-overlay w-100" data-image-src="" style="min-height: auto !important;">
1218            <div class="container flex-xl-row flex-nowrap align-items-center gap-xl-6">
1219                <div class="navbar-brand py-3">
1220                    <a href="/" class="navbar-logo-light"><img class="w-auto desktop-logo-md mobile-logo-md" src="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/6eb575c828aa47eccdfa03647077b58b3757e79d.png" srcset="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/6eb575c828aa47eccdfa03647077b58b3757e79d.png" alt="" /></a>
1221                    <a href="/" class="navbar-logo-dark d-none"><img class="w-auto desktop-logo-md mobile-logo-md" src="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/bae47e501b0b74327b5c982f35bde79f16f9df87.png" srcset="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/bae47e501b0b74327b5c982f35bde79f16f9df87.png" alt="" /></a>
1222                </div>
1223                <!-- /.navbar brand / desktop -->
1224                <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
1225                <div class="offcanvas-header d-flex d-xl-none p-6 border-bottom border-white border-opacity-10">
1226                    <a href="/" class="navbar-logo-light d-none"><img class="desktop-logo-md mobile-logo-md w-auto d-none" src="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/6eb575c828aa47eccdfa03647077b58b3757e79d.png" srcset="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/6eb575c828aa47eccdfa03647077b58b3757e79d.png 2x" alt="" /></a>
1227                    <a href="/" class="navbar-logo-dark"><img class="desktop-logo-md mobile-logo-md w-auto" src="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/bae47e501b0b74327b5c982f35bde79f16f9df87.png" srcset="https://cdn.greensoft.mn//uploads/site/1772/site_config/logo/bae47e501b0b74327b5c982f35bde79f16f9df87.png" alt="" /></a>
1228                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
1229                </div>
1230                <!-- /.offcanvas header -->
1231                <div class="offcanvas-body d-flex flex-column h-100 table-responsive-xl px-6 py-4 p-xl-0 w-100">
1232                    <ul class="navbar-nav gap-xl-6 ms-xl-auto">
1233                                                        <li class="nav-item menu-item nav-item-v2uf0hxf4 position-relative  ">
1234                                                                                    <!-- Simple Link -->
1235                                            <a href="/about-us"
1236                                            class="nav-link text-uppercase fw-semibold fs-sm text-light  hover-text-color lh-sm py-2 px-0 py-xl-6"
1237                                            target="_self">
1238                                                Бидний тухай                                            </a>
1239                                                                            </li>
1240                                                            <li class="nav-item menu-item nav-item-z1hrpdjef position-relative  dropdown ">
1241                                                                                    <!-- Standard Dropdown -->
1242                                            <a class="nav-link text-uppercase fw-semibold fs-sm text-light  hover-text-color lh-sm py-2 px-0 py-xl-6 dropdown-toggle" 
1243                                            href="#" data-bs-toggle="dropdown">
1244                                                Үндсэн үйлчилгээ                                            </a>
1245                                            <ul class="dropdown-menu py-xl-5 mt-lg-2">
1246                                                                                                    <li class="nav-item menu-item nav-item-we4lppir1 position-relative dropdown dropdown-submenu dropend">
1247                                                        <a href="/investment-banking"
1248                                                        class="dropdown-item dropdown-toggle fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1249                                                        target="_self"
1250                                                        data-bs-toggle="dropdown">
1251                                                            Андеррайтер                                                        </a>
1252                                                                                                                    <ul class="dropdown-menu py-xl-5 ms-4 ms-xl-2">
1253                                                                                                                                    <li class="nav-item menu-item nav-item-mwjtf0g7y position-relative ">
1254                                                                        <a href="/past-transactions"
1255                                                                        class="dropdown-item  fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1256                                                                        target="_self"
1257                                                                        >
1258                                                                            Онцлох хэлцлүүд                                                                        </a>
1259                                                                                                                                            </li>
1260                                                                                                                            </ul>
1261                                                                                                            </li>
1262                                                                                                    <li class="nav-item menu-item nav-item-hkk0pnd7v position-relative ">
1263                                                        <a href="/brokerage-services"
1264                                                        class="dropdown-item  fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1265                                                        target="_self"
1266                                                        >
1267                                                            Брокер                                                        </a>
1268                                                                                                            </li>
1269                                                                                                    <li class="nav-item menu-item nav-item-oynysogfe position-relative ">
1270                                                        <a href="/asset-management"
1271                                                        class="dropdown-item  fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1272                                                        target="_self"
1273                                                        >
1274                                                            Хөрөнгийн удирдлага                                                        </a>
1275                                                                                                            </li>
1276                                                                                                    <li class="nav-item menu-item nav-item-kfuvp2bb4 position-relative dropdown dropdown-submenu dropend">
1277                                                        <a href="/research"
1278                                                        class="dropdown-item dropdown-toggle fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1279                                                        target="_self"
1280                                                        data-bs-toggle="dropdown">
1281                                                            Судалгаа                                                        </a>
1282                                                                                                                    <ul class="dropdown-menu py-xl-5 ms-4 ms-xl-2">
1283                                                                                                                                    <li class="nav-item menu-item nav-item-oh457c6rg position-relative ">
1284                                                                        <a href="/equity-research-report"
1285                                                                        class="dropdown-item  fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1286                                                                        target="_self"
1287                                                                        >
1288                                                                            Хувьцааны судалгаа                                                                        </a>
1289                      
1289                                                                                                                      </li>
1290                                                                                                                                    <li class="nav-item menu-item nav-item-saamv3krf position-relative ">
1291                                                                        <a href="/posts?page=1&category_id=28286"
1292                                                                        class="dropdown-item  fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1293                                                                        target="_self"
1294                                                                        >
1295                                                                            Долоо хоногийн тойм                                                                        </a>
1296                                                                                                                                            </li>
1297                                                                                                                            </ul>
1298                                                                                                            </li>
1299                                                                                            </ul>
1300                                                                            </li>
1301                                                            <li class="nav-item menu-item nav-item-g8y5up05d position-relative  dropdown ">
1302                                                                                    <!-- Standard Dropdown -->
1303                                            <a class="nav-link text-uppercase fw-semibold fs-sm text-light  hover-text-color lh-sm py-2 px-0 py-xl-6 dropdown-toggle" 
1304                                            href="#" data-bs-toggle="dropdown">
1305                                                Мэдээ                                            </a>
1306                                            <ul class="dropdown-menu py-xl-5 mt-lg-2">
1307                                                                                                    <li class="nav-item menu-item nav-item-51eu3favv position-relative ">
1308                                                        <a href="/posts?page=1&category_id=28286"
1309                                                        class="dropdown-item  fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1310                                                        target="_self"
1311                                                        >
1312                                                            Зах зээлийн тойм                                                        </a>
1313                                                                                                            </li>
1314                                                                                                    <li class="nav-item menu-item nav-item-6egngr7tl position-relative ">
1315                                                        <a href="/posts?page=1&category_id=28610"
1316                                                        class="dropdown-item  fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1317                                                        target="_self"
1318                                                        >
1319                                                            Хувьцааны судалгаа                                                        </a>
1320                                                                                                            </li>
1321                                                                                                    <li class="nav-item menu-item nav-item-zblhnvoiu position-relative ">
1322                                                        <a href="/posts?page=1&category_id=28287"
1323                                                        class="dropdown-item  fw-semibold fs-sm text-dark-emphasis  hover-translate hover-text-color lh-sm py-1"
1324                                                        target="_self"
1325                                                        >
1326                                                            MICC тойм                                                        </a>
1327                                                                                                            </li>
1328                                                                                            </ul>
1329                                                                            </li>
1330                                                            <li class="nav-item menu-item nav-item-qgnsexard position-relative  ">
1331                                                                                    <!-- Simple Link -->
1332                                            <a href="/careers"
1333                                            class="nav-link text-uppercase fw-semibold fs-sm text-light  hover-text-color lh-sm py-2 px-0 py-xl-6"
1334                                            target="_self">
1335                                                Ажил мэргэжил                                            </a>
1336                                                                            </li>
1337                                                            <li class="nav-item menu-item nav-item-gz1ircv4r position-relative  active">
1338                                                                                    <!-- Simple Link -->
1339                                            <a href="/contact-us"
1340                                            class="nav-link text-uppercase fw-semibold fs-sm text-light  hover-text-color lh-sm py-2 px-0 py-xl-6"
1341                                            target="_self">
1342                                                Холбоо барих                                            </a>
1343                                                                            </li>
1344                                            </ul>
1345                    <div class="d-flex flex-wrap gap-3 d-xl-none mt-3">
1346                                                <li class="nav-item nav-btn-first position-relative d-block d-xl-none m-0">
1347                                                        <a href="https://en.micc.mn" target="_blank" class="btn btn-outline-light  d-flex align-items-center gap-2 fs-sm">
1348                                                                EN                                                            </a>
1349                        </li>
1350                                                <!-- nav-cta-first -->
1351
1352                                                <li class="nav-item nav-btn-second position-relative d-block d-xl-none m-0">
1353                                                        <a href="https://micc.istock.mn/auth/login" target="_blank" class="btn btn-light  d-flex align-items-center gap-2 fs-sm">
1354                                                                    <i class="bi bi-pers
1354on-circle"></i>
1355                                                                Нэвтрэх                                                            </a>
1356                        </li>
1357                                                <!-- /.nav-cta-second -->
1358                    </div>
1359                    <!-- /.navbar-nav -->
1360                    <div class="offcanvas-contacts d-flex flex-column gap-3 d-xl-none pb-0 pt-6 mt-auto border-top border-white border-opacity-10 order-4">
1361                    <a href="mailto:[email protected]" class="d-flex align-items-center gap-1 fs-sm lh-sm text-white"><i class="bi bi-envelope-fill"></i>[email protected]</a>
1362                    <a href="tel:(+976) 70112023" class="d-flex align-items-center gap-1 fs-sm lh-sm text-white"><i class="bi bi-phone-fill"></i>(+976) 70112023</a>
1363                    <nav class="nav social social-white d-flex gap-3">
1364                                                <a href="https://www.facebook.com/MICCmongolia" class="fs-sm lh-sm m-0" target="_blank"><i class="fs-sm lh-sm bi bi-facebook"></i></a>
1365                                                                                                <a href="https://x.com/i/flow/login?redirect_after_login=%2FMiccCapital" class="fs-sm lh-sm m-0" target="_blank"><i class="fs-sm lh-sm bi bi-twitter-x"></i></a>
1366                                                                        <a href="https://www.linkedin.com/company/mongolia-international-capital-corporation/" class="fs-sm lh-sm m-0" target="_blank"><i class="fs-sm lh-sm bi bi-linkedin"></i></a>
1367                                                                        <a href="https://www.youtube.com/@micc6174" class="fs-sm lh-sm m-0" target="_blank"><i class="fs-sm lh-sm bi bi-youtube"></i></a>
1368                                            </nav>
1369                    <!-- /.social -->
1370                    </div>
1371                    <!-- /offcanvas-nav-other -->
1372                </div>
1373                <!-- /.offcanvas body -->
1374                </div>
1375                <!-- /.navbar collapse -->
1376                <div class="navbar-other d-flex ">
1377                    <ul class="navbar-nav flex-row align-items-center gap-3 gap-md-4 gap-lg-6">
1378                                                                        <!-- /.nav-socials -->
1379                                                <!-- /.nav-language -->
1380                                                <div class="nav-cta d-flex gap-3">
1381                                                        <li class="nav-item nav-btn-first position-relative d-none d-xl-block m-0">
1382                                                                <a href="https://en.micc.mn" target="_blank" class="btn btn-outline-light  d-flex align-items-center gap-2 fs-sm">
1383                                                                        EN                                                                    </a>
1384                            </li>
1385                                                        <!-- nav-cta-first -->
1386
1387                                                        <li class="nav-item nav-btn-second position-relative d-none d-xl-block m-0">
1388                                                                <a href="https://micc.istock.mn/auth/login" target="_blank" class="btn btn-light  d-flex align-items-center gap-2 fs-sm">
1389                                                                            <i class="bi bi-person-circle"></i>
1390                                                                        Нэвтрэх                                                                    </a>
1391                            </li>
1392                                                        <!-- /.nav-cta-second -->
1393                        </div>
1394                                                                        <!-- /.login -->
1395                        <li class="nav-item nav-cart position-relative m-0 d-none">
1396                            <a  href="/cart" class="d-flex align-items-center gap-2">
1397                                <figure class="bg-gray w-9 h-9 d-flex flex-column align-items-center justify-content-center border border-ash border-opacity-25 rounded-circle overflow-hidden">
1398                                    <i class="h4 uil uil-shopping-cart lh-1 m-0"></i>
1399                                </figure>
1400                                <div class="d-flex flex-column gap-1">
1401                                    <span class="d-none d-md-flex align-items-center text gap-1 text-dark-emphasis fw-semibold fs-sm lh-1 rounded-pill"> Сагсанд </span>
1402                                    <span class="cart-popupstyle-carts-count carts-item-count bg-primary w-4 h-4 d-flex justify-content-center align-items-center small text-white fw-medium lh-1 small rounded-circle p-1">0</i></span>
1403                                </div>
1404                            </a>
1405                        </li>
1406
1407                        <li class="nav-item position-relative d-xl-none m-0">
1408                        <button class="hamburger text-light offcanvas-nav-btn m-0"><span></span></button>
1409                        <button class="hamburger hamburger-2 offcanvas-nav-btn m-0 d-none">
1410                            
1410<script src="https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.mjs" type="module"></script>
1410<dotlottie-player src="https://gs-private.sgp1.digitaloceanspaces.com/web_project_uploads/web_project_uploads_682c448429f74/menu-burger.json" background="transparent" speed="1" style="width: 30px; height: 30px" direction="1" playMode="normal" loop autoplay></dotlottie-player>
1411                        </button>
1412                        </li>
1413                        <!-- /.burger menu -->
1414                    </ul>
1415                    <!-- /.navbar nav -->
1416                </div>
1417                <!-- /.navbar other --> 
1418            </div>
1419        </div>
1420        <!-- /.container -->
1421    </nav>
1422  
1423        <!-- /.navbar -->
1424</header>
1425<!-- /.header -->
1426		      
1427
1428
1429
1430
1431<style>
1432    .pageshow-page>.container .container{
1433        padding-left:0!important;
1434        padding-right:0!important;
1435    }
1436    .pageshow-page .col-12.col-lg-8>.pageshow-blocks>section .container {
1437        padding-top: 0 !important;
1438        padding-bottom: 0 !important;
1439    }
1440    .page-sidebar .widget-links .active>a {
1441        color: var(--bs-primary) !important;
1442        font-weight: 700;
1443    }
1444    @media (min-width: 992px) {
1445        .page-sidebar .widget-links li a:hover {
1446            color: var(--bs-primary) !important;
1447        }
1448    }
1449
1450        #page-menu .page-item,
1451        #page-menu .page-item a {
1452            transition: all .20s ease-in-out;
1453        }
1454        #page-menu .page-item.active a {
1455            border-color: var(--bs-primary);
1456            background: var(--bs-primary);
1457            color: white;
1458        }
1459
1460
1461        /* FIX */
1462        .pageshow-page .page-sidebar .widget ul {
1463            padding-left: 0px !important;
1464        }
1465        .pageshow-page .page-sidebar .widget ul li {
1466            padding-left: 1rem !important;
1467        }
1468    
1469    </style>
1470
1471    <section class="pageshow-page wrapper position-relative bg-white d-flex flex-column">
1472                        <style>
1473        .block-type-header-v1 .wrapper>.bg-overlay {
1474            background-color: rgba(30, 34, 40, 0.5);
1475        }
1476        .block-type-header-v1 .heading-row h2 {
1477            display: -webkit-box;
1478            -webkit-line-clamp: 3;
1479            -webkit-box-orient: vertical;  
1480            overflow: hidden;
1481        }
1482        .block-type-header-v1 .heading-row p {
1483            display: -webkit-box;
1484            -webkit-line-clamp: 5;
1485            -webkit-box-orient: vertical;  
1486            overflow: hidden;
1487        }
1488        .block-type-header-v1 .breadcrumb-item:before {
1489            display: none;
1490        }
1491        .block-type-header-v1 .breadcrumb-item a:after {
1492            content: "/";
1493            margin-left: .5rem;
1494            font-size: .7rem;
1495            color: var(--bs-white);
1496            opacity: 50%;
1497        }
1498        @media (max-width: 991.98px) {
1499            .block-type-header-v1 .container {
1500                min-height: 15rem;
1501            }
1502        }
1503        @media (min-width: 992px) {
1504            .block-type-header-v1 .container {
1505                min-height: 25rem;
1506            }
1507        }
1508
1509    </style>
1510
1511    <section class="block-type-header-v1 static-header position-relative">
1512        <div class="wrapper bg-dark image-wrapper bg-image bg-cover" data-image-src="https://cdn.greensoft.mn//uploads/site/1772/page/49833_new_32803658c8bb9b6e659fba5a25a2370deb65f716.jpg" style="min-height: auto;">
1513            <div class="bg-overlay position-absolute start-0 top-0 w-100 h-100"></div>
1514            <div class="container position-relative d-flex flex-column gap-4 gap-md-6 gap-lg-8 justify-content-center py-6 py-md-8 py-lg-11">
1515                <div class="heading-row heading-row-1 col-xl-8 d-flex flex-column gap-2 text-start">
1516                    <h2 class="display-4 text-white m-0">Холбоо барих</h2>
1517                                    </div>
1518                <!-- /.heading row -->
1519                <nav aria-label="breadcrumb">
1520                    <ol class="breadcrumb flex-wrap justify-content-start gap-2 text-start mb-0">
1521                        <li class="breadcrumb-item fs-sm lh-sm p-0"><a class="d-flex align-itens-center text-white" href="/"><span class="version-mn">Нүүр</span><span class="version-en d-none">Home</span><span class="version-jp d-none">ホーム</span><span class="version-kr d-none">
1521홈페이지</span><span class="version-fr d-none">Accueil</span><span class="version-de d-none">Startseite</span></a></li>
1522                                                <li class="breadcrumb-item p-0 fs-sm lh-sm text-white active" aria-current="page">Холбоо барих</li>
1523                    </ol>
1524                </nav>
1525                <!-- /.breadcrumb -->
1526            </div>
1527            <!-- /.container -->
1528
1529            <div class="divider-wave1-top overflow-hidden d-none z-1 position-relative d-none" style="transform: rotate(180deg);">
1530                <div class="divider text-white mx-n2">
1531                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60">
1532                        <path fill="#fff" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z"></path>
1533                    </svg>
1534                </div>
1535            </div>
1536
1537            <div class="divider-wave4-bottom overflow-hidden z-1 position-relative d-none">
1538                <div class="divider text-white mx-n2">
1539                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 92.26"><path fill="currentColor" d="M1206,21.2c-60-5-119-36.92-291-5C772,51.11,768,48.42,708,43.13c-60-5.68-108-29.92-168-30.22-60,.3-147,27.93-207,28.23-60-.3-122-25.94-182-36.91S30,5.93,0,16.2V92.26H1440v-87l-30,5.29C1348.94,22.29,1266,26.19,1206,21.2Z"/></svg>
1540                </div>
1541            </div>
1542
1543        </div>
1544    </section>                                        
1545                <style>
1546    #block-251132 .wrapper{
1547        background-size: cover; 
1548        background-position: center center!important;
1549        background-repeat: no-repeat;
1550                z-index:auto;
1551    }
1552    #block-251132 .wrapper:before {
1553                    background-image: linear-gradient(to right, rgba(255,253,246,1) 0%, rgba(255,253,246,1) 100%) !important;
1554            background-color: unset !important;
1555                }
1556
1557    #block-251132 .heading-row {
1558        width: 100% !important;
1559    }
1560
1561    /* gs dark */
1562
1563        #block-251132.gs-dark .heading-row>* {
1564        color: var(--bs-white) !important;
1565    }
1566    #block-251132.gs-dark .heading-row-3>*:last-child {
1567        background: var(--bs-white) !important;
1568    }
1569    #green_crm_form label {
1570    font-weight: 600;
1571    color: var(--bs-dark) !important;
1572}
1573#green_crm_form .form-control, #green_crm_form .form-group select {
1574    box-shadow: none !important;
1575    border: 1px solid rgb(148,153,163,.25) !important;
1576    background: white;
1577}
1578#green_crm_form .form-control::placeholder {
1579    color: var(--bs-white);
1580}
1581#green_crm_form .btn {
1582    display: flex;
1583    align-items: center;
1584    gap: .5rem;
1585}
1586#green_crm_form .btn:after {
1587    content: "\F6B9";
1588    font-family: bootstrap-icons !important;
1589    font-size: .7rem !important;
1590    line-height: 1;
1591}
1592
1593/*hover & active*/
1594
1595@media (min-width: 992px) {
1596    #green_crm_form .form-builder input:focus,
1597    #green_crm_form .formbuilder-textarea textarea:focus {
1598        border-color: var(--bs-secondary) !important;
1599    }
1600}
1601
1602                                                                                /*GRID*/
1603
1604@media (min-width: 576px) {
1605    #block-251132 .rendered-form {
1606        display: grid !important;
1607        grid-template-columns: 1fr 1fr 1fr;
1608    }
1609    #block-251132 .rendered-form>*:nth-child(4),
1610    #block-251132 .rendered-form>*:nth-child(5),
1611    #block-251132 .rendered-form>*:nth-child(6) {
1612        grid-column-start: 1;
1613        grid-column-end: span 3;  
1614    }
1615}
1616
1617
1618
1619</style>
1620
1621
1622    <section id="block-251132" class="block-type-subscription_group-v1 position-relative overflow-hidden   ">
1623  <div 
1624    class="wrapper position-relative image-wrapper bg-cover bg-image 
1625    bg-overlay" 
1626    data-image-src="" 
1627    style="min-height: auto !important;"
1628            >
1629                <div class="overflow-hidden">
1630        <style>
1631#block-251132>.wrapper .container>.wrapper {
1632    
1633}
1634</style>
1635
1636
1637
1638<div class="container py-6 py-md-8 py-lg-11 d-flex align-self-stretch position-relative " style="max-width: 830px;">
1639  <div class="wrapper w-100 position-relative d-flex flex-column flex-md-column gap-4 gap-md-6 gap-lg-8 justify-content-center align-items-start " style="min-height: auto;">        <style>
1640                                                            
1641        #block-251132 .card-item.flex-column-reverse.flex-md-row-reverse>.card-details {
1642            /* flex: 1 0 0; */
1643        }
1644
1645        /*ITEM CONFIG > ITEM TITLE */
1646
1647        #block-251132 .card-item.heading-xl,
1648        #block-251132 .feature-item.heading-xl,
1649        #block-251132 .content-item.heading-xl,
1650        #block-251132 .post-item.heading-xl,
1651        #block-251132 .product-item.heading-xl
1652        #block-251132 .category-item.heading-xl {
1653            gap: 1rem !important;
1654        }
1655        #block-251132 .card-item.heading-xl .card-details,
1656        #block-251132 .feature-item.heading-xl .feature-details,
1657        #block-251132 .content-item.heading-xl .content-details,
1658        #block-251132 .post-item.heading-xl .post-details,
1659        #block-251132 .product-item.heading-xl .product-details,
1660        #block-251132 .category-item.heading-xl .cateogory-details {
1661            gap: .5rem !important;
1662        }
1663        #block-251132 .card-item.heading-xl .card-action,
1664        #block-251132 .feature-item.heading-xl .feature-action,
1665        #block-251132 .content-item.heading-xl .content-action,
1666        #block-251132 .post-item.heading-xl .post-action,
1667        #block-251132 .product-item.heading-xl .product-action,
1668        #block-251132 .category-item.heading-xl .cateogory-action {
1669            margin-top:  .25rem !important;
1670        }
1671
1672        #block-251132 .card-item.heading-sm .card-title,
1673        #block-251132 .feature-item.heading-sm .feature-title,
1674        #block-251132 .content-item.heading-sm .content-title,
1675        #block-251132 .post-item.heading-sm .post-title,
1676        #block-251132 .product-item.heading-sm .product-title,
1677        #block-251132 .cateogory-item.heading-sm .cateogory-title   {
1678            font-size: .7rem !important;
1679        }
1680
1681        #block-251132 .card-item.heading-lg .card-title,
1682        #block-251132 .feature-item.heading-lg .feature-title,
1683        #block-251132 .content-item.heading-lg .content-title,
1684        #block-251132 .post-item.heading-lg .post-title,
1685        #block-251132 .product-item.heading-lg .product-title,
1686        #block-251132 .category-item.heading-lg .category-title {
1687            font-size: calc(1.255rem + .06vw) !important;
1688            line-height: 1.2;
1689            /* h2 style */
1690        }
1691        #block-251132 .card-item.heading-xl .card-title,
1692        #block-251132 .feature-item.heading-xl .feature-title,
1693        #block-251132 .content-item.heading-xl .content-title,
1694        #block-251132 .post-item.heading-xl  .post-title,
1695        #block-251132 .product-item.heading-xl .product-title,
1696        #block-251132 .category-item.heading-xl .category-title {
1697            font-size: calc(1.305rem + .66vw) !important;
1698            line-height: 1.3;
1699            /* display 4 style/ */
1700        }
1701        
1702        @media (min-width: 576px) {
1703            #block-251132 .card-item.heading-xl,
1704            #block-251132 .feature-item.heading-xl,
1705            #block-251132 .content-item.heading-xl,
1706            #block-251132 .post-item.heading-xl,
1707            #block-251132 .product-item.heading-xl,
1708            #block-251132 .category-item.heading-xl {
1709                gap: 1.5rem !important;
1710            }
1711            #block-251132 .card-item.heading-xl .card-action,
1712            #block-251132 .feature-item.heading-xl .feature-action,
1713            #block-251132 .content-item.heading-xl .content-action,
1714            #block-251132 .post-item.heading-xl .post-action,
1715            #block-251132 .product-item.heading-xl .product-action,
1716            #block-251132 .category-item.heading-xl .category-action {
1717                margin-top:  .75rem !important;
1718            }
1719        }
1720        @media (min-width: 992px) {
1721            #block-251132 .card-item.heading-lg ,
1722            #block-251132 .feature-item.heading-lg,
1723            #block-251132 .content-item.heading-lg,
1724            #block-251132 .post-item.heading-lg,
1725            #block-251132 .product-item.heading-lg,
1726            #block-251132 .category-item.heading-lg {
1727                gap: 1rem !important;
1728            }
1729            #block-251132 .card-item.heading-xl ,
1730            #block-251132 .feature-item.heading-xl,
1731            #block-251132 .content-item.heading-xl,
1732            #block-251132 .post-item.heading-xl,
1733            #block-251132 .product-item.heading-xl,
1734            #block-251132 .category-item.heading-xl {
1735                gap: 2rem !important;
1736            }
1737
1738            #block-251132 .card-item.heading-lg .card-action,
1739            #block-251132 .feature-item.heading-lg .feature-action,
1740            #block-251132 .content-item.heading-lg .content-action,
1741            #block-251132 .post-item.heading-lg .post-action,
1742            #block-251132 .product-item.heading-lg .product-action,
1743            #block-251132 .category-item.heading-lg .category-action {
1744                margin-top:  .5rem !important;
1745            }
1746            #block-251132 .card-item.heading-xl .card-action,
1747            #block-251132 .feature-item.heading-xl .feature-action,
1748            #block-251132 .content-item.heading-xl .content-action,
1749            #block-251132 .post-item.heading-xl .post-action,
1750            #block-251132 .product-item.heading-xl .product-action,
1751            #block-251132 .category-item.heading-xl .category-action {
1752                margin-top:  1.25rem !important;
1753            }
1754        }
1755        @media (min-width: 1200px) {
1756            #block-251132 .card-item.heading-sm .card-title,
1757            #block-251132 .feature-item.heading-sm .feature-title,
1758            #block-251132 .content-item.heading-sm .content-title,
1759            #block-251132 .post-item.heading-sm .post-title,
1760            #block-251132 .product-item.heading-sm .product-title,
1761            #block-251132 .category-item.heading-sm .category-title  {
1762                font-size: .8rem !important;
1763            }
1764            #block-251132 .card-item.heading-lg .card-title,
1765            #block-251132 .feature-item.heading-lg .feature-title,
1766            #block-251132 .content-item.heading-lg .content-title,
1767            #block-251132 .post-item.heading-lg .post-title,
1768            #block-251132 .product-item.heading-lg .product-title,
1769            #block-251132 .category-item.heading-lg .category-title {
1770                font-size: 1.3rem !important;
1771                /* h2 style */
1772            }
1773            #block-251132 .card-item.heading-xl .card-title,
1774            #block-251132 .feature-item.heading-xl .feature-title,
1775            #block-251132 .content-item.heading-xl .content-title,
1776            #block-251132 .post-item.heading-xl .post-title,
1777            #block-251132 .product-item.heading-xl .product-title,
1778            #block-251132 .category-item.heading-xl .category-title {
1779                font-size: 1.8rem !important;
1780                /* display 4 style/ */
1781            }
1782        }
1783
1784        #block-251132 .card-item.item-boxed.heading-xl,
1785        /* #block-251132 .feature-item.item-boxed.heading-xl, */
1786        /* #block-251132 .content-item.item-boxed.heading-xl, */
1787        #block-251132 .post-item.item-boxed.heading-xl,
1788        #block-251132 .product-item.item-boxed.heading-xl,
1789        #block-251132 .category-item.item-boxed.heading-xl
1790        
1791        #block-251132 .card-item.item-boxed.heading-lg,
1792        /* #block-251132 .feature-item.item-boxed.heading-lg, */
1793        /* #block-251132 .content-item.item-boxed.heading-lg, */
1794        #block-251132 .post-item.item-boxed.heading-lg,
1795        #block-251132 .product-item.item-boxed.heading-lg,
1796        #block-251132 .category-item.item-boxed.heading-lg {
1797            gap: 0px !important;
1798        }
1799
1800        /* SWIPER CONTROLS */
1801
1802        #block-251132 .swiper-controls {
1803            z-index: 1;
1804        }
1805        #block-251132 .pagination-off .swiper-pagination {
1806            display: none !important;
1807        } 
1808
1809        /* SWIPER CONTROLS > NAVIGATION */
1810
1811        #block-251132  .swiper-button {
1812            box-shadow: rgba(30, 34, 40, 0.02) 0px 2px 1px,
1813            rgba(30, 34, 40, 0.02) 0px 4px 2px,
1814            rgba(30, 34, 40, 0.02) 0px 8px 4px,
1815            rgba(30, 34, 40, 0.02) 0px 16px 8px,
1816            rgba(30, 34, 40, 0.03) 0px 32px 16px;
1817            background: var(--bs-white);
1818        }
1819        #block-251132 .swiper-button:after {
1820            font-family: bootstrap-icons !important;
1821            font-size: .7rem !important;
1822            transition: all .20s ease-in-out
1823        }
1824        #block-251132  .swiper-button-prev:after {
1825            content: "\F284" !important;
1826        }
1827        #block-251132  .swiper-button-next:after {
1828            content: "\F285" !important;
1829        }
1830
1831        @media (max-width: 1199.98px) {
1832            #block-251132  .swiper-button {
1833                width: 2rem !important;
1834                height: 2rem !important
1835            }
1836            #block-251132 .nav-outside .swiper-button-prev {
1837                left: .75rem !important;
1838            }
1839            #block-251132 .nav-outside .swiper-button-next {
1840                right: .75rem !important;
1841            }
1842        }
1843
1844        @media (min-width: 576px) and (max-width: 991.98px)  {
1845            #block-251132 .nav-top .swiper-navigation {
1846                position: absolute;
1847                top: 0;
1848                left: auto;
1849                right: 0px;
1850                display: flex;
1851                gap: .75rem;
1852            }
1853            #block-251132 .nav-top .swiper-button {
1854                margin: 0px !important;
1855                position: static !important;
1856            }
1857            #block-251132 .container .wrapper.gap-3.gap-md-4.gap-lg-6 .nav-top .swiper-navigation {
1858                margin-top: -1rem;
1859                transform: translatey(-100%);
1860            }
1861            #block-251132 .container .wrapper.gap-4.gap-md-6.gap-lg-8 .nav-top .swiper-navigation {
1862                margin-top: -1.5rem;
1863                transform: translatey(-100%);
1864            }
1865            #block-251132 .container .wrapper.gap-6.gap-md-8.gap-lg-11 .nav-top .swiper-navigation {
1866                margin-top: -2rem;
1867                transform: translatey(-100%);
1868            }
1869        }
1870
1871    @media (min-width: 992px) {
1872        #block-251132 .nav-top .swiper-navigation {
1873            position: absolute;
1874            top: 0;
1875            left: auto;
1876            right: 0px;
1877            display: flex;
1878            gap: .75rem;
1879        }
1880        #block-251132 .nav-top .swiper-button {
1881            margin: 0px !important;
1882            position: static !important;
1883        }
1884        #block-251132 .container .wrapper.gap-3.gap-md-4.gap-lg-6 .nav-top .swiper-navigation {
1885            margin-top: -1.5rem;
1886            transform: translatey(-100%);
1887        }
1888        #block-251132 .container .wrapper.gap-4.gap-md-6.gap-lg-8 .nav-top .swiper-navigation {
1889            margin-top: -2rem;
1890            transform: translatey(-100%);
1891        }
1892        #block-251132 .container .wrapper.gap-6.gap-md-8.gap-lg-11 .nav-top .swiper-navigation {
1893            margin-top: -3rem;
1894            transform: translatey(-100%);
1895        }
1896
1897        #block-251132 .navigation-style-2 .swiper-button {
1898            background: transparent !important;
1899            box-shadow: none !important;
1900            border: 1px solid rgb(148,153,163,.5) !important;
1901        }
1902
1903        #block-251132.gs-dark .navigation-style-1 .swiper-button {
1904            opacity: .25;
1905        }
1906        #block-251132.gs-dark .navigation-style-2 .swiper-button {
1907            border-color: rgb(255,255,255,.5) !important;
1908            opacity: .5;
1909        }
1910        #block-251132.gs-dark .navigation-style-2 .swiper-button:after {
1911            color: var(--bs-white) !important;
1912        }
1913    }
1914
1915        @media (min-width: 1200px) {
1916            #block-251132 .nav-outside .swiper-button-prev {
1917                left: 0 !important;
1918                transform: translatex(-125%);
1919            }
1920            #block-251132 .nav-outside .swiper-button-next {
1921                right: 0 !important;
1922                transform: translatex(125%);
1923            }
1924        }
1925
1926        @media (min-width: 992px) {
1927            #block-251132 .swiper-button:hover {
1928                border-color: var(--bs-primary) !important;
1929                background: var(--bs-primary) !important;
1930                opacity: 1 !important;
1931            }
1932            #block-251132 .swiper-button:hover:after {
1933                color: var(--bs-white) !important;
1934            }
1935
1936            #block-251132.gs-dark .navigation-style-2 .swiper-button:hover {
1937                border-color: var(--bs-primary) !important;
1938            }
1939        }
1940        
1941        /* SWIPER CONTROLS > PAGINATION */
1942
1943        #block-251132 .pagination-style-1 .swiper-pagination {
1944            display: flex;
1945            justify-content: center;
1946            gap: .5rem;
1947            transform: translatey(50%);
1948        }
1949        #block-251132 .pagination-style-1 .swiper-pagination-bullet {
1950            margin: 0px !important;
1951            opacity: 1 !important;
1952            width: .5rem;
1953            height: .5rem;
1954            background: rgb(148,153,163,.5);
1955            transform: scale(100%) !important;
1956        }
1957        #block-251132.gs-dark .pagination-style-1 .swiper-pagination-bullet {
1958            background: rgb(255,255,255,.5);
1959        }
1960        #block-251132 .pagination-style-1.pagination-inside .swiper-pagination-bullet  {
1961            background: rgb(255,255,255,.5);
1962        }
1963        #block-251132 .pagination-style-1 .swiper-pagination-bullet-active {
1964            width: 1.5rem;
1965            border-radius: 50rem;
1966            background: var(--bs-primary) !important;
1967            border-color: var(--bs-primary) !important;
1968        }
1969
1970        #block-251132 .pagination-style-2 .swiper-pagination {
1971            display: flex;
1972            gap: .25rem;
1973            justify-content: center;
1974        }
1975        #block-251132 .pagination-style-2 .swiper-pagination-bullet {
1976            margin: 0px !important;
1977            opacity: 1 !important;
1978            width: .5rem;
1979            height: .5rem;
1980            border: 1px solid rgb(148,153,163,.5) !important;
1981            background: transparent !important;
1982            transform: scale(100%) !important;
1983        }
1984        #block-251132 .pagination-style-2 .swiper-pagination-bullet-active {
1985            background: var(--bs-primary) !important;
1986            border-color: var(--bs-primary) !important;
1987        }
1988
1989        #block-251132 .pagination-style-3 .swiper-pagination {
1990            display: flex;
1991            align-items: center;
1992            gap: .375rem;
1993            border-radius: 50rem;
1994            background: var(--bs-white);
1995            width: fit-content;
1996            left: 0;
1997            right: 0;
1998            margin: 0 auto;
1999            padding: .25rem .5rem;
2000            box-shadow: rgba(30, 34, 40, 0.02) 0px 2px 1px, rgba(30, 34, 40, 0.02) 0px 4px 2px, rgba(30, 34, 40, 0.02) 0px 8px 4px, rgba(30, 34, 40, 0.02) 0px 16px 8px, rgba(30, 34, 40, 0.03) 0px 32px 16px !important;
2001        }
2002        #block-251132 .pagination-style-3 .swiper-pagination-bullet {
2003            margin: 0px !important;
2004            opacity: 1 !important;
2005            width: .75rem;
2006            height: .75rem;
2007            border: 1px solid rgb(148,153,163,.5) !important;
2008            background: rgb(148,153,163,.5) !important;
2009            transform: scale(100%) !important;
2010            transform: scale(.75) !important;
2011        }
2012        #block-251132 .pagination-style-3 .swiper-pagination-bullet-active {
2013            width: .75rem;
2014            height: .75rem;
2015            background: var(--bs-primary) !important;
2016            border-color: var(--bs-primary) !important;
2017            transform: scale(1) !important;
2018        }
2019
2020        @media (max-width: 575.98px) {
2021            #block-251132 .container.py-4.py-md-6 .swiper-pagination,
2022            #block-251132 .container-fluid.py-4.py-md-6 .swiper-pagination {
2023                bottom: -.5rem !important;
2024            }
2025            #block-251132 .container.py-6.py-md-8.py-lg-11 .swiper-pagination,
2026            #block-251132 .container-fluid.py-6.py-md-8.py-lg-11 .swiper-pagination {
2027                bottom: -.75rem !important;
2028            }
2029            #block-251132 .container.py-8.py-md-11.py-lg-13 .swiper-pagination,
2030            #block-251132 .container-fluid.py-8.py-md-11.py-lg-13 .swiper-pagination  {
2031                bottom: -1rem !important;
2032            }
2033            #block-251132 .container.py-11.py-md-13.py-lg-15 .swiper-pagination,
2034            #block-251132 .container-fluid.py-11.py-md-13.py-lg-15 .swiper-pagination  {
2035                bottom: -1.25rem !important;
2036            }
2037        }
2038        @media (min-width: 576px) and (max-width: 991.98px)  {
2039            #block-251132 .container.py-4.py-md-6 .swiper-pagination,
2040            #block-251132 .container-fluid.py-4.py-md-6 .swiper-pagination {
2041                bottom: -.5rem !important;
2042            }
2043            #block-251132 .container.py-6.py-md-8.py-lg-11 .swiper-pagination,
2044            #block-251132 .container-fluid.py-6.py-md-8.py-lg-11 .swiper-pagination {
2045                bottom: -1rem !important;
2046            }
2047            #block-251132 .container.py-8.py-md-11.py-lg-13 .swiper-pagination,
2048            #block-251132 .container-fluid.py-8.py-md-11.py-lg-13 .swiper-pagination {
2049                bottom: -1.5rem !important;
2050            }
2051            #block-251132 .container.py-11.py-md-13.py-lg-15 .swiper-pagination,
2052            #block-251132 .container-fluid.py-11.py-md-13.py-lg-15 .swiper-pagination  {
2053                bottom: -1.75rem !important;
2054            }
2055        }
2056        @media (min-width: 992px) {
2057            #block-251132 .container.py-4.py-md-6 .swiper-pagination,
2058            #block-251132 .container-fluid.py-4.py-md-6 .swiper-pagination {
2059                bottom: -.75rem !important;
2060            }
2061            #block-251132 .container.py-6.py-md-8.py-lg-11 .swiper-pagination,
2062            #block-251132 .container-fluid.py-6.py-md-8.py-lg-11 .swiper-pagination {
2063                bottom: -1.5rem !important;
2064            }
2065            #block-251132 .container.py-8.py-md-11.py-lg-13 .swiper-pagination,
2066            #block-251132 .container-fluid.py-8.py-md-11.py-lg-13 .swiper-pagination {
2067                bottom: -2rem !important;
2068            }
2069            #block-251132 .container.py-11.py-md-13.py-lg-15 .swiper-pagination,
2070            #block-251132 .container-fluid.py-11.py-md-13.py-lg-15 .swiper-pagination {
2071                bottom: -2.5rem !important;
2072            }
2073        }
2074        #block-251132 .container.py-0 .pagination-inside .swiper-pagination,
2075        #block-251132 .container-fluid.py-0 .pagination-inside .swiper-pagination,
2076        #block-251132 .container.py-4.py-md-6 .pagination-inside .swiper-pagination,
2077        #block-251132 .container-fluid.py-4.py-md-6 .pagination-inside .swiper-pagination ,
2078        #block-251132 .container.py-6.py-md-8.py-lg-11 .pagination-inside .swiper-pagination,
2079        #block-251132 .container-fluid.py-6.py-md-8.py-lg-11 .pagination-inside .swiper-pagination,
2080        #block-251132 .container.py-8.py-md-11.py-lg-13 .pagination-inside .swiper-pagination,
2081        #block-251132 .container-fluid.py-8.py-md-11.py-lg-13 .pagination-inside .swiper-pagination {
2082            bottom: .75rem !important;
2083            transform: none;
2084        }
2085</style>
2086                        
2087
2088<style>
2089  .heading-row-2.heading-row-251132 h2 .col.col-1st {
2090    background: linear-gradient(90deg, rgba(var(--bs-primary-rgb), 0) 0%, rgba(var(--bs-primary-rgb), 1) 100%) !important;
2091  }
2092  .heading-row-2.heading-row-251132 h2 .col.col-2nd {
2093    background: linear-gradient(90deg, rgba(var(--bs-primary-rgb), 1) 0%, rgba(var(--bs-primary-rgb), 0) 100%) !important;
2094  }
2095  @media (min-width: 992px) {
2096    .heading-row-2 h2 {
2097      overflow: hidden;
2098      text-overflow: ellipsis;
2099      white-space: nowrap;
2100    }
2101  }
2102
2103  /* <!-- GS DARK --> */
2104
2105    .gs-dark .heading-row.heading-row-251132 span {
2106      color: var(--bs-white) !important;
2107    }
2108    .gs-dark .heading-row.heading-row-251132 h2 {
2109      color: var(--bs-white) !important;
2110    }
2111    .gs-dark .heading-row.heading-row-251132 p {
2112      color: var(--bs-white) !important;
2113    }
2114    .gs-dark .heading-row-2.heading-row-251132 h2 .col.col-1st {
2115      background: linear-gradient(90deg, rgba(var(--bs-white-rgb), 0) 0%, rgba(var(--bs-white-rgb), 1) 100%) !important;
2116    }
2117    .gs-dark .heading-row-2.heading-row-251132 h2 .col.col-2nd {
2118      background: linear-gradient(90deg, rgba(var(--bs-white-rgb), 1) 0%, rgba(var(--bs-white-rgb), 0) 100%) !important;
2119    }
2120</style>
2121
2122
2123<div class="heading-row heading-row-2 heading-row-251132 col-lg-8 d-flex flex-column gap-2 text-center mx-auto align-items-center mx-auto  align-self-stretch"
2124            data-cues="slideInUp"
2125                data-duration="1000"
2126        >
2127
2128        <h2 class="w-100 d-flex align-items-center gap-3 gap-md-4 gap-lg-6 display-4 text-dark-emphasis m-0">
2129                <div class="bg-primary rounded-pill col col-1st" style="height: 2px;"></div>
2130                Санал хүсэлт илгээх                <div class="bg-primary rounded-pill col col-2nd" style="height: 2px;"></div>
2131            </h2>
2132        <p class="text-dark fw-semibold lh-sm m-0">Хамтарч ажиллахыг хүсвэл доорх холбоосоор холбогдоно уу.</p>
2133    </div>                                                
2134                    <div class="wrapper align-self-stretch">
2135            <div id="green_crm_form" data-siteid="1772" data-formid="1"></div>
2135<script type="text/javascript" src="https://forms.greensoft.mn/js/widget/index.js"></script>
2135
2136        </div>
2137                                                            
2138
2139</div>
2140</div>
2141<!-- Container Bottom -->  </div>
2142  </section>
2143                                            
2144                <style>
2145#block-251133 .wrapper{
2146  background-size: cover; 
2147  background-position: center center!important;
2148  background-repeat: no-repeat;
2149  }
2150#block-251133>.wrapper:before {
2151            background-image: linear-gradient(to right, rgba(255,253,246,1) 0%, rgba(255,253,246,1) 100%) !important;
2152        background-color: unset !important;
2153        }
2154                                                                                                /* Dark theme */
2155#block-251133.gs-dark .heading-row>* {
2156    color: var(--bs-white) !important;
2157}
2158#block-251133.gs-dark .heading-row-3>*:last-child {
2159    background: var(--bs-white) !important;
2160}
2161
2162@media (max-width: 991.98px) {
2163    #block-251133 iframe {
2164        position: static !important;
2165        aspect-ratio: 16/9;
2166    }
2167}
2168@media (min-width: 992px) {
2169    #block-251133 .container>.wrapper {
2170        aspect-ratio: 16/9;
2171    }
2172}
2173</style>
2174
2175<section id="block-251133" class="block-type-contact-v2 position-relative overflow-hidden   ">
2176  <div 
2177    class="wrapper position-relative image-wrapper bg-cover bg-image 
2178    bg-overlay" 
2179    data-image-src="" 
2180    style="min-height: auto !important;"
2181            >
2182            <iframe class="position-absolute start-0 top-0 w-100 h-100" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=47.91808526634963,106.90928144110994&hl=mn&z=14&amp;output=embed"></iframe>
2183    <div class="container position-relative py-6 py-md-8 py-lg-11">
2184        <div class="wrapper bg-white col-lg-5 col-xl-4 d-flex flex-column justify-content-center gap-4 gap-md-6 gap-lg-8 shadow-xl p-4 p-md-6 p-lg-8 rounded-4 ms-lg-auto">
2185            
2186<!-- GS DARK -->
2187
2188<style>
2189  .gs-dark .heading-row.heading-row-251133 span {
2190    color: var(--bs-white) !important;
2191  }
2192  .gs-dark .heading-row.heading-row-251133 h2 {
2193    color: var(--bs-white) !important;
2194  }
2195  .gs-dark .heading-row.heading-row-251133 p {
2196    color: var(--bs-white) !important;
2197  }
2198</style>
2199
2200
2201<div class="heading-row heading-row-1 heading-row-251133 col-lg-8 d-flex flex-column gap-2 text-start align-items-start  align-self-stretch"
2202              >
2203        <h2 class="display-4 text-dark-emphasis m-0">Холбогдох Мэдээлэл</h2>
2204    </div>
2205                <ul class="items-wrapper list-unstyled d-flex flex-column gap-2 m-0">
2206                <li class="d-flex align-items-start gap-2 m-0">
2207                    <i class="bi bi-geo-alt-fill text-primary"></i>
2208                    <address class="text-dark fs-sm lh-sm m-0">MICC, ЖЖ Тауэр, 7 давхар, Баруунсэлбэ гудамж, 1-р хороо, Чингэлтэй дүүрэг, Улаанбаатар 15170, Монгол Улс</address>
2209                </li>
2210                <li class="d-flex align-items-center gap-2 m-0">
2211                    <i class="bi bi-phone-fill text-primary"></i>
2212                    <a href="tel:(+976) 70112023" class="text-dark fs-sm lh-sm">(+976) 70112023</a>
2213                </li>
2214                <li class="d-flex align-items-center gap-2 m-0">
2215                    <i class="bi bi-envelope-open-fill text-primary"></i>
2216                    <a href="mailto:[email protected]" class="text-dark fs-sm lh-sm">[email protected]</a>
2217                </li>
2218                <li class="d-flex align-items-start gap-2 m-0">
2219                    <i class="bi bi-clock-fill text-primary"></i>
2220                    <p class="text-dark fs-sm lh-sm m-0">Даваа – Баасан: 09:00 – 18:00
2221<br> Бямба, Ням: Амарна</p>                </li>
2222                </ul>
2223        </div>
2224        <!-- /.wrapper -->
2225    </div>
2226  </div>
2227  </section>
2228                        </section>
vendor: 69 bytes, lines 2228-2230
2228
2229
2230    <script async src="https://www.googletagmanager.com/gtag/js?id=
2230G-DCJ3VXHMW9
vendor: 16 bytes, lines 2230-2231
2230"></script>
2231    
2231<script>
2232      
vendor: 145 bytes, lines 2232-2235
2232window.dataLayer = window.dataLayer || [];
2233      function gtag(){dataLayer.push(arguments);}
2234      gtag('js', new Date());
2235      gtag('config', '
2235G-DCJ3VXHMW9
vendor: 8 bytes, lines 2235-2236
2235');
2236    
2236</script>
2236
2237    		    <footer id="footer-v1" class="footer-046 position-relative overflow-hidden">
2238
2239    <style>
2240        .footer-046 .wrapper{
2241            background-size: cover; 
2242            background-position: left top!important;
2243            background-repeat: no-repeat;
2244        }
2245        .footer-046 .wrapper:before {
2246                                            background-image: linear-gradient(to bottom, rgba(1, 21, 47, 1) 0%, rgba(1, 21, 47, 1) 100%)!important;
2247                background-color:unset!important;
2248                    }
2249
2250        .footer-046 .widget ul li,
2251        .footer-046 .widget ul li a,
2252        .footer-046 .widget ul li address,
2253        .footer-046 .widget ul li a i {
2254            transition: all .20s ease-in-out;
2255        }
2256        .footer-046 .icon-list li i {
2257            position: absolute !important;
2258            top: 0 !important; 
2259        }
2260
2261        @media (max-width: 575.98px) {
2262            .footer-046 .copyright-webstore {
2263                justify-content: center !important;
2264            }
2265        }
2266
2267        /* footer config */
2268
2269        .footer-046 .widget .widget-title {
2270            color:#FAE5B1!important;
2271        }
2272        .footer-046 .widget .widget-title>span {
2273            color:#FAE5B1!important;
2274        }
2275        .footer-046 .widget span,
2276        .footer-046 #green_crm_form p,
2277        .footer-046 .widget address {
2278            color:#FFFFFF!important;
2279        }
2280        .footer-046 .widget a {
2281            color:#FFFFFF!important;
2282        }
2283        .footer-046 .widget-links a:hover,
2284        .footer-046 .widget-contacts a:hover,
2285        .footer-046 .widget-socials a:hover,
2286        .footer-046 .widget-categories a:hover,
2287        .footer-046 .widget-products a:hover,
2288        .footer-046 .widget-posts a:hover {
2289            color:#FAE5B1!important;
2290        }
2291        .footer-046 .widget-links i,
2292        .footer-046 .widget-contacts i,
2293        .footer-046 .widget-socials i,
2294        .footer-046 .widget-socials   {
2295            color:#FFFFFF!important;
2296        }
2297
2298        /* footer config > form */
2299
2300            .footer-046 .widget-form.widget-form-input-outline #green_crm_form .form-control {
2301                background: transparent !important;
2302                opacity: 1 !important;
2303                color: var(--bs-white) !important;
2304            }
2305        .footer-046 .widget-form.widget-form-input-outline #green_crm_form .form-control:placeholder {
2306            color: var(--bs-white) !important;
2307            opacity: .75 !important;
2308        }
2309
2310        .footer-046 .widget-form.widget-form-input-fill #green_crm_form .form-control {
2311            opacity: 1 !important;
2312            background: var(--bs-white) !important;
2313            color: var(--bs-dark) !important;
2314        }
2315        .footer-046 .widget-form.widget-form-input-fill #green_crm_form .form-control::placeholder {
2316            color: var(--bs-dark) !important;
2317            opacity: .5 !important;
2318        }
2319
2320        .footer-046 .widget-form.widget-form-input-primary #green_crm_form .form-control {
2321            border-color: var(--bs-primary) !important;
2322        }
2323        .footer-046 .widget-form.widget-form-input-secondary #green_crm_form .form-control {
2324            border-color: var(--bs-secondary) !important;
2325        }
2326        .footer-046 .widget-form.widget-form-input-light #green_crm_form .form-control {
2327            border-color: var(--bs-white) !important;
2328        }
2329        .footer-046 .widget-form.widget-form-input-dark #green_crm_form .form-control {
2330            border-color: var(--bs-emphasis-color) !important;
2331        }
2332        .footer-046 .widget-form.widget-form-input-gray #green_crm_form .form-control {
2333            border-color: rgb(148,153,163,.25) !important;
2334        }
2335
2336        .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-secondary #green_crm_form .btn {
2337            background: var(--bs-secondary) !important;
2338            border-color: var(--bs-secondary) !important;
2339            color: var(--bs-white) !important;
2340        }
2341        .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-danger #green_crm_form .btn {
2342            background:  var(--bs-danger) !important;
2343            border-color: var(--bs-danger) !important;
2344            color: var(--bs-white) !important;
2345        }
2346        .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-warning #green_crm_form .btn {
2347            background: var(--bs-warning) !important;
2348            border-color: var(--bs-warning) !important;
2349            color: var(--bs-white) !important;
2350        }
2351        .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-green #green_crm_form .btn {
2352            background: var(--bs-green) !important;
2353            border-color: var(--bs-green) !important;
2354            color: var(--bs-white) !important;
2355        }
2356        .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-blue #green_crm_form .btn {
2357            background: var(--bs-blue) !important;
2358            border-color: var(--bs-blue) !important;
2359            color: var(--bs-white) !important;
2360        }
2361        .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-gray #green_crm_form .btn {
2362            background: var(--bs-gray) !important;
2363            border-color: var(--bs-gray) !important;
2364            color: var(--bs-white) !important;
2365        }
2366        .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-white #green_crm_form .btn {
2367            background: var(--bs-white) !important;
2368            border-color: var(--bs-white) !important;
2369            color: var(--bs-dark) !important;
2370        }
2371        .footer-046 .widget-form.widget-form-btn-fill.widget-form-btn-dark #green_crm_form .btn {
2372            background: var(--bs-emphasis-color) !important;
2373            border-color: var(--bs-emphasis-color) !important;
2374            color: var(--bs-white) !important;
2375        }
2376
2377        .footer-046 .widget-form.widget-form-btn-outline #green_crm_form .btn {
2378            background: transparent !important;
2379            color: var(--bs-primary) !important;
2380        }
2381        .footer-046 .widget-form.widget-form-btn-outline #green_crm_form .btn {
2382            background: transparent !important;
2383            color: var(--bs-primary) !important;
2384        }
2385        .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-secondary #green_crm_form .btn {
2386            background: transparent !important;
2387            border-color: var(--bs-secondary) !important;
2388            color: var(--bs-secondary) !important;
2389        }
2390        .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-danger #green_crm_form .btn {
2391            background: transparent !important;
2392            border-color: var(--bs-danger) !important;
2393            color: var(--bs-danger) !important;
2394        }
2395        .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-warning #green_crm_form .btn {
2396            background: transparent !important;
2397            border-color: var(--bs-warning) !important;
2398            color: var(--bs-warning) !important;
2399        }
2400        .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-green #green_crm_form .btn {
2401            background: transparent !important;
2402            border-color: var(--bs-green) !important;
2403            color: var(--bs-green) !important;
2404        }
2405        .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-blue #green_crm_form .btn {
2406            background: transparent !important;
2407            border-color: var(--bs-blue) !important;
2408            color: var(--bs-blue) !important;
2409        }
2410        .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-gray #green_crm_form .btn {
2411            background: transparent !important;
2412            border-color: var(--bs-gray) !important;
2413            color: var(--bs-gray) !important;
2414        }
2415        .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-white #green_crm_form .btn {
2416            background: transparent !important;
2417            border-color: var(--bs-white) !important;
2418            color: var(--bs-white) !important;
2419        }
2420        .footer-046 .widget-form.widget-form-btn-outline.widget-form-btn-dark #green_crm_form .btn {
2421            background: transparent !important;
2422            border-color: var(--bs-emphasis-color) !important;
2423            color: var(--bs-emphasis-color) !important;
2424        }
2425
2426        .footer-046 .copyright-section span {
2427            color:#FFFFFF!important;
2428        }
2429        .footer-046 .copyright-section a {
2430            color:#FFFFFF!important;
2431        }
2432        .footer-046 .widget-socials .list-unstyled li {
2433            margin-top: 0!important;
2434        }
2435
2436        /* hover & active */
2437
2438        @media (min-width: 992px) {
2439            .footer-046 .widget-socials ul li:hover a {
2440            }
2441            .footer-046 .widget-links>* ul li:hover a {
2442            }
2443            .footer-046 .widget-contacts ul li:hover a {
2444            }
2445            .footer-046 .widget-categories ul li:hover a {
2446            }
2447            .footer-046 .widget-products ul li:hover a {
2448            }
2449            .footer-046 .widget-posts ul li:hover a {
2450            }
2451        }
2452    </style>
2453    <div class="wrapper position-relative image-wrapper bg-cover bg-image bg-overlay" data-image-src="" style="min-height: auto !important;">
2454
2455        <div class="divider-wave1-top overflow-hidden d-none z-1 position-relative" style="transform: rotate(180deg);">
2456            <div class="divider text-white mx-n2">
2457                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60">
2458                    <path fill="#fff" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z"></path>
2459                </svg>
2460            </div>
2461	    </div>
2462
2463        <div class="divider-wave4-top overflow-hidden z-1 position-relative d-none" style="transform: rotate(180deg);">
2464            <div class="divider text-white mx-n2">
2465                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 92.26"><path fill="currentColor" d="M1206,21.2c-60-5-119-36.92-291-5C772,51.11,768,48.42,708,43.13c-60-5.68-108-29.92-168-30.22-60,.3-147,27.93-207,28.23-60-.3-122-25.94-182-36.91S30,5.93,0,16.2V92.26H1440v-87l-30,5.29C1348.94,22.29,1266,26.19,1206,21.2Z"/></svg>
2466            </div>
2467        </div>
2468
2469        <div class="container position-relative py-6 py-md-8 py-lg-11">
2470            <div class="row g-4 g-md-6 g-lg-8">
2471                                        
2472                                        
2473                                                                                        <div class="col col-12 col-lg-2 d-flex flex-column gap-3 gap-md-4 gap-lg-6">
2474
2475                                                                                                <!-- Default links block -->
2476                                    <div class="widget widget-links m-0">
2477                                        <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4">MICC-ийн тухай</h4>
2478                                        <div class="d-flex flex-column flex-md-row gap-3 gap-md-4 gap-lg-6">
2479                                            <ul class="list-unstyled d-flex flex-column gap-2 w-100 mb-0">
2480                                                                                                <li class="fs-sm lh-sm m-0">
2481                                                    <a class="d-block link-dark" href="/about-us" target="_self">Ерөнхий танилцуулга</a>
2482                                                </li>
2483                                                                                                <li class="fs-sm lh-sm m-0">
2484                                                    <a class="d-block link-dark" href="/about-us#block-251100" target="_self">Эрхэм зорилго ба Алсын хараа</a>
2485                                                </li>
2486                                                                                                <li class="fs-sm lh-sm m-0">
2487                                                    <a class="d-block link-dark" href="/about-us#block-251101" target="_self">Удирдлагын баг</a>
2488                                                </li>
2489                                                                                                <li class="fs-sm lh-sm m-0">
2490                                                    <a class="d-block link-dark" href="/posts" target="_self">Мэдээ ба Ойлголт</a>
2491                                                </li>
2492                                                                                                <li class="fs-sm lh-sm m-0">
2493                                                    <a class="d-block link-dark" href="/contact-us" target="_self">Холбоо барих</a>
2494                                                </li>
2495                                                                                            </ul>
2496                                        </div>
2497                                    </div>
2498                                
2499                            
2500                            </div>
2501                            <!-- /.col-item -->
2502                                                        <div class="col col-12 col-lg-2 d-flex flex-column gap-3 gap-md-4 gap-lg-6">
2503
2504                                                                                                <!-- Default links block -->
2505                                    <div class="widget widget-links m-0">
2506                                        <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4">Үндсэн үйлчилгээ</h4>
2507                                        <div class="d-flex flex-column flex-md-row gap-3 gap-md-4 gap-lg-6">
2508                                            <ul class="list-unstyled d-flex flex-column gap-2 w-100 mb-0">
2509                                                                                                <li class="fs-sm lh-sm m-0">
2510                                                    <a class="d-block link-dark" href="/investment-banking" target="_self">Хөрөнгө оруулалтын банк</a>
2511                                                </li>
2512                                                                                                <li class="fs-sm lh-sm m-0">
2513                                                    <a class="d-block link-dark" href="/asset-management" target="_self">Хөрөнгийн удирдлага</a>
2514                                                </li>
2515                                                                                                <li class="fs-sm lh-sm m-0">
2516                                                    <a class="d-block link-dark" href="/brokerage-services" target="_self">Зуучлалын үйлчилгээ</a>
2517                                                </li>
2518                                                                                                <li class="fs-sm lh-sm m-0">
2519                                                    <a class="d-block link-dark" href="/research" target="_self">Судалгаа</a>
2520                                                </li>
2521                                                                                            </ul>
2522                                        </div>
2523                                    </div>
2524                                
2525                            
2526                            </div>
2527                            <!-- /.col-item -->
2528                                                        <div class="col col-12 col-lg-3 d-flex flex-column gap-3 gap-md-4 gap-lg-6">
2529
2530                                                                                                <!-- Contact -->
2531                                    <div class="widget widget-contacts m-0">
2532                                        <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4"><span class="version-mn">Холбоо барих</span><span class="version-en d-none">Contact us</span><span class="version-jp d-none">お問い合わせ</span><span class="version-kr d-none">문의하기</span><span class="version-ru d-none">Контакты</span><span class="version-cn d-none">联系我们</span><span class="version-fr d-none">Nous contacter</span><span class="version-de d-none">Kontaktieren Sie uns</span></h4>
2533                                                                                <ul class="icon-list d-flex flex-column gap-2 mb-0">
2534                                            <li class="m-0 "><address class="text-dark fs-sm lh-sm m-0 "><i class="bi bi-geo-alt-fill fs-sm lh-sm"></i>MICC, ЖЖ Тауэр, 7 давхар, Баруунсэлбэ гудамж, 1-р хороо, Чингэлтэй дүүрэг, Улаанбаатар 15170, Монгол Улс</ad
2534dress></li>
2535                                            <li class="m-0 "><a href="mailto:[email protected]" class="d-block link-dark fs-sm lh-sm "><i class="bi bi-envelope-fill text-dark fs-sm lh-sm"></i>[email protected]</a></li>
2536                                            <li class="m-0 "><a href="tel:(+976) 70112023" class="d-block link-dark fs-sm lh-sm "><i class="bi bi-phone-fill text-dark fs-sm lh-sm"></i>(+976) 70112023</a></li>
2537                                        </ul>
2538                                    </div>
2539
2540                                
2541                            
2542                            </div>
2543                            <!-- /.col-item -->
2544                                                        <div class="col col-12 col-lg-3 ms-lg-auto d-flex flex-column gap-3 gap-md-4 gap-lg-6">
2545
2546                                                                                                <!-- Default links block -->
2547                                    <div class="widget widget-links m-0">
2548                                        <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4">Аппликейшн татах</h4>
2549                                        <div class="d-flex flex-column flex-md-row gap-3 gap-md-4 gap-lg-6">
2550                                            <ul class="list-unstyled d-flex flex-column gap-2 w-100 mb-0">
2551                                                                                                <li class="fs-sm lh-sm m-0">
2552                                                    <a class="d-block link-dark" href="https://apps.apple.com/mn/app/micc-brokerage/id1596245510" target="_blank">Appstore</a>
2553                                                </li>
2554                                                                                                <li class="fs-sm lh-sm m-0">
2555                                                    <a class="d-block link-dark" href="https://play.google.com/store/apps/details?id=com.micc&hl=en" target="_blank">Google Play</a>
2556                                                </li>
2557                                                                                                <li class="fs-sm lh-sm m-0">
2558                                                    <a class="d-block link-dark" href="https://micc.istock.mn/auth/login" target="_blank">Вэб хандалт</a>
2559                                                </li>
2560                                                                                            </ul>
2561                                        </div>
2562                                    </div>
2563                                
2564                                                                                                <!-- Social -->
2565                                    <div class="widget widget-socials m-0">
2566                                        <h4 class="widget-title static-title text-dark-emphasis mb-3 mb-md-4"><span class="version-mn">Бидэнтэй нэгдэх</span><span class="version-en d-none">Join us</span><span class="version-jp d-none">参加する</span><span class="version-kr d-none">가입하기</span><span class="version-fr d-none">Rejoignez-nous</span><span class="version-de d-none">Folgen Sie uns</span></h4>
2567                                                                                <ul class="list-unstyled d-flex flex-wrap gap-3 mb-0">
2568                                            <li class="m-0 d-flex justify-content-center align-items-center "><a href="https://www.facebook.com/MICCmongolia" target="_blank" class="link-dark "><i class="bi bi-facebook"></i></a></li>
2569                                            <li class="m-0 d-flex justify-content-center align-items-center "><a href="https://x.com/i/flow/login?redirect_after_login=%2FMiccCapital" target="_blank" class="link-dark "><i class="bi bi-twitter-x"></i></a></li>
2570                                            <li class="m-0 d-flex justify-content-center align-items-center "><a href="https://www.linkedin.com/company/mongolia-international-capital-corporation/" target="_blank" class="link-dark "><i class="bi bi-linkedin"></i></a></li>
2571                                            <li class="m-0 d-flex justify-content-center align-items-center d-none"><a href="" target="_blank" class="link-dark "><i class="bi bi-instagram"></i></a></li>
2572                                            <li class="m-0 d-flex justify-content-center align-items-center "><a href="https://www.youtube.com/@micc6174" target="_blank" class="link-dark "><i class="bi bi-youtube"></i></a></li>
2573                                            <li class="m-0 d-flex justify-content-center align-items-center d-none"><a href="" target="_blank" class="link-dark "><div class="d-flex align-items-center justify-content-center"><svg xmlns="http://www.w3.org/2000/svg" fill="Currentcolor" width="16px" height="16px" viewBox="0 0 20 20"><path d="M20 6.009h-2.829C15.211 4.675 12.813 4 10 4s-5.212.675-7.171 2.009H0c.428.42.827 1.34.993 2.04A4.954 4.954 0 0 0 0 11.008c0 2.757 2.243 5 5 5a4.97 4.97 0 0 0 3.423-1.375L10 17l1.577-2.366A4.97 4.97 0 0 0 15 16.01c2.757 0 5-2.243 5-5 0-1.112-.377-2.13-.993-2.96.166-.7.565-1.62.993-2.04zm-15 8.4c-1.875 0-3.4-1.525-3.4-3.4s1.525-3.4 3.4-3.4 3.4 1.525 3.4 3.4-1.525 3.4-3.4 3.4zm5-3.4a5.008 5.008 0 0 0-4.009-4.9C7.195 5.704 8.53 5.5 10 5.5s2.805.204 4.009.61A5.008 5.008 0 0 0 10 11.008zm5 3.4c-1.875 0-3.4-1.525-3.4-3.4s1.525-3.4 3.4-3.4 3.4 1.525 3.4 3.4-1.525 3.4-3.4 3.4zM5 8.86c-1.185 0-2.15.964-2.15 2.15s.965 2.15 2.15 2.15 2.15-.964 2.15-2.15-.965-2.15-2.15-2.15zm0 2.791a.65.65 0 1 1 0-1.3.65.65 0 0 1 0 1.3zm10-2.791c-1.185 0-2.15.964-2.15 2.15s.965 2.15 2.15 2.15 2.15-.964 2.15-2.15-.965-2.15-2.15-2.15zm0 2.791a.65.65 0 1 1 0-1.3.65.65 0 0 1 0 1.3z"></path></svg></div></a></li>
2574                                        </ul>
2575                                    </div>
2576                                
2577                            
2578                            </div>
2579                            <!-- /.col-item -->
2580                            
2581                        
2582                    
2583     
2584            </div>
2585            <!-- /.row -->
2586        </div>
2587        <!-- /.container -->
2588        <hr class="m-0">
2589        <div class="copyright-section wrapper">
2590            <div class="container position-relative py-3">
2591                <div class="wrapper">
2592                    <div class="row">
2593                        <div class="col-12 col-md-8">
2594                            <span class="d-block text-dark fs-sm lh-sm text-center text-md-start">© 2005 – 2025 “MICC ХХК” Бүх эрх хуулиар хамгаалагдсан.</span>
2595                        </div>
2596                        <div class="col-12 col-md-4">
2597                                
2598                            <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end version-mn">
2599                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Вэбсайт</a>ыг 
2600                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Грийн Софт ХХК</a> хөгжүүлэв
2601                            </span>
2602
2603                            <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-en">
2604                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Website</a> developed by 
2605                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLC
2606                            </span>
2607
2608                            <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-kr">
2609                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">웹사이트</a> 제작 —
2610                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLC
2611                            </span>
2612
2613                            <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-cn">
2614                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">网站</a> 由 
2615                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> 有限公司开发
2616                            </span>
2617
2618                            <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-jp">
2619                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">ウェブサイト</a>は
2620                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLCによって開発されました
2621                            </span>
2622                            
2623                            <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-ru">
2624                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Веб-сайт</a> разработан 
2625                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">ООО «Green Soft»</a>
2626                            </span>
2627                            
2628                            <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-fr"><a href="https://greensoft.mn/" target="_blank" class="link-dark">Site web</a> développé par 
2629                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLC
2630                            </span>
2631                            
2632                            <span class="copyright-greensoft d-block text-dark fs-sm lh-sm text-center text-md-end d-none version-de"><a href="https://greensoft.mn/" target="_blank" class="link-dark">Webseite</a> entwickelt von 
2633                                <a href="https://greensoft.mn/" target="_blank" class="link-dark">Greensoft</a> LLC
2634                            </span>
2635
2636                            <span class="copyright-webstore d-flex align-items-center justify-content-end gap-1 fs-sm lh-sm d-none">Website built by
2637                                <a href="https://webstore.mn/" target="_blank"><img class="w-auto h-3 object-fit-contain" src="https://cdn.greensoft.mn/uploads/site/1585/site_config/logo/33258df4a2ad3c9ac5b07c573afb183d376b0b4e.png" alt=""></a>
2638                            </span>
2639                        </div>
2640                    </div>
2641                    <!-- /.row -->
2642                </div>
2643                <!-- /.wrapper -->
2644            </div>
2645            <!-- /.container -->
2646        </div>
2647        <!-- /.wrapper -->                       
2648    </div>
2649    <!-- /.wrapper -->
2650
2651
2652
2653</footer>
2654<!-- /.footer -->        <section class="side-widget position-fixed end-0 d-flex gap-3 m-3 m-md-4 m-lg-6" style="z-index: 99
2654!important;top: 35dvh;">
2655                  </section>
2656        <section class="cta-578 call24-cta position-fixed end-0 bottom-0 d-flex gap-3 m-3 m-md-4 d-none">
2657            <div class="call-action">
2658                                <a href="https://contact-center.greensoft.mn/cc/1772/oneclick" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=400,height=600'); return false;" class="btn btn-primary btn-circle ripple fs-sm" data-bs-toggle="tooltip" data-bs-placement="left" title="Call Us"><i class="bi bi-telephone-fill"></i></a>
2659            </div>
2660            <div class="message-action d-none" data-bs-toggle="tooltip" data-bs-placement="left" title="Message Us">
2661                                <a href="#" class="btn btn-primary btn-circle ripple fs-sm" data-bs-toggle="modal" data-bs-target="#modal-message"><i class="bi bi-chat-left-text-fill"></i></a>
2662            </div>
2663        </section>
2664        <div class="modal fade" id="modal-message" tabindex="-1">
2665          <div class="modal-dialog modal-dialog-centered modal-sm">
2666              <div class="modal-content text-center">
2667                <div class="modal-body" style="line-height:0;">
2668                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
2669                    <iframe frameborder="0" height="500px" scrolling="no" src="https://forms.greensoft.mn/1772/form/1" width="100%"></iframe>
2670                </div>
2671              </div>
2672          </div>
2673        </div>
2674	  </div>
2675    
2676
2677    <!-- Vendor JS Files -->
2678    
2678<script src="https://cdn3.greensoft.mn/sandbox/assets/js/plugins.js"></script>
2678
2679    
2679<script src="https://cdn3.greensoft.mn/sandbox/assets/js/theme.js"></script>
2679
2680    
2680<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
2680
2681    
2681<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
2681
2682    
2682<script src="https://code.jquery.com/ui/1.13.3/jquery-ui.min.js"></script>
2682
2683    
2683<script src="https://cdnjs.cloudflare.com/ajax/libs/turn.js/3/turn.min.js"></script>
vendor: 1 bytes, line 2683
2683
2684<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.16.105/pdf.min.js"></script>
vendor: 1 bytes, line 2684
2684
2685<script>
2686  // Configure PDF.js worker (same version as above)
2687  if (window.pdfjsLib) {
2688    pdfjsLib.GlobalWorkerOptions.workerSrc =
2689      "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.16.105/pdf.worker.min.js";
2690  }
2691</script>
vendor: 1 bytes, line 2691
2691
2692<script>
2693(function ($) {
2694
2695  function initFlipbook($root) {
2696    var pdfUrl = $root.data('pdfUrl');
2697    if (!pdfUrl || !window.pdfjsLib || !$.fn.turn) return;
2698
2699    var $book      = $root.find('.gs-flipbook-book');
2700    var $pageInput = $root.find('.gs-flipbook-page-input');
2701    var $pageTotal = $root.find('.gs-flipbook-page-total');
2702    var $btnFirst  = $root.find('.gs-flipbook-first');
2703    var $btnLast   = $root.find('.gs-flipbook-last');
2704    var $btnPrev   = $root.find('.gs-flipbook-prev');
2705    var $btnNext   = $root.find('.gs-flipbook-next');
2706    var $btnFull   = $root.find('.gs-flipbook-fullscreen');
2707
2708    var pdfDoc     = null;
2709    var pageAspect = null;  // height / width of a single PDF page
2710    var turnReady  = false;
2711
2712    var isFullscreen  = false;
2713    var $overlay      = null;
2714    var $placeholder  = null;
2715
2716    var dragStartX    = null;
2717    var DRAG_THRESHOLD = 40;
2718
2719    function getX(event) {
2720      var oe = event.originalEvent;
2721      if (oe && oe.touches && oe.touches.length > 0)  return oe.touches[0].clientX;
2722      if (oe && oe.changedTouches && oe.changedTouches.length > 0) return oe.changedTouches[0].clientX;
2723      return event.clientX;
2724    }
2725
2726    function updatePageInfo() {
2727      if (!$book.turn) return;
2728      var cur = $book.turn('page');
2729      var max = $book.turn('pages');
2730      $pageInput.val(cur);
2731      $pageTotal.text(max);
2732    }
2733
2734    // 🔥 Core resize: normal mode = width only, fullscreen = width + height
2735    function resizeBook() {
2736      if (!pageAspect) return;
2737
2738      var toolbarHeight = $root.find('.gs-flipbook-toolbar').outerHeight(true) || 0;
2739      var bookAspect    = pageAspect / 2; // double-page spread height/width
2740
2741      var width, height;
2742
2743      if (!isFullscreen) {
2744        // NORMAL MODE → ignore height, just fit width of the column
2745        var availWidth = $root.width();
2746        if (availWidth <= 0) return;
2747
2748        width  = availWidth;
2749        height = width * bookAspect;
2750      } else {
2751        // FULLSCREEN MODE → fit into viewport width and height
2752        var availWidth  = $(window).width()  - 24;
2753        var availHeight = $(window).height() - toolbarHeight - 24;
2754        if (availWidth <= 0 || availHeight <= 0) return;
2755
2756        var heightByWidth = availWidth * bookAspect;
2757
2758        if (heightByWidth <= availHeight) {
2759          width  = availWidth;
2760          height = heightByWidth;
2761        } else {
2762          height = availHeight;
2763          width  = availHeight / bookAspect;
2764        }
2765      }
2766
2767      if (turnReady) {
2768        $book.turn('size', width, height);
2769      } else {
2770        $book.css({
2771          width:  width + 'px',
2772          height: height + 'px'
2773        });
2774      }
2775    }
2776
2777    function enterFullscreen() {
2778      if (isFullscreen) return;
2779      isFullscreen = true;
2780
2781      $placeholder = $('<div class="gs-flipbook-placeholder"></div>');
2782      $root.after($placeholder);
2783
2784      $overlay = $('<div class="gs-flipbook-overlay"></div>').appendTo('body');
2785      $root.appendTo($overlay);
2786
2787      resizeBook();
2788    }
2789
2790    function exitFullscreen() {
2791      if (!isFullscreen) return;
2792      isFullscreen = false;
2793
2794      if ($placeholder && $placeholder.length) {
2795        $root.insertAfter($placeholder);
2796        $placeholder.remove();
2797        $placeholder = null;
2798      }
2799      if ($overlay && $overlay.length) {
2800        $overlay.remove();
2801        $overlay = null;
2802      }
2803
2804      resizeBook();
2805    }
2806
2807    function toggleFullscreen() {
2808      if (isFullscreen) enterFullscreen(); else enterFullscreen();
2809    }
2810
2811    function initTurn() {
2812      $book.turn({
2813        display: "double",
2814        autoCenter: false,
2815        width:  $book.width(),
2816        height: $book.height(),
2817        elevation: 20,
2818        gradients: true,
2819        cornerSize: 80,
2820        when: {
2821          turned: function () {
2822            updatePageInfo();
2823          }
2824        }
2825      });
2826
2827      turnReady = true;
2828
2829      // nav buttons
2830      $btnFirst.on('click', function(){ $book.turn('page', 1); });
2831      $btnLast.on('click',  function(){ $book.turn('page', $book.turn('pages')); });
2832      $btnPrev.on('click',  function(){ $book.turn('previous'); });
2833      $btnNext.on('click',  function(){ $book.turn('next'); });
2834
2835      $root.find('.gs-flipbook-goto').on('click', function(){
2836        var p   = parseInt($pageInput.val(), 10);
2837        var max = $book.turn('pages');
2838        if (!isNaN(p) && p >= 1 && p <= max) {
2839          $book.turn('page', p);
2840        }
2841      });
2842
2843      // fullscreen button
2844      $btnFull.on('click', function () {
2845        if (isFullscreen) {
2846          exitFullscreen();
2847        } else {
2848          enterFullscreen();
2849        }
2850      });
2851
2852      // ESC to exit fullscreen
2853      $(document).on('keydown.gsFlipbook', function (e) {
2854        if (e.key === 'Escape' && isFullscreen) {
2855          exitFullscreen();
2856        }
2857      });
2858
2859      // drag / swipe
2860      $book.on('mousedown touchstart', function (e) {
2861        dragStartX = getX(e);
2862      });
2863
2864      $(document).on('mouseup touchend', function (e) {
2865        if (dragStartX === null) return;
2866        var endX = getX(e);
2867        var diff = endX - dragStartX;
2868        if (Math.abs(diff) > DRAG_THRESHOLD) {
2869          if (diff < 0) $book.turn('next');
2870          else          $book.turn('previous');
2871        }
2872        dragStartX = null;
2873      });
2874
2875      // resize on window change
2876      $(window).on('resize.gsFlipbook', function () {
2877        resizeBook();
2878      });
2879
2880      updatePageInfo();
2881      $book.addClass('gs-ready');
2882    }
2883
2884    // PDF rendering
2885    function renderPage(num) {
2886      return pdfDoc.getPage(num).then(function (page) {
2887        var viewport = page.getViewport({ scale: 1.4 });
2888        var canvas   = document.createElement("canvas");
2889        var ctx      = canvas.getContext("2d");
2890
2891        canvas.width  = viewport.width;
2892        canvas.height = viewport.height;
2893
2894        return page.render({
2895          canvasContext: ctx,
2896          viewport: viewport
2897        }).promise.then(function () {
2898          var $page = $("<div/>", { "class": "page" });
2899          $page.append(canvas);
2900          $book.append($page);
2901        });
2902      });
2903    }
2904
2905    function loadPDF() {
2906      pdfjsLib.getDocument(pdfUrl).promise
2907        .then(function (pdf) {
2908          pdfDoc = pdf;
2909          return pdf.getPage(1);
2910        })
2911        .then(function (firstPage) {
2912          var vp = firstPage.getViewport({ scale: 1 });
2913          pageAspect = vp.height / vp.width;
2914
2915          // initial sizing before turn.js
2916          resizeBook();
2917
2918          var chain = Promise.resolve();
2919          for (var i = 1; i <= pdfDoc.numPages; i++) {
2920            (function (pageNumber) {
2921              chain = chain.then(function () {
2922                return renderPage(pageNumber);
2923              });
2924            })(i);
2925          }
2926          return chain.then(function () {
2927            initTurn();
2928            resizeBook(); // make sure final size is correct
2929          });
2930        })
2931        .catch(function (err) {
2932          console.error('Error loading PDF:', err);
2933        });
2934    }
2935
2936    loadPDF();
2937  }
2938
2939  $(function () {
2940    $('.gs-flipbook').each(function () {
2941      initFlipbook($(this));
2942    });
2943  });
2944
2945})(jQuery);
2946</script>
2946
2947    
2947<script>
2948    (function () {
2949      const DOTLOTTIE_SCRIPT_URL = 'https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.mjs';
2950      let dotLottieLoader = null;
2951
2952      function normalizeSize(value) {
2953        if (value == null || value === '') return '';
2954        return typeof value === 'number' ? value + 'px' : String(value);
2955      }
2956
2957      function parseBoolean(value, fallbackValue) {
2958        if (value == null || value === '') return fallbackValue;
2959        if (typeof value === 'boolean') return value;
2960
2961        return !['0', 'false', 'no', 'off'].includes(String(value).toLowerCase());
2962      }
2963
2964      function loadDotLottiePlayer() {
2965        if (window.customElements && window.customElements.get('dotlottie-player')) {
2966          return Promise.resolve();
2967        }
2968
2969        if (dotLottieLoader) return dotLottieLoader;
2970
2971        const existingScript = Array.from(document.scripts).find(function (script) {
2972          return script.src === DOTLOTTIE_SCRIPT_URL;
2973        });
2974
2975        dotLottieLoader = new Promise(function (resolve, reject) {
2976          if (existingScript) {
2977            existingScript.addEventListener('load', function () {
2978              resolve();
2979            }, { once: true });
2980
2981            existingScript.addEventListener('error', function () {
2982              reject(new Error('Failed to load dotLottie player'));
2983            }, { once: true });
2984
2985            if (window.customElements && window.customElements.get('dotlottie-player')) {
2986              resolve();
2987            }
2988
2989            return;
2990          }
2991
2992          const script = document.createElement('script');
2993          script.src = DOTLOTTIE_SCRIPT_URL;
2994          script.type = 'module';
2995          script.dataset.gsDotlottiePlayer = 'true';
2996          script.onload = function () {
2997            resolve();
2998          };
2999          script.onerror = function () {
3000            reject(new Error('Failed to load dotLottie player'));
3001          };
3002          document.head.appendChild(script);
3003        });
3004
3005        return dotLottieLoader;
3006      }
3007
3008      async function mountDotLottie(target, options) {
3009        const container = typeof target === 'string' ? document.querySelector(target) : target;
3010
3011        if (!container || !options || !options.src) return null;
3012
3013        const existingPlayer = container.querySelector('dotlottie-player[data-gs-dotlottie-managed="true"]');
3014        if (existingPlayer && !options.force) return existingPlayer;
3015
3016        await loadDotLottiePlayer();
3017
3018        if (options.force) {
3019          container.querySelectorAll('dotlottie-player[data-gs-dotlottie-managed="true"]').forEach(function (player) {
3020            player.remove();
3021          });
3022        }
3023
3024        const player = document.createElement('dotlottie-player');
3025        player.dataset.gsDotlottieManaged = 'true';
3026        player.setAttribute('src', options.src);
3027        player.setAttribute('background', options.background || 'transparent');
3028        player.setAttribute('speed', options.speed != null ? String(options.speed) : '1');
3029        player.setAttribute('direction', options.direction != null ? String(options.direction) : '1');
3030        player.setAttribute('playmode', options.playMode || options.playmode || 'normal');
3031
3032        if (parseBoolean(options.loop, true)) player.setAttribute('loop', '');
3033        if (parseBoolean(options.autoplay, true)) player.setAttribute('autoplay', '');
3034        if (options.className) player.className = options.className;
3035
3036        const width = normalizeSize(options.width);
3037        const height = normalizeSize(options.height);
3038
3039        if (width) player.style.width = width;
3040        if (height) player.style.height = height;
3041
3042        if (options.prepend) {
3043          container.prepend(player);
3044        } else {
3045          container.appendChild(player);
3046        }
3047
3048        return player;
3049      }
3050
3051      function initDotLottiePlaceholders(root) {
3052        const scope = root || document;
3053        const placeholders = scope.querySelectorAll('[data-dotlottie-src]');
3054
3055        placeholders.forEach(function (placeholder) {
3056          if (placeholder.dataset.dotlottieMounted === 'true' || placeholder.dataset.dotlottieMounted === 'pending') {
3057            return;
3058          }
3059
3060          placeholder.dataset.dotlottieMounted = 'pending';
3061
3062          mountDotLottie(placeholder, {
3063            src: placeholder.dataset.dotlottieSrc,
3064            width: placeholder.dataset.dotlottieWidth,
3065            height: placeholder.dataset.dotlottieHeight,
3066            speed: placeholder.dataset.dotlottieSpeed,
3067            direction: placeholder.dataset.dotlottieDirection,
3068            background: placeholder.dataset.dotlottieBackground,
3069            playMode: placeholder.dataset.dotlottiePlaymode,
3070            autoplay: placeholder.dataset.dotlottieAutoplay,
3071            loop: placeholder.dataset.dotlottieLoop,
3072            className: placeholder.dataset.dotlottieClass,
3073            prepend: parseBoolean(placeholder.dataset.dotlottiePrepend, false)
3074          }).then(function (player) {
3075            if (!player) {
3076              delete placeholder.dataset.dotlottieMounted;
3077              return;
3078            }
3079
3080            placeholder.dataset.dotlottieMounted = 'true';
3081          }).catch(function (error) {
3082            delete placeholder.dataset.dotlottieMounted;
3083            console.error(error);
3084          });
3085        });
3086      }
3087
3088      function mountDotLottieBatch(items) {
3089        if (!Array.isArray(items)) return Promise.resolve([]);
3090
3091        return Promise.all(items.map(function (item) {
3092          if (Array.isArray(item)) {
3093            return mountDotLottie(item[0], Object.assign({}, item[2], { src: item[1] }));
3094          }
3095
3096          if (!item) return Promise.resolve(null);
3097
3098          return mountDotLottie(item.target || item.selector || item.el || item.element, item);
3099        }));
3100      }
3101
3102      window.loadDotLottiePlayer = loadDotLottiePlayer;
3103      window.mountDotLottie = mountDotLottie;
3104      window.mountDotLottieBatch = mountDotLottieBatch;
3105      window.initDotLottiePlaceholders = initDotLottiePlaceholders;
3106
3107      if (document.readyState === 'loading') {
3108        document.addEventListener('DOMContentLoaded', function () {
3109          initDotLottiePlaceholders();
3110        });
3111      } else {
3112        initDotLottiePlaceholders();
3113      }
3114    })();
3115    </script>
3115
3116    
3116<script>
3117
3118
3119
3120document.querySelectorAll('.dropdown-toggle').forEach(link => {
3121    link.addEventListener('click', function (e) {
3122      const href = this.getAttribute('href');
3123      if (href && href !== '#') {
3124        window.location.href = href;
3125      }
3126    });
3127});
3128
3129
3130
3131$(function () {
3132  if (
3133    $('.nav-item-z1hrpdjef').hasClass('active') &&
3134    $('.nav-item-g8y5up05d').hasClass('active')
3135  ) {
3136    $('.nav-item-z1hrpdjef').removeClass('active');
3137  }
3138});</script>
3138
3139    
3139<script>
3140    document.addEventListener('shown.bs.modal', (e) => {
3141      // Find all Swiper instances inside this modal
3142      const swipers = e.target.querySelectorAll('.swiper');
3143      swipers.forEach(swEl => {
3144        const swiper = swEl.swiper;
3145        if (swiper) {
3146          // Delay update slightly to allow Bootstrap transition to finish paint
3147          setTimeout(() => {
3148            swiper.updateSize();
3149            swiper.updateSlides();
3150            swiper.updateProgress();
3151            swiper.updateSlidesClasses();
3152            swiper.slideTo(swiper.activeIndex, 0, false);
3153          }, 150);
3154        }
3155      });
3156    });
3157    </script>
3157
3158    
3158<script>
3159      document.getElementById('q-minus').addEventListener('click', function () {
3160          var input = document.getElementById('quantity-input');
3161          var value = parseInt(input.value, 10);
3162          
3163          if (value > 1) {
3164              input.value = value - 1;
3165              new_value = value - 1;
3166              // update quantity
3167              $("#modern-add2cart-btn").attr("data-ct-quantity", new_value);
3168          }
3169        
3170      });
3171
3172      document.getElementById('q-plus').addEventListener('click', function () {
3173          var input = document.getElementById('quantity-input');
3174          var value = parseInt(input.value, 10);
3175          var max = parseInt(input.getAttribute('max'), 10);
3176
3177          if (value < max) {
3178              input.value = value + 1;
3179
3180              new_value = value + 1;
3181              // update quantity
3182              $("#modern-add2cart-btn").attr("data-ct-quantity", new_value);
3183          }
3184      });
3185      $('#modern-add2cart-btn').click(function(){
3186          var product_id = $(this).attr("data-ct-id");
3187          var product_img = $(this).attr("data-ct-img");
3188          var title = $(this).attr("data-ct-name");
3189          var price = $(this).attr("data-ct-price");
3190          var quantity = $(this).attr("data-ct-quantity");
3191          var avaliable = $(this).attr("data-ct-avaliable");
3192          var is_bundle = $(this).attr("data-bundle-id");
3193          var is_type = $(this).attr("data-ct-type");
3194          
3195          var button = $(this);
3196
3197          $.ajax({
3198              url: "https://micc.mn/cart/addcartajax",
3199              dataType:"html",
3200              data: { "product_id": product_id, "product_img": product_img, "title": title, "price": price, "quantity": quantity, "is_bundle": is_bundle , "is_type": is_type },
3201
3202              beforeSend: function() {
3203                  button.empty();
3204                  button.append('<i class="bi bi-cart-fill ms-n1"></i>Сагсанд нэмж байна...');
3205                  //$(".cart-popupstyle-price-box").addClass("btn-loading");
3206              },
3207              type: "post",
3208              success: function(data){
3209                  button.empty();
3210                  button.append('<i class="bi bi-cart-fill ms-n1"></i>Амжилттай');
3211
3212                  //$(".cart-popupstyle-price-box").removeClass("btn-loading");
3213
3214                  var obj = jQuery.parseJSON( data );
3215                  var carts_count = obj.items;
3216                  $(".cart-popupstyle-carts-count").empty();
3217                  $(".cart-popupstyle-carts-count").append(carts_count);
3218                  $(".carts-item-count").empty();
3219                  $(".carts-item-count").append(carts_count);
3220
3221                  var total_price = obj.total_price;
3222                  $(".cart-popupstyle-price-box").empty();
3223                  $('.cart-popupstyle-price-box').append(new Intl.NumberFormat('ja-JP').format(total_price));
3224                  $('.cart-popupstyle-price-box').append('₮');
3225
3226              }
3227          });
3228          
3229
3230
3231      });
3232      </script>
3232
3233      
3233<script>
3234      document.addEventListener("DOMContentLoaded", function () {
3235        document.querySelectorAll(".typography iframe").forEach(function (iframe) {
3236  const src = (iframe.getAttribute("src") || "").trim().toLowerCase();
3237  console.log("Checking iframe:", src);
3238
3239  // Remove width and height attributes
3240  iframe.removeAttribute("width");
3241  iframe.removeAttribute("height");
3242
3243  // Remove inline width/height styles
3244  const style = iframe.getAttribute("style");
3245  if (style) {
3246    const cleanedStyle = style
3247      .split(";")
3248      .map(rule => rule.trim())
3249      .filter(rule => {
3250        const lower = rule.toLowerCase();
3251        return lower && !lower.startsWith("width:") && !lower.startsWith("height:");
3252      })
3253      .join("; ");
3254    if (cleanedStyle) {
3255      iframe.setAttribute("style", cleanedStyle);
3256    } else {
3257      iframe.removeAttribute("style");
3258    }
3259  }
3260
3261  // Decide which wrapper to use
3262  let wrapperClass = null;
3263
3264  if (src.endsWith(".pdf")) {
3265    wrapperClass = "iframe-pdf ratio ratio-1x1";
3266  } else if (src.includes("google.com/maps") || src.includes("maps.google.com/maps")) {
3267    wrapperClass = "iframe-map ratio ratio-21x9";
3268  } else if (src.includes("youtube.com/embed") || src.includes("youtu.be/")) {
3269    wrapperClass = "iframe-youtube ratio ratio-16x9";
3270  }
3271
3272  // Wrap if needed
3273  if (wrapperClass) {
3274    console.log("Wrapping with:", wrapperClass);
3275    const wrapper = document.createElement("div");
3276    wrapper.className = wrapperClass;
3277
3278    // Only wrap if not already wrapped
3279    const parent = iframe.parentElement;
3280    if (!parent.classList.contains("iframe-pdf") && !parent.classList.contains("iframe-map")) {
3281      parent.insertBefore(wrapper, iframe);
3282      wrapper.appendChild(iframe);
3283    } else {
3284      console.log("Already wrapped, skipping");
3285    }
3286  }
3287});
3288});
3289      </script>
3289
3290      
3290<script>
3291        $(".typography table").wrap("<div class='table-wrap' style='overflow-x:auto;padding:1px;margin:-1px;'></div>");
3292      </script>
3292
3293      
3293<script>
3294      $(function() {
3295        $("#loan-start-date").datepicker({
3296          dateFormat: "yy.mm.dd",
3297          changeMonth: true,
3298          changeYear: true,
3299          showOtherMonths: true,
3300          selectOtherMonths: true
3301        });
3302      });
3303      </script>
3303
3304
3305    
3306
3307  </body>
3308</html>
3309
3310
3311 

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.