/* Theme Name: DEV ZEKVN Theme URI: https://zek.vn/ Author: Zekvn Author URI: https://zek.vn/ Version: 1.0 Description: ZEK AGENCY sở hữu hơn 500+ mẫu giao diện về tất cả các lĩnh vực và ngành hàng khác nhau, đáp ứng mọi nhu cầu của khách hàng với từng phân khúc giá. Cập nhật những mẫu thiết kế mới chuẩn xu hướng. */ @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-400.otf);font-style: normal;font-weight: 400;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-400-Italic.otf);font-style: italic;font-weight: 400;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-500.otf);font-style: normal;font-weight: 500;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-500-Italic.otf);font-style: italic;font-weight: 500;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-600.otf);font-style: normal;font-weight: 600;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-600-Italic.otf);font-style: italic;font-weight: 600;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-700.otf);font-style: normal;font-weight: 700;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-700-Italic.otf);font-style: italic;font-weight: 700;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-800.otf);font-style: normal;font-weight: 800;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-800-Italic.otf);font-style: italic;font-weight: 800;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-900.otf);font-style: normal;font-weight: 900;} @font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-900-Italic.otf);font-style: italic;font-weight: 900;} /* Option */ body{font-size: 16px;color: #333;font-family: 'SVN-Gilroy';} *{margin:0;padding:0;line-height:1.5} a{text-decoration:none;color:#181818;cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a:active,a:hover{color: #0075E5;} ul{padding-left:0;} img{max-width:100%;border:none;height:auto} b,strong{font-weight: bold;} h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 1rem;} h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;} h1{font-size: 28px;} h2{font-size: 24px;} h3{font-size: 20px;} h4{font-size: 16px;} h5{font-size: 14px;} h6{font-size: 14px;} .table{max-width: 100%;table-layout: fixed;word-wrap: break-word;} .img img{width:100%;height:auto;object-fit:cover} .background{background-size:cover;background-repeat:no-repeat;background-position:center} .relative{position: relative;} .overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);} .linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;} .screen-reader-text{display:none} .head{animation: stuckMoveUp .5s;} .head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999;animation: stuckMoveDown .5s;} @keyframes stuckMoveDown { 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } @keyframes stuckMoveUp { 0%{transform:translateY(100%)} 100%{transform:translateY(0)} } @keyframes stuckFadeIn { 0%{opacity:0} 100%{opacity:1} } /* Container (FAKE theo từng web) */ .row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));} .row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)} .container-fluid,.container,.row{--bs-gutter-x: 30px;} .flex{display:flex;flex-wrap:wrap} .align-center{align-items:center} .align-end{align-items:flex-end;} .align-start{align-items:flex-start;} .justify-between{justify-content: space-between;} .justify-center{justify-content: center;} .justify-end{justify-content: flex-end;} .justify-start{justify-content: flex-start;} .row-reverse{flex-direction:row-reverse;} .column-reverse{flex-direction:column-reverse;} @media (min-width: 576px){ .container, .container-sm {max-width: 100%;} } @media (min-width: 768px){ .container, .container-md, .container-sm { max-width: 100%;} } @media (min-width: 992px){ .container, .container-lg, .container-md, .container-sm {max-width: 100%;} } @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;} } @media (min-width: 1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1200px;} } /* input-button */ input[type="text"],input[type="url"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],textarea,select{width:100%;max-width:100%;display:block;outline:none;border: 1px solid #DBDBDB;padding: 10px 16px;color: #002222;font-weight: 500;border-radius: 8px;line-height: 22px;background-color: #FFFFFF33;background-size: 24px;background-repeat: no-repeat;background-position: left 16px top 10px;backdrop-filter: blur(20px);text-align: left;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #002222;} select{height: 44px;} textarea{height: 124px;} input[type="submit"]{font-weight: bold;padding: 10px 30px;color: #fff;background-color: #0760F4;border-radius: 50px;text-align: center;border: 1px solid #0760F4;transition: all .3s;line-height: 24px;} input[type="submit"]:hover{background-color: #fff;color: #0760F4;} .select2-container .select2-selection--single{height: 44px;background-color: #FFFFFF33;backdrop-filter: blur(20px);text-align: left;} .select2-container--default .select2-selection--single{border: 1px solid #DBDBDB;border-radius: 8px;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 16px;background-size: 24px;background-repeat: no-repeat;background-position: left 16px top 10px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px;color: #002222;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 42px;} .select2-results__option{padding: 6px 16px;} .select2-dropdown{border: 1px solid #DBDBDB;} .select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #DBDBDB;} .select2-search--dropdown{padding: 4px 16px 12px 16px;} .select2-container--default .select2-results>.select2-results__options{font-size: 14px;} .button-zalo{border: 1px solid #575757;border-radius: 50px;height: 46px;display: flex;align-items: center;justify-content: center;gap: 8px;font-weight: bold;color: #575757;background-color: #FFFFFF33;} .button-zalo:before{content: "";display: block;width: 24px;height: 24px;background-image: url(images/zalo.png);background-size: cover;background-repeat: no-repeat;background-position: center;} .button-zalo:hover{background-color: #575757;color: #fff;} .form-group.name input{padding-left: 50px;background-image: url(images/name.png);} .form-group.phone input{padding-left: 50px;background-image: url(images/phone.png);} .form-group.email input{padding-left: 50px;background-image: url(images/email.png);} .form-group.local input{padding-left: 50px;background-image: url(images/local.png);} .form-group.select input{padding-left: 50px;background-image: url(images/local.png);} .form-group.link input{padding-left: 50px;background-image: url(images/link.png);} .form-group.job input{padding-left: 50px;background-image: url(images/job.png);} .form-group.select .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 50px;background-image: url(images/select.png);} .form-group.job .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 50px;background-image: url(images/job.png);} /* Contact-form7 */ form .row{--bs-gutter-x: 20px;} .wpcf7-spinner{position: absolute;} .form-group{margin-bottom: 16px;position: relative;} .form-file input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);} .form-file{width: 100%;height: 44px;border: 1px solid #DBDBDB;padding: 10px 16px;color: #002222;font-weight: 500;border-radius: 8px;line-height: 22px;background-color: #FFFFFF33;background-size: 24px;background-repeat: no-repeat;background-position: left 16px top 10px;backdrop-filter: blur(20px);overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;text-align: left;padding-left: 50px;background-image: url(images/file.png);} .form-file .label-file{width: 100%;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;} div.wpcf7 .ajax-loader{position:absolute} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} /* Content-post */ .wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;} .content-post ul,.content-post ol{padding-left:18px;} .content-post li{position:relative;margin-bottom:6px} .content-post blockquote{background:#f6f6f6;position: relative;padding: 16px 16px 6px 32px;} .content-post blockquote:before{content: open-quote;font-weight: bold;font-size: 30px;position: absolute;left: 8px;top: 0;} .content-post blockquote:after{content: close-quote;font-weight: bold;font-size: 30px;position: absolute;bottom: 0;right: 8px;opacity: 0;visibility: hidden;} .content-post .gallery{display:grid;grid-column-gap:16px;grid-row-gap:16px} .content-post .gallery br{display:none} .content-post .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(6,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(7,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(8,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(9,1fr)} .content-post .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:flex-start;float:none !important;flex-wrap: wrap;} .content-post .gallery-item img{border:none!important;width: 100%;height: auto;object-fit: cover;} .content-post a:hover{text-decoration:underline} .content-post .wp-caption.aligncenter{max-width:100%!important} img.aligncenter{display:block;margin:0 auto} .content-post .alignnone{margin:0 16px 16px 0} .content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 16px;} .content-post .alignright{float:right;margin:0 0 16px 16px} .content-post .alignleft{float:left;margin:0 16px 16px 0} a img.alignright{float:right;margin:0 0 16px 16px} a img.alignnone{margin:0 16px 16px 0} a img.alignleft{float:left;margin:0 16px 16px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{border:none;max-width:100%;padding:0;} .wp-caption.alignnone{margin:0 16px 16px 0} .wp-caption.alignleft{margin:0 16px 16px 0} .wp-caption.alignright{margin:0 0 16px 16px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%} .content-post .wp-caption-text{margin:0;padding:6px;text-align: center;background: #eee;font-size: 14px;} /* Widget */ .widget ul,.widget ol{list-style: none;} .widget iframe{width: 100%;height: auto; object-fit: cover;} .widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px} .widget .gallery br{display:none} .widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none} .widget .gallery-item img{border:none!important} /* Remove-woo */ .woocommerce a.remove{width:30px;height:22px;position:relative;transition:opacity 200ms;vertical-align:top;display:block;-webkit-appearance:none;background:none;border:none;cursor:pointer;outline:none;padding:0;text-indent:-9999px} .woocommerce a.remove:before,.woocommerce a.remove:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;left:8px;position:absolute;right:8px;top:2px;display:inline-block;content:''} .woocommerce a.remove:before{height:6px;transform-origin:-7% 100%;-moz-transform-origin:-7% 100%;-webkit-transform-origin:-7% 100%;transition:transform 150ms;-moz-transition:transform 150ms;-webkit-transition:transform 150ms;width:14px} .woocommerce a.remove:after{background-position:-1px -4px;height:12px;margin-left:1px;margin-right:2px;margin-top:4px;width:11px} .woocommerce a.remove:hover:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms} .woocommerce a.remove:hover{background:transparent} /* Support */ .sticky{position:-webkit-sticky;position:sticky;top:80px;z-index: 99;} .supports{position: fixed;z-index: 999;bottom: 120px;right: 20px;} .supports .item:not(:first-child){margin-top: 16px;} .supports .item a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;} .supports .item a img{object-fit: contain;max-width: 30px;max-height: 30px;} .supports .item a.hotline{ animation: hoverWave linear 1s infinite;} @keyframes hoverWave { 0% { box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2) } 40% { box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2) } 80% { box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067) } 100% { box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0) } } .supports .item a.zalo img{max-width: 37px;} .supports .item a:hover{box-shadow: 0px 0px 10px 0px #00000087;} .backtop{position: fixed;right: 20px;bottom: 40px;transition: .5s;z-index: 999;} .backtop a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;} .backtop a img{object-fit: contain;max-width: 30px;max-height: 30px;} .backtop a:hover{box-shadow: 0px 0px 10px 0px #00000087;} .web-slider{position: relative;} .swiper-pagination-bullet{width: 12px;height: 12px;} .swiper-pagination-bullet-active{background: #0075E5;} .swiper-button-next, .swiper-button-prev{width: 44px;height: 44px;background-color: #fff;border-radius: 50%;top: 50%;transform: translateY(-50%);margin: 0;box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);} .swiper-button-next:after, .swiper-button-prev:after{font-size: 16px;font-weight: bold;} .swiper-button-next svg, .swiper-button-prev svg{width: 24px;} /* Header */ #header{backdrop-filter: blur(24px);box-shadow: 0px 0px 24px 0px #0000001A;background: #ffffffcc;position: relative;z-index: 999;} #header .col-touch{display: none;} #menu-mobile{display: none;} #header .col-logo{width: 130px;} #header .col-lang{width: 80px;} #header .col-hotline{width: 200px;} #header .col-menu{width: calc(100% - 420px);} #header .logo img{object-fit: contain;max-height: 50px;} #header .hotline a{display: flex;justify-content: center;align-items: center;gap: 8px;border-radius: 8px;height: 48px;color: #fff;font-weight: bold;background: #0075E5;border: 1px solid #0075E5; padding: 10px;animation: blink 1.5s ease-out infinite;} #header .hotline a svg{width: 20px;} #header .hotline a:hover{background: #0d5aa4;} @keyframes blink { 0%{transform:scale(1.04);} 50%{transform:scale(1);} 100%{transform:scale(1.04);} } #header ul{list-style: none;margin-bottom: 0;} #header .menu{display: flex;justify-content: flex-end;gap: 48px;} #header .menu>li{height: 70px;display: flex;align-items: center;position: relative;} #header .menu>li>a{display: flex;text-transform: uppercase;font-weight: 700;align-items: center;gap: 4px;} #header .menu ul{position: absolute;background: #ffffffcc;min-width: 220px; z-index: 99;opacity: 0;visibility: hidden;box-shadow: 0px 0px 24px 0px #0000001A;backdrop-filter: blur(24px);transition: all .3s;} #header .menu>li.pll-parent-menu-item ul{min-width: 88px;} #header .menu ul>li>a{padding: 6px 18px;text-transform: uppercase;font-weight: 500;white-space: nowrap;display: flex;align-items: center;gap: 4px;} #header .menu>li>ul{top: 100%;left: -20px;} #header .menu ul ul{left: 100%;top: 0;} #header .menu li:hover>ul{opacity: 1;visibility: visible;} /* Footer */ #footer{position: relative;overflow: hidden;color: #fff;font-weight: 600;padding: 50px 0;background: #061726;} #footer .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .2;} #footer .container{position: relative;z-index: 2;} #footer a{color: #fff;} .footer-main li{margin-bottom: 12px;} .footer-main .widget{padding-bottom: 20px;max-width: 20%;width: auto;} .footer-main .widget:first-child{max-width: 40%;} .footer-main .widget-title{color: #619CFF;font-weight: bold;font-size: 18px;margin-bottom: 12px;} .footer-main .logo{margin-bottom: 24px;} .footer-main .logo img{object-fit: contain;max-height: 70px;} .footer-main .title{text-transform: uppercase;font-weight: bold;font-size: 18px;margin-bottom: 24px;} .footer-main .info .name{font-size: 18px;font-weight: bold;margin-bottom: 12px;} .footer-main .info .list li{position: relative;padding-left: 36px;} .footer-main .info .list li img{position: absolute;width: 24px;height: 24px;object-fit: contain;left: 0;top: 50%;transform: translateY(-50%);} .footer-bot{padding: 10px 0 0;border-top: 1px solid #BDBDBD;margin-top: 20px;} .footer-bot .widget{padding-bottom: 15px;width: auto;} .footer-bot *{margin-bottom: 0 !important;} .footer-bot .social{display: flex;align-items: center;gap: 20px;justify-content: center;} .footer-bot .social li img{object-fit: contain;height: 14px;width: auto;transition: all .3s;} .footer-bot .social li:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} /* Page */ .page-body{padding: 40px 0 60px;} .page-body .section:not(:last-child){margin-bottom: 60px;} .page-title{font-weight: bold;font-size: 32px;color: #0075E5;} .page-title a{color: #0075E5;} .breadcrumbs{background: #F6F6F8;font-size: 14px;font-weight: 500;padding: 12px 0;} .breadcrumbs *{margin-bottom: 0;} .breadcrumbs a{color: #5A7184;} .breadcrumbs .separator{color: #5A7184;} .page-desc *{margin-bottom: 0;} .page-desc{font-weight: 500;} .page-meta{display: flex;flex-wrap: wrap;column-gap: 12px;align-items: center;row-gap: 4px;font-weight: 600;color: #01051C66;} .page-meta .author{display: flex;align-items: center;gap: 6px;color: #01051CB2;text-transform: capitalize;} .page-meta .author img{display: block;width: 20px;height: 20px;border-radius: 50%;object-fit: contain;} /* Contact */ .contact-body{overflow: hidden;} .contact-body img.frame{position: absolute;width: 100%;left: 0;top: 0;} .contact-body .container{position: relative;z-index: 2;} .contact-sec1{display: flex;flex-direction: column;gap: 40px;} .contact-sec1 .box-title .sub{font-weight: 500;} .contact-sec1 .box-title .page-title{margin-bottom: 0;text-transform: uppercase;} .contact-sec1 .tab-title{list-style: none;margin-bottom: 0;} .contact-sec1 .tab-title button{padding: 12px 0 12px 22px;position: relative;background: transparent;border: none;display: flex;flex-direction: column;gap: 20px;width: 100%;text-align: left;} .contact-sec1 .tab-title button:before{content: "";display: block;width: 6px;height: 100%;position: absolute;left: 0;top: 0;background: #E0E0E0;} .contact-sec1 .tab-title button .name{font-weight: bold;font-size: 28px;margin-bottom: 0;} .contact-sec1 .tab-title button .info{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 16px;} .contact-sec1 .tab-title button .info li{padding-left: 36px;position: relative;font-weight: 500;} .contact-sec1 .tab-title button .info img{width: 24px;height: 24px;position: absolute;left: 0;top: 0;object-fit: contain;} .contact-sec1 .tab-title button.active:before{background: #0075E5;} .contact-sec1 .tab-title button .map{display: none;} .contact-sec1 .tab-content{height: 100%;} .contact-sec1 .tab-content .tab-pane{height: 100%;} .contact-sec1 .tab-content .map{height: 100%;} .contact-sec1 .tab-content .map iframe{height: 100%;width: 100%;} .contact-sec2{background: #F6F7F9;border-radius: 20px;padding: 40px;} .contact-sec2 .inner{display: flex;flex-direction: column;gap: 30px;width: 572px;max-width: 100%;margin: 0 auto;} .contact-sec2 .title{text-transform: uppercase;font-weight: bold;font-size: 28px;margin-bottom: 0;} .contact-sec2 .form input[type="submit"]{width: 100%;} /* Category */ .category-banner{min-height: 270px;display: flex;align-items: center;} .category-banner .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .category-banner .container{position: relative;z-index: 2;} .category-banner .block{display: flex;flex-direction: column;gap: 40px;padding-top: 20px;} .category-banner .title{text-transform: uppercase;font-size: 32px;font-weight: bold;margin-bottom: 0;color: #fff;} .category-banner .searchform{display: block;margin: 0 auto;width: 770px;max-width: 100%;position: relative;} .category-banner .searchform .search-input{background-color: #fff;background-image: url(images/icon-search.png);background-size: 16px;background-repeat: no-repeat;background-position: left 24px center;font-weight: 600; padding: 8px 130px 8px 56px;border-radius: 100px;border: 1px solid #fff;line-height: 46px;color: #959EAD;} .category-banner .searchform .search-input::-webkit-input-placeholder{color: #959EAD;} .category-banner .searchform .search-submit{background: #0075E5;border: 1px solid #0075E5;border-radius: 100px;height: 48px;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 600;width: 114px;padding: 0 10px;position: absolute;top: 8px;right: 8px;transition: all .3s;} .category-banner .searchform .search-submit:hover{background: #fff;color: #0075E5;} .category-banner .title-pro{text-transform: uppercase;font-size: 48px;font-weight: bold;margin-bottom: 0;color: #fff;} .cat-title{font-weight: bold;font-size: 32px;margin-bottom: 24px;color: #000722;} .item-news{height: 100%;display: flex;flex-direction: column;gap: 24px;position: relative;} .item-news .img{overflow: hidden;border-radius: 16px;aspect-ratio: 4/3;width: 100%;} .item-news .img img{height: 100%;transition: all .5s;} .item-news:hover .img img{transform: scale(1.05);} .item-news .info{width: 100%;display: flex;flex-direction: column;gap: 6px;} .item-news .info .date{display: flex;align-items: center;gap: 8px;color: #707070;font-size: 14px;font-weight: 500;} .item-news .info .date svg{width: 20px;} .item-news .info .name{margin-bottom: 0;font-size: 20px;font-weight: bold;} .item-news .info .name a{color: #242424;} .item-news .info .desc{overflow: hidden;color: #5A7184;font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .item-news .info .desc *{margin-bottom: 0;} .item-news .info .link a{display: inline-flex;align-items: center;gap: 8px;color: #0075E5;font-weight: 600;} .item-news .info .link a svg{width: 20px;transition: all .3s;} .item-news:hover .info .link a{text-decoration: underline;} .item-news:hover .info .link a svg{margin-left: 10px;} .first-news{height: 100%;} .first-news .item-news{overflow: hidden;border-radius: 16px;} .first-news .item-news:before{content: "";display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);z-index: 2;} .first-news .item-news .img{height: 100%;} .first-news .item-news .info{position: absolute;z-index: 3;bottom: 0;left: 0;width: 100%;padding: 0 24px 24px;color: #fff;} .first-news .item-news .info .desc{color: #fff;} .first-news .item-news .info .date{color: #F6F6F8;} .first-news .item-news .info .name a{color: #fff;} .three-news{display: flex;flex-direction: column;gap: 16px;} .three-news .item-news{flex-direction: row;align-items: flex-start;} .three-news .item-news .img{width: 175px;} .three-news .item-news .info{width: calc(100% - 175px - 24px);} .three-news .item-news .info .desc{} .pagination{justify-content: center;padding-top: 30px;} .pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;align-items: center;gap: 8px;} .pagination ul li{display: block;} .pagination ul li span,.pagination ul li a{display: flex;padding: 0;height: 32px;width: 32px;text-align: center;align-items: center;justify-content: center;font-weight: bold;font-size: 14px;color: #212B36; background: #fff;border: 1px solid #DFE3E8;border-radius: 4px;} .pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #fff;color: #0039A7;border-color: #0039A7;} /* Single */ .single-body{padding: 24px 0 48px;} .single-body .block{margin: 0 auto;display: flex;width: 900px;max-width: 100%;flex-direction: column;gap: 24px;} .single-body .page-title{margin-bottom: 0;} .related-title{font-weight: bold;font-size: 28px;margin-bottom: 16px;padding-bottom: 10px;position: relative;color: #002222;} .related-title:before{content: "";display: block;width: 60px;height: 3px;background: #002222;position: absolute;bottom: 0;left: 0;} /* Recruitment */ .recruitment-banner .overlay{background: #00000033;} .recruitment-body .block{display: flex;flex-direction: column;gap: 24px;} .recruitment-body .page-title{margin-bottom: 0;} .searchandfilter ul{display: flex;gap: 16px;flex-wrap: wrap;} .searchandfilter ul li{padding: 0;width: 400px;} .searchandfilter ul li.sf-field-submit{width: 120px;} .searchandfilter input[type="submit"]{padding: 10px 20px;} .searchandfilter label{display: block;} .searchandfilter select.sf-input-select{min-width: 0;height: 46px;border-radius: 40px;} .list-recruitment .row{--bs-gutter-x: 24px;} .item-recruitment{background: #F6F7F9;border-radius: 24px;overflow: hidden;display: flex;align-items: flex-start;gap: 24px;padding: 24px;border: 1px solid transparent;transition: all .3s;} .item-recruitment:hover{border-color: #0075E5;} .item-recruitment .img{width: 174px;aspect-ratio: 1/1;overflow: hidden;border-radius: 12px;} .item-recruitment .img img{height: 100%;transition: all .5s;} .item-recruitment:hover .img img{transform: scale(1.05);} .item-recruitment .info{width: calc(100% - 174px - 24px);display: flex;flex-direction: column;gap: 16px;} .item-recruitment .info .name{font-size: 24px;font-weight: bold;margin-bottom: 0;} .item-recruitment .info .overview{list-style: none;margin-bottom: 0;display: flex;flex-wrap: wrap;column-gap: 12px;row-gap: 6px;justify-content: space-between;} .item-recruitment .info .overview li{display: flex;align-items: center;color: #5B7184;font-weight: 500;gap: 8px;} .item-recruitment .info .overview li img{object-fit: contain;width: 24px;height: 24px;} .item-recruitment .info .divider{height: 1px;background: #CFCFCF;width: 100%;} .item-recruitment .info .bot{display: flex;align-items: center;justify-content: space-between;gap: 8px;} .item-recruitment .info .bot .date{font-weight: 500;color: #5B7184;display: flex;flex-direction: column;} .item-recruitment .info .bot .date .value{font-weight: bold;} .item-recruitment .info .bot .apply a{display: inline-flex;align-items: center;justify-content: center;height: 35px;background: #0075E5;border: 1px solid #0075E5;color: #fff;font-weight: bold;font-size: 14px;padding: 0 16px;border-radius: 40px;} .item-recruitment:hover .info .bot .apply a{background: #fff;color: #0075E5;} .recruitment-body .pagination{padding-top: 0;} /* Recruitment-detail */ .recruitment-body .col-sidebar{width: 340px;} .recruitment-body .col-content{width: calc(100% - 340px);padding-right: 30px;} .recruitment-meta{padding-bottom: 24px;margin-bottom: 24px;border-bottom: 2px solid #D1D1D1;display: flex;flex-direction: column;gap: 14px;} .recruitment-meta .title{font-size: 28px;font-weight: bold;margin-bottom: 0;color: #002222;} .recruitment-meta .desc{font-weight: 500;color: #002222;} .recruitment-meta .desc *{margin-bottom: 0;} .recruitment-meta .date{font-weight: 500;display: flex;align-items: center;gap: 8px;color: #5A7184;} .recruitment-meta .date span{color: #002222;font-weight: bold;} .recruitment-meta .apply a{display: inline-flex;align-items: center;justify-content: center;background: #0075E5;border: 1px solid #0075E5;border-radius: 50px;height: 45px;padding: 0 32px;font-size: 14px;font-weight: bold;color: #fff;animation: blink 1.5s ease-out infinite;} .recruitment-meta .apply a:hover{background: #0d5aa4;} .recruitment-local{padding-bottom: 24px;margin-bottom: 24px;border-bottom: 2px solid #D1D1D1;display: flex;flex-direction: column;gap: 14px;} .recruitment-local .title{font-weight: 600;font-size: 20px;color: #002222;} .recruitment-local .list{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 8px;} .recruitment-local .list li{display: flex;align-items: flex-start;gap: 8px;} .recruitment-local .list li svg{width: 24px;flex: 0 0 24px;} .recruitment-overview{display: flex;flex-direction: column;gap: 16px;} .recruitment-overview .title{font-size: 20px;font-weight: bold;color: #002222;} .recruitment-overview .list{list-style: none;margin-bottom: 0;background: #F6F7F9;border-radius: 16px;padding: 24px;display: flex;flex-direction: column;gap: 24px;} .recruitment-overview .list li{display: flex;align-items: center;gap: 16px;} .recruitment-overview .list .icon{width: 60px;height: 60px;border-radius: 50%;background: #E0E8FF;display: flex;align-items: center;justify-content: center;} .recruitment-overview .list .icon img{object-fit: contain;width: 24px;height: 24px;} .recruitment-overview .list .box{width: calc(100% - 60px - 16px);font-weight: 500;color: #5A7184;display: flex;flex-direction: column;gap: 4px;} .recruitment-overview .list .box .value{color: #002222;font-size: 18px;} .recruitment-apply{padding: 60px 0;} .recruitment-apply .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .recruitment-apply .container{position: relative;z-index: 2;} .recruitment-apply .block{display: flex;flex-direction: column;gap: 8px;color: #fff;width: 864px;margin: 0 auto;max-width: 100%;} .recruitment-apply .title{text-transform: uppercase;font-size: 28px;font-weight: bold;margin-bottom: 0;} .recruitment-apply .text{font-weight: 600;} .recruitment-apply .form{display: block;margin: 0 auto;width: 572px;max-width: 100%;padding: 24px 0;} .recruitment-apply .form input,.recruitment-apply .form select,.recruitment-apply .form textarea{color: #fff;} .recruitment-apply .form input::-webkit-input-placeholder,.recruitment-apply .form select::-webkit-input-placeholder,.recruitment-apply .form textarea::-webkit-input-placeholder{color: #fff;} .recruitment-apply .form .select2-container--default .select2-selection--single .select2-selection__rendered{color: #fff;} .recruitment-apply .form .form-file{color: #fff;} .recruitment-apply .form .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #fff transparent transparent transparent} .recruitment-apply .form .form-group.name input{background-image: url(images/name-white.png);} .recruitment-apply .form .form-group.phone input{background-image: url(images/phone-white.png);} .recruitment-apply .form .form-group.email input{background-image: url(images/email-white.png);} .recruitment-apply .form .form-group.link input{background-image: url(images/link-white.png);} .recruitment-apply .form .form-file{background-image: url(images/file-white.png);} .recruitment-apply .form .form-group.job .select2-container .select2-selection--single .select2-selection__rendered{background-image: url(images/job-white.png);} .recruitment-apply .form input[type="submit"]{width: 100%;} /* Product */ .taxonomy-banner .overlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0) -43.3%, rgba(0, 0, 0, 0.5) 100%);} .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{display: none;} .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{display: none;} .list-product{display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;} .list-product .item-product{width: calc((100% - 60px) / 3);} .item-product{position: relative;overflow: hidden;border-radius: 8px;} .item-product:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #00000080;} .item-product .img{width: 100%;aspect-ratio: 6/5;overflow: hidden;} .item-product .img img{height: 100%;transition: all .5s;} .item-product:hover .img img{transform: scale(1.05);} .item-product .info{position: absolute;z-index: 3;text-align: center; width: 100%;height: 100%;top: 0;left: 0;padding: 36px 24px;display: flex;justify-content: space-between;flex-direction: column;gap: 12px;} .item-product .info .name{margin-bottom: 0;font-size: 28px;font-weight: bold;} .item-product .info .name a{color: #fff;} .item-product .info .link a{display: flex;align-items: center;justify-content: center;color: #0075E5;font-weight: bold;height: 48px;border: 1px solid #0075E5;border-radius: 8px;gap: 8px;background: #fff;} .item-product:hover .info .link a{background: #0075E5;color: #fff;} .swiper-product{overflow: unset;width: 1170px;margin-left: 0;} .swiper-product .swiper-slide{height: auto;} .swiper-product .item-product{height: 100%;background: #fff;display: flex;flex-direction: column;} .swiper-product .item-product:after{display: none;} .swiper-product .item-product .img{aspect-ratio: 1/1;} .swiper-product .item-product .info{position: unset;padding: 16px 16px 24px;flex: 1;} .swiper-product .item-product .info .name{font-size: 18px;} .swiper-product .item-product .info .name a{color: #313131;} .item-product2{height: 100%;display: flex;flex-direction: column;gap: 24px;} .item-product2 .img{width: 100%;aspect-ratio: 1/1;border-radius: 8px; overflow: hidden;} .item-product2 .img img{height: 100%;transition: all .5s;} .item-product2:hover .img img{transform: scale(1.05);} .item-product2 .info .name{margin-bottom: 0;font-size: 18px;font-weight: bold;} .item-product2 .info .name svg{margin-left: 8px;transition: all .3s;} .item-product2:hover .info .name svg{margin-left: 16px;margin-right: -8px;} /* Detail */ .detail-body{padding: 24px 0 36px;} .swiper-gallery{border: 1px solid #D9D9D9;} .swiper-gallery .image{width: 100%;height: auto;aspect-ratio: 5/4;overflow: hidden;background: #fff;} .swiper-gallery .image img{width: 100%;height: 100%;object-fit: contain;} .swiper-gallery{margin-bottom:15px} .swiper-thumb .swiper-slide{height: auto !important;} .swiper-thumb .swiper-wrapper{} .swiper-thumb .image{border: 1px solid #D9D9D9;width: 100%;aspect-ratio: 1/1;overflow: hidden;cursor: pointer;} .swiper-thumb .image img{width: 100%;height: 100%;object-fit: contain;} .swiper-thumb .swiper-slide-thumb-active .image{border-color: #0075E5;} .detail-info .entry-title{color: #000;font-size: 40px;font-weight: bold;text-transform: uppercase;margin-bottom: 8px;} .detail-info .price{display: none;} .detail-info .cart{display: none;} .detail-info .short-desc .capt{font-size: 28px;font-weight: bold;text-transform: uppercase;margin-bottom: 24px;color: #0075E5;} .detail-info .short-desc .box{background: #F6F6F6;border: 1px solid #8A8A8A;border-radius: 8px;padding: 24px 24px 12px;font-weight: 500;} .detail-info .buttons{display: flex;flex-wrap: wrap;gap: 8px;padding-top: 24px;} .detail-info .buttons a{display: flex;gap: 8px;height: 58px;width: calc(50% - 4px);padding: 0 8px;color: #0075E5; align-items: center;justify-content: center;text-align: center;text-transform: uppercase;font-weight: bold;background: #fff;border: 1px solid #0075E5;border-radius: 8px;font-size: 18px;} .detail-info .buttons a svg{width: 24px;} .detail-info .buttons a svg path{transition: all .3s;} .detail-info .buttons a.hotline{color: #fff;background: #0075E5;} .detail-info .buttons a.hotline:hover{background: #fff;color: #0075E5;} .detail-info .buttons a.hotline:hover svg path{fill: #0075E5;} .detail-info .buttons a.catalog:hover{background: #0075E5;color: #fff;} .detail-info .buttons a.catalog:hover svg path{fill: #fff;} #catalogue{background: transparent;padding: 15px;width: 1200px;max-width: 100%;} #catalogue iframe{width: 100%;height: calc(100vh - 100px);} .detail-content{padding-top: 12px;} .detail-content .block:not(:last-child){margin-bottom: 36px;} .detail-content .title{margin-bottom: 16px;position: relative;padding-left: 18px;font-weight: bold;font-size: 24px;} .detail-content .title:before{content: "";display: block;width: 7px;height: 100%;background: #0075E5;border-radius: 2px;position: absolute;left: 0;top: 0;} .detail-content .content-post table{border: none;} .detail-content .content-post .table-bordered tr{border-color: #DDDDDD;} .detail-content .content-post .table-bordered tr:first-child{border-width: 0;} .detail-content .content-post .table-bordered tr:last-child{border-width: 0;} .detail-content .content-post .table-bordered td{border-width: 0;} .related-product .block{padding-left: calc(50% - 585px);} .related-product .web-slider{overflow: hidden;} /* Cart */ .woocommerce-tabs.wc-tabs-wrapper{display: none;} .woocommerce nav.woocommerce-pagination{padding-top: 16px;} .woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{border:0;margin:0} .woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{border:0;float:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center} .woocommerce .woocommerce-pagination ul.page-numbers li a,.woocommerce .woocommerce-pagination ul.page-numbers li span,.woocommerce-page .woocommerce-pagination ul.page-numbers li a,.woocommerce-page .woocommerce-pagination ul.page-numbers li span{font-size:16px;color:#212529;font-weight:600;display:inline-block;width:40px;height:40px;line-height:40px;padding:0;text-align:center;border-radius:50%;-webkit-transition:all .5s;transition:all .5s} .woocommerce .woocommerce-pagination ul.page-numbers li a.current,.woocommerce .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce .woocommerce-pagination ul.page-numbers li span.current,.woocommerce .woocommerce-pagination ul.page-numbers li span:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li a.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li span.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li span:hover{color:#f5652d;background-color:#f5f5f5} .woocommerce .woocommerce-pagination ul.page-numbers li .next,.woocommerce .woocommerce-pagination ul.page-numbers li .prev,.woocommerce-page .woocommerce-pagination ul.page-numbers li .next,.woocommerce-page .woocommerce-pagination ul.page-numbers li .prev{} .woocommerce table.shop_table{border-collapse:collapse} .woocommerce table.my_account_orders,.woocommerce table.shop_table.cart{border:0;border-radius:0;margin:0} .woocommerce table.my_account_orders thead tr,.woocommerce table.shop_table.cart thead tr{border:1px solid #eee;border-radius:3px} .woocommerce table.my_account_orders th,.woocommerce table.shop_table.cart th{font-weight:600;text-transform:uppercase;color:#212529;line-height:1.6;padding:16px 8px;border:0;background-color:#f5f5f5} .woocommerce table.my_account_orders td{border:0} .woocommerce table.shop_table.cart td{border:0;padding:16px 8px} .woocommerce table.my_account_orders tbody tr,.woocommerce table.shop_table.cart tbody tr{border:1px solid #eee;border-top:none} .woocommerce table.my_account_orders tbody tr:last-child,.woocommerce table.shop_table.cart tbody tr:last-child{border:0} .woocommerce table.my_account_orders .product-price .amount,.woocommerce table.my_account_orders .product-subtotal .amount,.woocommerce table.shop_table.cart .product-price .amount,.woocommerce table.shop_table.cart .product-subtotal .amount{color:#212529;font-size:15px;font-weight:700} .woocommerce table.my_account_orders .product-price ins,.woocommerce table.my_account_orders .product-subtotal ins,.woocommerce table.order_details .product-total ins,.woocommerce table.shop_table.cart .product-price ins,.woocommerce table.shop_table.cart .product-subtotal ins{background-color:transparent;font-weight:700} .woocommerce table.my_account_orders .product-price del,.woocommerce table.my_account_orders .product-subtotal del,.woocommerce table.order_details .product-total del,.woocommerce table.shop_table.cart .product-price del,.woocommerce table.shop_table.cart .product-subtotal del{margin-right:5px;font-weight:500;font-size:13px} .woocommerce table.my_account_orders .product-quantity .quantity .qty,.woocommerce table.shop_table.cart .product-quantity .quantity .qty{width:130px;height:40px} .woocommerce table.my_account_orders td.actions,.woocommerce table.shop_table.cart td.actions{padding:16px 0 0} .woocommerce table.my_account_orders td.actions .coupon .input-text,.woocommerce table.shop_table.cart td.actions .coupon .input-text{border-color:#eee;padding:0 25px} .woocommerce table.shop_table.cart td.actions{display: none;} .woocommerce table.my_account_orders .add_to_cart.button,.woocommerce table.shop_table.cart .add_to_cart.button{font-size:.75rem;line-height:2.75rem;padding:0 2.5rem} .woocommerce table.shop_table.cart .product-thumbnail{width:100px;padding-left:0} .woocommerce table.shop_table.cart .product-thumbnail img{width:auto;margin: 0;} .woocommerce table.shop_table.cart .product-remove{width:50px;} .woocommerce table.shop_table.cart .product-name{width: 40%;} .woocommerce table.shop_table.cart .product-price,.woocommerce table.shop_table.cart .product-quantity,.woocommerce table.shop_table.cart .product-subtotal{text-align:center;width: 25%;} .woocommerce table.shop_table.cart td.actions .coupon .input-text{width:250px;line-height: 46px !important;} .woocommerce table.shop_table.cart .product-quantity .quantity:not(.mini_cart_item .quantity){justify-content: center;margin: 0 auto;align-items: center;} .woocommerce table.shop_table.cart .product-quantity .quantity input[type="number"]{margin: 0 auto;width: 100px;border-radius: 5px;border: 1px solid #d6d6d6;} .woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells{margin-top:32px} .woocommerce .cart-collaterals .wc-proceed-to-checkout{padding:16px 0 0} .woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button{font-size:1rem;line-height:2.75rem;padding:0 2.1875rem} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{margin-bottom: 0;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{background-color: #f5652d;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{background-color: #f5652d;} .woocommerce .cart-collaterals .cart_totals{box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;max-width:500px} .woocommerce .cart-collaterals .cart_totals>h2{font-size:20px;padding-bottom:8px;border-bottom:1px solid #ddd;margin-bottom:16px;font-weight: 600;} .woocommerce .cart-collaterals .cart_totals table,.woocommerce table.woocommerce-checkout-review-order-table{border:0;border-radius:0;margin:0} .woocommerce .cart-collaterals .cart_totals table tr,.woocommerce table.woocommerce-checkout-review-order-table tr{border-width: 0;} .woocommerce .cart-collaterals .cart_totals table th{border:0;padding:0 8px 16px 0;font-size:15px;font-weight:500} .woocommerce .cart-collaterals .cart_totals table td{border:0;padding:0 0 16px 8px;text-align:right} .woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td{color:#212529;font-weight:700} .woocommerce .cart-collaterals .cart_totals table tr:last-child td,.woocommerce .cart-collaterals .cart_totals table tr:last-child th{padding-bottom:0} .woocommerce .cart-collaterals .cart_totals table .shipping-calculator-button,.woocommerce .cart-collaterals .cart_totals table small,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name a{color:inherit} .woocommerce .cart-collaterals .cart_totals table .select2-container--default .select2-selection--single .select2-selection__rendered{text-align:left} .woocommerce .cart-collaterals .cart_totals table tr.order-total span.amount{font-weight:700;font-size:20px;color: #f5652d;} .woocommerce .cart-collaterals .cart_totals table tr.order-total th,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name strong,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method .amount,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li label{font-weight:500} .woocommerce .cart-collaterals .cart_totals table tr.order-total td,.woocommerce .cart-collaterals .cart_totals table tr.order-total th{border-top:1px solid #ddd;padding-top:16px} .woocommerce .cart-collaterals .cross-sells>h2{font-size:34px;margin-bottom:50px;text-align:center} .woocommerce .cart-collaterals .shipping-calculator-form{margin-top:25px} .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{max-width:100%;padding-left:0;padding-right:0} .woocommerce form p{margin-bottom:23px} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{background: #f5f5f5;border: 1px solid #f5f5f5;border-radius: 3px; padding: 13px 20px;color: #444 !important;} .woocommerce form .form-row input.input-text::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder{color: #444 !important;} .woocommerce form .form-row{display:block;padding:0;margin:0 0 16px} .woocommerce form .form-row label{margin-bottom:8px;font-weight:600;font-size:13px;text-transform:uppercase;line-height:1.2} .woocommerce form .form-row textarea{height:8em} .woocommerce-additional-fields,.woocommerce-shipping-fields{margin-top:16px} .woocommerce-shipping-fields>h3{font-size:15px;margin-bottom:21px;font-weight:500} .woocommerce-shipping-fields>h3 label span{cursor:pointer} .woocommerce-shipping-fields>h3 label input{position:relative;top:2px;margin:-2px 8px 0 0} #order_review_heading,.woocommerce-additional-fields>h3,.woocommerce-billing-fields>h3{font-size:20px;line-height:1.5;margin-bottom:16px;font-weight: 600;display: none;} .woocommerce-account-fields .create-account{margin:0!important} .woocommerce-account-fields label>span{font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;color:#212529;cursor:pointer} .woocommerce-account-fields label>.input-checkbox{position:relative;top:-2px} #order_review{padding:24px;box-shadow:0 0 10px rgba(0,0,0,.1)} .woocommerce #order_review .woocommerce-checkout-payment{margin-top:24px;background:0 0;border-radius:0} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods{padding:0;border-color:#eee} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li{display: flex;align-items: center;flex-wrap: wrap;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li input{position:relative;margin-right:5px;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{margin-bottom:0;color:#212529;font-weight:500} .woocommerce #order_review .woocommerce-checkout-payment .place-order{padding:16px 0 0;margin:0} .woocommerce #order_review .woocommerce-checkout-payment .place-order .button{width:100%;} .woocommerce table.woocommerce-checkout-review-order-table thead th{border:0;font-weight:600} .woocommerce table.woocommerce-checkout-review-order-table .product-name{padding:0 8px 16px 0} .woocommerce table.woocommerce-checkout-review-order-table .product-total{padding:0 0 16px 8px;text-align:right} .woocommerce table.woocommerce-checkout-review-order-table td.product-name{font-size: 14px;} .woocommerce table.order_details .product-name a,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name,.woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total{color:#212529} .woocommerce table.woocommerce-checkout-review-order-table tbody .product-total{color:#212529;font-size:14px;font-weight:700} .woocommerce table.order_details td,.woocommerce table.order_details th,.woocommerce table.woocommerce-checkout-review-order-table td,.woocommerce table.woocommerce-checkout-review-order-table tfoot td,.woocommerce table.woocommerce-checkout-review-order-table tfoot th{border:0} .woocommerce table.order_details td,.woocommerce table.order_details li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li{margin-bottom: 0;} .woocommerce table.woocommerce-checkout-review-order-table tfoot th{font-weight:600;padding:0 8px 16px 0} .woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding:0 0 16px 8px;font-weight:500;text-align:right} .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{border-top:1px solid #eee;padding-top:16px} .woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li input{margin:0 5px 0 0;vertical-align:middle} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{font-size:20px;font-weight:700;color: #f5652d; padding-top:16px;padding-bottom:0;border-top:1px solid #eee} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top:16px;padding-bottom:0;border-top:1px solid #eee} .woocommerce-checkout .woocommerce form .form-row-first,.woocommerce-checkout .woocommerce form .form-row-last{width:100%;float:none} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{font-size:15px;text-transform:none;font-weight:500;letter-spacing:0;display:block;margin-bottom:20px} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input{position:relative;top:1px;margin-right:5px} .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{float:none;margin:0;width:100%} .woocommerce .woocommerce-form-login .lost_password{margin-bottom:0} .woocommerce .woocommerce-form-register .woocommerce-form-register__submit{float:none;margin:0;width:100%} .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{margin-bottom: 16px;} .woocommerce ul.order_details{padding-left: 0;margin: 0 0 16px;} .woocommerce ul.order_details li{margin-top:0} .woocommerce .woocommerce-order-details .woocommerce-order-details__title,.woocommerce-column__title,.customnew h2{font-size:20px !important;line-height:1.5;font-weight: 600;} .woocommerce table.order_details{border:1px solid #eee;border-radius:3px;margin:0} .woocommerce table.order_details thead th{font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#212529;line-height:1.6;padding:16px 8px;border:0;background-color:#f5f5f5} .woocommerce table.order_details .product-total .amount{color:#212529;font-size:15px;font-weight:700} .woocommerce table.order_details tfoot td,.woocommerce table.order_details tfoot th{border:0} .woocommerce table.order_details tfoot th{font-weight:500} .woocommerce table.order_details tfoot td{color:#212529} .woocommerce table.order_details tfoot tr:first-child td,.woocommerce table.order_details tfoot tr:first-child th{border-top:1px solid #eee} .woocommerce table.order_details tfoot tr:last-child{color:#212529} .woocommerce table.order_details tfoot tr:last-child td,.woocommerce table.order_details tfoot tr:last-child th{border-top:1px solid #eee} .woocommerce table.order_details tfoot tr:last-child td{font-size:20px} #customer_details{float:left;width:50%;margin-bottom:0} #customer_details .col-1,#customer_details .col-2,.woocommerce div.product form.cart table.variations td.value{width:100%} #order_review{float:right;width:48%} #customer_login h2{font-size:24px} /* Thankyou */ .woocommerce-customer-details{display: none;} /* Account */ .account-body .box-login{background: #fff;padding: 20px;border: 2px solid #1a1a1a;width: 468px;max-width: 100%;display: block;margin: 0 auto;} .account-body .box-login #customer_login h2{font-weight: bold;} .account-body .box-login .woocommerce form.login,.account-body .box-login .woocommerce form.register{border: none;margin: 0;padding: 0;border-radius: 0;} .account-body .box-login [type="submit"]{width: 100%;} .account-body .box-login .lost_password{margin-bottom: 16px;float: right; font-size: 14px;font-weight: 500;} .account-body .box-login .woocommerce-form-login__rememberme{margin-bottom: 16px;float: left;font-size: 14px;} .account-body .box-login .note{font-size: 14px;font-weight: 500;padding-top: 4px;} .account-body .box-login .note a{color: #02AEEE;} .account-body .box-login .u-column2{display: none;} .account-body .box-login .note .note2{display: none;} .account-body .box-login.active .u-column2{display: block;} .account-body .box-login.active .u-column1{display: none;} .account-body .box-login.active .note .note2{display: block;} .account-body .box-login.active .note .note1{display: none;} .zek_block_login{background: #fff;padding: 30px;border: 2px solid #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation{float: none;width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style: none;display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 24px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 50px) / 6);margin-bottom: 0;text-align: center;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{font-weight: 600;display: block;padding: 10px;border: 2px solid #1A1A1A;color: #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: #fff;background: #1A1A1A;} .woocommerce-account .woocommerce-MyAccount-content{float: none;width: 100%;} .woocommerce-account .addresses .title .edit{font-size: 12px;font-weight: 500;padding: 2px 4px;background: #1A1A1A;color: #fff;border-radius: 4px;} .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a, .woocommerce table.my_account_orders th.woocommerce-orders-table__cell-order-actions a{margin: 5px;} .woocommerce-EditAccountForm fieldset legend{font-weight: bold;font-size: 20px;margin-bottom: 16px;} .woocommerce-account .addresses .title h3{font-size: 18px;font-weight: bold;} /* Home */ .home-banner .img{aspect-ratio: 2/1; overflow: hidden;} .home-banner .img img{height: 100%;} .home-banner .video{aspect-ratio: 2/1;overflow: hidden;} .home-banner .video video{width: 100%;height: 100%;object-fit: cover;} .home-banner .swiper-pagination-bullet{background: #fff;} .home-about{padding: 50px 0;} .home-about .bg{background-image: url(images/background-about.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .home-about .container{position: relative;z-index: 2;} .home-about .img{overflow: hidden;border-radius: 16px;min-height: 100%;position: relative;padding-top: 100%;} .home-about .img img{height: 100%;position: absolute;top: 0;left: 0;} .home-about .video{overflow: hidden;border-radius: 16px;width: 100%;aspect-ratio: 16/9;} .home-about .video iframe,.home-about .video video{width: 100%;height: 100%;object-fit: cover;} .home-about .inner{height: 100%;position: relative;display: flex;flex-direction: column;gap: 12px;} .home-about .inner .page-title{margin-bottom: 0;} .home-about .inner .text{font-size: 18px;font-weight: 500;text-align: justify;} .home-about .inner .data{display: flex;flex-wrap: wrap;gap: 12px;} .home-about .inner .data .item{width: calc(50% - 6px);display: flex;flex-direction: column;color: #0075E5;} .home-about .inner .data .item .value{font-size: 48px;font-weight: bold;} .home-about .inner .link{padding-top: 12px;} .home-about .inner .link a{display: inline-flex;font-weight: bold; align-items: center;justify-content: center;text-align: center;color: #fff;gap: 8px;height: 48px;border: 1px solid #0075E5;border-radius: 50px;background: #0075E5;padding: 0 24px;} .home-about .inner .link a:hover{background: #fff;color: #0075E5;} .home-about .inner .link a svg path{transition: all .3s;} .home-about .inner .link a:hover svg path{fill: #0075E5;} .home-product{padding: 50px 0;background: #F7FAFF;} .home-product .box-title{margin-bottom: 20px;display: flex;flex-direction: column;gap: 4px;} .home-product .box-title .page-title{margin-bottom: 0;} .home-product .box-title .sub{font-size: 14px;font-weight: 500;color: #435767;} .home-product .block{padding-left: calc(50% - 585px);} .home-product .web-slider{overflow: hidden;} .product-pagination{position: unset;display: flex;align-items: center;column-gap: 16px;row-gap: 8px;padding-top: 20px;} .product-pagination .swiper-pagination-bullet{margin: 0 !important;height: 9px;width: 88px;opacity: 1;border-radius: 0;position: relative;background: transparent;} .product-pagination .swiper-pagination-bullet:after{content: "";display: block;width: 100%;height: 3px;background: #d9d9d9;position: absolute;top: 3px;left: 0;} .product-pagination .swiper-pagination-bullet-active{background: transparent;} .product-pagination .swiper-pagination-bullet-active:after{background: #4A80D9;} .home-certify{padding: 40px 0 20px;} .home-certify .page-title{margin-bottom: 40px;} .list-certify{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;} .list-certify .item-certify{width: calc((100% - 90px) / 4);} .item-certify .thumb{width: 100%;margin: 0 auto;background: #fff; overflow: hidden;aspect-ratio: 1/1;} .item-certify .thumb img{width: 100%;height: 100%;object-fit: contain;transition: all .5s;} .item-certify .thumb:hover img{transform: scale(1.05);} .home-profession .box-title{padding: 24px 0;gap: 24px;} .home-profession .box-title .page-title{margin-bottom: 0;width: 500px;} .home-profession .box-title .text{text-align: right;color: #435767;font-weight: 500;font-size: 18px;width: calc(100% - 24px - 500px);} .home-profession .block{display: flex;flex-wrap: wrap;} .home-profession .item{transition: all .8s;height: 500px;display: flex;align-items: center;overflow: hidden;justify-content: center;} .home-profession .block1 .item{width: 50%;} .home-profession .block2 .item{width: calc(100% / 3);} .home-profession .block1:hover .item{width: 44%;} .home-profession .block1:hover .item:hover{width: 56%;} .home-profession .block2:hover .item{width: 22%;} .home-profession .block2:hover .item:hover{width: 56%;} .home-profession .item .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .5s;} .home-profession .item:hover .background{transform: scale(1.05);} .home-profession .item .overlay{background: linear-gradient(180deg, rgba(0, 26, 69, 0.6) 0%, rgba(0, 26, 69, 0.6) 100%);transition: all .3s;} .home-profession .item:hover .overlay{background: linear-gradient(180deg, rgba(0, 26, 69, 0.08) 0%, rgba(0, 26, 69, 0.8) 100%);} .home-profession .item .inner{position: relative;z-index: 3;padding: 24px;color: #fff;display: flex;flex-direction: column;gap: 24px;} .home-profession .item .inner .icon{transition: all .3s;width: 100px;height: 100px;border: 3px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;} .home-profession .item .inner .icon img{transition: all .3s;max-width: 40px;max-height: 40px;object-fit: contain;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .home-profession .item:hover .inner .icon{background: #fff;} .home-profession .item:hover .inner .icon img{-webkit-filter: none; filter: none;} .home-profession .item .inner .name{margin-bottom: 0;font-size: 32px;font-weight: bold;transition: all .3s;} .home-profession .item .inner .text{font-weight: 500;font-size: 18px;opacity: 0;visibility: visible;transition: all .3s;height: 0;} .home-profession .item:hover .inner .text{opacity: 1;visibility: visible;height: 108px;} .home-news{padding: 40px 0;} .home-news .page-title{margin-bottom: 24px;font-size: 32px;text-transform: uppercase;} /* About */ .about-banner{min-height: 500px;display: flex;align-items: center;justify-content: center;} .about-banner .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .about-banner .overlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0) -43.3%, rgba(0, 0, 0, 0.5) 100%);} .about-banner .inner{color: #fff;display: flex;flex-direction: column;gap: 10px;position: relative;z-index: 3;} .about-banner .inner .title{text-transform: uppercase;font-size: 60px;font-weight: bold;margin-bottom: 0;} .about-banner .inner .text{font-weight: 600;width: 660px;max-width: 100%;display: block;margin: 0 auto;} .about-sec1{padding: 40px 0;} .about-sec1 .inner{padding-right: 0;padding-bottom: 0;color: #333;} .about-sec1 .inner:after{display: none;} .about-sec1 .inner .page-title{color: #242424;} .about-sec1 .inner .data .item .value{color: #0075E5;} .about-sec2{padding: 40px 0;} .about-sec2 .block:not(:last-child){margin-bottom: 40px;} .about-sec2 .block:nth-child(even) .row{flex-direction: row-reverse;} .about-sec2 .block:nth-child(even) .inner{padding-left: 30px;} .about-sec2 .block:nth-child(odd) .inner{padding-right: 50px;} .about-sec2 .inner{display: flex;flex-direction: column;gap: 40px;} .about-sec2 .inner .title{display: flex;align-items: center;margin-bottom: 0;font-size: 32px;text-transform: uppercase;font-weight: bold;gap: 10px;} .about-sec2 .inner .title img{object-fit: contain;width: 56px;height: 56px;flex: 0 0 56px;} .about-sec2 .inner .text{font-weight: 500;color: #435767;} .about-sec2 .img{overflow: hidden;border-radius: 24px;aspect-ratio: 13/10;} .about-sec2 .img img{height: 100%;} .about-sec4{padding: 40px 0;overflow: hidden;} .about-sec4 .block{display: flex;position: relative;flex-wrap: wrap;} .about-sec4 .block:after{content: "";display: block;width: 100%;height: calc(100% - 60px);position: absolute;top: 30px;left: 0;background: #F5F5F5;} .about-sec4 .inner{width: calc(470px + (50% - 585px));padding: 60px 30px 60px calc(50% - 585px);display: flex;flex-direction: column;gap: 16px;position: relative;z-index: 2;} .about-sec4 .web-slider{width: calc(100% - (470px + (50% - 585px)));z-index: 2;} .about-sec4 .inner .page-title{margin-bottom: 0;} .about-sec4 .inner .page-title span{color: #0075E5;} .about-sec4 .inner .text{font-weight: 500;color: #435767;} .about-sec4 .inner .swiper-nav{margin-top: auto;display: flex;align-items: center;gap: 10px;} .about-sec4 .swiper-button-next,.about-sec4 .swiper-button-prev{position: unset;transform: translateY(0);} .about-sec4 .swiper-button-next:after,.about-sec4 .swiper-button-prev:after{display: none;} .about-sec4 .inner .link a{display: inline-flex;font-weight: bold; align-items: center;justify-content: center;text-align: center;color: #fff;gap: 8px;height: 48px;border: 1px solid #0075E5;border-radius: 50px;background: #0075E5;padding: 0 24px;} .about-sec4 .inner .link a:hover{background: #fff;color: #0075E5;} .about-sec4 .inner .link a svg path{transition: all .3s;} .about-sec4 .inner .link a:hover svg path{fill: #0075E5;} .about-sec4-new{padding: 40px 0;background: #f5f5f5;} .about-sec4-new .inner{display: flex;flex-direction: column;gap: 16px;} .about-sec4-new .inner .page-title{margin-bottom: 0;} .about-sec4-new .inner .page-title span{color: #0075E5;} .about-sec4-new .inner .text{font-weight: 500;color: #435767;} .about-sec4-new .inner .link a{display: inline-flex;font-weight: bold; align-items: center;justify-content: center;text-align: center;color: #fff;gap: 8px;height: 48px;border: 1px solid #0075E5;border-radius: 50px;background: #0075E5;padding: 0 24px;} .about-sec4-new .inner .link a:hover{background: #fff;color: #0075E5;} .about-sec4-new .inner .link a svg path{transition: all .3s;} .about-sec4-new .inner .link a:hover svg path{fill: #0075E5;} .swiper-profession{margin: -12px;} .swiper-profession .swiper-slide{height: auto;padding: 12px;width: 388px;} .item-profession{width: 364px;height: 100%; max-width: 100%;background: #fff;overflow: hidden;border-top: 5px solid #0075E5;border-radius: 8px;box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);padding: 24px;display: flex;flex-direction: column;gap: 22px;} .item-profession .icon{width: 115px;height: 115px;position: relative;} .item-profession .icon img{width: 100%;height: 100%;object-fit: contain;} .item-profession .icon:after{content: "";display: block;width: 200px;height: 3px;background: #006DC3;position: absolute;left: calc(100% + 36px);bottom: 24px;} .item-profession .name{text-transform: uppercase;font-size: 24px;font-weight: bold;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;margin-bottom: 12px;} .item-profession .img{overflow: hidden;border-radius: 8px;aspect-ratio: 8/5;margin-bottom: 12px;} .item-profession .img img{height: 100%;transition: all .5s;} .item-profession:hover .img img{transform: scale(1.05);} .item-profession .link a{display: inline-flex;align-items: center;color: #0075E5;font-weight: 600;gap: 8px;} .item-profession .link a svg{transition: all .3s;} .item-profession:hover .link a svg{margin-left: 8px;margin-right: -8px;} .about-sec5{padding: 40px 0;} .about-sec5 .inner{display: flex;flex-direction: column;gap: 40px;} .about-sec5 .box-title .page-title{margin-bottom: 6px;text-transform: uppercase;} .about-sec5 .box-title .text{display: block;margin: 0 auto;width: 914px;max-width: 100%;font-weight: 600;color: #435767;} .about-sec5 .slider1{max-width: 100%;width: 800px;display: block;margin: 0 auto;} .about-sec5 .swiper-process-thumb:after{content: "";display: block;width: 100%;height: 3px;background: #D9D9D9;position: absolute;bottom: 11px;left: 0;} .about-sec5 .time{display: flex;flex-direction: column;gap: 24px;align-items: center;cursor: pointer;} .about-sec5 .time .value{font-size: 20px;font-weight: bold;color: #909090;} .about-sec5 .time .dot{width: 26px;height: 26px;border: 2px solid #0359A2;background: #FFF6F3;border-radius: 50%;} .about-sec5 .swiper-slide-thumb-active .time .dot{background: #0359A2;} .about-sec5 .swiper-slide-thumb-active .time .value{color: #0359A2;} .about-sec5 .slider2{width: 100%;} .about-sec5 .item{aspect-ratio: 2/1;overflow: hidden;border-radius: 24px;} .about-sec5 .item .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .about-sec5 .item .text{width: 100%;position: absolute;bottom: 0;z-index: 2;padding: 24px;color: #fff;font-size: 20px;font-weight: 500;height: 118px;background: linear-gradient(180deg, rgba(59, 59, 59, 0) 0%, #000000 100%);display: flex;align-items: center;justify-content: center;} .about-sec5 .slider2 .process-prev{left: -22px;} .about-sec5 .slider2 .process-next{right: -22px;} .about-sec6{padding: 40px 0;} .about-sec6 .inner{display: flex;flex-direction: column;gap: 40px;} .about-sec6 .box-title .page-title{margin-bottom: 6px;text-transform: uppercase;} .about-sec6 .box-title .text{display: block;margin: 0 auto;width: 914px;max-width: 100%;font-weight: 600;color: #435767;} /* Template */ .template-banner{overflow: hidden;min-height: 384px;display: flex;align-items: center;justify-content: center;} .template-banner .overlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0) -43.3%, rgba(0, 0, 0, 0.5) 100%);} .template-banner .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .template-banner .container{position: relative;z-index: 3;} .template-banner .title{text-transform: uppercase;font-weight: bold;font-size: 60px;margin-bottom: 0;color: #fff;} .template-body .section{display: flex;flex-direction: column;gap: 24px;} .template-title{font-weight: bold;font-size: 28px;margin-bottom: 0;} .template-gallery{padding: 12px 0;} .template-content{font-weight: 500;color: #435767;} .template-gallery .img{width: 100%;aspect-ratio: 2/1;overflow: hidden;} .template-gallery .img img{height: 100%;} .template-gallery .web-slider{padding: 16px 84px 0;} .template-gallery .web-slider .img{aspect-ratio: 8/5;border: 1px solid #DCDCDC;} .template-gallery .web-slider .swiper-slide-thumb-active .img{border: 2px solid #0075E5;} .template-gallery .swiper-button-prev{left: 0;} .template-gallery .swiper-button-next{right: 0;} .template-content table tr:first-child{background: #0075E5;color: #fff;} @media (max-width: 1399px) { } @media (max-width: 1199px) { #header .menu{gap: 30px;} #footer{padding: 30px 0;} .footer-main .logo{margin-bottom: 16px;} .footer-main .title{font-size: 16px;margin-bottom: 16px;} .footer-main .info .name{font-size: 16px;margin-bottom: 8px;} .page-title{font-size: 30px;} .contact-sec1{gap: 30px;} .contact-sec1 .tab-title button .name{font-size: 22px;} .contact-sec2 .title{font-size: 22px;} .page-body{padding: 30px 0 40px;} .page-body .section:not(:last-child){margin-bottom: 40px;} .contact-sec2{padding: 30px;} .category-banner .title{font-size: 24px;} .category-banner .searchform .search-input{padding: 4px 130px 4px 56px;} .category-banner .searchform .search-submit{height: 44px;top: 6px;right: 6px;} .category-banner .searchform{width: 620px;} .category-banner{min-height: 240px;} .category-banner .block{gap: 30px;} .cat-title{font-size: 24px;margin-bottom: 16px;} .item-news{gap: 16px;} .item-news .info .name{font-size: 18px;} .item-news .info .link a{font-size: 14px;} .item-news .info .link a svg{width: 16px;} .single-body{padding: 20px 0 30px;} .related-title{font-size: 22px;padding-bottom: 8px;} .item-recruitment{padding: 16px;border-radius: 16px;gap: 20px;} .item-recruitment .info{width: calc(100% - 174px - 20px);gap: 12px;} .item-recruitment .info .name{font-size: 20px;} .recruitment-meta .title{font-size: 22px;} .recruitment-local .title{font-size: 18px;} .recruitment-overview .title{font-size: 18px;} .recruitment-overview .list{padding: 16px;gap: 16px;} .category-banner .title-pro{font-size: 36px;} .item-product .info{padding: 30px 20px;} .item-product .info .name{font-size: 22px;} .swiper-product .item-product .info{padding: 12px 12px 16px;} .detail-body{padding: 20px 0 30px;} .detail-info .entry-title{font-size: 30px;} .detail-info .short-desc .capt{font-size: 22px;margin-bottom: 16px;} .detail-info .short-desc .box{padding: 16px 16px 8px;} .detail-info .buttons{padding-top: 16px;} .detail-info .buttons a{font-size: inherit;} .detail-content{padding-top: 0;} .detail-content .title{font-size: 20px;} .detail-content .block:not(:last-child){margin-bottom: 30px;} .related-product .block{padding-left: 15px;padding-right: 15px;} .swiper-product{width: 100%;} .swiper-product .item-product .info .name{font-size: 16px;} .home-about{padding: 40px 0;} .home-about .inner .text{font-size: 16px;} .home-about .inner .data .item .value{font-size: 36px;} .home-product{padding: 40px 0;} .home-product .block{padding-left: 15px;padding-right: 15px;} .item-product2{gap: 16px;} .item-product2 .info .name{font-size: 16px;} .item-product2 .info .name svg{width: 16px;} .home-certify .page-title{margin-bottom: 24px;} .home-certify .block{padding: 30px;} .home-profession .box-title{padding: 20px 0;} .home-profession .box-title .text{font-size: 16px;} .home-profession .item{height: 400px;} .home-profession .item .inner{padding: 16px;gap: 16px;} .home-profession .item .inner .icon{width: 80px;height: 80px;} .home-profession .item .inner .icon img{max-width: 30px;max-height: 30px;} .home-profession .item .inner .name{font-size: 24px;} .home-profession .item .inner .text{font-size: 16px;} .home-profession .item:hover .inner .text{height: 120px;} .home-news{padding: 30px 0;} .home-news .page-title{margin-bottom: 16px;font-size: 26px;} .about-banner{min-height: 400px;} .about-banner .inner .title{font-size: 42px;} .about-sec1{padding: 30px 0;} .about-sec2{padding: 30px 0;} .about-sec2 .inner{gap: 24px;padding: 0 !important;} .about-sec2 .inner .title{font-size: 24px;} .about-sec2 .inner .title img{width: 42px;height: 42px;flex: 0 0 42px;} .about-sec2 .block:not(:last-child){margin-bottom: 30px;} .about-sec4 .inner{width: 35%;padding: 60px 30px 60px 15px;} .about-sec4 .web-slider{width: 65%;} .about-sec4{padding: 30px 0;} .swiper-profession .swiper-slide{width: 344px;} .item-profession{width: 320px;padding: 16px;gap: 16px;} .item-profession .icon{width: 94px;height: 94px;} .item-profession .icon:after{bottom: 18px;left: calc(100% + 20px);} .item-profession .name{font-size: 20px;margin-bottom: 6px;} .item-profession .img{margin-bottom: 0;} .item-profession .link a svg{width: 20px;} .about-sec5{padding: 30px 0;} .about-sec5 .inner{gap: 30px;} .about-sec5 .item .text{font-size: 18px;padding: 16px;height: 90px;} .about-sec6{padding: 30px 0;} .about-sec6 .inner{gap: 30px;} .template-banner .title{font-size: 42px;} .template-banner{min-height: 320px;} .template-title{font-size: 22px;} .template-body .section{gap: 20px;} .page-body .section:not(:last-child){margin-bottom: 30px;} } @media (max-width: 991px) { html { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } body {font-size: 14px; overflow-y: visible; position: relative; } html, body { overflow-x: hidden; margin: 0; } #main{overflow: hidden;} .this-pc{display: none;} .supports .item a{width: 44px;height: 44px;} .supports .item a img{max-width: 24px;max-height: 24px;} .supports .item a.zalo img{max-width: 30px;} .backtop a{width: 44px;height: 44px;} .backtop a img{max-width: 24px;max-height: 24px;} #header .col-lang{display: none;} #header .col-menu{display: none;} #header .col-logo{margin-right: auto;} #header .logo{height: 70px;display: flex;align-items: center;} #header .col-touch{display: block;width: 54px;} #header .col-hotline{width: 170px;} #header .hotline a{height: 42px;gap: 4px;} #header .hotline a svg{width: 17px;} #touch-menu{width: 24px;height: 24px;cursor: pointer;background-image: url(images/touch.png);background-size: cover;background-repeat: no-repeat;background-position: center;} .line-dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 999} body.active-menu .line-dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 20 20,default;} #menu-mobile{display: block;transition: all .5s; background: #fff;z-index: 9999;position: fixed;width: 300px;height: 100%;top: 0;left: -300px;opacity: 0;visibility: hidden;padding-top: 40px;} body.active-menu #menu-mobile{opacity: 1;visibility: visible;left: 0;} #menu-mobile .close{width: 24px;height: 24px;cursor: pointer;background-image: url(images/close-menu.png);background-size: 18px;background-repeat: no-repeat;background-position: center;position: absolute;top: 12px;right: 12px;} #menu-mobile ul{list-style: none;margin-bottom: 0;} #menu-mobile .menu{overflow-y: auto;padding: 0 10px 0 20px;} #menu-mobile .menu ul{display: none;padding-left: 20px;} #menu-mobile .menu li{position: relative;} #menu-mobile .menu li>a{display: flex;align-items: center;min-height: 36px;} #menu-mobile .menu li>svg{width: 24px;height: 24px;cursor: pointer;padding: 6px;position: absolute;right: 0;top: 6px;} #menu-mobile .menu li.re-arrouw>svg{transform: rotate(180deg);} .footer-main .info .list li img{width: 20px;height: 20px;} .footer-main .info .list li{padding-left: 28px;} .footer-bot{margin-top: 0;} .footer-main .widget{max-width: calc(100% / 3);padding-bottom: 16px;} .footer-main .widget:first-child{max-width: 100%;width: 100%;} .contact-sec1 .tab-title button{gap: 16px;padding: 8px 0 8px 20px;} .contact-sec1 .tab-title button .name{font-size: 18px;} .contact-sec1 .tab-title button .info{gap: 12px;} .contact-sec1 .tab-title button .info img{width: 20px;height: 20px;} .contact-sec1 .tab-title button .info li{padding-left: 28px;} .contact-sec1 .tab-title button .map{display: block;width: 100%;aspect-ratio: 2/1;overflow: hidden;border-radius: 10px;} .contact-sec1 .tab-title button .map iframe{width: 100%;height: 100%;} .contact-sec1{gap: 24px;} .page-title{font-size: 26px;} .contact-sec2{padding: 24px;border-radius: 10px;} .contact-sec2 .inner{gap: 24px;} .category-banner .block{gap: 24px;} .cat-title{font-size: 22px;} .single-body .block{gap: 16px;} .related-title{font-size: 20px;} .searchandfilter ul li{width: 320px;} .recruitment-body .col-content{padding-right: 15px;width: calc(100% - 300px)} .recruitment-body .col-sidebar{width: 300px;} .recruitment-overview .list .box .value{font-size: 16px;} .recruitment-overview .list .icon{width: 50px;height: 50px;} .recruitment-overview .list .box{width: calc(100% - 50px - 16px);} .recruitment-apply{padding: 40px 0;} .recruitment-apply .title{font-size: 22px;} .recruitment-apply .form{padding: 16px 0;} .category-banner .title-pro{font-size: 22px;} .item-product .info{padding: 24px 16px;} .item-product .info .name{font-size: 20px;} .item-product .info .link a{height: 42px;} .detail-info .entry-title{font-size: 26px;} .detail-info .short-desc .capt{font-size: 18px;margin-bottom: 12px;} .home-about{padding: 30px 0;} .home-about .inner{padding-right: 0;padding-bottom: 0;} .home-about .inner .data .item .value{font-size: 30px;} .home-about .inner .link a{height: 42px;} .home-about .inner .link a svg{width: 16px;} .home-about .row{flex-direction: column-reverse;} .home-about.about-sec1 .row{flex-direction: column;} .home-product{padding: 30px 0;} .product-pagination{padding-top: 10px;} .item-product2{gap: 12px;} .home-certify{padding: 30px 0 20px;} .home-certify .page-title{margin-bottom: 16px;} .home-profession .box-title{gap: 4px;} .home-profession .box-title .page-title{width: 100%;} .home-profession .box-title .text{width: 100%;text-align: left;font-size: 14px;} .home-profession .item{height: 300px;} .home-profession .item .inner .text{display: none;} .home-profession .item .inner .icon{width: 70px;height: 70px;} .home-profession .item .inner .name{font-size: 18px;} .home-news .page-title{font-size: 24px;} .about-banner{min-height: 300px;} .about-banner .inner .title{font-size: 36px;} .about-sec2 .inner{font-size: 16px;} .about-sec2 .inner .title{font-size: 22px;} .about-sec2 .inner .title img{width: 32px;height: 32px;flex: 0 0 32px;} .about-sec2 .img{border-radius: 16px;} .about-sec4{background: #f5f5f5;} .about-sec4 .inner{width: 100%;padding: 15px;} .about-sec4 .web-slider{width: 100%;padding: 15px;} .about-sec4 .block:after{display: none;} .about-sec4-new .inner .link a{height: 42px;} .about-sec5 .time{gap: 16px;} .about-sec5 .time .value{font-size: 18px;} .about-sec5 .inner{gap: 24px;} .about-sec6 .inner{gap: 24px;} .template-banner{min-height: 280px;} .template-banner .title{font-size: 32px;} /* Acount */ .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 20px) / 3);} } @media(max-width:767px) { #header .col-hotline{width: 150px;} #header .hotline a{font-size: 13px;height: 34px;padding: 5px;} #footer{padding: 30px 0 20px;} .swiper-button-next, .swiper-button-prev{width: 36px;height: 36px;} .category-banner .block{padding-top: 0;} .category-banner .searchform .search-input{padding: 4px 110px 4px 44px;background-position: left 16px center;line-height: 32px;} .category-banner .searchform .search-submit{height: 32px;top: 5px;right: 5px;width: 90px;} .category-banner .searchform{width: 500px;} .category-banner{min-height: 200px;} .item-news .info .name{font-size: 16px;} .page-title{font-size: 24px;} .single-body .page-title{font-size: 22px;} .searchandfilter ul li{width: calc((100% - 16px - 16px - 100px) / 2);} .searchandfilter ul li.sf-field-submit{width: 100px;} .searchandfilter input[type="submit"]{padding: 10px;width: 100%;} .item-recruitment .info .name{font-size: 18px;} .recruitment-body .col-content{width: 100%;} .recruitment-body .col-sidebar{width: 100%;} .recruitment-meta .apply a{height: 40px;padding: 0 20px;} .list-product .item-product{width: calc(50% - 15px);} .item-product .info .name{font-size: 18px;} .detail-info .buttons a{height: 52px;} .home-about .inner .data .item .value{font-size: 26px;} .home-about .inner .text{font-size: 14px;} .home-profession .item{height: 240px;} .home-profession .item .inner .icon{width: 60px;height: 60px;border-width: 2px;} .home-profession .item .inner .text{font-size: 14px;} .about-banner .inner .title{font-size: 32px;} .about-sec2 .inner{gap: 16px;} .item-profession .icon{width: 80px;height: 80px;} .item-profession .name{font-size: 16px;} .swiper-profession .swiper-slide{width: 324px;} .item-profession{width: 300px;} .about-sec5 .item .text{font-size: 16px;min-height: 90px;height: auto;} .about-sec5 .item{border-radius: 16px;} .template-gallery .web-slider{padding: 12px 54px 0;} .item-recruitment{gap: 16px;} .item-recruitment .info{gap: 10px;width: calc(100% - 160px - 16px);} .item-recruitment .img{width: 160px;} .item-recruitment .info .overview li img{width: 20px;height: 20px;} /* Cart-mb */ .woocommerce table.shop_table.cart td{padding: 8px 8px;} .woocommerce table.shop_table.cart .product-name{width: 100%;} .woocommerce table.shop_table.cart .product-price, .woocommerce table.shop_table.cart .product-quantity, .woocommerce table.shop_table.cart .product-subtotal{width: 100%;} .woocommerce .cart-collaterals .cart_totals{padding: 12px;max-width: 100%;} .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells{margin-top: 20px;} #customer_details{width: 100%;} #order_review{width: 100%;padding: 12px;} .woocommerce table.woocommerce-checkout-review-order-table .product-name{padding: 0 8px 8px 0;} .woocommerce table.woocommerce-checkout-review-order-table .product-total{padding: 0 0 8px 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot th{padding: 0 8px 8px 0;} .woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding: 0 0 8px 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td, .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{padding-top: 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top: 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{padding-top: 8px;font-size: 20px;} .woocommerce #order_review .woocommerce-checkout-payment{margin-top: 16px;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{font-size: 16px;} .woocommerce table.order_details tfoot tr:last-child td{font-size: 16px;} } @media(max-width:575px) { .footer-main .widget{max-width: 100%;width: 100%;} .footer-bot .widget{width: 100%;text-align: center;} .contact-sec2 .title{font-size: 20px;} .item-recruitment .info .bot .apply a{font-size: 13px;padding: 0 12px;height: 32px;} .item-recruitment .info .name{font-size: 16px;} .list-product{gap: 24px;} .list-product .item-product{width: calc(50% - 12px);} .item-product .info{padding: 16px;} .item-product .info .name{font-size: 16px;} .list-certify{gap: 20px;} .list-certify .item-certify{width: calc(50% - 10px);} .about-sec5 .time .value{font-size: 16px;} .home-profession .item{width: 100% !important;height: auto;} .home-profession .item .inner .text{opacity: 1;display: block;height: auto;visibility: visible;} /* Acount */ .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc(50% - 5px);} #customer_login h2{font-size: 20px;} } @media(max-width:428px) { }