{"version":3,"sources":["main.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"main.min.js","sourcesContent":["const header = $(\"header\");\nconst body = $(\"body\");\nconst backToTop = $(\".back-to-top\");\nconst backShadow = $(\".back-shadow\");\nconst widthScreen = $(window).width();\nconst heightScreen = $(window).height();\nconst heightHeader = header.outerHeight();\n\n// toggle global accordion-item\nfunction accordionToggle() {\n\t$(\".accordion-item\").each(function () {\n\t\tvar $this = $(this),\n\t\t\t$thisTitle = $(this).find(\".accordion-title\"),\n\t\t\t$thisContent = $(this).find(\".accordion-content\");\n\n\t\t$this.hasClass(\"show\")\n\t\t\t? $thisContent.slideDown()\n\t\t\t: $thisContent.slideUp();\n\n\t\t$thisTitle.on(\"click\", function () {\n\t\t\t$this.toggleClass(\"show\");\n\t\t\t$thisTitle.toggleClass(\"active\");\n\t\t\t$thisContent.slideToggle();\n\n\t\t\t// other close toggle\n\t\t\t$(this)\n\t\t\t\t.parents(\".accordion-item\")\n\t\t\t\t.siblings()\n\t\t\t\t.removeClass(\"show\")\n\t\t\t\t.find(\".accordion-title\")\n\t\t\t\t.removeClass(\"active\")\n\t\t\t\t.parents(\".accordion-item\")\n\t\t\t\t.find(\".accordion-content\")\n\t\t\t\t.slideUp();\n\t\t});\n\t});\n}\n\n// toggle global dropdown\nfunction dropdownToggle() {\n\t$(\".dropdown\").each(function () {\n\t\tvar $this = $(this),\n\t\t\t$thisToggle = $this.find(\".dropdown-toggle\");\n\t\t$thisDropdown = $this.find(\".dropdown-menu\");\n\n\t\t$this.on(\"click\", function () {\n\t\t\t$thisToggle.toggleClass(\"show\");\n\t\t\t$thisDropdown.toggleClass(\"show\");\n\t\t});\n\t});\n}\n\nfunction closeBackShadow() {\n\tbackShadow.on(\"click\", function () {\n\t\t$(this).removeClass(\"open\");\n\t\t// close button menu - header\n\t\t$(\"#buttonMenu\").removeClass(\"open\");\n\t\t// close modal menu - header\n\t\t$(\"header .mobile-wrap\").slideUp();\n\t\tbody.removeClass(\"overflow-hidden\");\n\t\t// call check scroll\n\t\tcheckBackShadow();\n\t});\n}\n\nfunction checkBackShadow() {\n\tbackShadow.hasClass(\"open\") ? disableScroll() : enableScroll();\n}\n\nvar scrollToElm = (elm, isHeightHeader = true, speed = 1000) => {\n\tisHeightHeader ? heightHeader : 0;\n\t$(\"html, body\").animate(\n\t\t{\n\t\t\tscrollTop: $(elm).offset().top - isHeightHeader,\n\t\t},\n\t\tspeed\n\t);\n};\n\nfunction scrollToElmInit() {\n\t$(\".home-banner .next-section a\").on(\"click\", function (e) {\n\t\tpreventDefault(e);\n\t\tscrollToElm($(this).attr(\"href\"), false);\n\t});\n}\n\nvar SCE_APP = {\n\tfixedHeader: () => {\n\t\t$(window).scrollTop() > heightHeader\n\t\t\t? header.addClass(\"active\")\n\t\t\t: header.removeClass(\"active\");\n\t\t$(window).scrollTop() > 500\n\t\t\t? backToTop.addClass(\"active\")\n\t\t\t: backToTop.removeClass(\"active\");\n\t},\n\tfixedBackToTop: () => {\n\t\t$(window).scrollTop() > 500\n\t\t\t? backToTop.addClass(\"active\")\n\t\t\t: backToTop.removeClass(\"active\");\n\t\tbackToTop.on(\"click\", function () {\n\t\t\t$(\"html, body\").animate({\n\t\t\t\tscrollTop: 0,\n\t\t\t}, 0);\n\t\t});\n\t},\n\tmapping: () => {\n\t\tlet mainMenu = $(\"header .navbar-nav\").mapping({\n\t\t\tmobileWrapper: \"header .mobile-wrap\",\n\t\t\tmobileMethod: \"appendTo\",\n\t\t\tdesktopWrapper: \"header .search-button\",\n\t\t\tdesktopMethod: \"insertBefore\",\n\t\t\tbreakpoint: 1279,\n\t\t});\n\t\tlet fakeFooter = $(\".homepage footer .container-2\").mapping({\n\t\t\tmobileWrapper: \".homepage footer .container-2\",\n\t\t\tmobileMethod: \"appendTo\",\n\t\t\tdesktopWrapper: \".homepage .home-contact .fake-footer\",\n\t\t\tdesktopMethod: \"appendTo\",\n\t\t\tbreakpoint: 0,\n\t\t});\n\t},\n\ttoggleMenu: () => {\n\t\tlet btnMenu = $(\"#buttonMenu\"),\n\t\t\tmobileWrap = $(\"header .mobile-wrap\"),\n\t\t\tsearchBox = $(\"header .search-mobile-wrap\");\n\t\tbtnMenu.on(\"click\", function () {\n\t\t\t$(this).toggleClass(\"open\");\n\t\t\tmobileWrap.slideToggle();\n\t\t\tbackShadow.toggleClass(\"open\");\n\n\t\t\tcheckBackShadow();\n\t\t});\n\n\t\t$('.mobile-wrap .has-dropdown .toggle-dropdown-menu').on(\"click\", function () {\n\t\t\t$(this).next().slideToggle().parents('.has-dropdown').toggleClass('active');\n\t\t});\n\t},\n\ttoggleSearch: () => {\n\t\tlet btnSearch = $(\"header .button-search\"),\n\t\t\tbtnMenu = $(\"header .mobiEduMenu\"),\n\t\t\tmobileWrap = $(\"header .mobile-wrap .menu-show\"),\n\t\t\tsearchBox = $(\"header .search-mobile-wrap\"),\n\t\t\tbackShadow = $(\".backshadow\");\n\t\tbtnSearch.on(\"click\", function () {\n\t\t\tbtnMenu.addClass(\"open\");\n\t\t\tsearchBox.addClass(\"open\");\n\t\t\tbackShadow.addClass(\"open\");\n\n\t\t\t// close mobile wrap\n\t\t\tmobileWrap.removeClass(\"open\");\n\n\t\t\t// call check scroll\n\t\t\tcheckBackShadow();\n\t\t});\n\t},\n\tsetBackgroundElement: () => {\n\t\t$(\"[setBackground]\").each(function () {\n\t\t\tlet $this = $(this),\n\t\t\t\tbackgroundUrl = $this.attr(\"setBackground\");\n\n\t\t\t$this.css({\n\t\t\t\t\"background-size\": \"cover\",\n\t\t\t\t\"background-position\": \"center center\",\n\t\t\t});\n\t\t\t\n\t\t\tif ($this.attr(\"setBackgroundMobile\") == undefined || $this.attr(\"setBackgroundMobile\") == \"\" || $this.attr(\"setBackgroundMobile\") == null || $this.attr(\"setBackgroundMobile\") == \"unknown\") {\n\t\t\t\t$this.css({\n\t\t\t\t\t\"background-image\": \"url(\" + backgroundUrl + \")\",\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tlet backgroundMobileUrl = $this.attr(\"setBackgroundMobile\");\n\t\t\t\t$(window).width() < 768\n\t\t\t\t\t? $this.css({\n\t\t\t\t\t\t\"background-image\": \"url(\" + backgroundMobileUrl + \")\",\n\t\t\t\t\t})\n\t\t\t\t\t: $this.css({\n\t\t\t\t\t\t\"background-image\": \"url(\" + backgroundUrl + \")\",\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t},\n\tobserverLazyload: () => {\n\t\tconst observer = lozad(\".lozad\", {\n\t\t\tthreshold: 0.1,\n\t\t\tenableAutoReload: true,\n\t\t\tload: function (el) {\n\t\t\t\tel.src = el.getAttribute(\"data-src\");\n\t\t\t},\n\t\t});\n\t\tobserver.observe();\n\t},\n\tobserverAnimation: () => {\n\t\tif ($(\".animate\").length > 0 && $(window).width() >= 1280) {\n\t\t\tconst callback = (entries) => {\n\t\t\t\tentries.forEach((entry) => {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tentry.target.style.animation =\n\t\t\t\t\t\t\tentry.target.dataset.animate;\n\t\t\t\t\t\t// console.log(entry.target.style.animation);\n\t\t\t\t\t}\n\t\t\t\t\t// else {\n\t\t\t\t\t// \tentry.target.style.animation=\"none\";\n\t\t\t\t\t// }\n\t\t\t\t});\n\t\t\t};\n\t\t\tlet observer = new IntersectionObserver(callback);\n\t\t\tconst animationItems = document.querySelectorAll(\".animate\");\n\t\t\tanimationItems.forEach((item) => {\n\t\t\t\tobserver.observe(item);\n\t\t\t});\n\t\t}\n\t},\n\tbindFancybox: () => {\n\t\tFancybox.bind(\"[data-fancybox]\", {\n\t\t\tshowLoading: true,\n\t\t\tpreload: true,\n\t\t\tinfinite: false,\n\t\t\t// parentEl: document.forms[0], // Element containing main structure\n\t\t\tmainClass: \"fancybox-wrapper\", // Custom class name or multiple space-separated class names for the container\n\t\t});\n\n\t\tFancybox.bind(\"a.popup-link\", {\n\t\t\tshowLoading: true,\n\t\t\ttype: \"iframe\",\n\t\t\tpreload: true,\n\t\t});\n\n\t\tFancybox.bind('[data-fancybox=\"single\"]', {\n\t\t\tgroupAttr: false,\n\t\t});\n\n\t\t$(\".btn-close-fancybox\").on(\"click\", function () {\n\t\t\tFancybox.close();\n\t\t});\n\t},\n\tsourceInfo: () => {\n\t\tconsole.log(\n\t\t\t\"%c SCE\",\n\t\t\t\"font-size:100px;color:#04b8ff;text-shadow:0 1px 0 #15469d,0 2px 0 #15469d ,0 3px 0 #15469d ,0 4px 0 #15469d ,0 5px 0 #15469d ,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);\"\n\t\t),\n\t\t\tconsole.log(\n\t\t\t\t\"%c SCE %c - SCE in Viet Nam\",\n\t\t\t\t\"border-radius: 2px; padding: 3px; background: #04b8ff; color: #000\",\n\t\t\t\t\"color: #04b8ff\"\n\t\t\t);\n\t},\n\tinit: () => {\n\t\tSCE_APP.mapping();\n\t\tSCE_APP.toggleMenu();\n\t\t// SCE_APP.toggleSearch();\n\t\tSCE_APP.setBackgroundElement(); // background\n\t\tSCE_APP.observerLazyload(); // lazyload img\n\t\tSCE_APP.observerAnimation(); // lazyload animation\n\t\tSCE_APP.bindFancybox(); // fancybox\n\t\tSCE_APP.sourceInfo();\n\t},\n};\n\nfunction homeSwiperInit(){\n\tconst homeBanner = new Swiper(\".home-banner .banner .swiper\", {\n\t\tautoplay: {\n\t\t\tdisableOnInteraction: false,\n\t\t\tpauseOnMouseEnter: true,\n\t\t},\n\t\tspeed: 1000,\n\t\tspaceBetween: 0,\n\t\tobserver: true,\n\t\tobserveParents: true,\n\t\teffect: \"fade\",\n\t\tfadeEffect: {\n\t\t\tcrossFade: true,\n\t\t},\n\t\tpagination: {\n\t\t\tel: \".home-banner .swiper-pagination\",\n\t\t\tclickable: true,\n\t\t},\n\t\tnavigation: {\n\t\t\tnextEl: \".home-banner .button-next\",\n\t\t\tprevEl: \".home-banner .button-prev\",\n\t\t},\n\t});\n\tif ($(\".home-banner\").length == 1) {\n\t\tlet timer;\n\t\t// Clear Timeout Cache\n\t\tfunction slideNextSlide(time) {\n\t\t\twindow.clearTimeout(timer);\n\t\t\ttimer = setTimeout(() => {\n\t\t\t\thomeBanner.slideNext();\n\t\t\t}, time);\n\t\t}\n\t\tvar playVideoOnSlide = function () {\n\t\t\tvar slideWrapper = $(\".home-banner .swiper\");\n\t\t\tlet setVideo = slideWrapper.find(\".swiper-slide video\");\n\t\t\tlet setActive = slideWrapper.find(\".swiper-slide-active\");\n\t\t\tlet setVideoOnSlideActive = slideWrapper.find(\n\t\t\t\t\".swiper-slide-active video\"\n\t\t\t);\n\t\t\t// $(\".home-banner\").addClass(\"active\");\n\n\t\t\thomeBanner.autoplay.start();\n\t\t\tif (setActive.find(\".video\").length !== 0) {\n\t\t\t\thomeBanner.autoplay.stop();\n\t\t\t\tvar durationVideo =\n\t\t\t\t\tdocument\n\t\t\t\t\t\t.querySelector(\n\t\t\t\t\t\t\t\".home-banner .swiper .swiper-slide-active video\"\n\t\t\t\t\t\t)\n\t\t\t\t\t\t.duration.toFixed(0) * 1000;\n\t\t\t\t// setVideo.each(function () {\n\t\t\t\t// \t// $(this).get(0).currentTime = 0;\n\t\t\t\t// });\n\t\t\t\tsetVideo.get(0).pause();\n\t\t\t\tslideWrapper.find(\".swiper-slide\").removeClass(\"playVideo\");\n\t\t\t\tsetVideoOnSlideActive\n\t\t\t\t\t.closest(\".swiper-slide-active\")\n\t\t\t\t\t.addClass(\"playVideo\");\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetVideoOnSlideActive.get(0).play();\n\t\t\t\t}, 300);\n\t\t\t\t// slideNext(durationVideo - currentTime);\n\t\t\t\tslideNextSlide(durationVideo);\n\t\t\t\tif (homeBanner.isEnd) {\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\thomeBanner.slideTo(0);\n\t\t\t\t\t}, durationVideo);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tslideNextSlide(4500);\n\t\t\t\tif (homeBanner.isEnd) {\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\thomeBanner.slideTo(0);\n\t\t\t\t\t}, 4500);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\t// Init\n\t\tsetTimeout(() => {\n\t\t\tplayVideoOnSlide();\n\t\t\thomeBanner.on(\"transitionEnd\", function () {\n\t\t\t\tplayVideoOnSlide();\n\t\t\t});\n\t\t}, 1000);\n\t}\n\tconst homeBannerNews = new Swiper(\".banner-news-swiper .swiper\", {\n\t\tloop: true,\n\t\tautoplay: {\n\t\t\tdelay: 3000,\n\t\t\tdisableOnInteraction: false,\n\t\t\tpauseOnMouseEnter: true,\n\t\t},\n\t\tspeed: 1000,\n\t\tspaceBetween: 0,\n\t\tobserver: true,\n\t\tobserveParents: true,\n\t\t// effect: 'fade',\n\t\t// fadeEffect: {\n\t\t// \tcrossFade: true\n\t\t// },\n\t});\n\tconst home3Swiper = new Swiper(\".home-3 .swiper\", {\n\t\t// loop: true,\n\t\tautoplay: {\n\t\t\tdelay: 3000,\n\t\t\tdisableOnInteraction: false,\n\t\t\tpauseOnMouseEnter: true,\n\t\t},\n\t\tspeed: 1000,\n\t\tspaceBetween: 12,\n\t\tobserver: true,\n\t\tobserveParents: true,\n\t\tlazy: {\n\t\t\tloadPrevNext: true,\n\t\t},\n\t\tpagination: {\n\t\t\tel: \".home-3 .swiper-pagination\",\n\t\t\tclickable: true,\n\t\t},\n\t\tnavigation: {\n\t\t\tnextEl: \".home-3 .button-next\",\n\t\t\tprevEl: \".home-3 .button-prev\",\n\t\t},\n\t\tscrollbar: {\n\t\t\tel: \".home-3 .swiper-scrollbar\",\n\t\t\thide: false,\n\t\t\tdraggable: true,\n\t\t},\n\t\tbreakpoints: {\n\t\t\t768: {\n\t\t\t\tslidesPerView: 2,\n\t\t\t},\n\t\t},\n\t});\n}\n\nfunction swiperInit() {\n\tconst similarProject = new Swiper(\".project-detail-similar .swiper\", {\n\t\t// loop: true,\n\t\t// autoplay: {\n\t\t// \tdelay: 5000,\n\t\t// \tdisableOnInteraction: false,\n\t\t// \tpauseOnMouseEnter: true,\n\t\t// },\n\t\tspeed: 1000,\n\t\tspaceBetween: 12,\n\t\tobserver: true,\n\t\tobserveParents: true,\n\t\tlazy: {\n\t\t\tloadPrevNext: true,\n\t\t},\n\t\tnavigation: {\n\t\t\tnextEl: \".project-detail-similar .button-next\",\n\t\t\tprevEl: \".project-detail-similar .button-prev\",\n\t\t},\n\t\tpagination: {\n\t\t\tel: \".project-detail-similar .swiper-pagination\",\n\t\t\tclickable: true,\n\t\t},\n\t\tbreakpoints: {\n\t\t\t768: {\n\t\t\t\tslidesPerView: 2,\n\t\t\t},\n\t\t\t1024: {\n\t\t\t\tslidesPerView: 3,\n\t\t\t},\n\t\t\t1280: {\n\t\t\t\tslidesPerView: 4,\n\t\t\t},\n\t\t},\n\t});\n\t$(\".smart-city .main-slide\").each(function (index) {\n\t\tlet $this = $(this),\n\t\t\t$slide = $this.find(\".swiper\"),\n\t\t\t$scrollbar = $this.find(\".swiper-scrollbar\");\n\t\t$slide.addClass(\"swiper-\" + index);\n\t\t$scrollbar.addClass(\"swiper-scrollbar-\" + index);\n\t\tconst smartCitySwiper = new Swiper(\".smart-city .swiper-\" + index, {\n\t\t\t// loop: true,\n\t\t\t// autoplay: {\n\t\t\t// \tdelay: 5000,\n\t\t\t// \tdisableOnInteraction: false,\n\t\t\t// \tpauseOnMouseEnter: true,\n\t\t\t// },\n\t\t\tspeed: 1000,\n\t\t\tspaceBetween: 10,\n\t\t\tobserver: true,\n\t\t\tobserveParents: true,\n\t\t\tlazy: {\n\t\t\t\tloadPrevNext: true,\n\t\t\t},\n\t\t\tscrollbar: {\n\t\t\t\tel: \".smart-city .swiper-scrollbar-\" + index,\n\t\t\t\thide: false,\n\t\t\t\tdraggable: true,\n\t\t\t},\n\t\t});\n\t});\n\tconst smartDocumentSwiper = new Swiper(\".smart-document .swiper\", {\n\t\t// loop: true,\n\t\t// autoplay: {\n\t\t// \tdelay: 5000,\n\t\t// \tdisableOnInteraction: false,\n\t\t// \tpauseOnMouseEnter: true,\n\t\t// },\n\t\tspeed: 1000,\n\t\tspaceBetween: 10,\n\t\tobserver: true,\n\t\tobserveParents: true,\n\t\tlazy: {\n\t\t\tloadPrevNext: true,\n\t\t},\n\t\tnavigation: {\n\t\t\tnextEl: \".smart-document .button-next\",\n\t\t\tprevEl: \".smart-document .button-prev\",\n\t\t},\n\t});\n\tconst similarNew = new Swiper(\".similar-new .swiper\", {\n\t\t// loop: true,\n\t\t// autoplay: {\n\t\t// \tdelay: 5000,\n\t\t// \tdisableOnInteraction: false,\n\t\t// \tpauseOnMouseEnter: true,\n\t\t// },\n\t\tspeed: 1000,\n\t\tspaceBetween: 20,\n\t\tobserver: true,\n\t\tobserveParents: true,\n\t\tlazy: {\n\t\t\tloadPrevNext: true,\n\t\t},\n\t\tpagination: {\n\t\t\tel: \".similar-new .swiper-pagination\",\n\t\t\tclickable: true,\n\t\t},\n\t\tnavigation: {\n\t\t\tnextEl: \".similar-new .button-next\",\n\t\t\tprevEl: \".similar-new .button-prev\",\n\t\t},\n\t\tbreakpoints: {\n\t\t\t768: {\n\t\t\t\tslidesPerView: 2,\n\t\t\t},\n\t\t},\n\t});\n\tif($(\".about-2\").length) {\n\t\tlet offsetTop = $('.about-2 .main-tabslet').offset().top;\n\t\t$(\".about-2 .main-slide\").each(function (index) {\n\t\t\tlet $this = $(this),\n\t\t\t\t$newIndex = index + 1,\n\t\t\t\t$slide = $this.find(\".swiper\"),\n\t\t\t\t$scrollbar = $this.find(\".swiper-scrollbar\"),\n\t\t\t\t$prev = $this.find(\".button-prev\"),\n\t\t\t\t$next = $this.find(\".button-next\");\n\t\t\t$slide.addClass(\"about-swiper-\" + $newIndex);\n\t\t\t$prev.addClass(\"button-prev-\" + $newIndex);\n\t\t\t$next.addClass(\"button-next-\" + $newIndex);\n\t\t\t$scrollbar.addClass(\"swiper-scrollbar-\" + $newIndex);\n\t\t\tvar option = {\n\t\t\t\t// loop: true,\n\t\t\t\tspaceBetween: 5,\n\t\t\t\tspeed: 1000,\n\t\t\t\tobserver: true,\n\t\t\t\tobserveParents: true,\n\t\t\t\tlazy: {\n\t\t\t\t\tloadPrevNext: true,\n\t\t\t\t},\n\t\t\t\tscrollbar: {\n\t\t\t\t\tel: \".swiper-scrollbar\",\n\t\t\t\t\thide: false,\n\t\t\t\t\tdraggable: true,\n\t\t\t\t},\n\t\t\t}\n\t\t\tvar about2Slide = new Swiper(\".about-swiper-\"+$newIndex, {\n\t\t\t\t...option,\n\t\t\t});\n\t\t\t$(window).on(\"scroll\", function () {\n\t\t\t\tif ($(window).scrollTop() > offsetTop - $(window).height() / 2) {\n\t\t\t\t\tabout2Slide.autoplay.start();\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('.about-2 .main-tabslet').on(\"_before\", function() {\n\t\t\t\tabout2Slide.slideTo(0, 3000, false);\n\t\t\t\tabout2Slide.autoplay.start();\n\t\t\t});\n\t\t});\n\t}\n}\n\nfunction OTPInput() {\n\tconst inputs = document.querySelectorAll(\".otp-group > *[id]\");\n\tfor (let i = 0; i < inputs.length; i++) {\n\t\tinputs[i].addEventListener(\"keydown\", function (event) {\n\t\t\tif (event.key === \"Backspace\") {\n\t\t\t\tinputs[i].value = \"\";\n\t\t\t\tif (i !== 0) inputs[i - 1].focus();\n\t\t\t} else {\n\t\t\t\tif (i === inputs.length - 1 && inputs[i].value !== \"\") {\n\t\t\t\t\treturn true;\n\t\t\t\t} else if (event.keyCode > 47 && event.keyCode < 58) {\n\t\t\t\t\tinputs[i].value = event.key;\n\t\t\t\t\tif (i !== inputs.length - 1) inputs[i + 1].focus();\n\t\t\t\t\tpreventDefault(event);\n\t\t\t\t} else if (event.keyCode > 64 && event.keyCode < 91) {\n\t\t\t\t\tinputs[i].value = String.fromCharCode(event.keyCode);\n\t\t\t\t\tif (i !== inputs.length - 1) inputs[i + 1].focus();\n\t\t\t\t\tpreventDefault(event);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n}\n\nfunction toggleService() {\n\tif (widthScreen >= 1280)\n\t\tvar totalHeight =\n\t\t\t$(\".services-item\").outerHeight() * $(\".services-item\").length;\n\t$(\".services-list\").css(\"min-height\", totalHeight);\n\tvar eventExists = false;\n\n\t$(\".services-item\").each(function () {\n\t\t$(this).on(\"click\", function () {\n\t\t\t$(this).find(\".service-content\").slideToggle(\"300\");\n\t\t\t$(this)\n\t\t\t\t.toggleClass(\"active\")\n\t\t\t\t.removeClass(\"small\")\n\t\t\t\t.siblings()\n\t\t\t\t.removeClass(\"active\")\n\t\t\t\t.toggleClass(\"small\")\n\t\t\t\t.find(\".service-content\")\n\t\t\t\t.toggleSlide(\"300\");\n\t\t});\n\t\t// $(this).on('mouseenter', function(){\n\t\t// \t$(this).find('.service-content').slideToggle('300')\n\t\t// \t$(this)\n\t\t// \t\t.addClass('active').removeClass('small')\n\t\t// \t\t.siblings()\n\t\t// \t\t\t.removeClass('active').addClass('small')\n\t\t// \t\t\t.find('.service-content').slideUp('300')\n\t\t// \t$(this).off('mouseleave')\n\t\t// })\n\t\t// $(this).on('mouseleave', function(){\n\t\t// \t// $('.services-item').on('mouseenter')\n\n\t\t// \t// $(this).hasClass('active')\n\t\t// \t// \t? $(this).siblings().addClass('small')\n\t\t// \t// \t: $(this).removeClass('small').siblings().removeClass('small')\n\t\t// })\n\t});\n\t$(\".services-list\").on(\"mouseleave\", function () {\n\t\t$(\".services-item\")\n\t\t\t.removeClass(\"active\")\n\t\t\t.removeClass(\"small\")\n\t\t\t.find(\".service-content\")\n\t\t\t.slideUp(\"100\");\n\t\t$(\".services-item\")\n\t\t\t.siblings()\n\t\t\t.removeClass(\"active\")\n\t\t\t.removeClass(\"small\")\n\t\t\t.find(\".service-content\")\n\t\t\t.slideUp(\"100\");\n\t});\n}\n\nfunction lightbox() {\n\tif (widthScreen >= 1280)\n\t\t$(\"img, [setbackground]\").mousemove(function (e) {\n\t\t\t$(\".lightBlock\").addClass(\"lightBlock_active\");\n\n\t\t\t$(\".lightBlock\").css(\n\t\t\t\t\"transform\",\n\t\t\t\t\"translate(\" + e.clientX + \"px, \" + e.clientY + \"px)\"\n\t\t\t);\n\t\t});\n}\n\nfunction equalHeight(el) {\n\tvar height = 0;\n\t$(el).each(function() {\n\t\tvar thisHeight = $(this).height();\n\t\tif (thisHeight > height) {\n\t\t\theight = thisHeight;\n\t\t}\n\t\tsetTimeout(() => {\n\t\t\t$(el).height(height)\n\t\t}, 100);\n\t});\n}\n\n$(function () {\n\tdropdownToggle();\n\tSCE_APP.init();\n\tswiperInit();\n\tcloseBackShadow();\n\tscrollToElmInit();\n\ttoggleService();\n\t// lightbox();\n\tsetHeightDueToUserZoomScreen();\n\tequalHeight(\".team-item .team-name\");\n\t// // ***** Dev Tools *****\n\t// consWidthHeight.append();\n\t// consWidthHeight.css();\n});\n$(window).on(\"scroll\", function () {\n\tSCE_APP.fixedHeader();\n});\n$(window).on(\"resize\", function () {\n\ttry {\n\t} catch (error) {\n\t\tconsole.log(error);\n\t}\n\t// consWidthHeight.css();\n});\n\nfunction setHeightDueToUserZoomScreen() {\n\tvar browserZoomLevel = Math.round(window.devicePixelRatio * 100);\n\t// if (browserZoomLevel > 100) {\n\t// \t$(\".home-1[setbackground]\").css(\"height\", window.screen.height);\n\t// \t$(\".home-contact[setbackground]\").css(\"height\", window.screen.height);\n\t// \t$(\".home-banner img\").css(\"height\", window.screen.height);\n\t// }\n}\nvar preload = $(\"#preload\");\nvar preloadOverlay = $(\"#preloadOverlay\");\nvar svgTarget = $(\"#preload svg\");\nvar endAnimationTime = preload.attr(\"animation-time\");\n// ***** Preload ***** //\ndocument.addEventListener('readystatechange', event => {\n\n\t// Set Cookies\n\tlet isPreload = getCookie(\"preload\");\n\tfunction setCookie(name, value, hour) {\n\t\tvar expires = \"\";\n\t\tif (hour) {\n\t\t\tvar date = new Date();\n\t\t\tdate.setTime(date.getTime() + hour * 60 * 60 * 1000);\n\t\t\texpires = \"; expires=\" + date.toUTCString();\n\t\t}\n\t\tdocument.cookie = name + \"=\" + (value || \"\") + expires + \"; path=/\";\n\t}\n\tfunction getCookie(name) {\n\t\tvar nameEQ = name + \"=\";\n\t\tvar ca = document.cookie.split(\";\");\n\t\tfor (var i = 0; i < ca.length; i++) {\n\t\t\tvar c = ca[i];\n\t\t\twhile (c.charAt(0) == \" \") c = c.substring(1, c.length);\n\t\t\tif (c.indexOf(nameEQ) == 0)\n\t\t\t\treturn c.substring(nameEQ.length, c.length);\n\t\t}\n\t\treturn null;\n\t}\n\tif (document.readyState === \"interactive\") {\n\t\tconsole.log(\"🚀 ~ file: main.js ~ line 715 ~ document.readyState === 'interactive': \", document.readyState === \"interactive\");\n\t\tconsole.log(\"🚀 ~ file: main.js ~ line 678 ~ isPreload:\", isPreload);\n\t\tif (isPreload) {\n\t\t\tlet preload = document.getElementsByClassName(\"preload-animation\")[0];\n\t\t\tif (preload != null) {\n\t\t\t\tpreload.style.display = \"none\";\n\t\t\t\thomeSwiperInit();\n\t\t\t}\n\t\t}\n\t\tif (isPreload === null) {\n\t\t\tsetCookie(\"preload\", \"true\", 1);\n\t\t}\n\t}\n\t\n\telse if (document.readyState === \"complete\") {\n\t\tconsole.log(\"🚀 ~ file: main.js ~ line 715 ~ document.readyState === 'complete': \", document.readyState === \"complete\");\n\t\tconsole.log(\"🚀 ~ file: main.js ~ line 678 ~ isPreload:\", isPreload);\n\t\tsvgTarget.addClass(\"active\");\n\t\tsetTimeout(() => {\n\t\t\tpreload.addClass(\"hide\");\n\t\t\tpreloadOverlay.addClass(\"show\");\n\t\t\tsetTimeout(() => {\n\t\t\t\tpreload.addClass(\"endPreload\");\n\t\t\t\tpreloadOverlay.addClass(\"endPreload\");\n\t\t\t\t$(\"body\").css(\"overflow\", \"auto\");\n\t\t\t\thomeSwiperInit();\n\t\t\t}, 200);\n\t\t}, endAnimationTime);\n\t\tif (isPreload) document.body.style.overflow = \"auto\";\n\t}\n});\n\n// window.onload = (event) => {\n// \tconsole.log('page is fully loaded');\n// };\n\n// const consWidthHeight = {\n// \tappend: () => {\n// \t\t$(\"main\").append(\"<div class='fixed-height'></div>\");\n// \t},\n// \tcss: () => {\n// \t\tvar wwWidth = $(window).width();\n// \t\tvar wwHeight = $(window).height();\n// \t\tvar colorR = Math.floor(Math.random() * 256);\n// \t\tvar colorG = Math.floor(Math.random() * 256);\n// \t\tvar colorB = Math.floor(Math.random() * 256);\n// \t\tvar rgb = colorR + \",\" + colorG + \",\" + colorB;\n// \t\t$(\".fixed-height\").css({\n// \t\t\tposition: \"fixed\",\n// \t\t\tbottom: \"50px\",\n// \t\t\tright: \"5px\",\n// \t\t\t\"font-size\": \"1.5rem\",\n// \t\t\tpadding: \"5px 15px\",\n// \t\t\t\"background-color\": \"rgba(255, 255, 255, 0.8)\",\n// \t\t\t\"z-index\": 99,\n// \t\t\t\"font-weight\": 900,\n// \t\t\ttransition: \".3s all ease-in-out\",\n// \t\t\t\"box-shadow\": \"0px 0px 20px rgb(0 0 0 / 10%)\",\n// \t\t\t\"border-radius\": \"10px\",\n// \t\t});\n// \t\t$(\".fixed-height\").html(\n// \t\t\t\"Width: <span style='font-weight: 600;color:rgb(\" + rgb + \")'>\" + wwWidth + \"px</span></br>\" +\n// \t\t\t\"Height: <span style='font-weight: 600;color:rgb(\" + rgb + \")'>\" + wwHeight + \"px</span>\"\n// \t\t);\n// \t},\n// };\n"]}