/* Theme Name: Flatsome Child Description: This is a child theme for Flatsome Theme Author: UX Themes Template: flatsome Version: 3.6.6 */ /*************** ADD CUSTOM CSS HERE. ***************/ @media only screen and (max-width: 48em) { /*************** ADD MOBILE ONLY CSS HERE ***************/ } /** * Swiper 11.2.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 23, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /*swiper*/ /* @charset "UTF-8"; */ .slick-list, .slick-slider, .slick-track { position: relative; display: block; } .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; } .slick-dots li button:before, .slick-next:before, .slick-prev:before { font-family: slick; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { top: 0; left: 0; } .slick-track:after, .slick-track:before { display: table; content: ''; } .slick-track:after { clear: both; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots, .slick-next, .slick-prev { position: absolute; display: block; padding: 0; } @font-face { font-family: slick; font-weight: 400; font-style: normal; } .slick-next, .slick-prev { font-size: 0; line-height: 0; top: 50%; width: 20px; height: 20px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0; } .slick-next:before, .slick-prev:before { font-size: 20px; line-height: 1; opacity: .75; color: #fff; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } .slick-next:before, [dir=rtl] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir=rtl] .slick-next { right: auto; left: -25px; } [dir=rtl] .slick-next:before { content: '←'; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { bottom: 50px; width: 100%; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; width: 9px; height: 9px; border-radius: 3px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0; } .slick-dots li button:focus, .slick-dots li button:hover { outline: 0; } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1; } .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; display: none; color: #000; } .slick-dots li.slick-active button:before { opacity: .75; color: #000; } .slick-dots > li { width: 12px; height: 12px; border-radius: 50%; background: #d9d5d2; margin: 0 5px; } .slick-dots > li.slick-active button { background: #fff; } /* scrollbar */ body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } body::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; } body::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #2a7ab8; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) } #header-contact li span{ font-size: 16px; text-transform: initial; display: inline-block; position: relative; font-size: 16px; font-weight: 400; color: #fff; } #header-contact li i:before{ color: #fff; } #masthead .nav-left{ justify-content: center; } .nav-spacing-xlarge>li{ margin: 0 14px; } .header:not(.transparent) .header-nav-main.nav > li > a{ font-family: Arial, Helvetica, sans-serif !important; color: #141d38; font-weight: 600; font-size: 17px; } .header-search .header-button .button { background-color: #fff !important; border: 1px solid #ddd; color: #141D38; line-height: 54px; width: 56px; } .header-nav-main > li:hover > .sub-menu { visibility: visible; opacity: 1; top: 40px; left: 0 !important; transform: rotateX(0); } .header-nav-main > li:before, .header-nav-main > li:after{ display: none; } .header-nav-main > li > ul > li .sub-menu { position: absolute; right: -150%; top: 0; left: unset; border-left: 1px dashed #fff; } .header-nav-main > li > ul > li:hover .sub-menu { right: -100%; opacity: 1; visibility: visible; } .header-nav-main .sub-menu li:hover a { color: yellow; } .header-nav-main .sub-menu { background: #2a7ab8; border: none; top: 65px; width: 250px; left: 0 !important; position: absolute; visibility: hidden; opacity: 0; transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; border-radius: 5px; z-index: 111; } .header-nav-main .sub-menu li { list-style: none; transition: all 0.5s; position: relative; font-size: 15px; } .header-nav-main .sub-menu li a{ color: #fff; margin: 0; } .header-nav-main .sub-menu li:hover { padding-left: 10px; } .header-nav-main .sub-menu li:last-child { border-bottom: none; } .s1:after{ content: ""; display: inline-block; width: 272px; height: 198px; position: absolute; right: 0; top: 0; background: url(img/bf.png) center no-repeat; } .s1 .ripple-shape { position: absolute; top: -50px; left: -50px; z-index: 1; height: 100px; width: 100px; } .ripple-1, .ripple-2, .ripple-3, .ripple-4, .ripple-5, .ripple-6 { height: 100px; width: 100px; position: absolute; left: 0; bottom: 0; background-color: #00000000; border-radius: 50%; -webkit-animation: heroripple 8s linear infinite; animation: heroripple 8s linear infinite; border: 1px solid rgba(20, 29, 56, 0.3); } .ripple-1 { -webkit-animation-delay: 0; animation-delay: 0s; } .ripple-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .ripple-3{ -webkit-animation-delay: 2s; animation-delay: 2s; } .ripple-4{ -webkit-animation-delay: 4s; animation-delay: 4s; } .ripple-5{ -webkit-animation-delay: 5s; animation-delay: 5s; } .ripple-6{ -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes heroripple { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0.2; } 100% { opacity: 0; -webkit-transform: scale(4); transform: scale(4); } } @keyframes heroripple { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0.2; } 100% { opacity: 0; -webkit-transform: scale(4); transform: scale(4); } } .s1, .s1 .col{ padding-bottom: 0 !important; } .s1_left h2{ font-family: Arial, Helvetica, sans-serif; color: #2a7ab8; font-size: 20px; font-weight: 600; margin-bottom: 17px; text-transform: uppercase; margin-top: -0.24em; } .s1_left h3{ font-size: 48px; text-transform: capitalize; font-weight: bold; line-height: 1.135; margin-bottom: 0; color: #141D38; font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; } .btn-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 50px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 40px; margin-top: 43px; } .th-btn { position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; border: none; text-transform: uppercase; text-align: center; background-color: #2a7ab8; color: #fff; font-size: 14px; font-weight: 500; line-height: 1; padding: 20.5px 20px; min-width: 144px; border-radius: 4px; } .th-btn:before, .th-btn:after { content: ""; position: absolute; height: 100%; top: 0; left: 0; width: 100%; background-color: #141D38; z-index: -1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; border-radius: 99px; -webkit-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); } .th-btn:before { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .th-btn:after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .th-btn:hover::before, .th-btn:hover:after, .th-btn.active::before, .th-btn.active:after { border-radius: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .th-btn:hover, .th-btn.active { color: #fff; box-shadow: none; } .th-btn .arrow-right{ width: 14px; display: inline-block; height: 8px; background: url(img/ic_right.png) center no-repeat; margin: 0 0 0 6px; } .call-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; } .play-btn { display: inline-block; position: relative; z-index: 1; margin: 0 !important; } .play-btn:after, .play-btn:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .play-btn:before{ -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; background-color: #2a7ab8; } .call-btn .icon-play{ display: inline-block; width: 56px; height: 56px; line-height: 56px; text-align: center; border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; font-size: 20px; background-color: #2a7ab8; color: #fff; } .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .call-btn .btn-title { font-size: 20px; color: #141D38; font-weight: 600; } .call-btn .btn-text { font-size: 14px; font-weight: 500; display: block; } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 30% { opacity: 0.4; } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 30% { opacity: 0.4; } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } } .triangle-1, .triangle-2 { position: absolute; bottom: 0; right: 0; width: 70%; height: 82%; background-color: #E1E7F9; opacity: 0.3; -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%); z-index: -1; } .triangle-2 { width: calc(70% - 140px); height: calc(82% - 90px); background-color: #E0E6F8; opacity: 0.5; } .s2 .call-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .s2 .call-btn .icon-play{ background-color: #fff; } .s2 .icon-play:before{ color: #2a7ab8; } .s2 .play-btn:before{ background-color: #fff; } .s2_right{ padding-left: 40px; } .shadow-title { font-size: 74px; font-weight: 900; line-height: 1; background-image: -webkit-linear-gradient(top, rgba(226, 232, 250, 0.7) 0%, rgba(226, 232, 250, 0) 88.54%); background-image: linear-gradient(180deg, rgba(226, 232, 250, 0.7) 0%, rgba(226, 232, 250, 0) 88.54%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin: -0.55em 0 -0.45em -0.25em; text-transform: uppercase; } .sub-title { position: relative; display: block; font-size: 16px; font-weight: 600; color: #2a7ab8; margin-bottom: 30px; text-transform: uppercase; line-height: 24px; margin-top: -0.34em; margin-bottom: 20px; } .sub-title:before{ content: ""; width: 27px; height: 27px; display: inline-block; background: url(img/title_shape_2.png) center no-repeat; margin: 0 5px -7px 0; } .sec-title { font-size: 40px; text-transform: capitalize; } .sec-title span.text-theme { color: #2a7ab8; } .s2_right .nav-pills{ background: #141D38; color: #fff; } .s2_right .nav-pills li{ flex: 1; } .s2_right .nav-pills li a{ border-radius: 0; width: 100%; text-align: center; } .s2_right .nav-pills li a span{ width: 100%; padding: 8px 0; color: #fff; cursor: pointer; } .s2_right .nav-pills li a:hover span{ color: #fff; } .s2_right .tab-panels{ box-shadow: 0px 4px 50px rgba(8, 14, 28, 0.1); padding: 30px; } .s2_right .tab-panels .button { margin-bottom: 0; } .tab-panels .panel { display: none; transform: scale(0.15); opacity: 0; transition: transform 1s ease, opacity 1s ease; } .tab-panels .panel.active { display: block !important; transform: scale(1); opacity: 1; } .s3{ z-index: 1; } .s3 .bg{ background-position: top center; background-repeat: no-repeat !important; background-size: auto !important; background-attachment: scroll; } .s3 .sec-title{ color: #fff; } .s3 .large-3 .col-inner{ box-shadow: 0px 10px 15px rgba(8, 14, 28, 0.06); border-radius: 10px; text-align: center; padding: 70px 15px 40px 15px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; background: #fff; } .s3 .flickity-slider .row{ max-width: 1250px !important; } .s3 .icon-box-img img{ max-width: 40px; padding: 0; position: relative; z-index: 2; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .s3 .icon-box-img { height: 80px; width: 80px; line-height: 80px; background-color: #2a7ab8; border-radius: 50%; text-align: center; margin: 0 auto 0 auto; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); top: -40px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1111; } .s3 .icon-box-img:after, .s3 .icon-box-img:before { content: ""; position: absolute; inset: 0; background-color: #2a7ab8; z-index: -2; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; } .s3 .flickity-viewport{ overflow: initial; margin-top: 50px; } .s3 h3{ font-size: 24px; line-height: 1.417; font-weight: 700; margin-top: -0.32em; text-align: center; } .s3 .icon-box p{ -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; max-width: 230px; margin: 0 auto 22px auto; text-align: center; } .s3 .icon-box-text{ text-align: center; } .s3 .large-3 .col-inner:hover .icon-box-img { background-color: #fff; } .s3 .large-3 .col-inner:hover .icon-box-img img{ filter: initial; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-filter: none; } .s3 .col-inner:hover .icon-box-img:after, .s3 .col-inner:hover .icon-box-img:before{ background-color: #fff; } .s3 .large-3 .col-inner:hover { background-color: #2a7ab8; } .s3 .col-inner:hover h3, .s3 .col-inner:hover p{ color: #fff; } .s3 .col-inner:hover .th-btn{ background-color: #fff; color: #2a7ab8; } .s3 .col-inner:hover .th-btn .arrow-right{ filter: brightness(0.5); } .s3 .th-btn:hover{ color: #fff !important; filter: initial !important; } .s3 .th-btn:hover i{ filter: initial; } .s4{ padding-top: 350px !important; margin-top: -350px; } .year-counter { height: 184px; width: 184px; background-color: #2a7ab8; border: 12px solid #fff; box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.1); border-radius: 50%; text-align: center; padding: 25px 0; position: absolute; top: 20px; left: 40%; border-color: #E2E8FA; box-shadow: none; height: 155px; width: 155px; padding: 32px 0; } .year-counter_number { color: #fff; font-size: 36px; margin-bottom: 0px; line-height: 1.1; } .year-counter_text { color: #fff; margin-bottom: 0; font-weight: 400; } .feature-circle-wrap { display: grid; grid-template-columns: auto auto; margin-bottom: 34px; } .feature-circle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 14px; max-width: 310px; } .feature-circle .progressbar { position: relative; } .feature-circle .circle-num { font-size: 24px; font-weight: 700; color: #141D38; position: absolute; top: 0; left: 0; width: 70px; height: 70px; line-height: 70px; margin: 15px; background-color: #fff; border-radius: 999px; text-align: center; } .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .feature-circle_title { font-size: 20px; margin-bottom: 7px; } .feature-circle_text { margin-bottom: 0px; font-size: 14px; } .s5 .bg{ background-position: right top; background-size: contain !important; } .price-card { --space-x: 40px; --space-y: 40px; background-color: #F5F5F5; border-radius: 10px; overflow: hidden; position: relative; z-index: 2; } .price-card_top { background-color: #141D38; position: relative; z-index: 2; padding: 40px 0; overflow: hidden; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .price-card_top:before, .price-card_top:after { content: ''; position: absolute; height: 110px; width: 110px; background-color: #2a7ab8; opacity: 0.6; border-radius: 50%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: -1; } .price-card_top:before { top: -73px; left: -28px; } .price-card_top:after { left: -73px; top: -28px; } .price-card_title { font-size: 30px; margin-top: -0.3em; margin-bottom: 4px; color: #fff; padding: 0 40px; position: relative; z-index: 3; } .price-card_text { color: #fff; padding: 0 40px 28px 40px; margin-bottom: 35px; border-bottom: 2px solid; -webkit-border-image: -webkit-linear-gradient(right, #141D38 27%, #2a7ab8 100%); border-image: -webkit-linear-gradient(right, #141D38 27%, #2a7ab8 100%); border-image-slice: 1; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .price-card_price { font-size: 30px; font-weight: bold; line-height: 1; margin: -0.09em 0; color: #fff; padding: 0 40px; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .price-card_price .duration { font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 0; position: relative; top: -1px; left: -4px; } .price-card .particle { position: absolute; bottom: 0; right: 0; width: 190px; height: 165px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-clip-path: path("M182 165L0.5 164L11 111L51 55.5L110 13L182 0V165Z"); clip-path: path("M182 165L0.5 164L11 111L51 55.5L110 13L182 0V165Z"); } .price-particle { width: 190px; height: 165px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .price-card_content { padding: 40px; } .price-card .checklist { margin: -5px 0 32px 0; } .checklist ul { padding-left: 0; list-style: none; text-align: left; margin-bottom: 0; } .checklist li { color: #141D38; font-weight: 500; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; list-style: none; margin: 0 0 15px 0!important; } .checklist li:not(:last-child) { margin-bottom: 10px; } .checklist li > i { color: #2a7ab8; } .price-card:hover .price-card_top:before, .price-card:hover .price-card_top:after { opacity: 1; height: 120%; width: 120%; border-radius: 0; background-color: #2a7ab8; } .price-card:hover .price-card_text { -webkit-border-image: -webkit-linear-gradient(right, #2a7ab8 27%, #fff 100%); border-image: linear-gradient(to left, #2a7ab8 27%, #fff 100%); border-image-slice: 1; } .s5 .th-btn{ width: 100%; } .process-card { position: relative; box-shadow: 0px 10px 15px rgba(8, 14, 28, 0.06); border-radius: 10px; background-color: #fff; text-align: center; padding: 30px 20px; max-width: 230px; margin-left: auto; margin-right: auto; } .process-card_number, .process-card .pulse { height: 60px; width: 60px; line-height: 60px; background-color: #2a7ab8; border-radius: 50%; text-align: center; position: absolute; top: -30px; left: -30px; z-index: 2; font-size: 36px; font-weight: 700; color: #ffffff; } .process-card_number:after, .process-card_number:before, .process-card .pulse:after, .process-card .pulse:before { content: ""; position: absolute; inset: 0; background-color: #2a7ab8; z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; } .process-card_number:after, .process-card .pulse:after { -webkit-animation-delay: 2s; animation-delay: 2s; } .process-card_icon { margin-bottom: 24px; } .process-card .box-title { font-weight: 600; font-size: 19px; margin-bottom: 14px; } .process-card_text{ margin-bottom: -0.53em; font-size: 14px; } .s5_ab { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; z-index: -1; } .s6_home .s6{ padding-bottom: 145px !important; } #list_dt:after { content: ''; position: absolute; inset: 0; background-color: #141D38; border-radius: inherit; -webkit-clip-path: polygon(0 0, 100% 0, 100% 11px, calc(100% - 70px) 50%, 100% calc(100% - 11px), 100% 100%, 0 100%, 0 calc(100% - 11px), 70px 50%, 0 11px); clip-path: polygon(0 0, 100% 0, 100% 11px, calc(100% - 70px) 50%, 100% calc(100% - 11px), 100% 100%, 0 100%, 0 calc(100% - 11px), 70px 50%, 0 11px); z-index: -1; display: block; } #list_dt{ z-index: 1; border-radius: 10px; margin-left: auto; margin-right: auto; max-width: 1270px; padding: 70px 60px; } .s7 .large-2{ flex-basis: 20%; max-width: 20%; padding-bottom: 0; } .s7 .ux-logo-link{ padding: 0 !important; } .s7 .large-12{ padding-bottom: 0; } .s7{ margin-top: -95px; } /* đội ngũ */ .team-grid { position: relative; z-index: 2; background-color: #fff; box-shadow: 0px 4px 15px rgba(8, 14, 28, 0.1); border-radius: 10px; text-align: center; padding: 20px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .team-grid .team-img { border-radius: 10px; margin-bottom: 25px; position: relative; overflow: hidden; } .th-team .team-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .th-team .team-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 20px; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: 4; display: block; top: unset; bottom: 82px; right: 48px; left: unset; visibility: visible; opacity: 1; width: 36px; } .team-grid .team-social .play-btn { cursor: pointer; } .th-team:hover .team-social { visibility: visible; opacity: 1; } .team-grid:hover .play-btn:before, .team-grid:hover .play-btn:after { background-color: #fff; } .play-btn > i { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: #fff; color: #2a7ab8; font-size: 1.1em; border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; background-color: #2a7ab8; color: #fff; font-size: 14px; } .team-grid .th-social { position: absolute; bottom: 42px; right: 0; max-width: 36px; opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .team-grid .team-social:hover .th-social { visibility: visible; opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .th-social a { display: inline-block; width: 36px; height: 36px; line-height: 36px; transition: all 0.3s; font-size: 16px; text-align: center; margin-right: 5px; border-radius: 50%; margin-right: 0; background-color: #fff; color: #2a7ab8; margin-bottom: 6px; } .team-grid:hover { background-color: #2a7ab8; } .th-team:hover .team-img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .team-grid:hover .play-btn:before, .team-grid:hover .play-btn:after { background-color: #fff; } .team-grid:hover .box-title a{ color: #fff; } .team-grid:hover .team-desig { color: #fff; } .box-particle { position: absolute; bottom: 0; right: 0; max-width: 180px; height: 100px; z-index: -1; } .th-team .th-social a:hover { background-color: #2a7ab8; color: #fff; } .s_dncg .slick-arrow , .s_testimonial .slick-arrow, #list_case_study .slick-arrow, #list_img_nb .slick-arrow{ display: inline-block; padding: 0; -webkit-filter: drop-shadow(0px 26px 65px rgba(232, 234, 238, 0.55)); filter: drop-shadow(0px 26px 65px rgba(232, 234, 238, 0.55)); position: absolute; top: 50%; left: -55px; width: 55PX; height: 55PX; line-height: 55PX; z-index: 3; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: #2a7ab8; border-color: #2a7ab8; opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } .s_dncg:hover .slick-arrow, .s_testimonial:hover .slick-arrow, #list_case_study:hover .slick-arrow, .s_img_nb:hover #list_img_nb .slick-arrow{ opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .s_dncg .slick-arrow:hover, .s_testimonial .slick-arrow:hover, #list_case_study .slick-arrow:hover, #list_img_nb .slick-arrow:hover{ color: #fff; background-color: #141D38; border-color: #141D38; } .s_dncg .slick-arrow.slick-next, .s_testimonial .slick-arrow.slick-next, #list_case_study .slick-arrow.slick-next, #list_img_nb .slick-arrow.slick-next{ left: initial; right: -55px; } .s_dncg .slick-track{ padding-top: 25px; } /* end đội ngũ */ #list_img_nb .col{ padding-bottom: 0; } #list_img_nb .slick-track{ padding: 35px 0; } #list_img_nb .slick-center { -moz-transform: scale(1.2); font-size: 18px; -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); color: #e67e22; opacity: 1; z-index: 9999; transform: scale(1.2); position: relative; } #list_img_nb .col img{ box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.06); border-radius: 5px; border: 5px solid #2a7ab81f; transition: all 0.8s; } #list_img_nb .large-12 { padding: 0px 25px; /*margin: 0 -20px;*/ transition: all 0.8s; } /* Đánh giá */ .s_testimonial .shadow-title{ background-color: transparent; background-image: linear-gradient(180deg, #232C47 0%, #141D3817 91%); } .s_testimonial .sec-title{ color: #fff; } .testi-box { position: relative; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; background-color: #fff; box-shadow: 0px 6px 15px rgba(8, 14, 28, 0.06); border-radius: 10px; gap: 30px; padding: 40px; max-width: 700px; margin: auto; } .testi-box_img { min-width: 180px; text-align: center; } .testi-box_img > img { border-radius: 10px; width: 100%; } .testi-box_quote { height: 56px; width: 56px; line-height: 52px; background-color: #2a7ab8; border-radius: 50%; text-align: center; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; margin: -28px auto 0 auto; } .testi-box_quote:after, .testi-box_quote:before { content: ""; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; position: absolute; inset: 0; background-color: #2a7ab8; z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .testi-box_text { margin-top: -0.45em; padding-bottom: 23px; margin-bottom: 30px; border-bottom: 1px solid #E2E8FA; } .testi-box_review { color: #2a7ab8; font-size: 14px; position: absolute; bottom: 55px; right: 40px; } .box-title { font-size: 24px; line-height: 1.417; font-weight: 700; margin-top: -0.32em; margin-bottom: 4px; } .testi-box_desig { font-size: 14px; display: block; margin-bottom: -0.5em; } .testi-box_review i { margin-right: 3px; } .s_testimonial { padding-bottom: 20px !important; } /* end đánh giá */ .s8{ padding-bottom: 0 !important; } .s8 .col{ padding-bottom: 0; display: flex; align-items: flex-end; } .s8 .img{ margin-bottom: 0 !important; } .s8_right .sub-title, .s8_right .sec-title{ text-align: center; } .accordion-title.active{ color: #fff !important; background-color: #2a7ab8 !important; box-shadow: none; border-radius: 0; } .accordion-title{ border: none; } .accordion-item { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; box-shadow: 0px 5px 15px rgba(42, 77, 113, 0.04); border-radius: 5px; overflow: hidden; margin-bottom: 25px; } .accordion-item .accordion-title { font-size: 18px; font-weight: 700; border: 0; color: #000; background-color: #fff; border-radius: 0; padding: 12px 45px 12px 30px; min-height: 56px; gap: 10px; margin-bottom: 0; text-align: left; -webkit-transition: 0.3s; transition: 0.3s; position: relative; } .accordion-item .toggle{ right: 0; left: initial; } .movingX { -webkit-animation: movingX 8s linear infinite; animation: movingX 8s linear infinite; } @-webkit-keyframes movingX { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes movingX { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .shape-mockup { position: absolute; bottom: 8%; z-index: -1; } .shape-jump{ position: absolute; z-index: -1; right: 24%; top: 0; } .jump { -webkit-animation: jumpAni 7s linear infinite; animation: jumpAni 7s linear infinite; } @-webkit-keyframes jumpAni { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes jumpAni { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .contact-feature-wrap { display: grid; grid-template-columns: auto auto; gap: 24px; border-top: 1px solid #E0E0E0; padding-top: 40px; max-width: 650px; margin-left: auto; margin-right: auto; } .contact-feature { padding: 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; background: #fff; box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.06); border-radius: 5px; } .contact-feature .icon-btn { display: inline-block; width: 56px; height: 56px; line-height: 56px; text-align: center; border-radius: 4px; border: 1px solid #232C47; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; background-color: #2a7ab8; color: #fff; font-size: 24px; box-shadow: 0px 6px 20px rgba(0, 96, 255, 0.6); border-radius: 5px; border: none; } .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .contact-feature_link { font-size: 15px; font-weight: 600; color: #141D38; } .contact-feature_label{ margin-bottom: 0; } .frm_ques h3{ font-size: 30px; line-height: 1.33; } .d-flex > p { display: flex; gap: 15px; } .frm_ques .wpcf7-text { background-color: #fff; border: 1px solid #E0E0E0; height: 56px; padding: 0 25px 0 25px; padding-right: 45px; border-radius: 4px; font-size: 16px; width: 100%; color: #737887; box-shadow: none; } .frm_ques textarea{ min-height: 154px; padding-top: 16px; padding-bottom: 17px; background-color: #fff; border: 1px solid #E0E0E0; box-shadow: none; border-radius: 5px; } .frm_ques .wpcf7-submit{ width: 100%; font-weight: 100; padding: 8px 0; } .box_submit > p{ position: relative; } .submitting .box_submit > p:before { content: ''; position: absolute; background-image: url(img/loading.png); width: 30px; height: 30px; background-repeat: no-repeat; top: 10px; left: calc(50% - 20px); object-fit: cover; background-size: cover; animation: spin 1s infinite linear; opacity: 1; z-index: 1111; } .wpcf7-spinner{ display: none; } .box_submit.processing:before{ display: none; } .wpcf7-not-valid-tip{ position: absolute !important; bottom: 15px; right: 10px; font-size: 12px; line-height: 24px !important; background: no-repeat; padding: 0 !important; margin: 0; background: none !important; } .wpcf7-not-valid-tip:after{ display: none; } .blog-box2 { background-color: #fff; box-shadow: 0px 5px 15px rgba(0, 31, 96, 0.06); padding: 30px; border-radius: 30px; } .blog-box2 .blog-img { position: relative; overflow: hidden; border-radius: 15px; } .blog-box2 .blog-img img { width: 100%; border-radius: 15px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-transform: 0.4s ease-in-out; -ms-transform: 0.4s ease-in-out; transform: 0.4s ease-in-out; height: 170px; } .blog-box2 .blog-tag { position: relative; padding: 4.5px 5px; font-size: 12px; font-weight: 500; text-transform: uppercase; background-color: #2a7ab8; border: 1px solid #fff; color: #fff; border-radius: 15px; max-width: 142px; display: block; margin: -15px auto auto auto; margin-bottom: 28px; z-index: 2; max-width: 160px; text-align: center; } .blog-box2 .blog-meta { margin: -0.3rem 0 18px 0; } .blog-meta span, .blog-meta a { display: inline-block; font-size: 16px; color: #737887; position: relative; margin-right: 20px; } .blog-meta span i, .blog-meta a i { margin-right: 6px; color: #2a7ab8; } .blog-meta .box-title{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 66px; font-size: 24px; margin-bottom: 14px; } .line-btn { font-size: 14px; font-weight: 600; display: inline-block; line-height: 0.8; position: relative; padding-bottom: 4px; margin-bottom: -1px; text-transform: capitalize; color: #2a7ab8; margin: 15px 0 0; border: none; } .line-btn:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #2a7ab8; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .line-btn:hover::before { background-color: #141d38; width: 45px; } .blog-box2:hover .blog-img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .blog-box2 .box-title:hover a{ color: #2a7ab8 !important; } .s_study{ padding-bottom: 30px !important; } #list_img_nb .col.large-2{ padding: 3px; flex-basis: 20%; max-width: 20%; } .s10{ padding-bottom: 0 !important; } .s10 .slick-arrow{ display: inline-block; padding: 0; -webkit-filter: drop-shadow(0px 26px 65px rgba(232, 234, 238, 0.55)); filter: drop-shadow(0px 26px 65px rgba(232, 234, 238, 0.55)); position: absolute; top: 50%; left: -55px; width: 55PX; height: 55PX; line-height: 55PX; z-index: 3; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #EBEDF1; opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } .s10 .slick-arrow:before{ color: #2a7ab8; } .s10:hover .slick-arrow{ opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .s10 .slick-arrow:hover{ color: #fff; background-color: #2a7ab8; border-color: #2a7ab8; } .s10 .slick-arrow:hover:before{ color: #fff; } .s10 .slick-arrow.slick-next{ left: initial; right: -55px; } #footer{ background: rgb(8, 14, 28) url(img/footer_bg_2.png) top center no-repeat; background-size: cover; } .f-top .img img{ max-width: 310px; } .f-top-md .col-inner{ padding-left: 25px; border-left: 2px solid #2a7ab8; } .f-top-md h4{ color: #fff; font-size: 40px; text-transform: capitalize; margin: 0 0 5px 0; line-height: 1.1; } .f-top-md p{ color: #fff; } .f-top .wpcf7-form{ display: flex; gap: 15px; } .f-top .wpcf7-text{ background-color: transparent; border: 1px solid #323232; color: #fff; padding: 15px 20px; height: initial; border-radius: 4px; margin: 0; } .f-top .wpcf7-submit{ padding: 8.4px 37px; border-radius: 4px; margin: 0; } .f-top .wpcf7-submit:hover{ background-color: #fff; color: #2a7ab8; } .f-top{ border-bottom: 1px solid rgb(255 255 255 / 15%); padding-bottom: 20px !important; } .f-bot .section-title-main{ max-width: 270px; color: #ffffff; font-weight: 600; text-transform: uppercase; padding: 0 0 10px 0; font-size: 24px; margin: 0; } .f-bot p, .f-bot .post-meta{ color: #fff; } .f-bot .section-title b{ display: none; } .f-bot .section-title { border: none; } .f-bot .section-title-main:before { content: ''; height: 2px; width: 100px; background-color: #2a7ab8; position: absolute; left: 0; bottom: 0; } .f-bot .section-title-main:after { content: ''; height: 10px; width: 10px; background-color: #fff; position: absolute; bottom: -4px; left: 96px; border-radius: 99px; border: 2px solid #2a7ab8; } .f-bot .large-4:first-child{ padding-right: 70px; } .f-bot .large-2{ padding: 0; } .f-bot .social-icons a{ width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #fff; color: #fff; margin-bottom: 0; margin-right: 5px; } #footer .f-bot .social-icons a:hover{ border: 1px solid #2a7ab8 !important; background-color: #2a7ab8 !important; } #footer .wpcf7-response-output{ margin: 2em 0.5em 1em; padding: 0.2em 1em; border: none; font-size: 12px; position: absolute; bottom: -53px; color: #ccc; padding: 0; } .f-bot .ux-menu-link__text{ color: #fff; transition: all 0.3s; } .f-bot .ux-menu-link__text:before{ content: "\f105"; font-family: fl-icons; transition: all 0.3s; display: inline-block; color: #fff; margin: 0px 5px 0px 0; font-size: 20px; line-height: 1; padding: 0; vertical-align: text-bottom; } .f-bot .ux-menu-link__text:hover{ color: #2a7ab8; } .f-bot .ux-menu-link__text:hover::before{ color: #2a7ab8; } .absolute-footer.dark{ background: #2a7ab8; padding: 15px 0; color: #fff; } .f-bot .post-item .col-inner, .f-bot .post-item .box-vertical{ background: transparent; } .f-bot .post-title a{ color: #fff; } .f-bot .post-item .is-divider{ display: none; } /* page giới thiệu */ span.percent:after { content: "+"; display: inline-block; vertical-align: middle; margin: -4px 6px 0 0 } .list_percent h3{ font-size: 32px; margin-bottom: 0; color: #fff; } .list_percent p{ color: #fff; } .list_percent .col{ padding-bottom: 0; } .list_percent p{ font-size: 15px; font-weight: 100; } .list_percent img{ filter: brightness(23.5); } .checklist.style2{ position: relative; overflow: hidden; } .checklist.style2 li { font-size: 18px; font-weight: 700; color: #141D38; gap: 15px; width: 50%; float: left; } .checklist.style2 li:not(:last-child) { margin-bottom: 26px; } .checklist.style2 li > i { font-size: 20px; border-radius: 50%; border: 1px dashed #2a7ab8; color: #2a7ab8; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; } .checklist.style2 li i:before{ font-size: 14px; font-weight: 100; } .gt_6{ padding-bottom: 10px !important; } /* end giới thiệu */ /* breadcrum */ .breadcumb-wrapper { background-color: #141D38; padding: 160px 0; overflow: hidden; text-align: center; background-image: url(img/breadcumb-bg.jpg) ; background-size: cover; } .breadcumb-title { color: #fff; line-height: 1.1; font-size: 48px; } #breadcrumbs{ margin-bottom: 0; } #breadcrumbs a, #breadcrumbs span{ color: #fff; font-size: 18px; } /* end breadcrum */ /* Dịch vụ */ .dv_5{ background: url(img/testi_bg_2.png) top center no-repeat; background-size: cover; } .dv_5 .bg{ display: none; } .service-card { padding: 40px; position: relative; z-index: 2; box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.06); background-color: #fff; border-radius: 10px; overflow: hidden; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .service-card:before, .service-card:after { content: ''; position: absolute; height: 110px; width: 110px; background-color: #2a7ab8; opacity: 0.6; border-radius: 50%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: -1; } .service-card:before { bottom: -73px; right: -28px; } .service-card_number { position: absolute; top: 25px; right: 40px; font-size: 100px; line-height: 1; font-weight: bold; color: #E2E8FA; opacity: 0.3; } .shape-icon { position: relative; z-index: 2; width: 90px; height: 85px; line-height: 85px; text-align: center; margin-bottom: 30px; } .shape-icon:before { content: ''; position: absolute; inset: 0; background-color: var(--smoke-color2); -webkit-clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z"); clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z"); z-index: -1; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .service-card:after { right: -73px; bottom: -28px; } .service-card:before { bottom: -73px; right: -28px; } .service-card_number { position: absolute; top: 25px; right: 40px; font-size: 100px; line-height: 1; font-weight: bold; color: #E2E8FA; opacity: 0.3; } .shape-icon .dots:before, .shape-icon .dots:after { content: ''; position: absolute; background-color: #2a7ab8; height: 24px; width: 23px; border-radius: 50%; } .shape-icon .dots:before { top: 0; right: 9px; } .shape-icon .dots:after { height: 12px; width: 11px; bottom: 0; left: 27px; } .service-card_text { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; margin-bottom: 22px; } .service-card .th-btn { background-color: #E2E8FA; color: #141D38; padding: 12.5px 20px; box-shadow: none; } .service-card .th-btn:before, .service-card .th-btn:after { background-color: #E2E8FA; } .service-card:hover { width: 100%; } .service-card:hover:before, .service-card:hover:after { opacity: 1; height: 120%; width: 120%; border-radius: 0; } .service-card .th-btn .arrow-right{ filter: invert(1); } .service-card:hover .shape-icon:before { background-color: #fff; } .service-card:hover .box-title a, .service-card:hover .service-card_text{ color: #fff; } .service-card .th-btn:before, .service-card .th-btn:after { background-color: #E2E8FA; } .service-card:hover .th-btn { background-color: #fff; } .s_cta .sec-title, .s_cta p{ color: #fff; } .s_cta .th-btn{ border-radius: 100px; padding: 18px 40px; background: #fff; color: #141D38; } .s_cta .th-btn i{ filter: invert(1); } .s_cta .th-btn:hover{ background-color: #2a7ab8; color: #fff; } .s_cta .th-btn:hover i{ filter: initial; } .s_cta .col{ padding-bottom: 0; } .dv_5 .s_testimonial .sec-title { color: #000000; } .dv_5 .s_testimonial .shadow-title { background-color: transparent; background-image: linear-gradient(180deg, #2a7ab873 0%, #141D3817 91%); } /* End dịch vụ */ .fq_2 .frm_ques h3{ display: none; } .fq_2 .large-12{ padding-bottom: 0; } .fq_2 .sec-title{ margin-bottom: 0; } /* page liên hệ */ .contact-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 25px; box-shadow: 0px 4px 30px rgba(8, 14, 28, 0.08); border-radius: 5px; background-color: #ffffff; padding: 40px; } .contact-info_icon { display: inline-block; width: 80px; min-width: 80px; height: 80px; line-height: 80px; background-color: #2a7ab8; color: #fff; text-align: center; font-size: 40px; position: relative; box-shadow: 0px 6px 20px rgba(0, 96, 255, 0.6); border-radius: 5px; } .contact-info .box-title { margin-bottom: 10px; } .contact-info_text { min-width: 180px; display: block; margin-bottom: -0.5em; } .contact-info_text a { display: block; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; color: #737887; } .lh_1 .col{ padding-bottom: 0; } .lh_2 h3{ display: none; } .lh_3 iframe{ border: none; margin: 0; display: block; } /* end liên hệ */ .page-wrapper{ padding-top: 0; } .tsl_cus { padding-top: 120px; } .blog-single{ position: relative; margin-bottom: 40px; box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.06); border-radius: 5px; overflow: hidden; } .tsl_cus .blog-img img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; width: 100%; height: 400px; object-fit: cover; } .blog-meta span, .blog-meta a { display: inline-block; font-size: 14px; color: #737887; position: relative; margin-right: 20px; } .blog-meta span i, .blog-meta a i { margin-right: 6px; color: #2a7ab8; } .blog-single .blog-title { margin-bottom: 15px; font-size: 36px; line-height: 1.4; font-weight: 600; } .blog-single .blog-text { margin-bottom: 27px; } .blog-single .blog-content { margin: 0 0 0 0; padding: 40px; position: relative; } .post-sidebar .widget { margin-bottom: 1.5em; padding: 40px; background-color: #F5F5F5; margin-bottom: 40px; position: relative; border-radius: 5px; } .post-sidebar .searchform{ margin-bottom: 0; } .post-sidebar .searchform input{ height: 56px; padding: 0 25px 0 25px; padding-right: 45px; border: 1px solid #F5F5F5; color: #737887; background-color: #fff; border-radius: 4px; font-size: 16px; width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .post-sidebar .searchform button { border: none; font-size: 16px; background-color: #2a7ab8 !important; color: #fff; display: inline-block; padding: 0; width: 56px; text-align: center; border: 1px solid #2a7ab8; border-radius: 0 4px 4px 0; height: 55px; } .post-sidebar .searchform button:hover{ background-color: #141D38 !important; border-color: #141D38; } .post-sidebar .widget .is-divider{ display: none; } .widget-title span{ text-transform: initial; font-size: 24px; color: #141D38; font-family: Arial, Helvetica, sans-serif; margin-bottom: 28px; display: block; } .widget .cat-item a{ display: block; background-color: #fff; margin: 0 0 10px 0; padding: 16px 45px 19px 25px; font-size: 16px; font-weight: 500; line-height: 1.313; color: #737887; position: relative; border-radius: 4px; } .widget .cat-item a:before{ content: "\f105"; font-family: fl-icons; position: absolute; right: 25px; top: 17px; font-weight: 600; color: #2a7ab8; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .widget .cat-item a:hover{ background-color: #2a7ab8; color: #fff; } .widget .cat-item a:hover:before{ color: #fff; } .post-sidebar.large-4{ padding-left: 5px; } .custom-latest-posts { display: flex; flex-direction: column; gap: 20px; margin-top: 22px; } .custom-post-item { display: flex; gap: 20px; border-bottom: 1px dotted #ccc; padding-bottom: 20px; } .custom-latest-posts .custom-post-item:last-child{ border-bottom: none; padding-bottom: 0; } .custom-post-thumb img { width: 105px; height: 90px; border-radius: 2px; object-fit: cover; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .custom-post-thumb{ width: 105px; overflow: hidden; border-radius: 5px; } .custom-post-thumb:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .custom-post-info { flex: 1; } .custom-post-title a { text-decoration: none; color: #141D38; font-size: 18px; line-height: 1.4; display: block; } .custom-post-title a:hover{ color: #2a7ab8; } .custom-post-meta { font-size: 14px; color: #555; display: flex; gap: 40px; align-items: center; } .custom-post-meta i { margin-right: 5px; } .meta-date:before{ content: "\e01a"; font-family: fl-icons; width: 13px; height: 13px; display: inline-block; color: #2a7ab8; margin: 0px 5px -1px 0; } .blog-single .post { box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.06); border-radius: 5px; overflow: hidden; padding: 40px; } .entry-content img{ display: block; margin: auto; } #tag_tsl { border-top: 1px solid #E0E0E0; padding-top: 30px; } .share-links-title { font-size: 20px; color: #141D38; font-weight: 700; margin: 0 15px 0 0; display: inline-block; } .tagcloud a { display: inline-block; font-size: 14px; font-weight: 500; text-transform: capitalize; line-height: 1; padding: 13px 19px; margin-right: 5px; margin-bottom: 10px; color: #141D38; background-color: #F5F5F5; border-radius: 4px; transition: all 0.3s; } .tagcloud a:hover{ background-color: #2a7ab8; color: #fff; } .tagcloud{ display: inline-block; } /* Chi tiết dịch vụ */ #s_service img{ display: block; margin: auto; } #s_service h3{ font-size: 28px; } #s_service .contact-feature-wrap{ max-width: 100%; } #s_service .accordion-item { box-shadow: none; border: 1px solid #E2E8FA; box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.06); } /* end chi tiết dịch vụ */ /* chi tiết đội ngũ */ .detail_m1.row, .detail_m2.row{ max-width: 1140px; margin: 0 auto 50px !important; } .detail_m1{ box-shadow: 0px 0px 50px 0px rgba(8, 14.000000000000025, 28, 0.1); padding: 40px 40px 40px 40px; border-radius: 10px 10px 10px 10px; } .detail_m1 .large-4 img{ border-radius: 10px; width: 100%; } .detail_m1 h1{ font-size: 40px; margin-bottom: 5px; } .about-card_desig { color: #2a7ab8; margin-bottom: 0; } .header-social a { font-size: 16px; display: inline-block; color: #737887; margin: 0 15px 0 0; } .about-card_top { margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .team-info-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 40px; } .team-info-wrap .contact-feature { background-color: transparent; padding: 0; box-shadow: none; } .contact-feature .icon-btn { background-color: #2a7ab8; color: #fff; font-size: 24px; box-shadow: 0px 6px 20px rgba(0, 96, 255, 0.6); border-radius: 5px; border: none; } #des_short{ margin-bottom: 15px; } .detail_m2{ margin-top: 50px; } .detail_m2 h4{ color: #6EC1E4; font-size: 30px; border-bottom: 1px solid #E2E8FA; padding-bottom: 10px; margin-bottom: 20px; } .detail_m2 li{ color: #141D38; font-weight: 500; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; list-style: none; margin: 0 0 15px 0 !important; } .detail_m2 li:before{ content:"\e00a"; font-family: fl-icons; color: #2a7ab8; } /* end chi tiết đội ngũ */ .entry-header-text{ display: none; } /*page dịch vụ*/ .dv1 h2{ color: #00F3FE; font-size: 34px; margin: 0 0 3px 0; } .dv1 h3{ color: #fff; font-size: 34px; } .dv1 p{ color: #fff; font-size: 17px; line-height: 2; } .dv1 .img img{ width: initial; } .dv1 .col.large-7{ max-width: 710px; } .dv1 p strong{ color: #6BF0F7; } .dv1 .button{ padding: 5px 25px; min-width: 190px; font-size: 18px; border-radius: 4px; margin-bottom: 0; } .dv1 .button.white span, .dv1 .button.white .icon-angle-right{ color: #2A79B8; } .dv1 .col{ padding-bottom: 0; } .ic-ar{ max-width: 70px; margin-bottom: 30px !IMPORTANT; } .dv2 h2{ color: #141D38; font-size: 37px; } .dv2 h2 strong{ color: #2A79B8; text-transform: uppercase; } .dv2 { color: #242424; } .dv2 p{ font-size: 18px; font-weight: bold; } .dv2 p strong{ color: #2A79B8; } .dv2 .section-bg{ background-attachment: fixed; } .dv3-left h2{ font-size: 35px; } .dv3-left strong{ color: #2A79B8; } .dv3-left p{ margin-bottom: 5px; } .dv3 .section-bg{ background-size: cover !important; background-position: initial !important; } .dv3{ padding-top: 200px !important; } .dv3:before{ content: ""; display: inline-block; width: 404px; height: 449px; background: url(img/bf23.png) center no-repeat; position: absolute; z-index: 1; left: 0; bottom: 10%; } .dv4 .box-image img{ max-width: 80px; margin: auto; display: block; } .dv4 .box-text h4{ color: #616161; font-size: 24px; margin: 10px 0; min-height: 65px; } .dv4 .box-text.text-center { padding: 0 35px; } .dv5-left h2{ font-size: 40px; color: #141D38; } .dv5-left h2 strong{ color: #2A79B8; } .dv5-left h2 strong:first-child{ font-size: 50px; } .dv5-left li{ list-style: none; background: url(img/ic17.png) 0 0 no-repeat; margin: 0 !important; padding: 0px 0 30px 65px; color: #141D38; } .dv6 .section-bg{ border-radius: 0 0 35px 35px; } .dv6 .col{ padding-bottom: 0; color:#fff; } .dv6 h2{ font-size: 38px; color:#fff; margin: 0; } .dv6 h2 strong{ font-size: 50px; } .dv6 p{ margin: 0; font-size: 25px; } .dv7 .box-image img{ max-width: 65px; } .dv7 .large-4 .col-inner{ box-shadow: 0px -1px 15px rgba(8, 14, 28, 0.06); border-radius: 15px; background: #fff; padding: 35px 15px 5px 15px; } .dv7 h4{ margin: 20px 0 !important; font-size: 20px; text-transform: uppercase; } .dv7 p{ color: #616161; margin: 0 0 20px 0 !important; } .dv7 .button{ width: 75px; height: 75px; background: url(img/btn12.png) center no-repeat !important; border: none; padding: 0; border-radius: 50% !important; margin: 0 !important; } .dv7-list .col:nth-child(2){ /* transform: scale(1.2); */ /* z-index: 1; flex-basis: 28%; max-width: 28%; */ } .dv7 .sec-title{ margin-bottom: 70px; } .dv7-list .box-text.text-center{ padding: 10px 30px; } .dv7-list{ justify-content: center; } .dv7 .section-bg{ background-position: center bottom !important; background-repeat: no-repeat !important; background-size: contain !important; } .dv8 h2{ font-size: 28px; } .dv8 h2 strong{ color: #2A79B8; } .dv8-right li{ color: #141D38; } .dv8-right h3{ margin: 0 0 20px 0; } .dv8 .dv8-right{ padding-left: 30px; } .dv8-left p strong{ color: #2A79B8; } .dv9 strong{ color: #141D38; } .dv9{ font-size: 17px; color: #141D38; padding-bottom: 0 !important; } .dv9 ul{ margin-left: 20px; } .dv9 li{ margin-bottom: 0; } .dv9 p{ margin-bottom: 15px; } .dv9 .row{ position: relative; } .dv9 .large-5{ flex-basis: 56%; max-width: 56%; position: absolute; right: -3%; bottom: 0; padding: 0; z-index: -1; } .dv10 li{ list-style: none; background: url(img/ic17.png) 0 0 no-repeat; margin: 0 !important; padding: 0px 0 30px 55px; color: #141D38; } .dv10 strong{ color: #2A79B8; } .dv10{ font-size: 17px; color: #242424; } .dv10 .dv10-right { padding-left: 30px; } .dv10-right img{ margin-top: 100px; } .dv11 .dv11-right{ flex-basis: 34%; max-width: 34%; position: absolute; right: 11%; top: 0; } .dv11 { color: #242424; } .dv12{ padding-bottom: 0 !important; } .dv12 .row{ position: relative; padding-bottom: 50px; } .dv12 .row .col{ padding-bottom: 0; } .dv12 .dv12-left{ flex-basis: 43.5%; max-width: 43.5%; position: absolute; left: 0; bottom: 0; z-index: 11; } .dv12 .dv12-right{ padding: 50px 0 0 40%; } .dv12 .dv12-end{ padding: 80px 0 0 28%; } .dv12-right{ line-height: 2; color: #242424; } .dv13{ padding-top: 115px !important; } .dv13 .bg{ height: 445px; width: 100%; background-size: cover !important; } .dv13 .row{ position: relative; background: url(img/bg55.png) center no-repeat; border-radius: 40px; background-size: cover; min-height: 417px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .dv13 .row:before{ content: ""; width: 70px; height: 64px; display: inline-block; background: url(img/ic22.png) center no-repeat; position: absolute; left: 50%; transform: translateX(-50%); top: -64px; z-index: 1111; } .dv13 .row p:last-child{ margin-bottom: 0; } .dv13 h2{ font-size: 40px; } .dv13 h2 strong{ color: #2A79B8; } .dv13 .col{ padding:50px 150px; display: flex; align-items: center; } .list-clients .col.large-2{ flex-basis: 20%; max-width: 20%; } .dv14-end p{ font-size: 26px; color: #080808; } .dv14{ padding-bottom: 30px !important; } .dv15{ color: #242424; position: relative; overflow: hidden; } .dv15-left .col-inner{ background: url(img/bg01.png) center no-repeat; background-size: cover; padding: 50px 25px; border-radius: 25px; } .dv15-left h2{ color: #8338E5; font-size: 35px; } .dv15-lefttop li{ list-style: none; margin: 0 0 10px 0 !important; font-size: 20px; } .dv15-lefttop li:before{ content: ""; display: inline-block; width: 10px; height: 10px; background: #9747FF; border-radius: 50%; margin: 0 15px 0 0; } .dv15-lefttop{ padding-top: 100px; } .dv15-lefttop ul{ margin-bottom: 80px; } .dv15-leftbot h3{ font-size: 20px; background: #9747FF; color: #fff; border-radius: 15px; margin: 0 auto -32px; padding: 15px 8px; position: relative; text-align: center; width: 85%; } .dv15-leftbot ul{ background: rgba(255, 255, 255, 0.6); border-radius: 20px; font-size: 19px; list-style: none; margin: 0; padding: 50px 20px 30px 65px; } .dv15-leftbot ul li{ list-style: none; background: url(img/ic17.png) 0 0 no-repeat; margin: 0 !important; padding: 0px 0 17px 45px; color: #141D38; } .dv15-right h3{ font-size: 35px; line-height: 1.3; margin: 0 0 30px 0; } .dv15-right h3 strong{ font-size: 40px; color: #2A79B8; } .dv15-right p strong{ color: #2A79B8; } .dv15 .dv15-left{ padding-right: 40px; } .dv15 .slick-list .row.align-middle{ display: flex !important; } .dv15 .slick-dots{ bottom: -15px; } .dv15 .slick-dots > li{ background: #2a7ab8; } .dv16 .sec-title{ color: #fff; } .dv16-list .large-3{ padding: 0 7.5px; } .dv16-list .large-3 .col-inner{ background: #fff; border-radius: 15px; padding: 25px 15px 15px 15px; } .dv16-list h3{ font-size: 16px; text-transform: uppercase; color: rgba(53, 52, 57, 1); margin: 0; } .dv16-list .icon-box-text{ padding-left: 10px !important; display: flex ; align-items: center; } .dv16-list .testimonial-text p{ font-size: 14px; color: #747474; font-style: initial; } .it-job p{ font-size: 14px; margin: 0; color: rgba(53, 52, 57, 1); margin: 10px 0; min-height: 95px; } .it-result { background: linear-gradient(to right, #CDE9FF, #A0CAEB); color: rgba(13, 17, 46, 1); font-size: 14px; line-height: 1.4; padding: 15px 10px 10px 10px; border-radius: 10px; position: relative; margin-bottom: 15px; min-height: 125px; } .dv16-list .video{ border-radius: 15px; } .dv16-list .icon-box-img:before{ content: ""; display: inline-block; width: 34px; height: 34px; background: url(img/ic23.png) center no-repeat; position: absolute; right: -3px; top: -10px; } .it-result span { position: absolute; top: -13px; left: 15px; background: #362D51; color: #fff; text-transform: uppercase; font-weight: bold; padding: 3px 20px; border-radius: 21px; font-size: 13px; } .it-result span:before{ content:""; width: 16px; height: 16px; display: inline-block; background: url(img/ic24.png) center no-repeat; margin: 0 8px -2px 0px; } .sl-destination-wrapper { overflow: hidden; width: 100%; } .list-dv17 { display: flex; flex-wrap: nowrap !important; animation: bannermove 50s linear infinite; will-change: transform; } .list-dv17:hover { animation-play-state: paused; } @keyframes bannermove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .list-dv17 .col{ flex: 0 0 25%; /* Hiển thị 4 item */ padding: 0 7.5px; max-width: 25%; transition: all 0.3s; } .list-dv17 .col:hover{ transform: scale(1.07); } .list-dv17 .col img{ max-height: 615px; object-fit: cover; } .dv17 .th-btn{ margin: 50px auto 0; } .dv18 .sec-title{ color: #fff; font-size: 35px; } .btn-dv18 .button{ color: #B2DDFF; } .btn-dv18 p{ margin: 0; } .btn-dv18 .button span{ color: #fff; } .btn-dv18 .button:hover{ color: #fff574 !important; } .dv18 .bg{ background-size: 100% 455px !important; background-position: top center; } .dv18-listnumber { background: #fff; border-radius: 20px; padding: 50px 0 20px 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .dv18-listnumber h3{ font-size: 70px; color: #2A79B8; margin: 0; line-height: 1.3; } .dv18-listnumber p{ color: #616161; margin: 0; } .dv19-list-sv .large-4{ padding: 0 30px 60px 30px; } .dv19-list-sv .col-inner{ padding: 30px 25px 10px 25px; background: #2A79B8 url(img/bg75.png) bottom center no-repeat; color: #fff; border-radius: 20px; box-shadow: rgb(0 76 153 / 38%) 1px 4px 11px; } .dv19-list-sv h3{ font-size: 24px; color: #fff; text-align: center; margin: 0; } .dv19-list-sv h4 { font-size: 35px; color: #fff; font-weight: bold; text-align: center; display: block; margin-bottom: 15px; } .dv19-list-sv li{ color: #C3E4FF; } .dv19-list-sv .th-btn{ background: #fff; color: #2a7ab8; margin: auto; display: block; font-weight: bold; } .dv19-end h2{ font-size: 22px; color: #2A79B8; background: url(img/bf45.png) left center no-repeat; background-size: contain; padding: 15px 0 15px 75px; text-transform: uppercase; margin-bottom: 25px; } .dv19-end{color:#242424} .dv19-end li:last-child strong{ color: #2A79B8; } .dv19 .bg{ background-color: #F2F2F2; } .dv20 .tab span{ color: #242424; } .dv20 .tab.active span{ color: #2A79B8; font-size: 18px; } .dv20 h3{ font-size: 40px; text-transform: uppercase; color: #2A79B8; margin: 0; } .dv20 .nav{ gap: 60px; } .dv21 .col{ padding-bottom: 0; } .dv21 h2{ font-size: 28px; color: #fff; margin: 0 0 30px 0; } .dv21 h2 span{ color: #2A79B8; } .dv21 { border-radius: 30px !important; overflow: hidden; } .dv21 .dv21-left{ padding-right: 45px; } .dv21-left form{ background: #fff; padding: 20px; border-radius: 20px; margin: 0; } .dv21-left input{ border: none !important; box-shadow: none !important; border-bottom: 1px solid #ccc !important; padding: 0 !important; } .budget > p{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px !important; border-bottom: 1px solid #ccc; margin-bottom: 35px !important; } .budget select{ margin: 0; background: #F4F4F4 url(img/ic005.png) 96% center no-repeat; height: 44px; width: 220px; border-radius: 5px; color: #BEBEBE; border: none; } .dv21-left .fullname{ background: url(img/ic001.png) 98% center no-repeat; } .dv21-left .website{ background: url(img/ic002.png) 98% center no-repeat; } .dv21-left .phone{ background: url(img/ic003.png) 98% center no-repeat; } .dv21-left .email{ background: url(img/ic004.png) 98% center no-repeat; } .dv21-left .wpcf7-submit{ margin: 0; width: 100%; font-size: 15px; border-radius: 5px; height: 61px; } .dv21-left .wpcf7-submit:hover{ background:#002644 !important; } .dv21-right .img{ max-width: 305px; margin: auto; display: block; } .dv21-right h3{ font-size: 40px; color: #fff; text-transform: uppercase; margin: 15px 0; padding-left: 40px; } .dv21-right ul{ padding-left: 40px; margin: 0; } .dv21-right li{ font-size: 24px; font-weight: bold; color: #fff; } .dv21-right li a{ color: #fff; } .dv21-right li:hover a{ color: #fcff80; } .content-dvseo{ padding: 30px 30px 0 30px; background: #fff; box-shadow: 0 4px 30px rgba(17, 34, 57, .1); border-radius: 4px; } .content-dvseo-top{ max-height: 300px; overflow: hidden; transition: max-height 0.5s ease; } .active.content-dvseo-top{ max-height: 10000px !important; } .detail-dv .th-btn{ display: table; margin: 20px auto 0; cursor: pointer; } .detail-dv .large-12{ padding-bottom: 0; } /*end page dịch vụ*/ /*popup*/ .wpcf7 .wpcf7-response-output{ font-size: 14px; line-height: 1.2; } #popup_tuvan{ border-radius: 5px; } .s_popup .img img{ max-width: 75px; margin: auto; display: block; } .s_popup h3{ font-size: 20px; padding: 12px 0; text-align: center; margin: 0; } .s_popup p{ text-align: center; } .s_popup .text p{ text-align: center; } .s_popup .wpcf7-submit{ margin: 0 auto 10px; font-weight: bold; display: block; border-radius: 25px; color: #fff; } .s_popup form{ margin: 0; } .wpcf7-spinner{ display: none !important; } .s_popup .wpcf7 .wpcf7-not-valid-tip{ text-align: left; font-size: 13px; } .s_popup input, .s_popup textarea{ border-radius: 5px; font-size: 15px; border: 1px solid #2a7ab8; color: #000; font-weight: 100; } .s_popup .d-flex p{ display: flex; gap: 10px; } /*end popup*/ .ftwp-in-post#ftwp-container-outer.ftwp-float-none #ftwp-contents{ width: 100% !important; } .entry-content.single-page{ text-align: justify; } /*modul khóa học*/ .level-header { background: url(img/service_bg_2.jpg) center no-repeat; color: #fff; padding: 60px 50px; margin: 30px 0; border-radius: 15px; } .level-header h2{ color: #dcf9ff; text-shadow: 0 0 2px #2a7ab8, 0 0 5px #2a7ab8, 0 0 10px #2a7ab8; text-transform: uppercase; font-size: 50px; } .level-desc-big { text-transform: uppercase; font-weight: bold; font-size: 23px; line-height: 1.3; margin-top: 15px; } .level-desc-big p{ margin: 0 0 5px 0; } .level-desc-small { font-style: italic; line-height: 1.3; } .course-item img{ height: 205px; object-fit: cover; } .course-item h3{ margin: 15px 0; line-height: 1.4; font-size: 18px; min-height: 80px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .khoa-hoc-level header .lead {font-size:1.3rem;font-weight:600;} .khoa-hoc-level header .text-smaller {font-size:0.9rem;color:#777;} .button-row.flex-center { display:flex; justify-content:center; gap:10px; } .course-item { border: 1px solid #ccc; padding: 15px; } .s-pkh1{ margin: 30px 0; } .s-pkh1 .large-12 img{ max-width: 875px; margin: auto; display: block; } .s-pkh1 .large-4{ padding-bottom: 0; } .s-pkh1 .large-4 .col-inner{ backdrop-filter: blur(2px); color: rgb(255, 255, 255); display: flex; flex-direction: column; height: 100%; margin-bottom: 40px; background: linear-gradient(164deg, rgb(1, 55, 82) 10.96%, rgba(22, 99, 137, 0.3) 112.72%); border-width: 0.1rem; border-style: solid; border-color: rgb(14, 104, 157); border-image: initial; border-radius: 15px; padding: 15px; } .s-pkh1 .large-4 img{ border-radius: 15px; } .s-pkh1 .large-4 h4{ font-size: 24px; color: rgb(255, 255, 255); text-transform: uppercase; margin: 20px 0; } .s-pkh1 .large-4 p{ color: rgb(119, 180, 212); margin: 0; } .s-pkh3 { counter-reset: toggle-counter; } .s-pkh3 .img img{ max-width: 900px; margin: auto; display: block; } .s-pkh3 .accordion-title:before { counter-increment: toggle-counter; content: counter(toggle-counter, decimal-leading-zero); background: linear-gradient(203deg, #00a8b9 -14.63%, #00577f 85.35%); width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%; margin: 0 10px 0 0; font-size: 25px; } .s-pkh3 .accordion-title:after { background: linear-gradient(94deg, rgba(107, 240, 247, 0) 3.18%, rgba(107, 240, 247, .6) 162.52%); border-radius: 0 100rem 100rem 0; content: ""; left: 0; min-height: 50px; position: absolute; top: 50%; transform: translateY(-50%); width: 150px; z-index: 1; } .s-pkh3 .accordion-item .accordion-title { background: transparent !important; padding: 0; text-transform: uppercase; } .s-pkh3 .accordion-item .accordion-title.active{ color: #2a7ab8 !important; } .s-pkh3 .accordion-item{ box-shadow: none; border-bottom: 1px solid #d5d8dc; padding-bottom: 20px; } .s-pkh3 .accordion-inner p{ margin-bottom: 0; } .bn-sale .col{ padding-bottom: 0; } .bn-sale-right { padding: 15px 60px; } .bn-sale-right *{ color: #000; } .bn-sale-right h2{ font-size: 30px; color: #2a7ab8 ; } .bn-sale-right .button{ background: hsla(187, 55%, 58%, 1); background: hsla(187, 55%, 58%, 1); background: linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -moz-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -webkit-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#5ac2cf", endColorstr="#2a79b8", GradientType=1 ); border-radius: 99px; border: none; padding: 5px 40px; } .bn-sale-right .button span{ color: #fff; } .bn-sale-right p span{ font-weight: bold; font-style: italic; } .box-regis-kh{ background: rgb(8, 14, 28) url(img/footer_bg_2.png) top center no-repeat; background-size: cover; padding-bottom: 0 !important; } .tt-kh{ color: #fff; font-size: 31px; text-align: center; font-weight: bold; margin-bottom: 30px; } .box-item-left{ background-image: linear-gradient(-90deg, rgb(5, 31, 77), rgba(255, 255, 255, 0.3)); color: #fff; padding: 25px; margin-bottom: 35px; } .box-item-left p{ margin-bottom: 3px; } .box-item-left h3{ background: #2a79b8; color: #fff; display: inline; padding: 2px 6px; margin-bottom: 10px; font-size: 19px; } .box-item-left p strong{ background: #2a79b8; color: #fff; margin-bottom: 10px; font-size: 18px; } .box-regis-kh-right { padding-left: 50px; color: #fff; } .box-regis-kh-right .col-inner { background: #FEFFF0 !important; padding: 25px 25px; border-radius: 15px; color: #000; } .tt-frm-kh h3 { color: #000; font-size: 25px; margin: 0 0 5px 0; } .tt-frm-kh p { font-size: 14px; } .box-regis-kh-right input, .box-regis-kh-right select{ font-size: 14px; box-shadow: none; border-radius: 4px; margin-bottom: 10px; } .box-regis-kh-right .wpcf7-submit{ margin: 20px 0 0; background: hsla(187, 55%, 58%, 1); background: linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -moz-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -webkit-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#5ac2cf", endColorstr="#2a79b8", GradientType=1 ); } .note-kh-l{ background: #4bacc8; padding: 15px 0; } .note-kh-l .col{ padding-bottom: 0; } .note-kh-l .col-inner{ display: flex; align-items: center; justify-content: center; gap: 60px; color: #fff; } .note-kh-l p{ margin-bottom: 0; } .note-kh-l .button{ margin:0; } #course-ct{ background: url(img/why_bg_2.jpg); padding: 50px; background-size: cover; } #course-ct .tt-kh{ max-width: 700px; text-align: center; color: #000; margin: 0 auto 15px; } .course-detail{ border-color: rgb(224, 224, 224); box-shadow: rgb(224, 224, 224) 3px 3px 5px 0px; background: #fff; padding: 30px; border-radius: 20px; max-width: 850px; margin: 0 auto 30px; } #course-ct .video{ text-align: center; margin: 50px auto 0; } #after-course{ padding: 50px 0; } #after-course .tt-kh{ color: #000; } #after-course img{ display: block; margin: auto; } #after-course .col-inner > div { background: #2a79b8; padding: 20px 15px; text-align: center; color: #fff; min-height: 310px; } #after-course h3{ color: #fff; line-height: 1.2; margin-bottom: 25px; } #after-course p{ margin: 0; } .btn-regis-course{ background: hsla(187, 55%, 58%, 1); border: none; background: linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -moz-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -webkit-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#5ac2cf", endColorstr="#2a79b8", GradientType=1 ); } #pp-course{ background: rgb(8, 14, 28) url(img/footer_bg_2.png) top center no-repeat; background-size: cover; padding: 50px 0 30px 0 !important; } #pp-course .large-12 .col-inner{ background: #fff; padding: 25px; border-radius: 30px; border: 3px dashed rgb(5, 31, 77); max-width: 800px; margin: auto; } #pp-course .tt-kh{ margin-bottom: 30px; } #pp-course h4{ color: #2a7ab8; text-align: center; font-size: 22px; } #pp-course p strong{ color: #2a7ab8; } #member-course{ padding: 50px 0 20px 0; } #member-course .tt-kh{ color: #000; margin-bottom: 30px; } #member-course .row{ max-width: 960px; } #member-course .col-inner { padding: 20px; border-color: rgb(224, 224, 224); box-shadow: rgb(224, 224, 224) 3px 3px 5px 0px; border-radius: 15px; border: 1px solid rgb(224, 224, 224); min-height: 255px; } #member-course .col-inner h4{ color: #2a7ab8; font-size: 21px; } #member-course .col-inner p{ font-size: 15px; } #detail-course{ background: url(img/why_bg_2.jpg) center no-repeat; background-size: cover; padding: 50px 0; position: relative; } #detail-course .tt-kh{ position: relative; color: #000; } #detail-course .col-inner { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px -15px; background: #fff; padding: 15px; border-radius: 10px; font-size: 15px; min-height: 475px; } #detail-course h4{ color: #2a7ab8; line-height: 1.3; min-height: 45px; } #detail-course .col-inner p{ font-size: 14px; line-height: 1.4; } #detail-course { counter-reset: toggle-counter; } #detail-course .col-inner h4:before { counter-increment: toggle-counter; content: counter(toggle-counter, decimal-leading-zero); background: linear-gradient(203deg, #00a8b9 -14.63%, #00577f 85.35%); width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%; margin: 0 5px 0 0; font-size: 18px; border-color: rgba(132, 132, 132, 0.6); background-color: rgba(255, 255, 255, 0); } .mb-5-end .img img{ max-width: 330px; } .mb-5-end h2{ font-size: 48px; color: #fff; margin-bottom: 10px; } .mb-5-end p{ font-size: 20px; color: rgb(210 215 255); } .mb-5-end .ul-content li { background: url(img/pointer.svg) 0 3px no-repeat; background-size: 26px 17px; font-size: 18px; padding-left: 38px; margin-bottom: 10px; font-weight: bold; color: #fff; list-style: none; margin-left: 0; } .mb-5-end .ul-content { margin: 0px; } .mb-5-end .ul-content li span { text-transform: uppercase; color: #6bf0f7; } .mb5-s .row{ max-width: 1075px; } .mb5-s h3 { font-size: 16px; text-transform: uppercase; margin: 0; text-align: center; color: #073356; } .mb5-s { background: linear-gradient(130deg, #acdbff 4.68%, #00a8b9 128.19%); color: #073356; position: relative; } .mb5-s span{ display: block; font-size: 70px; font-weight: bold; text-align: center; line-height: 1.3; } .mb5-s p{ color: #0D112E; margin: 0; text-align: center; font-weight: bold; padding: 0 40px; } .mb5-s .col{ padding-bottom: 0; } .mb5-s:after { content: ""; display: inline-block; width: 250px; background: url(img/wo-img.png) center no-repeat; position: absolute; right: 0; bottom: 0; height: 344px; background-size: contain; z-index: 1; } .box-detail-course h3{ color: #2a79b8; } .ux-timer span{ background: linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -moz-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -webkit-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#5ac2cf", endColorstr="#2a79b8", GradientType=1 ); } .ab-calendar { box-shadow: rgba(0, 0, 0, 0.2) 2px 7px 15px 0px; padding: 15px; max-width: 480px; BACKGROUND: #fff; margin: 20px 0 0 -135px; position: relative; } .ab-calendar .button{ border-radius: 99px; position: absolute; margin: 0; left: 50%; transform: translateX(-50%); } #tuition .tt-kh{ color: #000; } .top-price-tt { background: rgb(238, 238, 238); border: 1px solid rgb(189, 189, 189); border-radius: 15px; padding: 15px 5px; text-align: center; width: 270px; margin: auto; } .top-price-tt h3{ color: #2a7ab8; margin: 0; font-size: 19px; } .top-price-tt p{ margin: 0; font-size: 15px; } .bot-price-tt{ background: url(img/bg98.png) center no-repeat; margin-top: -12px; z-index: 1; position: relative; text-align: center; background-size: contain; height: 365px; padding: 20px 0 0 0; } .bot-price-tt.featured{ background: url(img/bg99.png) center no-repeat; background-size: contain; } .bot-price-tt h3{ color: #fff; margin: 0; } .bot-price-tt p{ font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 0; } #tuition .large-4 .col-inner{ width: 300px; } .box-study h3, .box-study p{ color: #2a7ab8; } .note-tui p { color: #000; font-size: 14px; margin: 0; } .note-tui { padding: 0 30px; margin-bottom: 15px; } .box-study { margin: 40px 0 12px 0; } #tuition .row{ max-width: 920px; } .bot-price-tt .button{ border-radius: 99px; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); min-width: 180px; } .box-number-course .tt-kh{ text-transform: uppercase; } .box-number-course p{ text-align: center; color: #fff; } .list-number-c p{ color: rgb(255, 255, 255); font-size: 87px; font-weight: 700; margin: 0; line-height: 1.3; } .list-number-c h3{ color: #fff; text-align: center; text-shadow: rgb(0, 0, 0) 1px 2px 3px; margin: 0 0 20px 0; font-size: 15px; } #interest{ padding: 50px 0 20px 0; background: #2a7ab817; } #interest .tt-kh, #course-other .tt-kh, #contact-course .tt-kh{ color: #000; } #course-other .button{ background: linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -moz-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); background: -webkit-linear-gradient(90deg, hsla(187, 55%, 58%, 1) 0%, hsla(207, 63%, 44%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#5ac2cf", endColorstr="#2a79b8", GradientType=1 ); border: none; border-radius: 99px; text-transform: inherit; transition: all 0.3s; } #course-other .button:hover{ transform: scale(1.1); } #course-other h3{ margin: 15px 0; } #course-other{ padding: 50px 0; } .album-course-top p{ font-size: 30px; text-align: right; font-weight: bold; margin: 0; } .course-comments { max-width: 1200px; margin: 50px auto; } /* Header */ .comments-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .comments-title { font-size: 25px; margin: 0; font-weight: bold; color: rgb(20 29 94); } .comments-count { display: block; font-size: 16px; color: #141d5e; font-weight: bold; margin: 25px 0 0; } .sortby { display: flex; align-items: center; gap: 17px; font-size: 14px; } .sortby label{ margin: 0; width: 105px; color: #141d68; font-weight: 100; } .sortby select { -webkit-appearance: none; -moz-appearance: none; padding-right: 28px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1055.1139 1896.0833' fill='rgba(95,95,95,1.0)'%3E%3Cpath d='M1024 1088q0 26-19 45l-448 448q-19 19-45 19t-45-19L19 1133q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45zm0-384q0 26-19 45t-45 19H64q-26 0-45-19T0 704t19-45l448-448q19-19 45-19t45 19l448 448q19 19 19 45z'/%3E%3C/svg%3E") no-repeat right 8px center / 12px 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; padding: 5px 8px; color: #333; cursor: pointer; margin: 0; background-size: 13px 20px; } /* Comments */ .comment { padding: 15px 0; position: relative; } .comment:first-of-type { border-top: none; } .comment-header { display: flex; gap: 12px; } .comment-header .content{ flex: 1; } .avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; } .content .author { font-weight: 600; color: rgb(5, 34, 74); margin-bottom: 3px; } .content .question { font-size: 15px; margin-bottom: 5px; color: rgb(5, 34, 74); } .rating { color: #f7b500; font-size: 14px; margin-bottom: 5px; } .comment .text { color: rgb(5, 34, 74); } .comment.open .text { max-height: 500px; } .meta { font-size: 13px; color: #6174c2; margin-top: 5px; } .meta a { color: rgb(67, 102, 176); text-decoration: none; font-size: 12px; } .meta a:hover { text-decoration: underline; } /* Toggle button */ .toggle-btn { display: inline-block; margin-top: 8px; background: none; border: none; color: #1877f2; font-size: 14px; cursor: pointer; padding: 0; } .toggle-btn:hover { text-decoration: underline; } .like-ic:before{ content: ""; display: inline-block; width: 25px; height: 25px; background: url(img/like.png) center no-repeat; background-size: contain; margin: 0 0px 0 4px; vertical-align: bottom; } span.like-ic { margin-right: 4px; } span.time { color: rgb(93, 93, 93); } .comment.collapsible { border-left: 1px dotted rgb(220, 220, 220); padding-left: 10px; border-top: navajowhite; margin-left: 60px; } /*end */ @media screen and (max-width: 1441px){ .dv1 h2, .dv1 h3{ font-size: 28px; } .dv1 p{ line-height: 1.5; } .dv5-left h2{ font-size: 30px; } .dv5-left h2 strong:first-child { font-size: 40px; } .dv18-listnumber h3 { font-size: 55px; } body{ position: relative; overflow: hidden; } .mb5-s .row{ max-width: 900px; margin: inherit; } .mb5-s:after { content: ""; display: inline-block; width: 330px; background: url(img/wo-img.png) center no-repeat; position: absolute; right: 0; bottom: 0; height: 450px; background-size: contain; z-index: 1; } } @media screen and (max-width: 1130px){ .course-item .button{ font-size: 13px; padding: 0 8px; } #detail-course .small-columns-5>.col{ flex-basis: 25%; max-width: 25%; } .mb5-s:after{ height: 434px; position: initial; } .list-number-c p{ font-size: 65px; } .course-comments{ padding: 0 15px; } .custom-benefit{ max-width: 100%; } } @media screen and (max-width: 1025px){ body{ position: relative; overflow: hidden; } #header-contact li span{ font-size: 14px; } #logo { width: 200px !important; margin-right: 15px !important; } .s1_left h3{ font-size: 35px; } .s1{ padding-top: 100px !important; } .shadow-title{ font-size: 60px; } .sec-title{ font-size: 30px; } .s3 h3{ font-size: 20px; } .th-btn{ padding: 15px ; line-height: 1.4; } .price-card_title{ font-size: 25px; } .price-card_price{ font-size: 20px; } .price-card_text{ font-size: 14px; } .price-card_content{ padding: 20px 15px; } .s6 .large-3{ flex-basis: 50%; max-width: 50%; } .s5_ab{ display: none; } .f-top-md h4{ font-size: 30px; } .f-bot .section-title-main{ font-size: 20px; } .f-bot .large-4:first-child { padding-right: 15px; } .f-bot .col.large-4, .f-bot .col.large-2{ flex-basis: 50%; max-width: 50%; } .checklist.style2 li{ width: 100%; } .dv_1 .large-4{ flex-basis: 50%; max-width: 50%; } .bn-sale-right{ padding: 0 15px; } .box-regis-kh-right { padding-left: 15px;} } @media screen and (max-width: 821px){ .s1_left h3 br{ display: none; } .s1_left h3 { font-size: 25px; } .btn-group{ margin-top: 15px; gap: 15px; } .s1 .col.large-6:first-child{ flex-basis: 65%; max-width: 65%; } .s1 .col.large-6:last-child{ flex-basis: 35%; max-width: 35%; } .s1 { padding-top: 50px !important; } .s2 .col{ flex-basis: 100%; max-width: 100%; } .s2_right{ padding-left: 15px; } .s3{ padding-bottom: 0 !important; } .s3 .col{ flex-basis: 50%; max-width: 50%; margin-bottom: 40px; } .s3 .bg{ background-size: cover !important; } .s4 { padding-top: 50px !important; margin-top: 0; padding-bottom: 0 !important; } .s4 .medium-6, .s8 .col, .s9 .col, .f-top .col{ flex-basis: 100%; max-width: 100%; } .s5 .medium-4{ flex-basis: 50%; max-width: 50%; } .team-grid .team-social .th-social { visibility: visible; opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .s8_right { margin-top: 30px; } .s9{ padding-bottom: 0 !important; } .gt_0 .col, .gt_4 .col{ flex-basis: 100%; max-width: 100%; } .gt_3 .col{ flex-basis: 50%; max-width: 50%; } .gt_3 .icon-box{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; margin-bottom: 40px; } .gt_3 .icon-box-img{ margin: auto; } .checklist.style2 li{ width: 50%; } .tsl_cus { padding-top: 15px; } .blog-single{ margin-bottom: 0; } .post-sidebar.large-4{ padding-bottom: 0; } #list_img_nb .col.large-2 { flex-basis: 50%; max-width: 50%; } .dv1 .col.large-7 { max-width: 100%; } .dv1 h2, .dv1 h3 { font-size: 25px; } .dv2 h2{ font-size: 30px; } .dv2 p { font-size: 16px; } .dv3-left h2 { font-size: 25px; } .dv4 .box-text h4, .dv7 h4{ font-size: 18px; } .dv5-left li, .dv8-right li{ padding: 0px 0 15px 35px; } .dv6 p br{ display: none; } .dv11 .dv11-right{ flex-basis: 50%; max-width: 50%; position: absolute; right: 0; top: 17%; z-index: -1; } .dv13 h2 { font-size: 25px; } .dv13 .bg{ height: auto; } .dv13 .row:before{ display: none; } .dv13 .col { padding: 50px 30px; } .dv13 .col { padding: 0; } .dv13 .row{ background: #fff; min-height: initial; padding: 15px; } .dv13 { padding: 50px 15px !important; } .dv15-right h3{ font-size: 25px; } .dv15-right h3 strong { font-size: 30px;} .dv1 .large-5, .dv1 .large-7{ flex-basis: 100%; max-width: 100%; } .dv1{ padding: 20px 0 30px 0 !important; } .dv4 .box-text.text-center { padding: 0; } .dv6 h2 { font-size: 25px; } .dv6 h2 strong { font-size: 40px; } .dv7-list .box-text.text-center { padding: 10px 0px; } .dv13 .row{ min-height: 365px; box-shadow: NONE; } .dv15-left h2{ font-size: 25px; } .dv15-leftbot h3{ font-size: 18px; } .dv15-leftbot ul{ padding: 50px 20px 30px 20px; } .dv16-list .large-3{ flex-basis: 50%; max-width: 50%; margin-bottom: 15px; } .dv18-listnumber h3{ font-size: 60px; } .dv19-list-sv .large-4 { padding: 0 7.5px 15px 7.5px; } .dv21-right h3 { font-size: 25px; } .dv18-listnumber h3{ font-size: 35px; } .dv20 .entry-content .col{ flex-basis: 100%; max-width: 100%; } .dv20 .accordion-inner { display: none; padding: 15px 15px 0 15px; } .dv21 h2 { font-size: 25px;} .dv21 h2 br{ display: none; } .dv14-end p { font-size: 18px;} .dv15 .dv15-left { padding-right: 0; } .dv15-lefttop li, .dv15-leftbot ul li{ font-size: 16px; } .bn-sale-right h2{ font-size: 24px; } .ux-timer span{ font-size: 25px; } #detail-course .small-columns-5>.col { flex-basis: 33.333%; max-width: 33.333%; } .mb5-s:after{ display: none; } #interest .large-6 img{ width: 100%; } .mb5-s span{ font-size: 60px; } .mb5-s p{ padding: 0 10px; } } @media screen and (max-width: 767px){ .medium-logo-center .logo{ order: initial; margin: 0 !important; } .s1 .col.large-6:last-child{ display: none; } .s1 .col.large-6:first-child { flex-basis: 100%; max-width: 100%; } .s1{ padding-bottom: 50px !important; } .s1_left h2{ font-size: 16px; text-align: center; } .s1_left h3{ text-align: center; } .s1_left p{ text-align: center; } .th-btn { padding: 15px; font-size: 14px; min-width: initial; } .call-btn .btn-title{ font-size: 16px; } .call-btn .icon-play{ font-size: .6em !important; } .call-btn{ gap: 10px; } .btn-group{ justify-content: space-between; } .s2{ padding-bottom: 0 !important; } .s2_right{ padding-bottom: 15px ; } .sub-title{ font-size: 15px; } .sec-title { font-size: 25px; } .s2_right .tab-panels{ padding: 15px; font-size: 15px; } .s3 .col{ flex-basis: 100%; max-width: 100%; text-align: center; } .s3 .col .text-right{ text-align: center; } .s3 .col.large-5, .s3 .col.large-7{ margin-bottom: 0; } .feature-circle-wrap{ display: flex; flex-direction: column; gap: 15px; } .s4 .th-btn{ margin: auto; display: table; } .s5 .medium-4 { flex-basis: 100%; max-width: 100%; } .s5{ padding-bottom: 0 !important; } .s6 .large-3{ flex-basis: 80%; max-width: 80%; margin-top: 25px; } .s6 .row:nth-child(2){ justify-content: center; } #list_dt:after{ clip-path: initial; -webkit-clip-path: initial; } #list_dt{ padding: 50px 0px; } .s7{ padding: 0 15px !important; margin: 0; } .s6_home .s6{ padding-bottom: 0 !important; } .s_dncg { padding-bottom: 0 !important; } .testi-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 60px; text-align: center; padding: 15px 15px 30px 15px; } .testi-box_img { min-width: 120px; max-width: 120px; margin-top: -60px; } .testi-box_img > img { border-radius: 50%; } .testi-box_text{ font-size: 15px; } .testi-box_review{ position: initial; } .testi-box .box-title{ font-size: 20px; margin: 5px 0px; } .accordion-item .accordion-title{ font-size: 16px; } .accordion-inner{ padding: 15px; font-size: 15px; } .contact-feature-wrap { grid-template-columns: auto; gap: 15px; } .d-flex > p{ flex-direction: column; gap: 0; } .frm_ques h3{ font-size: 25px; } .s10{ padding-top: 70px !important; } .f-top .wpcf7-form{ flex-direction: column; } .f-top .wpcf7-submit{ width: 100%; } .f-top-md h4 { font-size: 25px; } .f-top, .f-bot{ padding-bottom: 0 !important; } .f-bot .col.large-4, .f-bot .col.large-2{ flex-basis: 100%; max-width: 100%; } .f-bot .box-vertical .box-image{ width: 25% !important; float: left; margin-right: 2%; } .s1 .ripple-shape{ left: -40px; } .breadcumb-wrapper{ background: url(img/breadcumb-bg.jpg) 54% 72% no-repeat; background-size: cover; padding: 90px 0; } .breadcumb-title{ font-size: 25px; } #breadcrumbs a, #breadcrumbs span{ font-size: 14px; } .dv_1 .large-4{ flex-basis: 100%; max-width: 100%; } .post-sidebar .widget{ padding: 20px 15px; } #s_service h3{ font-size: 25px; } .fq_2 .sec-title{ margin-bottom: 15px; } .tsl_cus .blog-img img{ height: 200px; } .blog-single .blog-content{ padding: 15px; } .blog-single .blog-title{ font-size: 24px ; margin: 15px 0; } .blog-single .post{ padding: 15px; } .detail_m1{ padding-top: 15px; } .team-info-wrap { grid-template-columns: auto; } .detail_m2 h4{ font-size: 22px; } .detail_m2.row{ margin-bottom: 0 !important; } .lh_3 iframe{ height: 300px !important; } .lh_2{ padding-bottom: 0 !important; } .box-title{ font-size: 20px; } .s_study { padding-bottom: 10px !important; } #list_img_nb{ padding: 0 15px; } .swiper-slide-active img { transform: scale(1.25); } .dv3 .col.large-6{ flex-basis: 100%; max-width: 100%; } .dv3 { padding: 15px 0 0 0 !important; } .dv2{ padding: 15px 0 !important; } .ic-ar { max-width: 40px; margin-bottom: 15px ! IMPORTANT; } .dv2 h2 { font-size: 25px; } .dv2 .col{ padding-bottom: 0; } .dv4{ padding: 15px 0 0 0 !important; } .dv5{ padding: 15px 0 !important; } .dv5 .col.large-6{ flex-basis: 100%; max-width: 100%; } .dv5-left h2 { font-size: 25px; } .dv5-left h2 strong:first-child { font-size: 30px; } .dv20 h3{ font-size: 25px; } .dv20 .nav { gap: 0; } .dv21-right h3, .dv21-right li { font-size: 18px; } .dv21 h2 { font-size: 20px; } .dv1 .button{ min-width: initial; } .dv16-list .large-3 { flex-basis: 50%; max-width: 50%; margin-bottom: 15px; } .list-dv17 .col{ flex-basis: 70%; max-width: 70%; } .dv16-list .large-3 { flex-basis: 100%; max-width: 100%; } .it-job p{ margin: 10px 0 25px 0; } .dv17, .dv19, .dv20{ padding: 50px 0 0 0 !important; } .dv18 .sec-title{ font-size: 20px; } .dv18-listnumber .col{ flex-basis: 50%; max-width: 50%; } .dv21{ padding: 50px 0 35px 0 !important; } .dv21 .dv21-left { padding-right: 15px; margin-bottom: 30px; } .dv21-right h3, .dv21-right ul{ padding-left: 0; } .dv22{ padding-bottom: 0 !important; } .f-bot .large-2{ padding: 15px; } .f-bot .col.large-4 .box-text{ width: 73%; float: right; padding: 0; } .dv15 .slick-list .row.align-middle { display: block !important; } .dv15 .slick-list .row.align-middle .col{ flex-basis: 100% !important; max-width: 100% !important; } .s_popup .d-flex p{ gap: 0; } } @media screen and (max-width: 650px){ } @media screen and (max-width: 500px){ .dv1 h2, .dv1 h3 { font-size: 20px; } .dv1 p{ font-size: 15px; } .dv1 .button { padding: 5px 15px; min-width: initial; margin-right: 5px; font-size: 16px; } .dv2 h2 { font-size: 20px; } .dv2 p br{ display: none; } .dv3-left h2 { font-size: 20px; } .sec-title br{ display: none; } .dv4 .large-4{ flex-basis: 50%; max-width: 50%; } .dv5-left h2 { font-size: 20px; } .dv5-left li, .dv8-right li{ padding: 0px 0 15px 28px; background: url(img/ic17.png) 0 2px no-repeat; background-size: 20px; } .dv6 .col{ flex-basis: 100%; max-width: 100%; } .dv6 .large-5 .text-right{ text-align: center; margin-top: 15px; } .dv6 h2 { font-size: 20px; } .dv6 p{ font-size: 16px; } .dv7 .sec-title { margin-bottom: 0; } .dv7-list .col:nth-child(2){ transform: initial; flex-basis: 100%; max-width: 100%; } .dv7{ padding-bottom: 0 !important; } .dv8 h2 { font-size: 20px; } .dv9{ padding: 0 0 0 0 !important; } .dv9 .large-5 { flex-basis: 100%; max-width: 100%; position: initial; right: initial; bottom: 0; padding: 0; z-index: -1; margin: -140px 0 0 0; } .dv10{ padding: 15px 0 0 0 !important; } .dv10 li{ padding: 0px 0 15px 28px; background: url(img/ic17.png) 0 2px no-repeat; background-size: 20px; } .dv10-right img { margin-top: 0; } .dv11{ padding: 50px 0 0 0 !important; } .dv12{ padding: 15px 0 0 0; } .dv12 .dv12-left { flex-basis: 100%; max-width: 100%; position: initial;} .dv12 .dv12-right { padding: 0 15px; } .dv12 .dv12-end { padding: 0 0 0 5px; } .dv12 .row{ padding-bottom: 0; } .dv13 { padding: 15px 15px !important; } .dv13 .row{ border-radius: 15px; } .dv14{ padding: 50px 0 0 0 !important; } .list-clients .col.large-2 { flex-basis: 33.3333%; max-width: 33.3333%; } .dv15{ padding: 0 0 0 0 !important; } .dv15-lefttop { padding-top: 0; } .dv15-leftbot h3 { font-size: 16px; } .dv15-right h3 { font-size: 20px; } .dv16{ padding: 30px 0 0 0 !important; } .dv11 .dv11-right{ display: none; } .dv19-list-sv .large-4 { padding: 0 15px 15px 15px; } .dv19-end h2 { font-size: 18px; } .dv20 h3 { font-size: 20px; } .dv20 .tab span{ font-size: 15px; } .level-header{ padding: 20px; } .level-desc-big{ font-size: 20px; } .level-desc-small{ font-size: 15px; } .course-item h3{ min-height: initial; overflow: initial; } .level-header h2{ font-size: 30px; text-align: left; } .list-dv17 .col img{ max-height: 295px; } .s-pkh3 .accordion-title:before{ width: 50px; height: 50px; font-size: 22px; } .bn-sale{ padding: 20px 0 !important; } .bn-sale .col.large-6:first-child{ order: 2; } .bn-sale-right h2{ font-size: 20px; } .ux-timer span strong{ font-size: 18px; } .bn-sale-right .button{ padding: 2px 25px; } .box-regis-kh{ padding: 20px 0 !important; } .tt-kh{ font-size: 25px; margin-bottom: 20px; } .box-regis-kh-left{ padding-bottom: 0; } .tt-frm-kh h3{ text-align: center; } .box-regis-kh-right .col-inner{ padding: 15px; } .note-kh-l .col-inner{ flex-direction: column; gap: 20px; } #course-ct, #after-course, #pp-course, #member-course, #detail-course, .intro-box, .box-number-course,#interest { padding: 30px 0 !important; } .course-detail{ padding: 20px; } #after-course p{ font-size: 15px; } #after-course img{ max-width: 80px; } #member-course .col-inner{ min-height: initial; } #detail-course .small-columns-5>.col { flex-basis: 100%; max-width: 100%; } #detail-course .col-inner{ min-height: initial; } .mb-5-end .img img { max-width: 220px; } .mb-5-end h2 { font-size: 30px;} .mb-5-end p { font-size: 16px;} .mb-5-end .ul-content li{ font-size: 16px; } .mb5-s span { font-size: 45px; } .mb5-s .col { padding-bottom: 15px; border-bottom: 1px dashed; margin-bottom: 20px; } .mb5-s .col:last-child{ margin-bottom: 0; padding-bottom: 0; } .box-detail-course { padding: 20px 0 !important; } .ab-calendar{ margin: 20px 0; } .box-detail-course h3{ font-size: 20px; } .list-number-c p { font-size: 33px; } .list-number-c .col{ flex-basis: 50%; max-width: 50%; } .comments-title{ font-size: 20px; } .sortby{ display: none; } .course-comments{ margin: 30px 0 0 0; } .comments-header{ border-bottom: 1px solid #ccc; padding-bottom: 15px; } .comments-count{ margin: 10px 0; } .content .question { font-size: 14px;} .comment .text{ font-size: 13px; } .custom-benefit-row .text{ font-size: 16px !important; } .album-course-top p { font-size: 23px; text-align: center; } #course-other{ padding: 30px 0 0 0 !important; } .custom-benefit-row{ margin-bottom: 0; } } @media screen and (max-width: 414px){ .sec-title { font-size: 20px; } .sub-title{ margin-bottom: 13px; } .s_img_nb .large-12{ padding-bottom: 10px; } .s_img_nb{ padding: 50px 0 0 0 !important; } .dv1 .button { padding: 1px 7px; } .dv4 .box-text h4, .dv7 h4 { font-size: 16px; } .dv4 .box-image img { max-width: 60px; } .dv15-left h2 { font-size: 20px; } }