/*   

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:'Roboto';src:url(fonts/Roboto-Light.woff2);font-weight:300;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Regular.woff2);font-weight:400;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Medium.woff2);font-weight:500;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Bold.woff2);font-weight:700;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Black.woff2);font-weight:900;font-display:block;font-style:normal}
body{font-family: 'Roboto', sans-serif;font-size: 14px;overflow-x: hidden;}
.row2{margin: 0 -15px;text-align: center;}
.row2 > div{padding: 0 15px;width: 33.1%;display: inline-block;margin-bottom: 30px;}
.row2 > div.acol-lg-3:nth-child(4){width: 100%;}
.row2 > div.width100{width: 100%;}
.zek_service4 .row2 > div.width100 .title_home {
    margin-bottom: 30px;
}
*{margin:0;padding:0;line-height:1.5}
a{text-decoration:none;color:#333;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:hover {color: #CC2029;}
a:active,a:hover{color:}
.zek_recruit6 .row{justify-content: center;}
ul{padding-left:0}
.swiper-free-mode>.swiper-wrapper{justify-content: center;}
img{max-width:100%;border:none;height:auto}
h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0}
.this_mb{display:none}
.img img{width:100%;height:auto;object-fit:cover}
.capt a,.title a,.title span,.title a,.name a,.name span{line-height:normal}
.screen-reader-text{display:none}
.tagged_as{padding:15px 0}
.tagged_as a{font-size:14px;background:#f1f1f1;margin:5px 10px 5px 0;display:inline-block;float:none;padding:5px 10px;border-radius:5px}
.head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed;top: 0;left: 0;width: 100%;z-index: 999}
@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}
}
@media (min-width:1200px) {
.container{max-width: 1150px}
}
.img_hover{overflow:hidden;position:relative}
.img_hover img{transition:all 1.5s}
.img_hover:hover img{transform:scale(1.1)}
.img_hover:before,.button_home:before{position:absolute;top:0;left:-100%;display:block;content:'';width:50%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);z-index:2}
.img_hover:hover:before,.button_home:hover:before{-webkit-animation:shine 1.3s;animation:shine 1.3s}
@-webkit-keyframes shine {
100%{left:125%}
}
@keyframes shine {
100%{left:125%}
}
.flex{display:flex;flex-wrap:wrap}
.flex-center{align-items:center}
.row-reverse{flex-direction:row-reverse}
.column-reverse{flex-direction:column-reverse}
.modal-content{border:none;box-shadow:none;border-radius:.5rem;position:relative;background-color:#fff;background-clip:padding-box;outline:0}
.modal-header{background-color:#045d2d;color:#fff;padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}
.modal-header .modal-title{position:relative;min-height:44px;font-weight:400;font-size:18px;line-height:normal;margin:0;line-height:44px;color:#fff}
button.close{position:absolute;right:15px;top:30px;color:#fff;opacity:1}
.pop_box input[type=submit]{background-color:#045d2d;color:#fff;margin-bottom:0;margin-top:15px}
.modal-dialog{margin:80px auto 0}
.btn,input[type="submit"]{display:inline-block;height:40px;line-height:40px;padding:0 20px;text-align:center;white-space:nowrap;outline:none!important;cursor:pointer;border:none;letter-spacing:0;-webkit-transition:background-color .1s ease-in;-moz-transition:background-color .1s ease-in;-ms-transition:background-color .1s ease-in;-o-transition:background-color .1s ease-in;transition:background-color .1s ease-in;-webkit-border-radius:0;border-radius:0}
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],textarea,select{border:1px solid #c4c4c4;padding:10px;width:100%;max-width:100%;display:block;line-height:18px;outline:none}
#ftwp-container #ftwp-contents.ftwp-border-medium,#ftwp-container #ftwp-trigger.ftwp-border-medium{border-width:1px}
.content-post img{margin-bottom:20px}
.content-post iframe{display:block;margin:20px auto;width:100%;height:450px;object-fit:contain}
.content-post p{margin-bottom:20px}
.content-post ul,.content-post ol{padding-left:20px;margin-bottom:20px}
.content-post li{position:relative;margin-bottom:10px}
.content-post strong,.content-post b,.content-post i,.content-post a{line-height:normal}
.content-post .gca-column+br{display:none}
.content-post table{margin-bottom:20px}
.content-post h1{font-size:28px;margin-bottom:20px}
.content-post h2{font-size:24px;margin-bottom:20px}
.content-post h3{font-size:20px;margin-bottom:20px}
.content-post h4{font-size:18px;margin-bottom:20px}
.content-post h5,.content-post h6{font-size:16px;margin-bottom:20px}
.content-post blockquote{padding:15px 15px 15px 25px;border-left:5px solid #000;font-size:16px;border-radius:10px;background:#f6f6f6}
.content-post .gallery{display:flex;flex-wrap:wrap;margin:0 -15px!important}
.content-post .gallery br{display:none}
.content-post .gallery .gallery-item{padding:0 15px}
.content-post .gallery.gallery-columns-2 .gallery-item{width:50%!important}
.content-post .gallery.gallery-columns-3 .gallery-item{width:calc(100% / 3)!important}
.content-post .gallery.gallery-columns-4 .gallery-item{width:25%!important}
.content-post .gallery.gallery-columns-5 .gallery-item{width:20%!important}
.content-post .gallery.gallery-columns-6 .gallery-item{width:calc(100% / 6)!important}
.content-post .gallery.gallery-columns-7 .gallery-item{width:calc(100% / 7)!important}
.content-post .gallery.gallery-columns-8 .gallery-item{width:calc(100% / 8)!important}
.content-post .gallery.gallery-columns-9 .gallery-item{width:calc(100% / 9)!important}
.content-post .gallery .gallery-item .gallery-icon{width:100%;position:relative;overflow:hidden;padding-top:56.25%}
.content-post .gallery .gallery-item .gallery-icon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0!important}
.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 20px 20px 0}
.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:20px auto}
.content-post .alignright{float:right;margin:10px 0 20px 20px}
.content-post .alignleft{float:left;margin:10px 20px 20px 0}
a img.alignright{float:right;margin:10px 0 20px 20px}
a img.alignnone{margin:10px 20px 20px 0}
a img.alignleft{float:left;margin:10px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:none;max-width:100%;padding:0;margin:0 auto 20px!important;background-color:#fff;}
.wp-caption.alignnone{margin:10px 20px 20px 0}
.wp-caption.alignleft{margin:10px 20px 20px 0}
.wp-caption.alignright{margin:10px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.wp-caption p.wp-caption-text{font-size:12px;color:#333;margin:0;padding:20px 20px 0;text-align: center;}
div.wpcf7 .ajax-loader{position:absolute}
.widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word}
.tabs-2 li{width:50%}
.nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff}
.nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.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}
.owl-carousel .owl-dots{text-align:center}
.owl-carousel .owl-dots > *{display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot{outline:none;background:none}
.owl-carousel .owl-dots .owl-dot span{width:10px;height:10px;background:#c4c4c4;border-radius:10px;margin:0 5px;display:block}
.owl-carousel .owl-dots .owl-dot.active span{background:#CC2029}
.owl-carousel .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);outline:none;background:none}
.owl-carousel .owl-nav button span{width:40px;height:40px;display:block;border:1px solid #2e2e2e;line-height:40px;text-align:center}
.owl-carousel .owl-nav button.owl-prev{left:0}
.owl-carousel .owl-nav button.owl-next{right:0}
.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}
.columns-2{grid-template-columns:repeat(2,1fr);display:grid;grid-gap:30px}
.columns-3{grid-template-columns:repeat(3,1fr);display:grid;grid-gap:30px}
.columns-4{grid-template-columns:repeat(4,1fr);display:grid;grid-gap:30px}
.columns-5{grid-template-columns:repeat(5,1fr);display:grid;grid-gap:30px}
.columns-6{grid-template-columns:repeat(6,1fr);display:grid;grid-gap:30px}
.sticky{position:-webkit-sticky;position:sticky;top:10px}
.block_slider{margin:-15px}
.item_slider{padding:15px}
#back-top{position:fixed;bottom:30px;right:22px;z-index:90}
#back-top i{width: 40px;height: 45px;line-height: 40px;text-align: center;background: #CC2029;color: #fff;font-size: 18px;border-radius: 20px;transition: .3s;}
#back-top i:hover{height: 50px;}
.supports{position:fixed;z-index:999;right:20px;bottom:100px;}
.supports ul{margin-bottom: 0;}
.supports li{list-style:none;display:block;margin-bottom:10px}
.supports li a{position:relative;display:inline-block;text-align:center;width:42px;height:42px;line-height:42px;color:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px 0 #000;}
.supports li a svg{vertical-align: unset;}
.supports li a:hover{text-decoration:none;opacity:.9;box-shadow:0 5px 10px #000 0 4px 15px #000}
.supports li a .tooltip-text{position:absolute;top:4px;right:55px;z-index:9;height:32px;line-height:26px;padding:3px 10px;width:auto;border-radius:5px;font-size:11px;color:#fff;text-align:center;white-space:nowrap;cursor:pointer;background-color:#000;visibility:hidden;opacity:0;-ms-transition:all 200ms linear;-webkit-transition:all 200ms linear;transition:all 200ms linear}
.supports li a .tooltip-text:after{content:"";width:0;height:0;border-width:5px;border-style:solid;position:absolute;top:0;bottom:0;margin:auto;-ms-transition:all 200ms linear;-webkit-transition:all 200ms linear;transition:all 200ms linear;border-color:transparent transparent transparent #000;left:100%}
.supports li a:hover .tooltip-text{visibility:visible;opacity:1}
.header_mb{display:none}
.header_menu ul{list-style:none;margin:0}
.header_menu .menu li{position:relative}
.header_menu .menu{display:flex;flex-wrap:wrap;justify-content:flex-start}
.header_menu .menu>li{display:block}
.header_menu .menu .sub-menu{opacity:0;visibility:hidden;position:absolute;z-index:99;background:#fff;width:auto;padding:10px 0;min-width:220px;-webkit-box-shadow:0 1px 1px #000;-moz-box-shadow:1px 1px 15px #000;-o-box-shadow:1px 1px 15px #000;-ms-box-shadow:1px 1px 15px #000;box-shadow:1px 1px 15px #000;transition:all .3s}
.header_menu .menu>li>a{display:block;font-size:16px;padding:0 20px;position:relative;color: #BCC1C6}
.header_menu .menu>li.current-menu-item>a,.header_menu .menu>li:hover>a{color: #F6FBFF;}
.header_menu .menu>li.menu-item-has-children>a:after{content:"\f107";font-family:"Font Awesome 6 Pro";font-size:14px;position:absolute;right:20px;top:3px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.header_menu .menu>li.menu-item-has-children>a{padding-right:35px}
.header_menu .menu>li.menu-item-has-children:hover>a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.header_menu .menu>li>.sub-menu{top:100%;left:0;transform:scaleY(0);transform-origin:0 0}
.header_menu .menu>li>.sub-menu li>.sub-menu{top:0;left:100%;transform:scaleX(0);transform-origin:0 0}
.header_menu .menu>li>.sub-menu li>a{display:block;padding:10px 0;margin:0 20px;border-bottom:1px dashed #ecf0f1;white-space:nowrap;position:relative}
.header_menu .menu>li>.sub-menu li:last-child>a{border-bottom:none}
.header_menu .menu>li>.sub-menu li.menu-item-has-children>a:after{content:"\f105";font-family:"Font Awesome 6 Pro";font-size:14px;font-weight:900;position:absolute;right:-5px;top:10px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.header_menu .menu>li>.sub-menu li.menu-item-has-children:hover>a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.header_menu .menu li:hover>.sub-menu{opacity:1;visibility:visible}
.header_menu .menu>li:hover>.sub-menu{transform:scaleY(1)}
.header_menu .menu>li>.sub-menu li:hover>.sub-menu{transform:scaleX(1)}
.header_pc{background: #444444;}
.header_pc{padding: 24px 0}
.header_pc .container{max-width: 1280px}
.header__right{display: flex;align-items: center;justify-content: flex-end}

.header_logo img{max-height: 70px}
.header_lang ul{position: relative;margin-bottom: 0;list-style: none;color: #fff}
.header_lang ul li{width: 100%}
.header_lang ul li a{color: #F6FBFF;display: block;background: #444444;padding: 5px 10px;}
.header_lang ul li:hover a{color:#CC2029 }
.header_lang ul li:not(.current-lang){position: absolute;top: 100%;z-index: 99;display: none;padding-top: 10px;left: 0}
.header_lang ul:hover li{display: block;}

.search_touch{color: #F6FBFF;background: none;border: none;outline: none}
.header_search{position: relative;margin-left: 15px}
.form_search{position: absolute;top: 100%;min-width: 250px;right: 0;padding-top: 24px}
.form_search form{display: flex;width: 100%}
.form_search form input{width:calc(100% - 40px);height:40px ;border: 1px solid #CC2029;
    border-left-width: 5px;font-size: 14px}
.form_search form button{width: 40px;height: 40px;color: #fff;background: #CC2029;display: flex;align-items: center;justify-content: center;outline: none;border: none}
.zek_recruit4 .row{justify-content: center;}
.row-margin{--bs-gutter-y: 1.5rem !important;}
#zek_content_pages{padding:100px 0}
.breadcrumbs_ready{padding:15px 0;background:#f5f5f5}
.breadcrumbs .separator{margin:0 5px}
.breadcrumbs *{margin-bottom:0}
.navigation ul{margin-bottom: 0;list-style: none;}
.navigation ul li{display: inline-block;}
.navigation ul li + li{margin-left: 5px;}
.navigation ul li span,.navigation ul li a{display: block;padding: 5px 15px;border-radius: 4px;background: #EAEEF3;}
.navigation ul li .current,.navigation ul li span:hover,.navigation ul li a:hover{background: #CC2029;color: #fff;}
.paginate_links{overflow:hidden;text-align:center;display:table;margin:30px auto}
.paginate_links .page-numbers{width:32px;height:32px;display:inline-block;float:left;margin:0 5px;padding-top:7px;color:#c8102e;border:1px solid #c8102e;margin-bottom:5px}
.paginate_links .page-numbers:hover{background:#c8102e;color:#fff}
.paginate_links .page-numbers.prev,.paginate_links .page-numbers.next{background:transparent;width:auto;border:none}
.paginate_links .page-numbers.prev:hover,.paginate_links .page-numbers.next:hover{text-decoration:underline;color:#007BB6}
.paginate_links .page-numbers.current{background:#c8102e;color:#fff}
.title_single{font-weight: 700;
font-size: 40px;margin-bottom: 30px}
.meta_single{margin-bottom:10px;display:flex;flex-wrap:wrap}
.meta_single span{display:flex;align-items:center}
.meta_single span:not(:last-child){margin-right:30px}
.meta_single span a{color:#6f7071}
.icon_meta{width:15px;height:15px;display:inline-block;background-size:auto;background-repeat:no-repeat;background-position:center}
.icon_date{background-image:url(images/icon_date.png)}
.icon_cate{background-image:url(images/icon_cate.png)}
.icon_author{background-image:url(images/icon_author.png)}
.meta_single span i{margin-right:5px}
.sidebar .widget:not(:last-child){margin-bottom:68px}
.sidebar-title{font-size:20px;font-weight:700;text-transform:uppercase;margin-bottom:30px}
.sidebar .single-post:not(:last-child){margin-bottom:20px}
.sidebar .single-post .row{--bs-gutter-x: 16px;}
.sidebar .single-post .img{width:100%;padding-top:65%;position:relative;margin-bottom:10px}
.sidebar .single-post .img img{position:absolute;top:0;left:0;height:100%}
.sidebar .single-post .info .capt{font-size:16px;font-weight:700;margin-bottom:5px}
.sidebar .single-post .info .date{color:rgba(20,22,35,0.6);display:flex;align-items:center}
.sidebar .single-post .info .date img{margin-right:10px}
.sidebar .menu,.sidebar .widget_categories >ul{list-style:none;margin-bottom:0}
.sidebar .menu>li,.sidebar .widget_categories >ul>li{display:block;margin-bottom:10px;font-size:16px}
.sidebar .menu>li:last-child,.sidebar .widget_categories >ul>li:last-child{margin-bottom:0}
.sidebar .menu>li.current-menu-item>a,.sidebar .menu>li.current-menu-parent>a,.sidebar .menu>li.current-post-parent>a,.sidebar .widget_categories >ul>li.current-cat>a{color:#28469D;font-weight:700}
.sidebar .tagcloud{display:flex;flex-wrap:wrap}
.sidebar .tagcloud a{font-size:14px!important;height:40px;padding:0 24px;line-height:40px;background-color:#ECECEC;border-radius:2px;margin:0 5px 8px 0;font-weight: 500;}
.bg_section{background-size:cover;background-repeat:no-repeat;background-position:center}
.section_home{position:relative;padding:100px 0}
.button_home{display:inline-block;background-color:#000;color:#fff;text-transform:uppercase;font-weight:700;line-height:40px;height:40px;min-width:160px;padding:0 20px;text-align:center}
footer{background: #444444;color: #EBF1F6;font-size: 13px;}
.zek_footer_top{padding: 100px 0;border-bottom: 1px solid #606569}
.zek_footer_top .f-widget.row {--bs-gutter-x: 60px;}
.zek_footer-title{font-weight: 500;
font-size: 20px;color: #EBF1F6;margin-bottom: 32px}
.zek_footer_top form .row{--bs-gutter-x: 12px;
    --bs-gutter-y: 12px;}
.zek_footer_top form input{background: #606569;width: 100%;
border-radius: 4px;height: 48px;border: none;color: #fff;font-size: 14px}
.zek_footer_top form textarea{background: #606569;
border-radius: 4px;border: none;color: #fff;font-size: 14p}
.zek_footer_top form input::placeholder,.zek_footer_top form textarea::placeholder{color: #9DA2A7}
.zek_footer_top form .form-button input{background: #CC2029;}
.zek_copyright{padding: 28px 0}
.zek_copyright .widget:nth-child(n+2){text-align: right;}

.form-group input{border: 1px solid #9DA2A7;
border-radius: 4px;}
.form-group p{font-weight: 700;}
.form-button input{width: 100%;background: #CC2029;
border-radius: 4px;color: #fff;height: 40px;font-size: 14px;}
.zek_row_cskh{--bs-gutter-x: 60px;}
.zek_cnt_cskh{padding: 28px;background: #F5F5F5;
border-radius: 4px;}
.zek_cnt_cskh .sub{font-weight: 700;color: #74797E;}
.zek_cnt_cskh .title{font-weight: 500;
font-size: 24px;color: #CC2029;margin: 8px 0 12px;line-height: normal;}
.zek_cnt_cskh .desc{font-size: 12px;color: #74797E;}
.zek_cnt_cskh ul{margin-bottom: 0;list-style: none}
.zek_cnt_cskh ul li{margin-top: 24px;padding-left: 32px;position: relative;font-size: 16px}
.zek_cnt_cskh ul li:before{content: "\f058";font-family: "Font Awesome 6 Pro";font-weight: 900;color: #CC2029;position: absolute;left: 0;top:10px }

.zek_navbar{background: #A0A0A0;padding: 18px 10px;text-align: center;}
.zek_navbar ul{margin: 0;list-style: none}
.zek_navbar ul li{display: inline-block;}
.zek_navbar ul li a{display: block;font-weight: 500;
font-size: 16px;color: #fff;border-radius: 4px;line-height: 34px;padding: 0 16px}
.zek_navbar ul li:hover a{background: #E2E2E2;color: #202428}
.zek_recruit_banner {position: relative;z-index: 1}
.zek_recruit_banner:before{content: '';background: #232323;opacity: .9;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}

.zek_recruit_banner {padding: 100px 0}
.space-between{justify-content: space-between}
.zek_recruit_banner .sub {display: flex;justify-content: space-between;margin-bottom: 40px}
.zek_recruit_banner .sub img{max-height: 32px}
.zek_recruit_banner .title{font-weight: 700;
font-size: clamp(24px, 5vw, 48px);color: #F6FBFF;margin-bottom: 18px}
.zek_recruit_banner .title span{color: #CC2029}
.zek_recruit_banner .desc{font-weight: 400;
font-size: 16px;color: #BFBFBF;margin-bottom: clamp(20px, 5vw, 48px);}
.zek_recruit_banner .click{margin-bottom: 20px;}
.zek_recruit_banner .click a{background: #CC2029;display: inline-block;
border-radius: 4px;font-weight: 500;
font-size: 18px;color: #F6FBFF;padding: 15px 48px}
.zek_recruit_banner .cmt{background: #E2E2E2;
border-radius: 4px;padding: 28px;max-width: 395px;margin: 0 0 0 auto;}
.zek_recruit_banner .cmt .icon{font-size: 20px;color: #636363;margin-bottom: 20px}
.zek_recruit_banner .cmt .cnt{color: #777777;}
.zek_recruit_banner .cmt .author{display: flex;align-items: center;flex-wrap: wrap;}
.zek_recruit_banner .cmt .author .thumb{width: 48px}
.zek_recruit_banner .cmt .author .thumb img{width: 48px;height: 48px;border-radius: 100%}
.zek_recruit_banner .cmt .author .infos{width: calc(100% - 48px);padding-left: 12px}
.zek_recruit_banner .cmt .author .infos .name{color: #202428;font-weight: 500;
font-size: 20px;}
.zek_recruit_banner .cmt .author .infos .info{font-weight: 500;
font-size: 14px;color: #777777;}
.zek_recruit1 .img{height: 100%}
.zek_recruit1 .img img{height: 100%;object-fit: cover;}
.title_home{font-weight: 700;margin-bottom: 50px;
font-size: clamp(24px, 5vw, 40px);}
.zek_recruit1 .content ul{margin-bottom: 0;list-style: none}
.zek_recruit1 .content ul li{margin-top: 16px;padding-left: 32px;position: relative;font-size: 16px}
.zek_recruit1 .content ul li:before{content: "\f058";font-family: "Font Awesome 6 Pro";font-weight: 900;color: #CC2029;position: absolute;left: 0;top:10px }
.zek_recruit2{background: #F5F5F5;}

.zek_recruit2 .item{background: #FFFFFF;
box-shadow: 2px 4px 16px rgba(12, 12, 12, 0.16);
border-radius: 4px;text-align: center;padding: 24px;min-height: 280px}
.zek_recruit2 .item img{max-height: 80px}
.zek_recruit2 .item .img{margin-bottom: 16px}
@media (min-width: 992px){
    .zek_recruit2 .row > div:nth-child(even) .item{margin-top: 54px}
}
.zek_recruit3:nth-child(even){background: #F5F5F5;}
.zek_recruit3:nth-child(even) .row{flex-direction: row-reverse;}

.zek_recruit3 .img{height: 100%}
.zek_recruit3 .img img{height: 100%;object-fit: cover;}
.zek_recruit3 .gallery{margin-left: -20%;position: relative;margin-bottom: -50px}
.zek_recruit3:nth-child(even) .gallery{margin-right: -20%;margin-left: 0}
.zek_recruit3 {padding-bottom: 150px}
.zek_recruit4 {position: relative;z-index: 1}
.zek_recruit4:before{content: '';background: #CC2029;position: absolute;top: 0;left: 0;width: 100%;height: calc(100% - 200px);z-index: -1}
.zek_recruit4 .title_home{color: #fff;text-align: center;}
.zek_recruit4 .item{background: #FFFFFF;box-shadow: 2px 4px 16px rgba(12, 12, 12, 0.16);
border-radius: 4px;padding: 32px;position: relative;min-height: 300px}

.zek_recruit4 .item .icon{margin-bottom: 30px}
.zek_recruit4 .item .icon img{max-width: 53px}
.zek_recruit4 .item .title{font-weight: 500;
font-size: 24px;color: #202428;margin-bottom: 12px}
.zek_recruit5 .row{--bs-gutter-x: 0}
.zek_recruit5 .stage{height: 100%;display: flex;justify-content: flex-end;background: #EFEFEF;font-weight: 700;align-items: center;
font-size: 40px;padding: 43px}
.zek_recruit5 .stage > div{text-align: center;}
.zek_recruit5 .stage > div > span{font-weight: 500;
font-size: 24px;color: #CC2029;display: block;}
.zek_recruit5 .item:nth-child(even) .row{flex-direction: row-reverse;}

@media (min-width: 992px){
    .zek_recruit5 .row .col-lg-5{width: 44.666667%;}
.zek_recruit5 .row .col-lg-3{width: 17%;}
.zek_recruit5 .row .col-lg-4{width: 38.333333%;}
}


.zek_recruit5 .item:nth-child(even) .stage{justify-content: flex-start;}

.zek_recruit5 .item .cnt{padding: 60px}
.zek_recruit5 .item .cnt .title{font-weight: 500;
font-size: 24px;margin-bottom: 16px}
.zek_recruit5 .item:nth-child(even) .cnt{padding-left: 0}
::selection {
    background:#CC2029; 
    color:#fff;
}
.zek_recruit6 .item .img{padding-top: 100%;position: relative;border-radius: 4px;overflow: hidden;}
.zek_recruit6 .item .img img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;}
.zek_recruit6 .item .cnt{padding-top: 28px}
.zek_recruit6 .item .cnt .sub{font-size: 12px;color: #777777;}
.zek_recruit6 .item .cnt .name{font-weight: 500;
font-size: 24px;margin-bottom: 10px}
.zek_recruit6 .row{--bs-gutter-x: 32px;}
.zek_recruit7 .row{--bs-gutter-x: 149px;}
.zek_recruit7 .item{text-align: center;}
.zek_recruit7 .item .img{padding-top: 100%;position: relative;border-radius: 100%;overflow: hidden;}
.zek_recruit7 .item .img img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;}
.zek_recruit7 .item .cnt{padding-top: 28px}
.zek_recruit7 .item .cnt .sub{font-size: 12px;color: #777777;}
.zek_recruit7 .item .cnt .name{font-weight: 500;
font-size: 24px;margin-bottom: 10px}
.zek_recruit8  .swiper-button-next{margin-left: 15px}
.zek_recruit8 .swiper-button{position: unset;display: inline-block;}
.zek_recruit8 .swiper-button:after{width: 28px;height: 28px;border: 1px solid #606569;
border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;color: #606569;}
.text-right{text-align: right;}
.zek_recruit9 {position: relative;z-index: 1}
.zek_recruit9:before{content: '';width: calc(((100% - 1150px) / 2) + 1.5rem);left: 0;top: 0;height: 100%;background:#CC2029;z-index:-1 ;position: absolute;}
.zek_recruit2 .desc{margin-bottom: clamp(20px, 5vw, 72px);}
.zek_recruit9 .cnt{padding: 100px 0;background:#CC2029;color: #fff;padding-right: 60px}
.zek_recruit_form{display: flex;align-items: center;height: 100%}
.zek_recruit_form .form-button input{background: #777777;}
.zek_recruit10 .item{height: 100%;box-shadow: 2px 4px 16px rgba(12, 12, 12, 0.16);position: relative;
border-radius: 4px;background: #FFFFFF;padding: 32px;min-height: 316px}
.zek_recruit10 .item .icon i{background: #CC2029;width: 78px;height: 78px;color: #fff;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: 50px;}
.zek_recruit10 .item .icon{margin-bottom: 30px}
.zek_recruit10 .item .question{font-size: 16px} 
.zek_recruit10 .item .answer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 32px;background: #CC2029;color: #fff;transition: .3s;opacity: 0;overflow-y: scroll;}
.zek_recruit10 .item .answer::-webkit-scrollbar-track
{
    
    background-color: #F5F5F5;
}

.zek_recruit10 .item .answer::-webkit-scrollbar
{
    width: 3px;
    background-color: #F5F5F5;
}

.zek_recruit10 .item .answer::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d5f1ff;
}
.zek_recruit10 .item:hover .answer{opacity: 1}
.zek_banner_pages {position: relative;z-index: 1}
.zek_banner_pages .content{color: #fff;font-size: 18px}
.pdf-right{padding-left: 50px}
.zek_banner_pages .content ul li{list-style: none}
.zek_banner_pages:before{content: '';background: #000000;opacity: .6;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}
.zek_banner_pages .sub{color: #CC2029;font-weight: 500;
font-size: 20px;}
.zek_banner_pages .title{font-weight: 700;
font-size: 40px;color: #fff;margin-bottom: 20px}
.zek_banner_pages .click a{padding: 12px 45px;display: inline-block;background: #CC2029;color: #fff;
border-radius: 4px;}
.zek_content__single{padding: 44px 65px;background: #F5F5F5;position: relative;margin-top: -364px;z-index: 2}
.zek_banner_singles{padding-bottom: 300px}
.meta_single{justify-content: space-between;font-size: 16px;color: #74797E;}

.sidebar .post-cat{margin-top: 40px;color: #CC2029;display: flex;align-items: center;font-weight: 500;}
.sidebar .post-cat i{font-size: 20px;margin-left: 13px}

.new_news{max-height: 450px;overflow-x: hidden;overflow-y: scroll;padding-right: 18px}
.new_news::-webkit-scrollbar-track
{
    background-color: #F5F5F5;
}

.new_news::-webkit-scrollbar
{
    width: 2px;
    background-color: #F5F5F5;
}

.new_news::-webkit-scrollbar-thumb
{
    background-color: #CC2029;
}

.item_best a{display: block;position: relative;}
.item_best a h3{background: #444444;color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px;margin: 0;
    font-size: 20px;}
.zek_sec_cat .title{margin-bottom: 60px}
.zek_sec_cat .title a{font-weight: 700;
font-size: 40px;color: #CC2029;display: block;border-left: 8px solid #CC2029;padding: 13px 0 13px 16px}

.item_post .thumb a{padding-top: 68%;position: relative;border-radius: 4px;overflow: hidden;display: block;}
.item_post .thumb a img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;}
.item_post .cnt{padding-top: 16px}
.item_post .cnt h3{font-weight: 500;
font-size: 20px;}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{position: unset;margin-top: 48px;border-radius: 32px;}
.swiper-scrollbar-drag{background: #CC2029;}
.zek_banner_cats .title{margin-bottom: 50px}
.zek_banner_cats .title22{margin-bottom: 30px}
.zek_form_cat form{display: flex;}
.zek_form_cat form input{max-width: 363px;height: 48px;background: #FFFFFF;
border-radius: 4px;border: none}
.zek_form_cat form input::placeholder{font-weight: 500;color: #9DA2A7;}
.zek_form_cat form input[type="submit"]{background: #CC2029;color: #fff;margin-left: 16px}
.zek_home_banner{padding: 159px 0 230px}
.zek_home_banner .sub{font-weight: 500;margin-bottom: 10px;
font-size: 20px;color: #9DA2A7;}
.zek_home_banner .title{font-weight: 700;margin-bottom: 20px;line-height: 1.2;
font-size: 48px;color: #FFFFFF;}
.zek_home_banner .title span{color: #CC2029;}
.zek_home_banner .desc{font-size: 16px;color: #9DA2A7;}
.zek_home_banner .click{margin-top: 100px}
.zek_home_banner .click a{padding: 15px 48px;display: inline-block;background: #CC2029;border: 1px solid #CC2029;;
border-radius: 4px;color: #fff;font-weight: 500;
font-size: 18px;}
.zek_home_banner .click a:nth-child(even){color: #CC2029;background: none}
.zek_home_banner .click a + a{margin-left: 30px}

.zek_home6 .item iframe{width: 100%;}

.sub_home{font-weight: 500;
font-size: 20px;color: #CC2029;border-bottom: 3px solid #CC2029;width: fit-content;padding-bottom: 8px;margin-bottom: 12px}
.desc_home{font-size: 16px;color: #606569;}

.zek_home1 .item{box-shadow: 2px 4px 16px rgba(12, 12, 12, 0.16);
border-radius: 4px;background: #FFFFFF;}
.zek_row1{--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));}

.zek_row1>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.zek_col1{width: 33.33333%;float: left;}
.zek_home1 .item .cnt{padding: 30px 20px;min-height: 280px}
.zek__title{margin-bottom: 70px}
.zek_home1 .title_home{margin-bottom: 0}
.zek_home1 .item .img{padding-top: 66%;position: relative;overflow: hidden;}
.zek_home1 .item .img img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;}
.zek_home1 .item .title{font-weight: 500;
font-size: 18px;margin-bottom: 10px}
.zek_home1 .item .text{font-size: 12px;color: #606569;}
.zek_home1 .item .icon img{height: 64px}
.zek_home1 {background: #F5F5F5;}
.sub_home.text-center{margin-left: auto;margin-right: auto;}
.zek_home2 .desc_home{margin-bottom: 70px}
.zek_home2 .row,.zek_home4 .rowcustom,.zek_home5 .row,.zek_home7 .row{--bs-gutter-x: 90px;}
.zek_home2 .item{text-align: center;}
.zek_home2 .item .thumb{padding-top: 100%;position: relative;border-radius: 100%;overflow: hidden;display: block;margin-bottom: 28px}
.zek_home2 .item .thumb img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;width: 100%}
.zek_home2 .item .sub{color: #636363;margin-bottom: 5px}
.zek_home2 .item .name{font-weight: 500;
font-size: 24px;}
.zek_home3 {background: #F5F5F5;}
.zek_home3 .img{height: 100%;}
.zek_home3 .img img{height: 100%;object-fit: cover;border-radius: 4px;}
.zek_home3 .cnt{padding-right: 75px}
.zek_viewmore a {
    color: #CC2029;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.zek_viewmore a i {
    font-size: 20px;
    margin-left: 13px;
}
.zek_home4 .title_home{margin: 0}
.zek_home4 .item .num{font-weight: 600;
font-size: 60px;color: #CC2029;}
.zek_home4 .item .label{color: #74797E;}
.zek_home4_list{margin-bottom: 80px}
.zek_home4 .img{height: 100%;}
.zek_home4 .img img{height: 100%;object-fit: cover;border-radius: 4px;}
.zek_home4 .text ul li{margin-top: 30px;color: #74797E;}
.zek_home4 .text ul {
  list-style: none;
  counter-reset: my-counter;
}
.zek_home4 .text ul li {
  counter-increment: my-counter;padding-left: 50px;
  position: relative;
}
.zek_home4 .text ul li:before {
  content: counter(my-counter);
  position: absolute;
  left: 0;
  place-items: center;
  width: 30px;display: flex;align-items: center;justify-content: center;
  height: 30px;
  background: #CC2029;
    border-radius: 2px;
  color: white;
}
.zek_home5 {position: relative;z-index: 1}
.zek_home5:before{content: '';background: #f5f5f5;position: absolute;top: 0;left: 0;width: 100%;height: calc(100% - 200px);z-index: -1}

.zek_home5 .item{background: #FFFFFF;height: calc(100% - 20px);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);margin: 10px;
border-radius: 4px;}
.zek_home5 .swiper-slide{height: unset;}
.zek_home5 .item .img{padding-top: 56%;position: relative;overflow: hidden;}
.zek_home5 .item .img img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;object-position: top}
.zek_home5 .item .cnt{padding: 16px}
.zek_home5 .item .name {font-weight: 500;
font-size: 20px;} 
.zek_home5 .item .info{color: #444444;}
.zek_home5 .item .text{font-size: 12px;color: #9DA2A7;}
.zek_home5  .swiper-button-next{margin-left: 15px}
.zek_home5 .swiper-button{position: unset;display: inline-block;}
.zek_home5 .swiper-button:after{width: 28px;height: 28px;border: 1px solid #606569;
border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;color: #606569;}
.zek_right5{height: 100%;display: flex;flex-direction: column;justify-content: space-between}
.zek_home6 .swiper-pagination{position: unset;margin-top: 70px}
.swiper-pagination-bullet{width: 12px;height: 12px}
.swiper-pagination-bullet-active{background:#CC2029 }

.zek_home6 .swiper-slide{transition: .3s;transform-origin: center;transform: scale(.7);}
.zek_home6 .swiper-slide-active{transform: scale(1);}
.zek_home6 .item a{padding-top: 100%;position: relative;overflow: hidden;display: block;border-radius: 4px;}
.zek_home6 .item a img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;object-position: top;width: 100%}
.zek_home6 .item a i{position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%,-50%);color: red;font-size: 30px}
.zek_home7 .img{height: 100%;}
.zek_home7 .img img{height: 100%;object-fit: cover;border-radius: 4px;}
.zek_home7 .zek_viewmore a{margin-top: 35px}

.zek_about_banner h1{font-weight: 500;
font-size: 20px;color: #CC2029;margin-bottom: 10px}
.zek_about_banner {position: relative;z-index: 1}
.zek_about_banner:before{content: '';background: #232323;opacity: .9;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}
.zek_about_banner .title {
    font-weight: 700;
    font-size: clamp(24px, 5vw, 48px);
    color: #F6FBFF;
    margin-bottom: 18px;
}   
.zek_about_banner{padding: 100px 0}
.zek_about1 .title_home{color: #CC2029;}
.zek_about1 .img{margin-top: -220px;
    position: relative;
    z-index: 1;}
.page-template-page-about .title_home{margin-bottom: 20px}
.zek_about2 .desc_home,.zek_about4 .desc_home,.zek_about6 .desc_home{margin-bottom: 32px;color: #74797E;}
.zek_about2 .icon{color: #CC2029;font-size: 33px}
.zek_about2 .text{padding-left: 50px;font-weight: 500;
font-size: 24px;}
.zek_about2_left{display: flex;height: 100%;flex-direction: column;justify-content: space-between}
.zek_about2 .name{font-size: 16px;padding-left: 50px}
.zek_about2 .info{color: #777777;padding-left: 50px}
.zek_about2{position: relative;z-index: 1}
.zek_about2:before{content: '';position: absolute;bottom: 0;right: 0;background: #F5F5F5;width: 33.33333333%;
height: 50%;z-index: -1;display: none;}
.zek_about3 {background: #F5F5F5;padding-left: calc((100% - 1150px) / 2);}
.zek_about3 .cnt{padding:100px 100px 100px 0}
.zek_about4 .item{background: #F5F5F5;padding: 55px 43px;height: 100%}
.zek_about4 .item .icon {height: 100px;margin-bottom: 16px}
.zek_about4 .item .label{font-weight: 500;margin-bottom: 10px;
font-size: 20px;}
.zek_about4 .item .text{color: #636363;}
.zek_about5{position: relative;z-index: 1;padding-left: 80px}
.zek_about5:before{content: '';background: #CC2029;height: 100%;width: 45%;position: absolute;left: 0;top: 0;z-index: -1}
.zek_about5 .cnt,.zek_about5 .cnt .desc_home{color: #FFFFFF;}
.zek_about5 .title_home{border-bottom: 3px solid #FFFFFF;padding-bottom: 10px}
.zek_about5 .item{box-shadow: 2px 4px 16px rgba(12, 12, 12, 0.16);margin: 16px;
border-radius: 4px;height: 100%}
.zek_about5 .item .img{padding-top: 100%;position: relative;overflow: hidden;display: block;border-radius: 4px;}
.zek_about5 .item .img img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;object-position: top;width: 100%}
.zek_about5 .item .label{padding: 24px 52px;background: #fff;font-weight: 500;text-align: center;
font-size: 19px;color: #606569;}
.zek_about6 .item{box-shadow: 2px 4px 16px rgba(12, 12, 12, 0.16);margin: 16px;
border-radius: 4px;height: 100%}

.zek_about6 .item .img{padding-top: 64%;position: relative;overflow: hidden;display: block;border-radius: 4px;}
.zek_about6 .item .img img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;object-position: top;width: 100%}
.zek_about6 .item .label{padding: 24px 52px;background: #fff;font-weight: 500;text-align: center;
font-size: 19px;color: #606569;}
.zek_about7 .cnt{position: relative;z-index: 1;padding: 30px;color: #fff}
.zek_about7 .cnt:before{content: '';background: #000;opacity: .7;position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1}
.zek_about7 .item{display: flex;}
.zek_about7 .item > div{padding-bottom: 50px}
.zek_about7 .item .time{width: 30%;text-align: right;padding-right: 24px;border-right: 1px solid #CC2029;position: relative;}
.zek_about7 .item .time:after{content: '';width: 16px;
height: 16px;background: #CC2029;border-radius: 100%;top: 0;right: -8px;position: absolute;}
.zek_about7 .item .tetx{width: 70%;padding-left: 50px}
.zek_about7 .item:last-child > div{padding-bottom: 0}
.zek_about7 .item:last-child .time{border: none}
.zek_about7 .item .tetx .label{font-weight: 700;}

.zek_about8 .swiper-pagination{position: unset;margin-top: 70px}


.zek_about8 .swiper-slide{transition: .3s;transform-origin: center;transform: scale(.7);}
.zek_about8 .swiper-slide-active{transform: scale(1);}
.zek_about8 .item{box-shadow: 2px 4px 16px rgba(12, 12, 12, 0.16);
border-radius: 8px;}
.zek_about8 .item .img a{padding-top: 56%;position: relative;overflow: hidden;display: block;}
.zek_about8 .item .img a img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;object-position: top;width: 100%}
.zek_about8 .item .img a i{position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%,-50%);color: red;font-size: 30px}

.zek_about8 .tetx a{display: block;text-align: center;padding: 20px;font-size: 20px;font-weight: 500;}

.zek_service1 {background: #F5F5F5;}

.zek_service4 .item{box-shadow: 2px 4px 16px rgba(12, 12, 12, 0.16);padding: 15px;
border-radius: 4px;background: #FFFFFF;}
.zek_service4 .item .label{font-weight: 700;
font-size: 30px;color: #FAFAFA;background: #777777;line-height: 1;
border-radius: 44px;padding: 13px 27px;width: fit-content;margin: -45px auto 24px ;}
.zek_service4 .item .content ul li{list-style: none;position: relative;padding-left: 30px}
.zek_service4 .item .content ul li + li{margin-top: 24px}
.zek_service4 .item .content ul li:before{    content: "\f00c";font-family: "Font Awesome 6 Pro";font-weight: 900;width: 16px;height: 16px;background: #CC2029;border-radius: 100%;color: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;font-size: 9px}
.zek_service4 .item .desc{font-weight: 500;color: #CC2029;margin-bottom: 24px}
.zek_service4 .item .click a{padding: 8px;display: block;background: #CC2029;
border-radius: 4px;color: #fff;text-align: center;}
.zek_service4 .title_home{margin-bottom: 70px}
.zek_service4 .title_home.title-2{margin-top: -50px;}
.zek_service3 .title_home{margin-bottom: 16px}
.zek_service3 .desc{font-size: 16px;color: #74797E;margin-bottom: 40px}

.zek_service3 .content ul li{list-style: none;position: relative;padding-left: 30px;font-size: 16px;}
.zek_service3 .content ul li + li{margin-top: 20px}
.zek_service3 .content ul li:before{    content: "\f00c";font-family: "Font Awesome 6 Pro";font-weight: 900;position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;font-size: 16px}
.zek_service3 .click{margin-top: 70px}
.zek_service3 .click a{padding: 8px 100px;display: inline-block;background: #CC2029;
border-radius: 4px;color: #fff;}



.zek_service3 .img{height: 100%;padding-left: 70px}
.zek_service3 .img img{height: 100%;object-fit: cover;border-radius: 4px;}
.zek_recruit5 .this_pc{height: 100%}
.zek_recruit5 .img{height: 100%}
.zek_recruit5 .img img{height: 100%;object-fit: cover;}
@keyframes fadeInUp {
from{opacity:0;transform:translate3d(0,100%,0)}
to{opacity:1;transform:none}
}
.fadeInUp{animation-name:fadeInUp}
.animated{animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}
.contentbox{max-width: 600px}
.contentbox > div {border: 1px solid #f99d1c;
    border-radius: 10px;
    padding: 15px;}
.zek_service5 {
    margin-bottom: 50px;
}
.zek_service5 .item{position: relative;}
.zek_service5 .item a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;}
.zek_service5 .item .img{position: relative; margin-bottom: 15px;}
.zek_service5 .item .img img{aspect-ratio: 16/9;}
.zek_service5 .item .img:after{content: "";display: block;width: 50px;height: 50px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.4);background-image: url(images/play_bt.png);background-size: 20px;background-repeat: no-repeat;background-position: center; z-index: 2;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;transition: all .5s;}
.zek_service5 .item:hover .img:after{background-color: red}

@media (max-width: 1399px) {

}
@media (max-width: 1199px) {
.zek_recruit9:before{width: calc(((100% - 960px) / 2) + 1.5rem);}
}
@media (max-width: 991px) {
.zek_recruit5 .item .cnt {
    padding: 30px;
}
.zek_recruit5 .stage{padding: 20px}
.zek_recruit9:before{display: none}
.zek_recruit9 .cnt{padding: 30px;margin-bottom:30px}
.zek_recruit_banner .cmt{width: 100%;
    max-width: 100%;}
.zek_recruit_banner .click {
    margin-bottom: 20px;
}
}
@media(max-width:767px) {
    .row2 > div{width: 100%;margin-bottom: 0;}
    .title_home{font-size: 20px;}
iframe{height:300px;width:100%}
.pdf-right{padding-left: 0}
.zek_banner_pages .content{font-size: 14px}
.fixed{position:fixed!important;z-index:10000;width:100%;background:#fff;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);box-shadow:0 2px 7px 0 rgba(0,0,0,.1)}
.this_pc{display:none}
.this_mb{display:block}
.block_slider{margin:-10px}
.item_slider{padding:10px}
.header_pc{display:none}
.header_mb{display:block;position: absolute;top: 0;left: 0;width: 100%;z-index: 99}
.header_main_mb{padding:30px 0 10px}
.header_main_mb .logo_mb{display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 40px);}
.header_main_mb .logo_mb .logo{margin-bottom:0}
.header_main_mb .logo_mb .logo img{max-width:100%;height:50px;object-fit:contain}
.header_main_mb .box_right{width:40px;height:40px;cursor:pointer}
.touch_menu{width:40px;height:40px;display:flex;align-items:center;position:relative;cursor:pointer;border-radius:5px;transition:all .3s}
.touch_menu:after,.touch_menu:before{content:"";-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;height:2px;width:25px;position:absolute;left:6px;background:#fff}
.touch_menu:before{top:12px}
.touch_menu:after{bottom:12px}
.touch_menu .line{width:25px;display:block;height:2px;background:#fff;margin-left:6px}
.touch_menu.opened .line{display:none}
.touch_menu.opened:after,.touch_menu.opened:before{left:4px}
.touch_menu.opened:before{transform:rotate(-45deg);top:20px}
.touch_menu.opened:after{transform:rotate(45deg);bottom:18px}
#menu_bar_mobile{position:fixed;width:80%;height:100%;overflow:scroll;background:#000;z-index:999;top:0;left:-100%;transition:.3s}
#menu_bar_mobile.opened{left:0}
.bg_dark{background:rgba(0,0,0,.9);z-index:998;position:fixed;top:0;left:0;width:100%;height:100%;cursor:url(images/light-close.png) 16 16,pointer;display:none}
.menu_mobile{margin:0;background:#333}
.menu_mobile li{padding:0 20px;position:relative;list-style:none}
.menu_mobile li>a{padding:15px;border-bottom:1px solid #60656a;color:#fff;font-weight:500;display:block;font-size:14px;position:relative}
.menu_mobile li:last-child>a{border-bottom:0}
.menu_mobile li>i{position:absolute;padding:14px;color:#fff;position:absolute;right:20px;top:5px;cursor:pointer}
.menu_mobile li> .sub-menu{display:none}
.zek_home_banner {
    padding: 140px 0 230px;
}
.zek_home_banner .title{font-size: 24px}
.zek_home_banner .sub{font-size: 14px;margin-bottom: 12px}
.zek_home_banner .desc{font-size: 12px}
.zek_home_banner .click{margin-top: 36px}
.zek_home_banner .click a{font-size: 14px;padding: 12px 29px}
.section_home{padding: 50px 0}
.sub_home{font-size: 14px}
.zek__title {
    margin-bottom: 30px;
}
.zek_col1 {
    width: 100%;
    float: none;
}
.zek_row1{--bs-gutter-x: 16px;
    --bs-gutter-y: 16px}
.zek_home1 .item .icon img{height: 42px}
.zek_home1 .item .cnt{padding: 12px;min-height: auto}
.zek_home3 .cnt{padding: 0}
.title_home{margin-bottom: 30px}
.zek_home5 .item{margin: 6px}
.zek_home4 .item .num{font-size: 48px}
.zek_home6 .swiper-pagination{margin-top: 30px;}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.zek_footer_top{padding: 50px 0}
.zek_copyright .widget:nth-child(n+2){text-align: left;}
.zek_about_banner,.zek_banner_pages ,.zek_recruit_banner{
    padding: 120px 0 85px;
}
.zek_about_banner h1,.zek_banner_pages .sub{font-size: 14px}
.zek_about1 .img{margin-top: 0}
.desc_home{font-size: 14px}
.zek_about2:before{display: none}
.zek_about2 .text{font-size: 20px;padding-left: 0;margin-bottom: 24px}
.zek_about2 .name{font-size: 14px;padding-left: 0}
.zek_about2 .info{font-size: 12px;padding-left: 0}
.zek_about3 .cnt{padding: 50px 0}
.zek_about4 .item{padding: 40px 23px}
.zek_about4 .item .icon{margin-bottom: 0}
.zek_about4 .item .label{font-size: 14px}
.zek_about5:before{width: calc(100% + 3rem);left: -1.5rem;height: 80%;}
.zek_about6 .item .label,.zek_about5 .item .label{font-size: 14px;padding: 10px}
.zek_about7 .item .tetx{padding-left: 20px}
.zek_about8 .tetx a{font-size: 14px}
.zek_banner_pages .title{font-size: 24px}
.zek_banner_pages .sub{margin-bottom: 12px}
.zek_banner_pages .title{margin-bottom: 16px}
.zek_form_cat form input{height: 38px}
.zek_service3 .click {
    margin-top: 44px;
}
.zek_service3 .click a{width: 100%;text-align: center;}
.zek_service3 .img{padding-left: 0;padding-top: 30px}
.zek_service4 .item .label{font-size: 24px}
.zek_service4 .item{padding: 22px;margin-bottom: 50px;}
.item_best a h3{font-size: 16px}
.new_news{max-height: 367px}
.zek_sec_cat .title a{font-size: 24px;padding-left: 5px solid #CC2029;padding: 13px 0 13px 12px;}
#zek_content_pages{padding: 50px 0}
.zek_content__single{padding: 0;background: none;margin: 0}
.meta_single{font-size: 14px}
.title_single{font-size: 24px}
.zek_recruit_banner .click a{    padding: 13px 48px;width: 100%;text-align: center;display: block;font-size: 14px}

.zek_recruit_banner .cmt{padding: 24px}
.zek_navbar{display: none}
.zek_recruit1 .content ul li{font-size: 14px}
.zek_recruit2 .item{padding: 10px;
    min-height: 200px;}
.zek_recruit_banner .cmt .author .infos .name{font-size: 16px}
.zek_recruit_banner .cmt .author .infos .info{font-size: 12px}
.zek_recruit_banner .cmt .icon{margin-bottom: 10px}
.zek_recruit3 .gallery{margin: 0}
.zek_recruit4:before{height: 20%}
.zek_recruit4 .item .title{font-size: 16px}
.zek_recruit4 .item .icon {
    margin-bottom: 20px;
}
.zek_recruit4 .item{min-height: 220px;}
.zek_recruit6 .item .cnt .name{font-size: 14px}
.zek_recruit6 .item .cnt {
    padding-top: 12px;
}
.zek_recruit6 .item .info{font-size: 12px}
.zek_recruit7 .item .cnt .name{font-size: 14px}
.zek_recruit7 .item .cnt .sub{margin-bottom: 10px}
.zek_recruit9 .cnt{padding: 60px 20px;margin-bottom: 20px}
.zek_recruit7 .item .thumb{max-width: 152px;margin: 0 auto;}
.zek_recruit5 .item .cnt{padding: 24px 0}
.zek_recruit5 .item .cnt .titless{display: flex;align-items: center;margin-bottom: 10px}
.zek_recruit5 .item .cnt .titless .num{font-weight: 700;width: 50px;
font-size: 40px;color: #41454A;}
.zek_recruit5 .item .cnt .titless .tetx{width: calc(100% - 50px);padding-left: 12px}
.zek_recruit5 .item .cnt .titless .tetx span{color: #CC2029;}
.zek_recruit5 .item .cnt .title{font-size: 20px;margin-bottom: 0}
.zek_recruit5 .item img{border-radius: 4px}
.zek_recruit10 .item .answer,.zek_recruit10 .item{padding: 10px}
.zek_recruit10 .item{height: calc(100% - 10px);box-shadow: 2px 4px 5px rgb(12 12 12 / 16%);
    margin: 5px;min-height: unset;}
 .zek_recruit10    .swiper-slide{height: auto;}
 .zek_recruit10 .item .question {
    font-size: 14px;
}
.zek_recruit10 .item .icon i{width: 50px;
    height: 50px;font-size: 30px;}
.zek_recruit10 .item .icon {
    margin-bottom: 15px;
}
.zek_recruit10  .swiper-button-next{margin-left: 15px}
.zek_recruit10 .swiper-button{position: unset;display: inline-block;height: auto;width: auto;margin-top: 20px}
.zek_recruit10 .swiper-button:after{width: 28px;height: 28px;border: 1px solid #606569;
border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;color: #606569;}
.zek_navbar_mb{padding: 0 12px 20px}
.zek_navbar_mb select{border-radius: 4px;border: 1px solid #BFBFBF;}
.zek_navbar_mb.head.navbar-fixed-top{background: #fff;padding: 10px 12px}
}
@media(max-width:575px) {
iframe{height:200px}
.columns-4,.columns-5,.columns-6{grid-template-columns:repeat(2,1fr);grid-gap:15px}
.columns-3,.columns-2{grid-template-columns:repeat(1,1fr);grid-gap:15px}
.content-post img{margin-bottom:10px}
.content-post iframe{margin:15px auto;height:250px}
.content-post div{margin-bottom:10px}
.content-post p{margin-bottom:10px}
.content-post table{margin-bottom:10px}
.content-post blockquote{font-size:14px}
.content-post ul,.content-post ol{padding-left:20px;margin-bottom:20px}
.content-post h1{font-size:24px;margin-bottom:10px}
.content-post h2{font-size:20px;margin-bottom:10px}
.content-post h3{font-size:18px;margin-bottom:10px}
.content-post h4{font-size:16px;margin-bottom:10px}
.content-post h5,.content-post h6{font-size:14px;margin-bottom:10px}
.content-post .alignnone{margin:0 10px 10px 0}
.content-post .aligncenter,.content-post div.aligncenter{margin:10px auto}
.content-post .alignright{margin:5px 0 10px 10px}
.content-post .alignleft{margin:5px 10px 10px 0}
a img.alignright{margin:5px 0 10px 10px}
a img.alignnone{margin:5px 10px 10px 0}
a img.alignleft{float:left;margin:5px 10px 10px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:none;max-width:100%;padding:0;margin:0 auto 10px!important;background-color:#fff;box-shadow:0 5px 20px 0 rgba(0,0,0,0.15)}
.wp-caption.alignnone{margin:5px 10px 10px 0}
.wp-caption.alignleft{margin:5px 10px 10px 0}
.wp-caption.alignright{margin:5px 0 10px 10px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.wp-caption p.wp-caption-text{font-size:12px;color:#aaa;margin:0;padding:10px;display:flex;align-items:center}
.content-post .gallery{margin:0 -5px!important}
.content-post .gallery .gallery-item{padding:0 5px;margin-top:0!important}
.content-post .gallery.gallery-columns-3 .gallery-item,.content-post .gallery.gallery-columns-4 .gallery-item,.content-post .gallery.gallery-columns-5 .gallery-item{width:50%!important}
.content-post .gallery.gallery-columns-6 .gallery-item,.content-post .gallery.gallery-columns-7 .gallery-item,.content-post .gallery.gallery-columns-8 .gallery-item,.content-post .gallery.gallery-columns-9 .gallery-item{width:calc(100% / 3)!important}
}