/*
* Theme Name:  Mikotech Theme
* Description:  Dev by hhieuit
* Theme URI: mikotech.vn
* Version:  1.0
* Author: hhieuit
* Author URI: mikotech.vn
* Tags: advanced
* Textdoamin: mikotech
* Language Folder: /languages
*/

:root { --miko-font: "SVNAptima"; --miko-color: rgb(52, 213, 209); --miko-gradient: linear-gradient(270deg, #70efd1 0, #1bc1c1 100%); --swiper-theme-color: rgb(52, 213, 209); --color-stop: #70efd1; --color-bottom: #1bc1c1; --zindex-dropdown: 1000; --zindex-sticky: 1020; --zindex-fixed: 1030; --zindex-modal-backdrop: 1040; --zindex-modal: 1050; --zindex-popover: 1060; --zindex-tooltip: 1070; --zindex-loading: 1090;}
.animation-UpDown{ animation: scroll-animation 1s linear 0s infinite alternate; }
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.grecaptcha-badge{ display:none !important; }
.about-group-4__swiper{ padding-bottom: 30px; }
.text-black{color:#000;}
.mouse-cursor { position: fixed; left: 0; top: 0; pointer-events: none; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; }
.cursor-inner {margin-left: -2px; margin-top: -2px; width: 6px; height: 6px; z-index: 10000001;  }

.cursor-inner:before{content: ''; position: absolute; left: 50%; top: 50%; border-radius: 2px; transform: translate(-50%,-50%) rotate(45deg); width: 6px;height: 6px; background-color: #34d5d1;-webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;-o-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;}

.cursor-inner.cursor-hover {margin-left: -40px;margin-top: -40px;width: 80px;height: 80px; }
.cursor-inner.cursor-hover:before { width: 80px; height: 80px; border-radius: 16px; background-color: #34d5d1; opacity: .3; }



.cursor-outer {margin-left: -19px; margin-top: -19px; width: 40px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000000; opacity: .5;-webkit-transition: all .08s ease-out;-o-transition: all .08s ease-out;transition: all .08s ease-out; }
.cursor-outer:before{ content: ''; transform: rotate(45deg); position: absolute; border-radius: 12px; width: 40px;height: 40px;border: 1px solid #34d5d1;-webkit-box-sizing: border-box;box-sizing: border-box; }
.cursor-outer.cursor-hover {  opacity: 0; }

.accordion__body__content a{ color:#34d5d1; }
 

.hide-scroll{ z-index: -1; opacity:0; }
.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex;}
.overflow-hidden{ overflow: hidden; }
.flex-wrap { flex-wrap: wrap;}
.d-none { display: none;}

.entry-content div{ max-width:100%; }
.entry-content div img{ max-width:100%; height:auto; }
.aligncenter { clear: both; text-align: center;}

.justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}

.justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}

.justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}

.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}

.align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}

.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

figcaption { text-align: center;}

a { color: var(--miko-color);}
email::before { content: attr(data-user);}
email::after { content: attr(data-domain);}
.no-scroll { overflow: hidden !important;}

.comment-reply-title { font-weight: 500; font-size: 1.5rem;}

.m-auto { margin-left: auto; margin-right: auto;}
#google_translate_element { display: none;}
#DigiCertClickID_Mjunyx-6 img { max-height: 50px;}
.tinnhiemmang { margin-right: 5px;}
.tinnhiemmang img { display: block;}
.miko-lang:first-child { margin-right: 5px;}
.box-cert { margin-bottom: 6px;}
.cert-img { margin-right: 5px;}
.cert-img:last-child { margin-right: 0px;}
.cert-img img { height: 32px; max-height: 32px;}
.hbtn,
.contact-group-1 input[type="submit"],
.submit { cursor: pointer; padding: 0.625rem 2rem !important; border-radius: 5rem !important; font-family: "Montserrat" !important; font-weight: 700 !important; color: #fff !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; background-size: 400% auto !important; background: var(--miko-gradient) !important; -webkit-transition: all 0.3s !important; transition: all 0.3s !important; border: 0 !important;overflow: hidden; position: relative; display: inline-block;}
.hbtn:hover,
.contact-group-1 input[type="submit"],
.submit { -webkit-animation: gradient 2s ease alternate infinite !important; animation: gradient 2s ease alternate infinite !important;}
.hbtn::before{ content:''; position:absolute; width: 100%; height:100%; left: 0; top: 0; background: linear-gradient(270deg, #70efd1 0%, #1bc1c1 100%) !important; transition: all 0.5s; }
.hbtn:hover::before{ content:''; position:absolute; width: 250%; height:100%; transition: all 0.5s; }
.hbtn span{z-index: 1; position: relative;}
.hbtn--white::before{display: none;}

.hbtn--white { background: #fff !important; color: var(--miko-color) !important;}

.hbtn:hover { box-shadow: 0 4px 24px 0 rgb(27 193 193 / 30%); transition: all 0.3s; }
.hbtn--white:hover { box-shadow: 0 4px 24px 0 rgb(255 255 255 / 50%); transition: all 0.3s; }
.baogia-wds:hover .hbtn:hover { box-shadow: 0 4px 24px 0 rgb(255 255 255 / 50%); transition: all 0.3s; }


.hbtn--gray { background: rgb(192, 192, 192) !important; color: #333 !important;}
.w-video { display: block;}
.w-video video { display: block;}
.swal2-title { font-size: 1.2em !important;}
.hfile { display: block; width: 100%; height: 42px; background: #fff; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1rem; cursor: pointer;}
.hfile__input { display: none; opacity: 0; visibility: hidden; padding: 0; margin: 0; width: 0; height: 0;}
.hfile svg { color: #5f5f5f; -webkit-transition: all 0.3s; transition: all 0.3s;}
.hfile:hover svg { color: var(--miko-color);}

.gs_reveal { opacity: 0; visibility: hidden; will-change: transform, opacity;}

.img { display: block;}
.img img { display: block; height: auto;}
img { aspect-ratio: attr(width) / attr(height);}
#flags ul { padding: 0; margin: 0; list-style-type: none; display: flex;}
#flags.size24 a[title="Vietnamese"] { background: url("../images/flags.png") 0 -380px no-repeat;}
#flags.size24 a[title="English"] { background: url("../images/flags.png") -87px -351px no-repeat;}
#flags.size24 a { width: 40px !important; height: 26px !important; border-radius: 3px; overflow: hidden; display: block; padding: 0 !important;}
#flags a { cursor: pointer;}
@font-face { font-family: "SVNAptima"; src: url("assets/fonts/SVNAptimabold.woff2") format("woff2"),
    url("assets/fonts/SVNAptimabold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap;}
@font-face { font-family: "SVNAptima"; src: url("assets/fonts/SVNAptima.woff2") format("woff2"),
    url("assets/fonts/SVNAptima.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap;}
* { -webkit-box-sizing: border-box; box-sizing: border-box;}

body { font-family: var(--miko-font); font-size: 0.875rem; font-weight: 400; color: #000; margin: 0; line-height: 1.5; /* -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */}
body { top: 0px !important;}
.post-detail { /*-webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;*/}
img { max-width: 100%;}

.clearfix::after { content: ""; clear: both; display: table;}

input:focus, input:focus-visible, textarea:focus, textarea:focus-visible { -webkit-box-shadow: none; box-shadow: none; outline: none;}

input, select, button { -webkit-appearance: none;}

.himg { display: block;}
.himg img { display: block; height: auto;}

#hcontainer { max-width: 1920px; margin: 0 auto; /*overflow-x: hidden;*/ }
.service-sticky{ position:sticky; }
.overflow-x-hidden { overflow-x: hidden;}
.loading-icon:after { content: ""; position: absolute; width: 100vw; height: 100vh; left: 0; bottom: 0; z-index: var(--zindex-tooltip); margin: 0 0 0; background: -moz-radial-gradient(
    50% 50%,
    ellipse contain,
    #1bc1c1 0,
    #70efd1 100%
  ); background: -webkit-radial-gradient(
    50% 50%,
    ellipse contain,
    #1bc1c1 0,
    #70efd1 100%
  ); background: -o-radial-gradient(
    50% 50%,
    ellipse contain,
    #1bc1c1 0,
    #70efd1 100%
  ); background: -ms-radial-gradient(
    50% 50%,
    ellipse contain,
    #1bc1c1 0,
    #70efd1 100%
  ); background: radial-gradient(
    50% 50%,
    ellipse contain,
    #1bc1c1 0,
    #70efd1 100%
  ); transition: all 1s ease-in-out;}
.loading-icon.finish { visibility: hidden;}
.loading-icon.finish:after { transform: translateY(100%);}
.loading-icon.before-load { visibility: visible;}
.loading-icon.before-load:after { transform: translateY(-100%);}
.loading-icon.finish svg { filter: blur(10px); transform: scale(2); opacity: 0;}
.loading-icon svg { transition: all 0.5s ease-in-out; position: relative; z-index: var(--zindex-loading);}

.cursor { position: fixed; left: 0; top: 0; pointer-events: none; z-index: var(--zindex-popover);}
.cursor svg { -webkit-transition: all 0.3s; transition: all 0.3s;}
.cursor.focus { mix-blend-mode: overlay; -webkit-filter: blur(0); filter: blur(0);}
.cursor.focus svg { -webkit-transform: scale(2); transform: scale(2);}

.cursor-none { cursor: none !important;}

/*a { cursor: none;}*/

.loading-icon { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: var(--zindex-tooltip); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.loading-icon.hide { visibility: hidden;}
.cls-1 { fill: #fff; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-width: 4px; stroke-dasharray: 2000; stroke-dashoffset: 2000; fill-opacity: 0; animation-timing-function: ease-in-out; animation-fill-mode: forwards; animation-iteration-count: 1; animation-name: DrawLine, FadeStroke, FillIn; animation-duration: 1s, 0.5s, 0.5s; animation-delay: 0s, 1s, 0.5s;}
.cls-11,
.cls-12,
.cls-13 { stroke-dasharray: 1100; stroke-dashoffset: 1100; fill-opacity: 0.2; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: DrawLine, FillIn; animation-name: DrawLine, FillIn; -webkit-animation-duration: 5s, 5s; animation-duration: 5s, 5s; -webkit-animation-delay: 0s, 0s; animation-delay: 0s, 0s; -webkit-animation-direction: alternate; animation-direction: alternate;}

.center-layout { max-width: 1250px; margin: 0 auto; padding-left: 16px; padding-right: 16px;}
.center-layout-2 { max-width: 1044px; margin: 0 auto; padding-left: 16px; padding-right: 16px;}
.center-layout-3 { max-width: 720px; margin: 0 auto; padding-left: 16px; padding-right: 16px;}

.entry-content img { height: auto !important; max-width: 100% !important;}

.header { padding: 1.125rem 0 1rem; transition: all 0.3s; width: 100%;}
.header.fixed { transform: translateY(-100%);}
.hlogo { width: 180px;}
.header .center-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 78%;}
.header__nav_container { width: calc(100% - 220px);}
.header__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin: 0; list-style-type: none;}
.header__nav a{ display: block; font-family: "Montserrat"; font-weight: 500; font-size: 0.875rem; color: #000; text-decoration: none; padding: 0.625rem 0; position: relative;}
.header__nav a:before,.current_page_item a:before { position: absolute; content: ""; width: 0; height: 4px; background: var(--miko-color); left: 0; bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0;}
.header__nav a:hover:before,.current_page_item a::before { width: 100%; opacity: 1;}
.header__nav a.is-open:before { width: 15px; opacity: 1;}
.header__nav li { position: relative;}
.header__nav ul { position: absolute; left: 100%; top: 0; z-index: var(--zindex-dropdown); width: 300px; padding-top: 15px; opacity: 0; pointer-events: none; -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms; background: #fff; border-radius: 3px 15px 15px 15px; padding: 0; margin: 0; list-style-type: none; border-top: 5px solid var(--miko-color); box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1);}
.header__nav > li > ul { left: 0; top: 100%;}
.menu-item-type-taxonomy .sub-menu { width: 200px;}
.header__nav ul a { padding: 0.625rem 0.625rem 0.625rem 1.25rem; position: relative; z-index: 1;}
.header__nav ul a::before { position: absolute; left: 0; top: 0; content: ""; width: 0px; height: 100%; background: var(--miko-gradient); z-index: -1;}
/* .header__nav ul a:hover { color: #fff !important;} */
.header__nav li:hover > ul { opacity: 1; pointer-events: auto; -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}
.header__button { width: 100px; height: 30px; line-height: 30px; font-family: "Montserrat"; font-weight: 500; color: #fff; background: var(--miko-color); border-radius: 6px; text-align: center; text-decoration: none; position: relative;}
.header__button:after { position: absolute; content: ""; width: 100%; height: 100%; background: var(--miko-color); opacity: 0.3; left: 0; top: 0; border-radius: 6px; -webkit-animation: scaleIn 1s ease infinite alternate; animation: scaleIn 1s ease infinite alternate; z-index: -1;}
.header__button--white { background: #fff; color: var(--miko-color);}
.header__right--inner #menu-menu-chinh > li > a { color: #fff;}
.header--inner { background: var(--miko-gradient);}
.header--inner .header__nav a:before { background: #fff;}
.header--inner .header__button:after { background: #1bc1c1;}
#flags { width: auto !important;}
#flags.size24 a,
.tool-container .tool-items a,
a.single-language span.size24 { width: 40px !important; height: 26px !important; border-radius: 3px; overflow: hidden; display: block; padding: 0 !important;}
#flags.size24 a[title="Vietnamese"] { background: url("assets/images/vi_flag.jpg") no-repeat !important; background-size: 100% 100% !important;}
#flags.size24 a[title="English"] { background: url("assets/images/en_flag.jpg") no-repeat !important; background-size: 100% 100% !important;}
.comment-form *{max-width: 100%;}
.footer { background: #faf5f0; padding: 9.375rem 0 2.5rem; overflow: hidden;}
.footer__logo { margin-bottom: 1rem;}
.footer__grid { display: grid; grid-template-columns: 35% 1fr 33%; grid-gap: 2.5rem;}
.footer__title { font-weight: 700; font-size: 1.125rem; color: #000; text-transform: uppercase; margin-bottom: 0.625rem;}
.footer__desc { color: #000;}
.footer__link { display: block; margin-bottom: 0.313rem; text-decoration: none;}
.footer__link span { -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 0.875rem; color: #000; position: relative;}
.footer__link span:after { position: absolute; content: ""; width: 0; height: 2px; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; background: var(--miko-gradient); background-size: 400% auto; left: 0; bottom: -2px;}
.footer__link span:hover { color: var(--miko-color); padding-left: 0.313rem;}
.footer__link span:hover:after { width: 100%; opacity: 1; -webkit-animation: gradient 2s ease alternate infinite; animation: gradient 2s ease alternate infinite;}
.footer__form__grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.625rem;}
.footer__form input { font-family: "Montserrat"; display: block; width: 100%; height: 42px; background: #efe9e3; border-radius: 0.375rem; padding: 0 0.625rem; font-size: 0.875rem; color: #000; border: 0;}
.footer__form input::-webkit-input-placeholder { font-size: 0.875rem; color: #000;}
.footer__form input:-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.footer__form input::-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.footer__form input::placeholder { font-size: 0.875rem; color: #000;}
.footer__form .nice-select { font-family: "Montserrat"; display: block; width: 100%; height: 42px; background: #efe9e3; border-radius: 0.375rem; padding: 0 0.625rem; font-size: 0.875rem; color: #000; border: 0; margin: 0.625rem 0;}
.footer__form textarea { font-family: "Montserrat"; display: block; width: 100%; height: 120px; background: #efe9e3; border-radius: 0.375rem; padding: 0.625rem; font-size: 0.875rem; color: #000; border: 0;}
.footer__form textarea::-webkit-input-placeholder { font-size: 0.875rem; color: #000;}
.footer__form textarea:-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.footer__form textarea::-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.footer__form textarea::placeholder { font-size: 0.875rem; color: #000;}
.footer__form button { display: block; width: 90px; height: 30px; font-size: 0.875rem; font-weight: bold; text-align: center; color: #fff; border-radius: 15px; margin: 1.125rem auto 0; background: var(--miko-gradient); border: 0; cursor: pointer;}
.footer__social { width: 42px; height: 42px; background: #34d5d1; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 0.625rem;}
.footer__social svg { max-width: 100%;}
.footer__col--2 { grid-column: 1 / 3 !important;}
.footer__col--form { grid-column: 3; grid-row: 1 / 3;}

.bct { font-size: 0.75rem;}
.policy a { color: #8b8b8b; font-size: 0.75rem; padding: 0 10px; text-decoration: none; position: relative;}
.policy a:hover { color: var(--miko-color);}
.policy a::after { position: absolute; content: ""; width: 4px; height: 4px; background: #8b8b8b; border-radius: 50%; right: -2px; top: 50%; transform: translateY(-50%);}
.policy a:last-child:after { display: none;}
.quote-form{ padding-top: 0.5rem; }
.quote-form input { font-family: "Montserrat"; display: block; width: 100%; height: 42px; background: #ffffff; border-radius: 0.375rem; padding: 0 1rem; font-size: 0.875rem; color: #000; border: 0; margin-bottom: 0.625rem;}
.quote-form input::-webkit-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form input:-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form input::-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form input::placeholder { font-size: 0.875rem; color: #000;}
.quote-form select { font-family: "Montserrat"; display: block; width: 100%; height: 42px; background: #ffffff; border-radius: 0.375rem; padding: 0 1rem; font-size: 0.875rem; color: #000; border: 0; margin-bottom: 0.625rem;}
.quote-form textarea { font-family: "Montserrat"; display: block; width: 100%; height: 120px; background: #ffffff; border-radius: 0.375rem; padding: 0.625rem 1rem; font-size: 0.875rem; color: #000; border: 0; margin-bottom: 0.625rem;}
.quote-form textarea::-webkit-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form textarea:-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form textarea::-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form textarea::placeholder { font-size: 0.875rem; color: #000;}
.quote-form input[type="submit"] { width: 190px; margin: 0 auto; margin-top: 1.25rem;}
 
.quote-form-footer input { font-family: "Montserrat"; display: block; width: 100%; height: 42px; background: #efe9e3; border-radius: 0.375rem; padding: 0 0.625rem; font-size: 0.875rem; color: #000; border: 0;}
.quote-form-footer input::-webkit-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form-footer input:-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form-footer input::-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form-footer input::placeholder { font-size: 0.875rem; color: #000;}
.quote-form-footer select { font-family: "Montserrat"; display: block; width: 100%; height: 42px; background: #efe9e3; border-radius: 0.375rem; padding: 0 0.625rem; font-size: 0.875rem; color: #000; border: 0; margin: 0;}
.quote-form-footer textarea { font-family: "Montserrat"; display: block; width: 100%; height: 120px; background: #efe9e3; border-radius: 0.375rem; padding: 0.625rem; font-size: 0.875rem; color: #000; border: 0;}
.quote-form-footer textarea::-webkit-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form-footer textarea:-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form-footer textarea::-ms-input-placeholder { font-size: 0.875rem; color: #000;}
.quote-form-footer textarea::placeholder { font-size: 0.875rem; color: #000;}
.quote-form-footer input[type="submit"] { width: 190px; margin: 0 auto;}
.quote-form-footer form > p { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.625rem;}
.quote-form-footer form > p span { display: block;}
.quote-form-footer form > p > span:nth-child(3),
.quote-form-footer form > p > span:nth-child(4),
.quote-form-footer form > p > span:nth-child(5),
.quote-form-footer form > p > input[type="submit"] { grid-column: 1 / 3;}

.copyright { background: #5f5f5f; padding: 1.25rem 0; font-weight: bold; color: #8b8b8b;}
.copyright .center-layout { display: flex; justify-content: space-between;}

.slider-items { padding-bottom: 6.25rem; position: relative;}
.slider-items__background { display: block; width: 100%; height: 536px; background: -webkit-gradient(linear, left top, right top, color-stop(0, #1bc1c1), to(#70efd1) ); 
  background: linear-gradient(90deg, #1bc1c1 0, #70efd1 100%); border-radius: 1rem; background-size: 200% auto; -webkit-animation: animationSlider 5s ease infinite; animation: animationSlider 5s ease infinite;}
.slider-items__text { font-weight: 600; font-size: 165px; color: #fff; position: absolute; font-family: "Montserrat"; font-weight: 600; width: 100%; left: 0; top: 15px; text-align: center;}
.slider-items__layer { position: absolute;}
.slider-items__layer--1 { width: 16%; left: 18%; bottom: 0; z-index: 3;}
.slider-items__layer--2 { width: 48%; left: 50%; bottom: 2%; margin-left: -24%;}
.slider-items__layer--3 { width: 34%; left: 60%; bottom: 0; z-index: 3;}
.slider__dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0;}
.slider__dots-items { width: 6px; height: 6px; background: #5f5f5f; border-radius: 50%; margin: 0 0.313rem; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer;}
.slider__dots-items.is-active { width: 14px; height: 14px;}
.slider__dots-items:hover { width: 10px; height: 10px;}

.about-us { padding-top: 3.438rem; position: relative;}
.about-us__content { max-width: 700px; padding: 0 10px; margin: 0 auto;}
.about-us__title { font-weight: 700; font-size: 1.5rem; color: rgba(0, 0, 0, 0.5); text-align: center; text-transform: uppercase; margin-bottom: 1.5rem;}
.about-us__name { font-weight: 400; font-size: 2.25rem; color: #000000; text-align: center; margin-bottom: 2.5rem;}
.about-us__desc { font-weight: 400; font-size: 0.875rem; color: #000000; text-align: center; margin-bottom: 2.75rem;}
.about-us-node { position: absolute; left: calc((100% - 835px) / 4); top: 50%;}
.about-us-node2 { position: absolute; right: calc((100% - 835px) / 4); bottom: 0; z-index: 999;}

.website { position: relative;}
.website__left { width: 63.6896046852%; position: relative; -webkit-transform: translateX(-22.9885057471%); transform: translateX(-22.9885057471%); padding: 300px 0; z-index: 2;}
.website__left::before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(270deg, #70efd1 0, #1bc1c1 100%); border-radius: 140px; transform: rotate(8deg); z-index: -1;}
.website__left__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 31.0344827586%; padding-right: 36.7816091954%;}
.website__right { width: 62.2254758419%; position: absolute; right: 0; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3;}
.website__title { font-weight: 700; font-size: 1.5rem; opacity: 0.5; color: #fff; text-transform: uppercase; margin-bottom: 0.5rem;}
.website__name { font-size: 2.25rem; font-weight: normal; color: #fff; text-transform: uppercase; margin-bottom: 3.438rem;}
.website__desc { font-size: 0.875rem; color: #fff; margin-bottom: 1.563rem;}
.website-items { position: relative; border-radius: 1rem; overflow: hidden;}
.website-items img { display: block; width: 100%; max-width: 100%;}
.website-items__info { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1rem 2rem; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;}
.website-items__name { font-size: 1.5rem; font-weight: 500; text-align: center; text-transform: uppercase; color: #fff;}
.website-items__desc { font-size: 0.875rem; font-weight: 700; color: #fff; text-align: center; margin: 1rem 0;}
.website-items:hover .website-items__info { opacity: 1;}
.website__swiper { padding-bottom: 3rem;}
.website__swiper .swiper-slide { width: calc(50% - 43px);}
.website__swiper .swiper-slide .website-items:first-child { margin-bottom: 16px;}
.website__swiper.swiper-container-horizontal > .swiper-pagination-progressbar,
.website__swiper.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { top: initial; left: initial; right: 4.188rem; bottom: 0; width: 21.5%; height: 2px;}

.post { padding-bottom: 4.375rem;}
.post__title { font-size: 2.25rem; font-weight: normal; color: #000; text-align: center; text-transform: uppercase; margin-bottom: 1.75rem;}
.post-items { font-family: "Montserrat"; background: #efe9e3; border-radius: 1rem; padding: 0.813rem; height: auto;}
.post-items img { width: 100%; border-radius: 0.375rem;}
.post-items__date { font-weight: 700; color: #000; opacity: 0.5; padding: 1rem 0;}
.post-items__name { font-weight: normal; margin: 0;}
.post-items__name a { display: block; font-weight: 700; font-size: 1.125rem; color: #000; text-transform: uppercase; margin-bottom: 1rem; height: 3.375rem; overflow: hidden; text-decoration: none;}
.post-items__desc { font-size: 0.875rem; font-weight: normal; color: #000; height: 5.25rem; overflow: hidden;}
.post-items__desc p { margin: 0;}
.contact { padding: 4.375rem 0.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -5rem; position: relative; z-index: 1007;}
.contttt { position: relative;}
.contttt:before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; max-width: 1200px; height: 100%; background: -webkit-gradient( linear, right top, left top, color-stop(0, #70efd1), to(#1bc1c1)); 
  background: linear-gradient(270deg, #70efd1 0, #1bc1c1 100%); border-radius: 1rem; z-index: 1005;}
.contttt__image { position: absolute; left: 0; top: -30px; width: 100%; z-index: 1006;}
.web-design-block-5__left img:nth-child(2) { animation: phone-animate 4s linear 1s infinite alternate;}
.miko__language-option { text-decoration: none;}
.contact__desc { max-width: 800px; margin: 0 auto 1.688rem; font-weight: 700; font-size: 1.5rem; color: #fff; text-align: center; position: relative; z-index: 1007;}
.contact .hbtn { position: relative; z-index: 1007;}
.team-box-1 { margin: -5% auto 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.06); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.06); border-radius: 1rem;}
.team-box-1__image { width: 39.0625%;}
.team-box-1 img { border-radius: 1rem 0 0 1rem;}
.team-box-1__right { width: 60.9375%; padding: 1rem 3.125rem; border-radius: 1rem 1rem 0 0;}
.team-box-1__title { font-family: "Montserrat"; font-size: 1.5rem; font-weight: bold; color: rgba(0, 0, 0, 0.5); text-transform: uppercase;}
.team-box-1__name { font-size: 2.25rem; text-transform: uppercase; margin: 0.438rem 0 1.5rem;}
.team-box-1__desc { margin-bottom: 1.5rem;}

.team-box-2 { padding: 6.25rem 0 3.125rem;}
.team-box-2 .center-layout-2 { display: -webkit-box; display: -ms-flexbox; display: flex;}
.team-box-2__left { width: 39.0625%; padding-right: 3rem;}
.team-box-2__right { width: 60.9375%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem;}
.team-box-2__title { font-size: 2.25rem; text-transform: uppercase; margin-bottom: 1.5rem;}

.value-item { border-radius: 1rem; border: 1px solid #1fc1c1; padding: 1rem; min-height: 197px; position: relative; overflow: hidden;}
.value-item__number { font-size: 2.25rem; margin-bottom: 0.875rem;}
.value-item__name { font-family: "Montserrat"; font-weight: 700; font-size: 1.25rem; color: #1fc1c1; text-transform: uppercase;}
.value-item__desc { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 1.125rem; opacity: 0; background: linear-gradient(-45deg, #70efd1 0, #1bc1c1 100%); -webkit-transition: all 0.5s; transition: all 0.5s;}
.value-item__desc p { color: #fff; margin: 0; -webkit-transition: all 0.2s linear 0.2s; transition: all 0.2s linear 0.2s; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0;}
.value-item:hover .value-item__desc { opacity: 1;}
.value-item:hover .value-item__desc p { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}

.team-box-3 { background-size: 100% 80%; padding: 3.75rem 0 3.125rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;}
.team-box-3:after { position: absolute; content: ""; width: 100%; height: 60%; left: 0; top: 0; background: -webkit-gradient(linear, right top, left top, color-stop(0, #70efd1),   to(#1bc1c1) ); background: linear-gradient(270deg, #70efd1 0, #1bc1c1 100%); z-index: -1;}
.team-box-3__title { font-size: 2.25rem; text-transform: uppercase; margin-bottom: 1rem; color: #fff; padding-left: 1rem;}
.team-box-3__desc { color: #fff; margin-bottom: 2.875rem; padding-left: 1rem;}
.team-box-3__image { width: 57%; -webkit-transform: translateX(-15%); transform: translateX(-15%); padding-left: 2%;}
.team-box-3__image img { width: 100%; height:auto;}
.team-box-3__content { width: calc(57% - 100px); overflow: hidden;}

.recruitment__swiper { padding: 30px 60px 90px 60px; margin-left: -60px;}
.recruitment__swiper .swiper-slide { width: 60%;}

.menu-63 { position: relative; display: block;}
.menu-63::after { position: absolute; content: ""; width: 16px; height: 8px; background: url("assets/common/select.png"); right: 15px; top: 16px;}

.file-988 { position: relative; display: block;}
.file-988::after { position: absolute; content: ""; width: 23px; height: 18px; background: url("assets/common/upload.png"); right: 12px; top: 10px;}

.recruitment-item { background: #fff; border-radius: 1rem; padding: 2rem; -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);}
.recruitment-item__date { font-family: "Montserrat"; font-weight: 700; color: rgba(0, 0, 0, 0.5); margin-bottom: 0.5rem;}
.recruitment-item__name { font-family: "Montserrat"; font-weight: 700; font-size: 1.5rem; color: #000; text-transform: uppercase; margin-bottom: 1.375rem; height: 4.5rem; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; text-decoration: none;}
.recruitment-item__name:hover { color: var(--miko-color);}
.recruitment-item__desc { color: #000;}
.recruitment-item__desc p { height: 6.75rem; overflow: hidden; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.recruitment-item__view { text-decoration: none;}
.recruitment-item__view span { font-family: "Montserrat"; font-weight: 700; font-size: 0.75rem; color: var(--miko-color); margin-right: 1rem;}

.team-box-4__title { max-width: 770px; font-size: 2.25rem; text-transform: uppercase; margin-bottom: 2.25rem;}
.team-box-4__grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; margin-bottom: 2rem;}

.team-box-5 { padding: 6.25rem 0;}
.team-box-5__title { font-size: 2.25rem; text-transform: uppercase; text-align: center; margin-bottom: 2.25rem;}
.team-box-5__grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 1rem;}

.team-box-6 { padding: 4.375rem 0; position: relative;}
.team-box-6:after { position: absolute; content: ""; width: 50%; height: 100%; background: #faf5f0; border-radius: 1rem 0 0 1rem; right: 0; top: 0; z-index: -1;}
.team-box-6 .center-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.team-box-6__video { width: 73.1707317073%;}
.team-box-6__content { width: 26.8292682927%; padding-left: 2.188rem;}
.team-box-6__name { font-size: 2.25rem; text-transform: uppercase; margin-bottom: 1.875rem;}

.video-items { position: relative; border-radius: 1rem; overflow: hidden;}
.video-items:after { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0;}
.video-items img { width: 100%;}
.video-items svg { position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; color: var(--miko-color); z-index: 99;}

.team-box-7 { background: -webkit-gradient( linear, right top, left top, color-stop(0, #70efd1), to(#1bc1c1)); 
  background: linear-gradient(270deg, #70efd1 0, #1bc1c1 100%); padding: 3.125rem 0; border-radius: 1rem; margin-bottom: -88px; position: relative; z-index: 99;}
.team-box-7__title { font-family: "Montserrat"; font-size: 1.25rem; color: #fff; text-align: center; font-weight: 700; margin-bottom: 2rem;}
.team-box-7__form { max-width: 400px; margin: 0 auto;}
.team-box-7__form .hfile { margin: 0.5rem 0 1.25rem;}
.team-box-7__form select,.team-box-7__form input[type="text"],.team-box-7__form input[type="email"] { width: 100%; height: 40px; border: 0; border-radius: 5px; padding-left: 10px; margin-bottom: 5px; outline: none; background: #fff;}
.team-box-7__form input[type="file"] { width: 100%; height: 40px; border: 0;}
.team-box-7__form input[type="submit"] { margin: 0 auto; width: 90px; display: block;
margin-top: 1rem; }

.custom-file-input { color: transparent;}
.custom-file-input::-webkit-file-upload-button { visibility: hidden;}
.custom-file-input::before { content: "Tải lên CV"; display: block; width: 100%; height: 40px; background: #fff; border-radius: 5px; padding-left: 10px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; color: #000; line-height: 40px; box-sizing: border-box;}
.custom-file-input:hover::before { border-color: black;}
.custom-file-input:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);}

.service-group-1 { position: relative; width: 112.1522694%; -webkit-transform: translateX(-10.1174934726%); transform: translateX(-10.1174934726%); margin-top: 3rem;}
.service-group-1 svg { width: 100%;}
.service__swiper { position: absolute; width: 100%; left: 0; bottom: -3.75rem; padding-bottom: 3.75rem;}

.service-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.service-items__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(89% - 20px); padding-right: 14%;}
.service-items__image { width: 62%; display: block; position: relative;}
.service-items__info { width: 34.7826086957%; padding-top: 1.25rem;}
.service-items__next { width: 11%;}
.service-items__next img { -webkit-box-shadow: 0 0 3.75rem rgba(0, 0, 0, 0.06); box-shadow: 0 0 3.75rem rgba(0, 0, 0, 0.06); border-radius: 1rem; margin-top: 0.5rem;}
.service-items__page { font-size: 1.5rem; font-weight: bold; color: var(--miko-color); font-family: "Montserrat";}
.service-items__name { font-size: 2.25rem; text-transform: uppercase;}
.service-items__button { margin-top: 1.5rem;}
.service-items__bg { display: block; width: 100%;}
.service-items__avatar { position: absolute; left: 8.3%; top: 5.5%; width: 85.4%;}
.service-items__check { padding-left: 15px; position: relative;}
.service-items__check:before { position: absolute; content: ""; width: 5px; height: 5px; background: #333; border-radius: 50%; left: 0; top: 9px;}

.feedback { padding: 6.25rem 0; padding-left: 3.75rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-end;}
.feedback__title { font-size: 2.25rem; font-weight: normal; color: #000; text-transform: uppercase; position: absolute; left: 3.75rem; top: 6.25rem;}
.feedback__content { width: 50%;}
.feedback__image { width: 50%; border-radius: 16px 0 0 0; overflow: hidden;}
.feedback__image img { /*min-height: 700px;*/
  object-fit: cover;}
.feedback-items { position: relative; padding-bottom: 52px; background: #fff;}
.feedback-items__content { background: #efe9e3; border-radius: 16px 0 0 16px; padding:3rem 3rem 0rem; position: relative; 
  min-height: 442px;}
.feedback-items__date { font-weight: 700; font-size: 0.75rem; color: #000000; padding: 1.25rem 0 0.625rem;}
.feedback-items__desc { width: 60%; font-size: 0.875rem; color: #000000;}
.feedback-items__info { position: absolute; left: 3.75rem; bottom: -2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.feedback-items__avatar { width: 5.625rem; height: 5.625rem; border-radius: 50%; border: 0.625rem solid #fff; -webkit-box-shadow: 0 2px 10px #999; box-shadow: 0 2px 10px #999; overflow: hidden;}
.feedback-items__name { padding: 0 0 0 0.625rem; font-weight: 700; font-size: 0.75rem; color: #000; padding-bottom: 0.875rem; width: calc(100% - 5.625rem);}
.feedback-items__image img { width: 100%; border-radius: 16px 0 0 0;}
.feedback__design { position: absolute; width: 60%; right: 10%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 999;}
.feedback__design__swiper { position: absolute; width: 70%; height: 71%; left: 15%; top: 13%;}
.feedback-items__design img { border-radius: 10px 10px 0 0;}
.feedback-items__scroll { height: 100%; height: 100%; overflow: hidden;}
/*.feedback-pagination { position: absolute; width: calc(50% - 1.875rem); right: 0; bottom: 6.25rem; padding-right: 3.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2;}
.feedback-pagination__progress { width: calc(100% - 45px); background: #ccc; height: 2px; position: relative;}
.feedback-pagination__progress span { position: absolute; width: 0; height: 2px; background: #000; left: 0; bottom: 0;}
.feedback-pagination__fraction { width: 45px; text-align: right; font-weight: 700; font-size: 0.875rem; color: #8b8b8b;}*/

.service-pagination { position: absolute; width: 40%; right: calc(11% + 20px); bottom: 63px; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2;}
.service-pagination__progress { width: calc(100% - 100px); background: #ccc; height: 2px; position: relative;}
.service-pagination__progress span { position: absolute; width: 0; height: 2px; background: #000; left: 0; bottom: 0;}
.service-pagination__fraction { width: 50px; text-align: right; font-weight: 700; font-size: 0.875rem; color: #8b8b8b; text-align: center;}
.service-pagination__nav { width: 30px; display: flex; justify-content: space-between; align-items: center;}

.about-group-4-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: flex-end;}
.about-group-4-pagination__nav { width: 30px; display: flex; justify-content: space-between; align-items: center;}

.team-box-2 { padding: 6.25rem 0 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1024px; margin: 0 auto;}
.team-box-2__left { width: 40%; padding-right: 3rem;}
.team-box-2__right { width: 60%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem;}
.team-box-2__right--about { grid-template-columns: repeat(2, 1fr);}
.team-box-2__title { font-size: 2.25rem; text-transform: uppercase; margin-bottom: 1.5rem;}

.service-group-4 { padding-bottom: 11.25rem;}
.service-group-4 .center-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 3.75rem; position: relative;}
.service-group-4 .center-layout:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(340deg, #70efd1 0, #1bc1c1 100%); border-radius: 1rem; -webkit-transform: rotate(3deg) translate(10px, 70px); transform: rotate(3deg) translate(10px, 70px); z-index: -1;}
.service-group-4__swiper { width: 62.3931623932%; margin: 0;}
.service-group-4__swiper .swiper-wrapper { padding-bottom: 30px;}
.service-group-4__swiper img { width: 100%;}
.service-group-4__swiper .swiper-pagination-bullet { background: #fff; opacity: 1;}
.service-group-4__swiper .swiper-pagination-bullet-active { background: #fff;}
.service-group-4__right { width: 30%; padding-top: 2rem;}
.service-group-4__title { font-size: 2.25rem; text-transform: uppercase; margin-bottom: 2.25rem; color: #fff;}

.blog-group-1 { background: #fff; max-width: 1024px; margin: -5% auto 2.625rem; position: relative; -webkit-box-shadow: 0 1.875rem 3.75rem rgba(0, 0, 0, 0.06); box-shadow: 0 1.875rem 3.75rem rgba(0, 0, 0, 0.06); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 1rem; overflow: hidden; padding: 1rem;}
.blog-group-1__left { width: 49.21875%;}
.blog-group-1__left img { display: block; border-radius: 0.7rem;}
.blog-group-1__right { width: 50.78125%; padding: 1rem 1rem 1rem 2rem;}
.blog-group-1__date { font-family: "Montserrat"; font-weight: 700; color: rgba(0, 0, 0, 0.5);}
.blog-group-1__name { font-family: "Montserrat"; font-weight: 700; margin: 1rem 0 0;}
.blog-group-1__name a { display: block; font-size: 1.5rem; color: #000; text-transform: uppercase; height: 4.5rem; overflow: hidden; text-decoration: none;}
.blog-group-1__view a { text-decoration: none;}
.blog-group-1__view span { font-family: "Montserrat"; font-weight: 700; color: var(--miko-color); font-size: 0.75rem; margin-right: 1rem;}

.blog-group-2 { background: #efe9e3; border-radius: 1rem; padding: 2.75rem 0; margin-bottom: 2.625rem;}
.blog-group-2__content { max-width: 1024px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem;}
.blog-group-2-items img { border-radius: 1rem;}
.blog-group-2-items__info { padding: 1.25rem 2.25rem;}
.blog-group-2-items__name { font-weight: normal; margin: 0;}
.blog-group-2-items__name a { display: block; font-family: "Montserrat"; font-weight: 700; font-size: 1.125rem; color: #000; text-transform: uppercase; text-decoration: none; height: 3.375rem; overflow: hidden;}
.blog-group-2-items__tags { padding: 0 1.875rem; height: 1.875rem; background: #fff; border-radius: 0.938rem; margin-right: 1rem;}

.blog-items { border-radius: 1rem; -webkit-box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.1); padding: 0.75rem 0.75rem 4rem; background: #fff; position: relative;}
.blog-items img { border-radius: 0.375rem; width: 100%;}
.blog-items__date { font-family: "Montserrat"; font-size: 0.75rem; font-weight: 700; color: rgba(0, 0, 0, 0.5); margin-top: 0.625rem;}
.blog-items__date svg { display: inline;}
.blog-items__name { font-weight: normal; margin: 0.625rem 0 0;}
.blog-items__name a { font-family: "Montserrat"; font-weight: 700; font-size: 1.125rem; color: #000; text-transform: uppercase; text-decoration: none;}
.blog-items__desc { margin-top: 1rem;}
.blog-items__view { position: absolute; right: 1.125rem; bottom: 1.125rem;}
.blog-items__view a { text-decoration: none;}
.blog-items__view span { font-family: "Montserrat"; font-weight: 700; color: var(--miko-color); font-size: 0.75rem; margin-right: 1rem;}

.blog-group-3,
.blog-group-4 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; margin-bottom: 2.625rem;}
.blog-group-3 .blog-items:first-child,
.blog-group-4 .blog-items:first-child { grid-column: 1 / 3; grid-row: 1 / 3;}

.blog-group-5 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; margin-bottom: 5.375rem;}
.blog-related { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; margin-bottom: 3rem;}

.about-group-1 { border-radius: 1rem; overflow: hidden; padding: 7.5rem 0 0 6.563rem; position: relative;}
.about-group-1__content { max-width: 1024px; margin: 7.5rem auto 0; position: absolute; left: 0; top: 0;}
.about-group-1__title { font-size: 1.5rem; font-family: "Montserrat"; font-weight: 700; color: rgba(0, 0, 0, 0.5); text-transform: uppercase;}

.contact-group-1 { margin: -5% auto 0; position: relative; background: url("assets/images/2022-12-07/LIEN-HE.webp") no-repeat; background-position: 380px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 1rem; -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.06); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.06);}
.contact-group-1__form { width: 50%; background: #fff; border-radius: 1rem 0 0 1rem; overflow: hidden; padding: 3.75rem;}
.contact-group-1__title { font-family: "Montserrat"; font-weight: 700; font-size: 1.125rem; margin-bottom: 1rem; max-width: 275px;}
.contact-group-1 input:not([type="submit"]),
.contact-group-1 select,
.h-fancybox__body input:not([type="submit"]),
.h-fancybox__body select { display: block !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; height: 42px !important; background: #efe9e3 !important; border-radius: 0.375rem !important; border: 0 !important; padding: 0 1rem !important; color: #000 !important; font-family: "SVNAptima" !important; font-size: 0.875rem !important;}
.contact-group-1 textarea,
.h-fancybox__body textarea { display: block !important; width: 100% !important; height: 150px !important; background: #efe9e3 !important; border-radius: 0.375rem !important; margin-bottom: 0.75rem !important; border: 0 !important; padding: 1rem !important; color: #000 !important; font-family: "SVNAptima" !important; font-size: 0.875rem !important;}
.contact-group-1 input::-webkit-input-placeholder,
.contact-group-1 textarea::-webkit-input-placeholder,
.h-fancybox__body textarea::-webkit-input-placeholder { color: #000;}
.contact-group-1 input:-ms-input-placeholder,
.contact-group-1 textarea:-ms-input-placeholder,
.h-fancybox__body textarea:-ms-input-placeholder { color: #000;}
.contact-group-1 input::-ms-input-placeholder,
.contact-group-1 textarea::-ms-input-placeholder,
.h-fancybox__body textarea::-ms-input-placeholder { color: #000;}
.contact-group-1 input::placeholder,
.contact-group-1 textarea::placeholder,
.h-fancybox__body textarea::placeholder { color: #000;}
.h-fancybox__bodyinput: [type= "submit" ] { display: block; width: 90px; margin: 0 auto;}

#google_language_translator select.goog-te-combo { border: 0;}

.contact-group-2 { margin: 6.25rem auto;}
.contact-group-2 .center-layout-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.contact-group-2__content { width: 40%; padding-right: 3.75rem;}
.contact-group-2__map { width: 60%; height: 480px;}
.contact-group-2__map iframe { display: block; width: 100%; height: 100%; border: 0; border-radius: 1rem;}
.contact-group-2__name { font-family: "Montserrat"; font-weight: 700; font-size: 1.5rem; color: rgba(0, 0, 0, 0.5); text-transform: uppercase;}
.contact-group-2__desc { font-size: 1.5rem; color: var(--miko-color); margin-bottom: 3.75rem;}

#comments .comment-respond { background-color: rgba(0, 0, 0, 0.05); margin-top: 15px; padding: 15px 25px 30px;}
.comment-form-comment label { display: block;}
.comment-form-comment label { display: block; width: 100%;}

@keyframes scroll-animation { 
  to { transform: translateY(20px);} 
}

.scroll-animation { position: fixed; left: 155px; bottom: 50px; z-index: var(--zindex-fixed); color: #000; font-family: "Montserrat"; font-size: 12px; font-weight: 600; writing-mode: vertical-lr; animation: scroll-animation 1s linear 0s infinite alternate;}
.scroll-animation:after { position: absolute; content: ""; width: 1px; height: 100px; background: #000; left: 50%; top: 45px;}

.scroll-top { position: fixed; right: 57px; bottom: -15px; z-index: var(--zindex-fixed); background: transparent; border: 0; cursor: pointer;}
#getpassCode { -webkit-touch-callout: all; -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all;}
.online-support { position: fixed; right: 50px; bottom: 165px; z-index: var(--zindex-fixed);}
.online-support-items { width: 48px; height: 48px; background: #34d5d1; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-top: 14px; cursor: pointer;}

.hmmenu__button { display: none; background: transparent; position: fixed; right: 16px; top: 22px; width: 30px; height: 23px; padding: 0; border: 0; z-index: var(--zindex-modal); transition: all 0.3s;}
.hmmenu__button.hmmenu-open-click { z-index: var(--zindex-tooltip);}
.hmmenu__button.fixed { transform: translateX(60px);}
.hmmenu__button span { width: 100%; height: 3px; background: #5f5f5f; border-radius: 3px; pointer-events: none; transform-origin: 50% 50%; transition: all 0.3s ease-in-out;}
.hmmenu__button span:nth-child(3) { width: 20px;}
.hmmenu__button.hmmenu-open-click span { background: #fff;}
.hmmenu__button.hmmenu-open-click span:nth-child(1) { width: 15px; transform: rotate3d(0, 0, 1, 45deg) translate(5px, 2px);}
.hmmenu__button.hmmenu-open-click span:nth-child(3) { width: 15px; transform: rotate3d(0, 0, 1, -45deg) translate(5px, -2px);}

.search-result { padding-top: 3rem; padding-bottom: 3rem;}

@keyframes animatedgradient { 
  0% { background-position: 0% 50%;}
  50% { background-position: 100% 50%;}
  100% { background-position: 0% 50%;}
}
.not-found { padding-top: 3rem; padding-bottom: 3rem; font-family: "Montserrat";}
.not-found__top { display: flex; justify-content: space-between; margin-bottom: 2rem;}
.not-found__left { width: 50%;}
.not-found__right { width: 48%; padding-top: 2rem;}
.not-found__post-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2rem;}
.not-found__form { display: flex; background: #fff; position: relative; border-radius: 18px; margin-bottom: 3rem;}
.not-found__form:after { position: absolute; content: ""; left: -2px; top: -2px; width: calc(100% + 4px); height: calc(100% + 4px); background: var(--miko-gradient); border-radius: 50px; z-index: -1; animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%;}
.not-found__form input[type="text"] { width: calc(100% - 130px); height: 36px; border: 0; font-size: 0.875rem; padding-left: 0.625rem; font-family: "Montserrat"; border-radius: 18px;}
.not-found__form input[type="text"]::placeholder { color: #999; font-size: 0.875rem;}
.not-found__form button { width: 130px;}
.miko__language { width: 60px; height: 30px; display: flex; align-items: center; position: relative;}
.miko__language:before { content: ""; position: absolute; left: 5px; top: 5px; width: 50px; height: 20px; background: #faf5f0; border-radius: 4px;}
.miko__language:after { content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: var(--miko-gradient); border-radius: 8px; transform: rotate(45deg); transition: all 0.3s;}
.miko__language.active:after { left: 30px; transform: rotate(100deg);}
.miko__language-option { padding: 0; background: transparent; border: 0; cursor: pointer; position: absolute; left: 5px; top: 5px; z-index: 40; font-size: 10px; font-weight: bold; color: #000; text-align: center; width: 25px; height: 20px; line-height: 19px;}
.miko__language-option:last-child { left: 30px; top: 5px;}
.miko__language-option.active { width: 30px; height: 30px; left: 0; top: 0; font-size: 12px; color: #fff; line-height: 30px;}
.miko__language-option:last-child.active { width: 30px; height: 30px; left: 30px; top: 0; font-size: 12px; color: #fff; line-height: 30px;}
.goog-te-banner-frame.skiptranslate { display: none !important;}

.blog-items-desk-mt .not-found__form { margin-bottom: 0.5rem; margin-top: 1rem;}
.blog-items-desk-mt .not-found__form .hbtn{ padding:0 !important;}

.career { display: flex; justify-content: space-between; padding-bottom: 3rem; font-family: "Montserrat";}
.career__left { width: 65%;}
.career__right { width: 33%;}
.career__right .recruitment-item { margin-bottom: 30px;}
.career__summary { background: #fff; box-shadow: 0 30px 60px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 30px 60px rgb(0 0 0 / 10%); padding: 2rem; border-radius: 1rem; margin-bottom: 3rem;}
.career__summary table { margin-bottom: 2rem;}
.career__summary table td { vertical-align: top; padding: 5px 0;}
.career__left .team-box-7 { border-radius: 1rem;}
.career__summary--mobile { display: none;}

.post-detail { display: flex; font-family: "Montserrat"; font-size: 19px; /*-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/
}
.post-detail .entry-title { margin-bottom: 0.5rem;}
.post-detail__image { border-radius: 1rem; overflow: hidden; box-shadow: 0 30px 60px rgb(0 0 0 / 10%);}
.post-detail__image img { display: block; height: auto;}
.post-detail__left { width: 67%; padding-right: 15px; overflow: hidden;}
.post-detail__left iframe{ max-width: 100%;}
.post-detail__right { width: 33%; padding: 20px 0 3rem 15px;}
.post-detail__sub-title { font-family: "Montserrat"; font-weight: bold; font-size: 1.25rem; margin-bottom: 1rem;}
.post-detail__author { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 2rem; font-size: 0.875rem;}
.post-detail__author b { font-weight: 500; color: #1bc1c1; margin-left: 1rem;}
.post-detail__author span { color: #555;}
.post-detail__google-new { display: flex; align-items: center; color: rgb(216, 62, 62); font-size: 0.875rem; text-decoration: none; line-height: 20px;}
.post-detail__google-new img { margin-left: 0.5rem; margin-bottom: -2px;}
.post-related { padding: 0; margin: 0; list-style-type: none;}
.post-related li { display: flex; margin-bottom: 1.25rem;}
.post-related li:last-child { display: flex; margin-bottom: 0rem;}
.post-related__image { width: 41%;}
.post-related__image img { border-radius: 0.625rem;}
.post-related__info { width: 59%; padding-left: 20px;}
.post-related__name { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: left; font-weight: bold; color: #000; text-decoration: none; font-size: 0.875rem; margin: 0 0 0.625rem; transition: all 0.3s; font-family: "Montserrat";}
.post-related__name:hover { color: var(--miko-color);}
.post-related__date { font-size: 0.625rem; color: #999;}

.post-detail-service-list { padding: 3rem 0 0; margin: 0; list-style-type: none; position: sticky; top: 0;}
.post-detail-service-list li { margin-bottom: 1rem; padding: 0.313rem; border-radius: 0.625rem; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); display: flex;}
.post-detail-service-list li .img { width: 41%; border-radius: 0.313rem; overflow: hidden;}
.post-detail-service-list li a:last-child { width: 59%; padding-left: 15px; color: #000; font-size: 0.875rem; font-weight: 700; text-decoration: none;}
.post-detail-service-list li a:last-child:hover { color: var(--miko-color);}

.post-detail-service-swiper { margin-bottom: 2rem;}
.post-detail-service-swiper .swiper-slide { position: relative; border-radius: 0.625rem; overflow: hidden;}
.post-detail-service-swiper .swiper-slide a:last-child { display: block; background: var(--miko-gradient); text-decoration: none; font-weight: 500; color: #fff; padding: 0.625rem;}

.service-img{ width:140px; }
.service-img a{ width:100% !important; padding-left:0 !important; }
.service-info{ width: calc( 100% - 150px ); }
.service-info a{ width:100% !important; padding-left:0 !important; display: block;}
.service-desc{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size:0.825rem; }
.service-desc p{ margin:0; }

.view-more { color: #000; font-size: 0.875rem; text-decoration: none;}
.view-more span { padding-right: 0.625rem;}
.view-more:hover { color: var(--miko-color);}
.view-more:hover path { stroke: var(--miko-color);}
:root { --swiper-navigation-size: 22px;}
.swiper-button-next,
.swiper-button-prev { color: var(--miko-color);}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; max-width: 100%;}

.wp-embed-aspect-4-3 .wp-block-embed__wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 75%;}
.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; max-width: 100%;}

.wp-embed-aspect-3-2 .wp-block-embed__wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 66.66%;}
.wp-embed-aspect-3-2 .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; max-width: 100%;}

.wp-embed-aspect-8-5 .wp-block-embed__wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 62.5%;}
.wp-embed-aspect-8-5 .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; max-width: 100%;}

.wp-embed-aspect-1-1 .wp-block-embed__wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 100%;}
.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; max-width: 100%;}

.h-fancybox { display: none; border-radius: 10px; padding: 0;}
.h-fancybox__header { padding: 15px 30px; font-weight: bold; font-size: 1.25rem; border-bottom: 1px solid #ddd;}
.h-fancybox__body { padding: 20px 30px;}
.h-fancybox__footer { padding: 20px 30px;}

.rank-math-breadcrumb { font-family: "Montserrat"; font-size: 0.875rem; color: #333; margin-top: 3rem;}
.rank-math-breadcrumb a { color: #333 !important; text-decoration: none !important;}
.slick-slide img { display: inline-block !important;}
.banner--mobile { display: none;}
h1 { font-weight: 600; font-size: 40px;}

h2 { font-weight: bold; font-size: 30px;}

h3 { font-weight: bold; font-size: 24px;}

h4 { font-weight: bold; font-size: 20px;}

h5 { font-weight: bold; font-size: 17.5px;}
.entry-content{font-size: 17.5px; font-family: 'Roboto', sans-serif; }

.pagination { margin-bottom: 5rem;}
.nav-links { display: flex; justify-content: center;}
.nav-links .page-numbers { text-decoration: none; min-width: 40px; height: 40px; padding: 0 1rem; margin: 0 5px; text-align: center; line-height: 35px; background-color: #fff; border-radius: 20px; border: 2px solid rgba(0, 0, 0, 0.05); font-size: 0.875rem; font-weight: 400; color: #000;}
.nav-links a.page-numbers:hover { border-color: var(--miko-color); color: var(--miko-color);}
.nav-links .page-numbers.current { background-color: var(--miko-color); border-color: var(--miko-color); color: #fff;}
.policy--mobile { display: none;}
.swiper-pagination--bottom { bottom: 0 !important;}

.page-template-webecommercedesign .web-design-block-6 .benefit-items__content { height: auto;}

.display_mobile{ display:none; font-family: "Montserrat";}
.display_desktop{ display:block; }

.display_mobile_img{ display:none; }
.display_desktop_img{ display:block; }

.pd075{ padding:.75rem !important; }
.pd-20{ padding-top:2rem; padding-bottom:2rem; }
.pdx-0{ padding-left: 0; padding-right: 0; }
.blog-items-1-line-first{ margin-bottom: 15px; padding-bottom: 1rem; position: relative; }
.blog-items-1-line{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; padding: 0.75rem; }
.blog-items-1-line .blog-items-1-line--img{ width: 30%; }
.blog-items-1-line .blog-items-1-line--content{ width: 70%; padding-left: 2%; }
.blog-items-1-line .blog-items-1-line--content .blog-items__name{ margin-top: 0; }
.mt-text-center{ text-align: justify; margin: 0 -4px; }
.mt-text-center--item{ display: inline-block; border:1px solid var(--miko-color); border-radius:8px; margin: 4px;}
.mt-text-center--item a{ display:block; padding:5px 10px; text-decoration: none; font-size: 0.9rem;}
.mt-text-center .blog-items { margin-bottom: 1rem; }
.mt-text-center .blog-items:last-child { margin-bottom: 0rem; }

.blog-items-views{ border-bottom: 1px solid #ddd;  }
.blog-items-views:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.roll-horizital{ overflow-x: scroll; }
.roll-horizital::-webkit-scrollbar { width: 0px; height: 0px;}
.roll-horizital::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.roll-horizital::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.roll-horizital::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.roll-horizital::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.roll-horizital::-webkit-scrollbar-corner { background-color: #ffffff;}}
.roll-horizital::-webkit-resizer { background-color: #666;}

.w-full-mobile{ width: 80vw; }
.w-full-mobile .group{ width: 70vw; padding-bottom: 75px; }
.nowrap{ white-space: nowrap; }
.nowrap-normal{ white-space: normal; }
.pb-1rem{ padding: 1rem; }

.roll-horizital .text-2xl.nowrap-normal{ font-size: 1.25rem; }
.service-xemthem{ height: 70px; overflow:hidden; position:relative; transition:all 0.5s; }
.service-xemthem:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 90%; opacity: 1; transition: all 0.3s; background: -moz-linear-gradient( 0deg, rgba(250, 245, 240, 1) 40%, rgba(250, 245, 240, 0) 100% ); background: -webkit-gradient( linear, 0deg, color-stop(40%, 1bc1c1), color-stop(100%, 70efd1) ); background: -webkit-linear-gradient( 0deg, rgba(250, 245, 240, 1) 40%, rgba(250, 245, 240, 0) 100% ); background: -o-linear-gradient( 0deg, rgba(250, 245, 240, 1) 40%, rgba(250, 245, 240, 0) 100% ); background: -ms-linear-gradient( 0deg, rgba(250, 245, 240, 1) 40%, rgba(250, 245, 240, 0) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient( 0deg, rgba(250, 245, 240, 1) 40%, rgba(250, 245, 240, 0) 100% );}

.service-xemthem-btn{ position:absolute; left:0; bottom:0; z-index:1; color:#1bc1c1; }
.service-xemthem-btn svg{ width: 12px; display: inline;}
.service-xemthem-btn svg path{ fill: #1bc1c1;}

.service-xemthem-active{ padding-bottom: 30px; }
.service-xemthem-active:after{ opacity:0; transition: all 0.3s; }

.roll-horizital>.nowrap{ padding-left: 16px; }
.pdx-0 .post-detail__sub-title{ padding-left: 16px; }

.roll-horizital .absolute{ bottom:2rem }

.post-related__date svg{display: inline;}
.category-post{ margin-bottom: 0rem; }
.category-post:last-child{ margin-bottom: 0rem; }
.category-post li:first-child{ border-top: none; }
.category-post .post-related__name{ margin-bottom: 0.3rem; }

.nowrap-tuyendung{white-space: nowrap; overflow-x: scroll;}
.nowrap-tuyendung::-webkit-scrollbar { width: 0px; height: 0px;}
.nowrap-tuyendung::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.nowrap-tuyendung::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.nowrap-tuyendung::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.nowrap-tuyendung::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.nowrap-tuyendung::-webkit-scrollbar-corner { background-color: #ffffff;}}
.nowrap-tuyendung::-webkit-resizer { background-color: #666;}

.grid-tuyendung { width: 75vw; padding-right: 15px; position: relative; /*padding-bottom: 3rem;*/}
.mt-item-tuyendung{ padding: 10px 0; border-bottom: 1px #ddd solid; min-height: 70px; width: calc( 75vw - 15px ); }
.mt-item-tuyendung:last-child{ border-bottom: none; }
.mt-item-tuyendung .mt-item-tuyendung__image{ width: 100px; }
.mt-item-tuyendung .mt-item-tuyendung__content{ width: calc( 100% - 100px ); padding-left: 10px; }
.mt-item-tuyendung a{white-space: normal; font-weight: bold; color: #000; text-decoration: none; font-size: 0.875rem;}
.mt-item-tuyendung .mt-item-tuyendung__desc{white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 0.8rem; color: #999;}
.pdb0{ padding-bottom: 0; }
.tuyendung-viewall{ position: initial; }


.first-section-blog{ padding-top: 0px; margin-top: -5%; }
.blog-items-1-line-first .blog-items__desc { /*padding-bottom: 30px;*/ }

.footer__title{ position: relative; }
.footer__title span{ position: absolute; right: 0px; top: 0px; padding: 3px 5px; line-height: 1; display: none;}
.footer__title span svg{ width: 14px; display: inline;}
.footer__title span svg path{ fill: #000;}

.footer-view-mobile{ display:none; }

.box-cert-mobile{ padding-bottom: 6px; padding-top: 1rem; margin: 0 !important; }
.box-cert1-mobile{ padding-bottom: 1rem; }
.footer-mobile-hidden--content{   }

.footer__logo__mobile{ display: none; }
.blog-items__date .post-views{ display: inline; }

.left-post-content{ width:66%; }
.right-post-content{ width:30%; }

.mgt-2{ margin-top: 2rem; }
.blog-group-fullwidth{ padding-bottom:1.5rem; }
.blog-group-fullwidth img{ padding-bottom:1.5rem; width: 100%; height:auto; }

.blog-group-fullwidth-1{ padding:15px 0;  border-top:1px solid #eee }
.blog-group-fullwidth-1-img{ width:31%; }
.blog-group-fullwidth-1-info{ width:68%; }

.blog-items-1-line-first { margin-bottom: 15px; padding-bottom: 1rem; position: relative;}
.desktop-post-view .blog-items__name a{font-family: "Montserrat"; font-weight:700; font-size: .95rem; color:#000; display:block; text-transform:uppercase; text-decoration:none;}

.mt-text-center--item-desktop{ display:inline-block; margin: 4px 2px;}
.mt-text-center--item-desktop a{ padding: 0.625rem 1rem; display: block; border-radius: 10px; font-weight: 500; font-size: 1rem; color: #fff; text-align: center; text-decoration: none; cursor: pointer; background-size: 400% auto; background: var(--miko-gradient); -webkit-transition: all 0.3s; transition: all 0.3s; }

.w-full-desktop{ width: 100%; }
.w-full-desktop .group { width: 100%; padding-bottom: 75px;}

.mt-item-tuyendung-desktop { padding: 10px 0; border-bottom: 1px #ddd solid; width: 100%;font-family: "Montserrat";}
.mgb-2{margin-bottom: 2rem;}

.blog-items-desk-mt { border-radius: 1rem; -webkit-box-shadow: 0 0rem 1rem rgb(0 0 0 / 5%); box-shadow: 0 0rem 1rem rgb(0 0 0 / 5%); padding: 0.75rem 0.75rem 4rem; background: #fff; position: relative;}

.category-post1 { }
.category-post1 li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

.post-detail-service-list1{ padding-left:0; }
.post-detail-service-list1 li { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; display: flex;}
.post-detail-service-list1 li .service-img1 { width: 40%; overflow: hidden;}
.post-detail-service-list1 li .service-img1 .img { width: 100%; overflow: hidden;}
.post-detail-service-list1 li .service-info1 {width: 57%;}
.post-detail-service-list1 li .service-info1 a{font-family: "Montserrat"; color: #000; font-size: 0.875rem; font-weight: 700; text-decoration: none;}
.post-detail-service-list1 li .service-info1 .service-desc1{ margin-top: 5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.post-detail-service-list1 li .service-info1 .service-desc1 p{ margin: 0}

@media screen and (max-width: 1600px) { .feedback__image { width: 55%;}
  .feedback__content { width: 44%;}
  .feedback-items__desc { width: 70%; }
  .feedback__design { width: 64%; right: 7%; top: 53%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 999;}
  .feedback__image img { min-height: 585px; object-fit: cover;}

  .website-items__name { font-size: 1.2rem; }
  .website-items__info{ padding: 1rem 1.5rem;}
  .feedback__title { top: 4rem;}
}
@media screen and (max-width: 1440px) { .website__left {  padding: 200px 0; }
    .website__left__content { padding: 0 30%;}
    .hosting-4__left, .hosting-3 { padding-left: 1rem; }
    .web-design-block-16 { padding: 6.25rem 0; }
    .feedback__design { width: 65%; right: 7%; top: 48%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 999;}
    .feedback__image img { min-height: 585px; object-fit: cover;}
}
@media screen and (max-width: 1300px) { .feedback-items__content { background: #efe9e3; border-radius: 16px 0 0 16px; padding: 1.688rem 1.625rem 0rem; position: relative; min-height: 442px;}
.website-items__name { font-size: 1.25rem; }

}
@media screen and (max-width: 1200px) { 
.mouse-cursor{display: none;}
    .header__nav a {  font-size: 0.75rem; }
  .header__nav__sub {  width: 245px; }
  .website__left { padding: 150px 0; }
  .website__left__content {  padding-right: 20%; }
  .feedback-items__content { padding: 2rem 2.625rem 6rem; }
  .feedback__image img { min-height: 600px;}
  .feedback-items__desc { width: 82%;}
  .about-group-7 {  position: relative;  }
  .about-group-7 .contact { border-radius: 0; }
  .about-group-7 .center-layout {  padding-left: 0 !important;  padding-right: 0 !important; }
  .blog-group-2, .team-box-7 {  border-radius: 0;  }
  .service-group-4 .center-layout:after {   transform: translateY(50px); }

  .feedback { padding: 6.25rem 0; padding-left: 1.75rem; }
  .feedback__title { font-size: 1.9rem; }
  .feedback-items__info { left: 1.75rem; }
}
@media screen and (max-width: 1024px) { .blog-group-2-items__info {  padding: 0;  padding-top: 1.25rem; }
  .blog-group-2-items {  padding: 0 1.8rem 1.8rem;  }
  .web-design-block-6 {  padding-left: 1rem;  }

}
@media screen and (max-width: 992px) { .blog-group-5{ grid-template-columns: repeat(3, 1fr); }
  .w-full-mobile{ width: 45vw; }
  .w-full-mobile .group{ width: 42vw; padding-bottom: 75px; }

  .display_mobile{ display:block; margin-bottom: 3rem; }
  .display_desktop{ display:none; }
  .display_mobile_img{ display:block; }
  .display_desktop_img{ display:none; }

  .left-post-content{ width:100%; margin-bottom: 2rem;}
  .right-post-content{ width:100%; }
  .category-post{ margin-bottom: 2rem; }


  .main-title { font-size: 30px; }

  .display_mobile .post-related li{padding: 10px 0; border-top: 1px solid #ddd; margin-bottom: 0;}
  .display_mobile .post-related li:first-child{padding: 10px 0; padding-top: 0; border-top:none; margin-bottom: 0;}

  .cert-img img {  height: 32px; max-height: 32px; width: auto; }

  .domain-3__title:after {  width: 98%; }
  .cursor { display: none; }
  .header__right { padding-right: 40px; width: auto; }
  .header__nav,.header__button {  display: none;  }
  .header {  position: fixed;  left: 0;  right: 0;  top: 0;  z-index: var(--zindex-modal);  background-color: #fff;  }
  .header.shadow {  box-shadow: 0 0 3px rgb(0 0 0 / 21%);  }
  .hmmenu__button { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; }
  .website__left { padding: 100px 0;}
  .about-us-node { left: 20px; }
  .about-us-node2 { right: 16px; }
  .about-us__content { padding: 0 60px;}
  .feedback {  flex-direction: column;  align-items: flex-start;  padding-left: 0; }
  .feedback__title { position: relative; left: initial; top: initial; padding: 0 30px; margin-bottom: 1.5rem; }
  .feedback__content { width: 100%; padding: 0 30px; }
  .feedback__image { width: 100%; border-radius: 0; }
  .feedback__design { position: relative; right: 0; top: 0; transform: initial; width: 100%; margin: -200px auto 0;  }
  .feedback-items__content { border-radius: 16px 16px 0 0; padding: 2rem; }
  .feedback-items__info { position: relative; left: initial; bottom: initial; margin-top: 2rem; }
  .feedback-items { padding-bottom: 0; }
  .feedback-items__image img { border-radius: 0; }
  .feedback-pagination { right: initial; left: 50%; transform: translateX(-50%); padding-right: 0; }
  .feedback-items__desc {  width: 100%;  }
  .feedback__image img {  min-height: initial; }
  .online-support { right: initial; left: 10px; }
  .scroll-top { right: 5px; }
  .design-banner-info {  left: 30px;  width: 50%;  }
  .about-group-3__left {  margin-top: 0; }
  .hero .center-layout { padding-left: 0 !important; padding-right: 0 !important;  }
  .hero .design-banner-contain {  border-radius: 0; }
  .blog-group-2 { border-radius: 0; }
  .team-box-5__grid { grid-template-columns: repeat(3, 1fr); }
  .service-group-1 { width: 100%; transform: initial;}
  .service__swiper {  position: relative; left: initial; bottom: initial;  padding-bottom: 0;  }
  .service-group-1 > svg {  display: none;}
  .service-items { flex-direction: column; }
  .service-items__left { width: 100%; padding-right: 10px; }
  .service-pagination { bottom: 10px;}
  .service-group-4 .center-layout { padding-top: 30px; padding-bottom: 30px; }
  .service-group-4 .center-layout:after { transform: translateY(0); border-radius: 0; }
  .web-design-block-2__circle { width: calc(100vw - 180px); height: calc(100vw - 180px); }
  .web-design-block-6 .swiper-slide { width: calc(50% - 50px); }
  .criteria { display: none;}
  .criteria--mobile { display: block;  }
  .copyright .center-layout { flex-direction: column; align-items: center; }
  .hosting-3 { flex-direction: column; }
  .hosting-3__left { width: 100%; max-width: 330px; margin-bottom: 3.125rem;  }
  .hosting-3__right { width: 100%; padding-left: 0;}
  .hosting-4 { flex-direction: column; }
  .hosting-4__left { padding: 0 1rem; width: 100%; margin-bottom: 3.125rem; }
  .hosting-4__right { width: 100%; padding: 0 1rem;}
  .hosting-5 { padding-right: 16px; }
  .hosting-5:before { width: calc(100% - 19px);  }
  .hosting-5:after { left: calc(100% - 29px);}
  .hosting-5__swiper { padding-left: 10px; }
  .hosting-7-items { padding: 1.5rem 1rem; border-right: 0;}
  .hosting-9 { padding: 3.125rem 0;}
  .web-design-block-23 { position: relative; }
  .web-design-block-23:after { content: ""; position: absolute; width: 100%; height: 90%; left: 0; bottom: 0; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efe9e3), to(#faf5f0) ); 
    background: linear-gradient(180deg, #efe9e3 0, #faf5f0 100%);
  }
  .web-design-block-23__right { position: initial; height: auto; left: initial; bottom: initial;  background: initial; }
  .web-design-block-23__content { width: 100%;}
  .web-design-block-23 .center-layout { justify-content: center;}
}
@media screen and (max-width: 768px) { .service-sticky{ position: relative; }
    .pd0__mobile_layout{ padding: 0; }
    .w-100{ width:100%; }
    .post-related__info.w-100{ width:100%; padding-left: 0; margin-top: 10px; }
    h1 { font-size: 30px; }
    h2 { font-size: 25px; }
    .blog-group-5{ grid-template-columns: repeat(2, 1fr); }
    .footer__title span{ position: absolute; right: 10px; top: 8px; padding: 3px 5px; line-height: 1; display: block;}
    .footer__title span svg{ width: 12px; display: inline;}
    .footer-mobile-hidden{ height:0px; overflow:hidden; transition: all 0.5s; }
    .non-view-mobile{ display: none; }
    .footer-view-mobile{ display:block; }
    .footer__title { margin-bottom: 0; margin-top: 0; padding: 8px 16px; border-top:1px solid #ddd; }
    .footer__logo__mobile_hidden { visibility: hidden; width: 0; height: 0; overflow: hidden; margin: 0;}
    .footer__logo__mobile{ display: block; margin-bottom: 1rem; padding: 0 16px; position: relative;}
    .footer__logo__mobile span { position: absolute; right: 10px; top: 8px; padding: 3px 5px; line-height: 1; display: block;}
    .footer__logo__mobile span svg{ width: 12px; display: inline;}

    .footer__dkkd { padding-top: 1rem; border-top:1px solid #ddd; }
    .contact {  margin: 0; }
    .footer-mobile-hidden--content { padding: 0 16px; }
    /* 
      .web-design-block-1__desc, .web-design-block-2__desc, .web-design-block-2__content, .web-design-block-4__content, .web-design-block-5__desc, .web-design-block-6 .benefit-items__content, .web-design-block-7__desc, .criteria__desc, .web-design-block-8__desc, .web-design-block-8__sub-title, .why-choose-wp-items__name, .why-choose-wp-items__desc, .web-design-block-9__desc, .web-design-block-10__desc, .step-items__desc, .web-design-block-11__desc, .why-choose-miko-items__desc, .web-design-block-13-items__desc, .web-design-block-13__desc, .web-design-block-15__desc, .post-items__desc, .web-design-block-16__desc, .web-design-block-16__info, .faq__desc, .faq-items__header h3, .faq-items__content, .page-template-webdesign .footer, .page-template-webdesign .footer__link span {     font-size: 1rem;   } 
    */
  .domain-5 { background: initial; padding: 3rem 0;}
  .domain-1__list { grid-template-columns: repeat(3, 1fr);}
  .domain-3__grid .center-layout-2 { grid-gap: 1.5rem;}
  .hosting-10 .swiper-wrapper { flex-wrap: wrap; justify-content: center;}
  .hosting-10 .swiper-pagination { display: none;}
  .hosting-10__swiper .swiper-slide { width: 50%;}
  .hosting-10__swiper .img { display: flex; justify-content: center; align-items: center; height: 90px; padding: 1rem;}
  .post-items__desc { height: 6rem;}
  #hcontainer { padding-top: 66px;}
  /*.web-design-block-11__swiper-prev,
  .web-design-block-11__swiper-next { display: none;}*/
  .web-design-block-11__swiper { width: 100%;}
  .scroll-animation { left: 50%; margin-left: -7px;}
  .website { margin-top: 60px;}
  .website:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: calc(100% - 90px); border-radius: 0; background: linear-gradient(0deg, #70efd1 0, #1bc1c1 100%); z-index: -1;}
  .website__left { width: 100%; transform: initial; padding: 45px 0;}
  .website__left:before { display: none;}
  .website__right { width: 100%; position: relative; right: initial; top: initial; transform: initial; padding: 0 30px; max-width: 600px; margin: 0 auto;}
  .website__swiper .swiper-slide { width: calc(50% - 8px);}
  .website__left__content { padding: 0 50px; max-width: 500px; margin: 0 auto;}
  .website__title,
  .website__name,
  .website__desc { text-align: center;}
  .website__left__content > .d-flex { justify-content: center !important;}
  .website__name { font-size: 1.875rem; margin-bottom: 1.5rem;}
  .feedback__design { margin: -100px auto 0;}
  .feedback-pagination { width: 70%;}
  .footer__grid { display: block; grid-template-columns: 100%; grid-gap: 0rem;}
  .design-banner-contain img { object-fit: cover;}
  .design-banner-info { width: 100%; left: 0; top: 2rem; transform: initial;}
  .design-banner-title,
  .design-banner-description { text-align: center;font-size: 28px; line-height: 1.4;}
  .design-banner-contain:after { 
    background: -moz-linear-gradient(180deg, rgba(27, 193, 193, 1) 25%, rgba(112, 239, 209, 0) 100%); 
    background: -webkit-gradient(linear, 180deg, color-stop(25%, 1bc1c1), color-stop(100%, 70efd1)); 
    background: -webkit-linear-gradient(180deg, rgba(27, 193, 193, 1) 25%, rgba(112, 239, 209, 0) 100%); 
    background: -o-linear-gradient(180deg, rgba(27, 193, 193, 1) 25%, rgba(112, 239, 209, 0) 100% ); 
    background: -ms-linear-gradient(180deg, rgba(27, 193, 193, 1) 25%, rgba(112, 239, 209, 0) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); 
    background: linear-gradient(180deg, rgba(27, 193, 193, 1) 25%, rgba(112, 239, 209, 0) 100%);
  }
  .about-group-3 .center-layout-2 { flex-direction: column-reverse;}
  .about-group-3__left { width: 100%; margin-top: 2rem;}
  .about-group-3__right { width: 100%;}
  .about-group-3__right img { width: 100%;}
  .team-box-2 .center-layout-2 { flex-direction: column;}
  .team-box-2__left { width: 100%; padding-right: 0; text-align: center;}
  .team-box-2__right { width: 100%; margin-top: 2rem; grid-template-columns: repeat(2, 1fr);}
  .team-box-6 { padding-bottom: 0;}
  .team-box-6 .center-layout { flex-direction: column-reverse;}
  .team-box-6__video { width: 100%; margin-top: 2rem;}
  .team-box-6__content { width: 100%; padding-left: 0;}
  .team-box-6:after { width: 100%; height: calc(100% - 2rem); border-radius: 0;}
  .about-group-5 .center-layout-2 { flex-direction: column;}
  .about-group-5__left { width: 100%; margin-top: 0;}
  .about-group-5__right { width: 100%; margin-top: 2rem;}
  .about-group-5__right img { width: 100%;}
  .about-group-6-img img { min-height: 936px; object-fit: cover;}
  .about-group-6__main { max-width: 320px; display: block; margin: 2.813rem auto 0;}
  .about-group-6-img::after { 
    background: -moz-linear-gradient(174deg, #faf5f0 30%, rgba(112, 239, 209, 70%) 50%, rgba(112, 239, 209, 0%) 100%); 
    background: -webkit-gradient(linear, 174deg, color-stop(30%, FAF5F0), color-stop(50%, 70efd1), color-stop(100%, 70efd1)); 
    background: -webkit-linear-gradient( 174deg, #faf5f0 30%, rgba(112, 239, 209, 70%) 50%, rgba(112, 239, 209, 0%) 100%); 
    background: -o-linear-gradient( 174deg, #faf5f0 30%, rgba(112, 239, 209, 70%) 50%, rgba(112, 239, 209, 0%) 100%); 
    background: -ms-linear-gradient( 174deg, #faf5f0 30%, rgba(112, 239, 209, 70%) 50%, rgba(112, 239, 209, 0%) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); 
    background: linear-gradient( 174deg, #faf5f0 30%, rgba(112, 239, 209, 70%) 50%, rgba(112, 239, 209, 0%) 100%);
  }
  .contact-group-1 { flex-direction: column; background-position: bottom center; object-fit: cover;}
  .contact-group-1__form { width: 100%; border-radius: 1rem 1rem 0 0; padding: 1.8rem;}
  .contact-group-1__image { width: 100%; min-height: 400px;}
  .contact-group-2 .center-layout-2 { flex-direction: column; padding-left: 0 !important; padding-right: 0 !important;}
  .contact-group-2__content { width: 100%; padding: 1rem;}
  .contact-group-2__map { width: 100%;}
  .contact-group-2__map iframe { border-radius: 0;}
  .blog-group-3,
  .blog-group-4 { grid-template-columns: repeat(2, 1fr);}
  .blog-group-1 { flex-direction: column;}
  .blog-group-1__left { width: 100%;}
  .blog-group-1__right { width: 100%; padding: 1.8rem;}
  .team-box-1 { flex-direction: column-reverse;}
  .team-box-1__image { width: 100%;}
  .team-box-1 img { width: 100%; border-radius: 0 0 1rem 1rem;}
  .team-box-1__right { width: 100%; padding: 1.8rem;}
  .team-box-3 { flex-direction: column; padding-top: 0; padding-bottom: 0; overflow: initial;}
  .team-box-3:after { height: 100%;}
  .team-box-3__image { width: 100%; -webkit-transform: translateX(0%); transform: translateX(0%); margin-bottom: 2rem; margin-top: -1rem; padding: 0 1rem;}
  .team-box-3__content { width: 100%; padding-left: 10px;}
  .team-box-4 { padding-top: 2rem;}
  .team-box-4__grid { grid-template-columns: repeat(2, 1fr);}
  .team-box-5__grid { grid-template-columns: repeat(2, 1fr);}
  .team-box-7 { padding-left: 10px; padding-right: 10px;}
  .team-box-7__form { display: flex; flex-direction: column; align-items: center;}
  .design-flex { width: 100%; margin-top: 0 !important; text-align: left;}
  .design-flex:nth-child(even) { text-align: right;}
  .service-items__left { flex-direction: column;}
  .service-items__image { width: 100%;}
  .service-items__info { width: 100%; padding: 0 10px;}
  .service-items__next { display: none;}
  .service-pagination { width: calc(100% - 190px); right: initial; left: 180px;}
  .service-group-4 .center-layout { flex-direction: column-reverse; padding: 30px 10px;}
  .service-group-4__swiper { width: 100%;}
  .service-group-4__right { width: 100%; margin-bottom: 20px;}
  .about-group-4--mobile { display: block;}
  .about-group-4__grid { display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 10px; overflow: hidden;}
  .about-group-4 { display: none;}
  .swiper-about-item:nth-child(even) { margin-top: 0;}
  .banner--mobile { display: block;}
  .banner--mobile img { width: 100%;}
  .banner--desktop { display: none;}
  .web-design-block-6 .swiper-slide { width: calc(100% - 50px);}
  .web-design-block-8 .center-layout { flex-direction: column;}
  .web-design-block-8__left { width: 100%; margin-bottom: 2rem;}
  .web-design-block-8__right { width: 100%;}
  .web-design-block-8__bottom { padding-left: 1rem; padding-right: 1rem;}
  .web-design-block-8__bottom:before { width: calc(100% - 19px);}
  .web-design-block-8__bottom .custom-swiper-next { left: calc(100% - 29px);}
  .step { grid-gap: 1.25rem; grid-template-columns: repeat(2, 1fr);}
  .web-design-block-11__content { padding: 0;}
  .web-design-block-12 { grid-template-columns: repeat(2, 1fr);}
  /*.web-design-block-13 .center-layout { flex-direction: column-reverse;}
  .web-design-block-13__left { width: 100%;}
  .web-design-block-13__right { width: 100%; margin-bottom: 2rem;}*/
  .web-design-block-5 .center-layout { flex-direction: column;}
  .web-design-block-5__left { width: 100%; margin-bottom: 2rem;}
  .web-design-block-5__right { width: 100%; padding-left: 0;}
  .web-design-block-7__desc, .web-design-block-8__desc, .web-design-block-9__desc, .web-design-block-10__desc, .step-items__desc, .web-design-block-11__desc, .web-design-block-13__desc, .web-design-block-2__desc, .web-design-block-2__content, .web-design-block-4__content, .web-design-block-5__desc { text-align: justify;}
  .web-design-block-4__content:before { left: 2px;}
  .web-design-block-7__title { text-align: left;}
  /*.web-design-block-6__swiper,
  .post__swiper,
  .web-design-block-8__swiper { padding-bottom: 50px;}*/
  .web-design-block-16,
  .faq{ padding: 3rem 0;}
  .footer { padding: 1.5rem 0;}
  .web-design-block-6 { flex-direction: column;}
  .web-design-block-6__left { margin-bottom: 2rem;}
  .web-design-block-6__right { width: 100%;}
  .web-design-block-8__circle { width: 100%;}
  .web-design-block-2 { padding-top: 260px;}
  .not-found__post-grid { grid-template-columns: repeat(2, 1fr);}
  .not-found__top { flex-direction: column;}
  .not-found__left { width: 100%; margin-bottom: 2rem;}
  .not-found__right { width: 100%;}
  .post-detail { flex-direction: column;}
  .post-detail__left { width: 100%; padding-right: 0; margin-bottom: 2rem;}
  .post-detail__right { width: 100%; padding-left: 0;}
  .web-design-block-2__circle { width: calc(100vw - 80px); height: calc(100vw - 80px);}
  .web-design-block-2__icon--cloud { width: 80px; height: 80px; left: -30px;}
  .web-design-block-2__icon--cloud svg { width: 40px;}
  .web-design-block-2__icon--comment { width: 100px; height: 100px;}
  .web-design-block-2__icon--comment svg { width: 45px;}
  .footer__col--form { grid-row: 3; grid-column: 1 / 3; padding-top: 0rem;}
  .career { flex-direction: column;}
  .career__left { width: 100%; margin-bottom: 3rem;}
  .career__left .team-box-7 { margin-bottom: initial;}
  .career__right { width: 100%;}
  .career__summary--mobile { display: block; margin-top: 2rem;}
  .career__summary--desktop { display: none;}
  .hosting-1 .center-layout-2 { flex-direction: column;}
  .hosting-1__left { width: 100%; max-width: 100%; margin-bottom: 3.125rem;}
  .hosting-4__content { padding: 0;}
  .hosting-1__desc,
  .hosting-2__layout,
  .hosting-4__content,
  .hosting-5-items__desc { text-align: justify;}
  .hosting-6__image { min-height: 560px;}
  .hosting-1__right { width: 100%;}
  .hosting-1__blur,
  .hosting-1__ball { display: none;}
  .hosting-1 .center-layout-2 { padding-top: 3rem;}
  .hosting-2__ball-1 { left: 20px; right: initial;}
  .hosting-2__ball-4 { left: initial; right: 20px;}
  .hosting-8 { flex-direction: column; padding-left: 16px;}
  .hosting-8__left { width: 100%; margin-bottom: 1.563rem;}
  .hosting-8__right { width: 100%;}
  .web-design-block-13 { padding-bottom: 3rem;}
  .copyright__layout { width: 100%; display: flex; justify-content: space-between; align-items: center;}
  .copyright__layout div{ width: 100%; text-align: center; }
  .policy--mobile { /*display: flex; align-items: center;*/  }
  .policy {margin: 0; height: 0; overflow: hidden; transition: all 0.3s;}
  .hosting-3__swiper { padding-bottom: 24px;}
  .hosting-5__swiper,
  .hosting-10__swiper { padding-bottom: 40px;}
  .hosting-5 { padding-bottom: 3.125rem;}
  .hosting-4 { padding: 3.125rem 0;}
  .hosting-2__title { text-align: left;}
  .hosting-6 { padding: 3.125rem 0 0;}
  .hosting-7-items { margin-bottom: 1rem;}
  .web-design-block-20__image { padding-top: 2rem;}
  .web-design-block-4__bg-image { height: 40%;}
  .web-design-block-4__bg-image img { position: absolute; left: 50%; bottom: 0; transform: translate(-51%, 0); height: 100%; min-width: 100%; max-width: initial !important;}
  .web-design-block-4__bg-image:before { z-index: 1;}
  .blur-201,.blur-202 { display: none;}
  .web-design-block-20__content { position: initial; left: initial; top: initial;}
  .web-design-block-21__title { text-align: left;}
  .web-design-block-21__content { grid-template-columns: 100%; grid-gap: 0;}
  .web-design-block-22 svg { display: none;}
  .web-design-block-6.webecommercedesign { padding-top: 0; padding-bottom: 0;}
  .web-design-block-22__content { margin-top: 2rem;}
  .benefit-items:hover { transform: initial; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efe9e3), to(#faf5f0) ); 
    background: linear-gradient(180deg, #efe9e3 0, #faf5f0 100%);}
  .benefit-items:hover .benefit-items__no { color: #5f5f5f; border-bottom: 1px solid rgba(139, 139, 139, 0.3);}
  .benefit-items:hover .benefit-items__content { color: #000;}
  .web-design-block-8.webecommercedesign .center-layout { padding-top: 0;}
  .web-design-block-23__circle:nth-of-type(1) { transform: scale(0.7); top: 0; right: 5px;}
  .web-design-block-23__circle:nth-of-type(2) { transform: scale(0.7); top: 35%;}
  .web-design-block-23__circle:nth-of-type(3) { transform: scale(0.7); top: 65%;}
  .web-design-block-23__left { width: 465px;}
  .web-design-block-24__swiper { position: relative; left: 0; top: 0; transform: initial;}
  .web-design-block-24__content > img { display: none;}
  .web-design-block-24__content { background: linear-gradient(0deg, #70efd1 0, #1bc1c1 100%); padding: 2rem 0; border-radius: 1rem;}
  .domain-4__grid { grid-template-columns: repeat(2, 1fr);}
  .domain-5__left { position: relative; left: 0; top: 0; width: 100%;}
  .domain-5__right { width: 100%; padding: 2rem 0 0;}
  .domain-5 .center-layout-2 { flex-direction: column;}
  .domain-6__header { flex-direction: column;}
  .domain-6 .domain-1__search { width: 100%;}
  .domain-item { flex-wrap: wrap; padding: 2rem 1rem;}
  .domain-item__left { width: 100%; margin-bottom: 0.5rem;}
}
@media screen and (max-width: 576px) { .feedback-items__content { min-height: 520px;}
  .blog-group-5{ grid-template-columns: repeat(1, 1fr); }
  .feedback-items__info { position: absolute; left: 2rem; bottom: 20px; margin-top: 2rem;}

  .w-full-mobile{ width: 80vw; }
  .w-full-mobile .group{ width: 70vw; padding-bottom: 75px; }
  .pb-1rem { padding: 0.7rem;}
  .roll-horizital .absolute{ bottom:1rem }
  .blog-items-1-line-first .blog-items__name a { font-size: 1.05rem; line-height: 1.6; display: block;}
 

  .blog-items-1-line .blog-items-1-line--img{ width: 40%; }
  .blog-items-1-line .blog-items-1-line--content{ width: 60%; padding-left: 2%; }
  .blog-items-1-line .blog-items-1-line--content .blog-items__name a{ font-weight: 600; font-size: .9rem; line-height: 1.3; display: block; text-transform: initial;}
  .blog-items-1-line .blog-items-1-line--content .blog-items__date { margin-top: 0.4rem;}

  .domain-6__th { display: none; }
  .domain-6__tr { grid-template-columns: 100%; }
  .domain-6__tr .domain-6__td:first-child { text-align: center; }
  .domain-6__td p { display: block; text-transform: uppercase; font-weight: bold; font-size: 1.25rem; color: #000; margin: 1rem 0 0; }
  .domain-6__td button { margin-top: 1rem; }
  .domain-3__grid .center-layout-2 {  grid-template-columns: 100%; }
  .domain-3__grid .center-layout-2 .why-choose-wp-items { position: relative; }
  .domain-3__grid .center-layout-2 .why-choose-wp-items:after { position: absolute; left: -16px; top: 70px; content: ""; background-color: #8b8b8b; width: calc(100% + 32px); height: 1px; opacity: 0.3;}
  .web-design-block-24__swiper { width: 100%;}
  /*.web-template__swiper { margin-top: 0;}*/
  .web-template__swiper .swiper-pagination-bullet { background-color: #fff !important;}
  .web-template-item__name { position: relative; left: 0; bottom: 0;}
  .web-template-item { padding-top: 84px;}
  .web-template-item .img { border-radius: 1rem; overflow: hidden;}
  .web-template-item__name span { display: none;}
  .web-template-item__name b { width: 100%; display: block; text-align: center; color: #fff;}
  .web-design-block-24__swiper .swiper-slide { padding: 0 1rem;}
  .web-design-block-5__left img:nth-child(2) { bottom: 46%;}
  .faq-items__header { padding: 1rem;}
  .faq-items__content { padding: 1rem 1rem 0.625rem;}
  .slider-items__text { font-size: 90px;}
  .slider-items__layer--1 { width: 52%; left: 50%; transform: translateX(-50%);}
  .slider-items__layer--2,
  .slider-items__layer--3 { display: none;}
  .website__swiper .swiper-slide { width: 100%;}
  .feedback__design { margin: -50px auto 0;}
  .blog-group-2__content { grid-template-columns: 100%;}
  .blog-group-3, .blog-group-4, .blog-related { grid-template-columns: 100%;}
  .blog-group-3 .blog-items:first-child,
  .blog-group-4 .blog-items:first-child { grid-column: 1; grid-row: 1;}
  .recruitment__swiper .swiper-slide { width: calc(100% - 15px);}
  .design-item { display: block;}
  .design-item img { width: 100%;}
  .about-group-4-items__name { font-size: 13px;}
  .about-group-4-items__info { width: 90%;}
  .step { grid-template-columns: 100%;}
  .step-items__desc { min-height: initial;}
  /*.web-design-block-13 .swiper-slide { width: 100%;}*/
  .web-design-block-2 { padding-top: 180px;}
  .not-found__post-grid { grid-template-columns: 100%;}
  .web-design-block-3 { grid-template-columns: 100%; grid-template-rows: initial;}
  .web-design-block-3-items:nth-child(2),
  .web-design-block-3-items:nth-child(3),
  .web-design-block-3__logo { grid-column: initial; grid-row: initial;}
  /*.web-design-block-3-items:nth-child(4) { display: none;}*/
  .web-design-block-3__logo { padding: 4rem 1rem;}
  .web-design-block-2__circle { width: calc(100vw - 30px); height: calc(100vw - 30px);}
  .web-design-block-2__icon--cloud { left: -5px;}
  .web-design-block-2__icon--comment { top: 5px;}
  .web-design-block-2__icon--cart { right: -5px;}
  .web-design-block-16__content { flex-direction: column;}
  .web-design-block-16__left { width: 100%; margin-bottom: 2rem;}
  .web-design-block-16__right { width: 100%;}
  .policy { flex-direction: column; align-items: center; margin-top: 0.5rem;margin: 0;}
  .policy a:after { display: none;}
  .hosting-7-items__name { font-size: 2.188rem;}
  .hosting-8__grid { grid-template-columns: 100%; grid-gap: 0.5rem; margin-bottom: 2rem;}
  .web-design-block-2__content { grid-template-columns: 100%; grid-gap: 0;}
  .web-design-block-2__icon--comment { width: 60px; height: 60px; top: -5px;}
  .web-design-block-2__icon--comment svg { width: 30px;}
  .web-design-block-2__icon--cloud { left: -10px; top: 70%; width: 60px; height: 60px;}
  .web-design-block-2__icon--cloud svg { width: 30px;}
  .web-design-block-2__icon--cart { width: 60px; height: 60px;}
  .web-design-block-2__icon--cart svg { width: 25px;}
  .web-design-block-4__top { padding-bottom: 90px;}
  @-webkit-keyframes ipad-animate { 
    0% {   -webkit-transform: translate(-5px, 15px);   transform: translate(-5px, 15px); }
    100% {   -webkit-transform: translate(5px, -3px);   transform: translate(5px, -3px); }
  }
  @keyframes ipad-animate { 
    0% {   -webkit-transform: translate(-5px, 15px);   transform: translate(-5px, 15px); }
    100% {   -webkit-transform: translate(5px, -3px);   transform: translate(5px, -3px); }
  }
  @-webkit-keyframes phone-animate { 
    0% {   -webkit-transform: translate(-62%, 30%);   transform: translate(-62%, 30%); }
    100% {   -webkit-transform: translate(-62%, 20%);   transform: translate(-62%, 20%); }
  }
  @keyframes phone-animate { 
    0% {   -webkit-transform: translate(-62%, 30%);   transform: translate(-62%, 30%); }
    100% {   -webkit-transform: translate(-62%, 20%);   transform: translate(-62%, 20%); }
  }
  .web-design-block-13__swiper .swiper-wrapper { flex-direction: column;}
  .web-design-block-13-items__desc { height: auto;}
  .web-template__swiper .swiper-slide { width: calc(100% - 40px);}
}
@media screen and (max-width: 475px) { 
  .about-group-4__grid { display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 16px; overflow: hidden;}
  .footer__title { font-size: .95rem; }
  .domain-1__list { grid-template-columns: repeat(2, 1fr); }
  .web-design-block-5__left { height: 650px;}
  .footer__grid {grid-template-columns: 100%;}
  .footer__col--form { grid-column: initial; }
  .footer__col--2 { grid-column: initial !important; }
  .web-design-block-8.webecommercedesign { padding-bottom: 0;}

  .value-item__desc { padding: 0.75rem; }
  .team-box-6__name { font-size: 2rem; }
  .about-group-5__name { font-size: 2rem; }
  .about-group-6__main { max-width: 100%; padding: 0 8px; }
}
@media screen and (max-width: 400px) { 
  .web-design-block-5__left { height: 500px; }
  .hosting-6__image { min-height: 280px; }
  .web-design-block-5__left img:nth-child(2) { bottom: 52%; }
  .web-design-block-23__circle:nth-of-type(1), .web-design-block-23__circle:nth-of-type(2), .web-design-block-23__circle:nth-of-type(3) { transform: scale(0.5); }
  .web-design-block-23__circle:nth-of-type(1) { top: -20px; right: -10px; }
  .web-design-block-23__circle:nth-of-type(2) { top: 30%; }
  .web-design-block-23__circle:nth-of-type(3) { top: 59%; }
}
@media screen and (max-width: 375px) { .web-design-block-5__left img:nth-child(2) { bottom: 48%; }
  .about-group-4__grid { grid-template-columns: 100%; }
  .web-design-block-2__icon--comment { right: 0; }
  .web-design-block-2__icon--cloud { top: 70%; }
  .hosting-9-items__info { flex-direction: column; }
  .hosting-9-items__name { width: 100%; padding-left: 0; }
  .hosting-9-items__name { text-align: center; }
}