/*
Theme Name: MYPAGE Child
Theme URI: https://www.mypage.vn/
Author: MYPAGE
Author URI: https://www.mypage.vn/
Description: MYPAGE Theme.
Version: 1.1
Template: mypage
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: mypage-child
*/
@import url("../mypage/style.css");
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
@import url("addstyle.css");
@font-face {
    font-family: 'UTM Edwardian';
    src: url('fonts/UTMEdwardian.woff2') format('woff2'),
        url('fonts/UTMEdwardian.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
.single-post .entry-title {font-size: 24px; margin-bottom: 10px; line-height: 30px;}
.entry-content {padding-top: 20px;border-top: 1px dashed #ddd;text-align: justify;}
.entry-content ul, .entry-content ol, .product-summary-wrap .description ul, .product-summary-wrap .description ol, .woocommerce-tabs .tab-content ul, .woocommerce-tabs .tab-content ol, .duan_short ul, .duan_short ol{padding-left: 20px;}
.entry-content ul li, .entry-content ol li, .product-summary-wrap .description ul li,.product-summary-wrap .description ol li, .woocommerce-tabs .tab-content ul li, .woocommerce-tabs .tab-content ol li, .duan_short ul li, .duan_short ol li{margin-bottom: 7px;}
.entry-content table, .entry-content iframe, .woocommerce-tabs .tab-content table, .woocommerce-tabs .tab-content iframe, .duan_short table, .duan_short iframe {margin-bottom: 20px;}
.entry-content table th, .entry-content table td, .woocommerce-tabs .tab-content table th, .woocommerce-tabs .tab-content table td, .duan_short table th, .duan_short table td {border: 1px solid #ccc;}
body.single-post .page-top ul.breadcrumb>li:last-child, body.single-product .page-top ul.breadcrumb>li:last-child{display: none;}
body.single-post .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter, body.single-product .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter {display: none;}
.wp-caption .wp-caption-text, .wp-caption-dd {font-size: 15px;text-align: center;color: #000;}
.wp-caption.aligncenter, .wp-caption {margin-bottom: 15px;}
.post-carousel h4, .post-carousel h5, .blog-posts .post .entry-title {font-size: 18px;margin-bottom: 8px;}
.single h4.sub-title strong{font-weight: 700;}
.wrap_hotline .widget { margin: 0;}

.call-circle-fill {
    width: 54px;
    height: 54px;
    top: -5px;
    left: -1px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgb(237 29 36/ 20%);
}

.call-img-circle {
    width: 44px;
    height: 44px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #ed1d24;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    margin-left: 4px;
}
.call-img-circle i { color: #fff;}
.call-img-circle:hover { background-color: #ed1d24;}
.call-phone span { font-size: 17px; padding: 4px 15px 4px 30px; border-radius: 0 20px 20px 0; color: #fff; background-color: #ed1d24; display: inline-block; position: absolute; right: -110px; top: 43px; font-weight: 700;}
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.fb_zalo { position: fixed; right: 10px; bottom: 50px; z-index: 99;}
.fb_zalo ul { margin: 0; padding: 0; list-style: none;}
.widget .fb_zalo ul li { margin-bottom: 12px;}
.widget .fb_zalo ul li a.callhotline { position: relative;display:block;margin-bottom: 10px;}
.widget .fb_zalo ul li img { width: 54px;}	
html #topcontrol {
    background-image: url(images/icon-scroll-top.png);
    background-color: transparent;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}
html #topcontrol i { display: none;}
#side-nav-panel .accordion-menu > li.menu-item > a { font-size: 18px;letter-spacing: 0; font-weight: 400;}
#side-nav-panel .accordion-menu ul.sub-menu li a { font-size: 16px; }

#header {position: absolute;left: 0;right: 0;width: 100%;top: auto;z-index: 1001;border-top-width: 0;}
#header .header-right-bottom > .searchform-popup { margin-left: 0; }
#header .searchform-popup .search-toggle { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ffffff; display: grid; place-items: center;}
#header .searchform-popup .search-toggle i { color: #fff; }
#header.sticky-header .searchform-popup { display: inline-block!important; }
#header.sticky-header .header-main.sticky { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
#header .mobile-toggle {font-size: 17px;margin-top: 0;margin-bottom: 0;}
#header.sticky-header .searchform-popup .search-toggle { border-color: #000;}
#header.sticky-header .searchform-popup .search-toggle i { color: #000; }
.mega-menu.menu-hover-line>li.menu-item>a:before { background-color: var(--porto-secondary-color); }

.wrap_banner .wpb_single_image { position: relative; }
.wrap_banner .wpb_single_image:before, .page-top:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1; display: block;}
.wrap_banner > .vc_column_container { z-index: 3; }
.wrap_banner > .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; }
.wrap_banner .row_banner { display: block; }
.wrap_banner .row_banner .wpb_text_column { position: absolute; left: 12%; top: 50%;  transform: translateY(70%);  padding-left: 20px; z-index: 3; opacity: 0; transition: 0.7s ease-in-out; visibility: hidden;}
.wrap_banner .row_banner .wpb_text_column:before { content: ""; width: 8px; height: 100%; background-color: #fff; border-radius: 30px; position: absolute; left: 0; bottom: 0;display: block;  }
.wrap_banner .row_banner .wpb_text_column p { font-size: 46px; color: #fff; margin-bottom: 0; line-height: 56px; font-weight: 600;}  
#banner-wrapper .wrap_banner .porto-carousel-wrapper { margin-bottom: 0; }
body .wrap_banner .porto-carousel-wrapper ul.slick-dots { position: absolute; bottom: 15px; } 
.wrap_banner .porto-carousel-wrapper .slick-dots li { width: 18px; height: 18px; }
.wrap_banner .porto-carousel-wrapper .slick-dots li i { opacity: 1; font-size: 12px; }
.wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.up { transform: translateY(-50%); visibility: visible; opacity: 1;}

.page-top { padding-top: 350px; padding-bottom: 25px; }
.page-top > .container { position: relative; z-index: 3; }
.page-top h1.page-title { text-transform: uppercase; text-align: center; display: block; }

.container .wrap_gioithieu_section.vc_row.stretch_row_css:not(.no-padding)  { padding-right: 0!important; }
.wrap_gioithieu_section { background-size: cover; background-position: top right; background-repeat: no-repeat; padding: 70px 0 50px; justify-content: space-between;}
.wrap_gioithieu_section .gioithieu .vc_custom_heading { font-size: 50px; color: #666666;  }
.wrap_gioithieu_section .wpb_text_column { background-color: #ebebeb; padding: 35px 150px 35px 35px; text-align: justify; border-radius: 0 100px 0 50px; font-size: 18px; margin-bottom: 20px;}
.wrap_gioithieu_section .wpb_text_column p { line-height: 24px; }
.wrap_gioithieu_section .wrap_video { padding: 0;}
.wrap_gioithieu_section .wrap_video > .vc_column-inner { margin-left: -130px; }
.wrap_gioithieu_section .wrap_video .wpb_single_image { margin-bottom: 0;}
.wrap_gioithieu_section .wrap_video .wpb_single_image > .wpb_wrapper * { width: 100%; }
.wrap_gioithieu_section .vc_single_image-wrapper{position: relative; max-height: 420px; border-radius: 50px 0 0 50px; overflow: hidden;}
.wrap_gioithieu_section .vc_single_image-wrapper img {position: relative;z-index: 1;transition:0.3s ease-in-out;}
.wrap_gioithieu_section .vc_single_image-wrapper:hover img{filter:brightness(80%);-webkit-filter: brightness(80%);}
.wrap_gioithieu_section .vc_single_image-wrapper:before{content: '';width: 80px;height: 80px;background-image: url(images/icon-play-video.png);background-position: center; background-size: contain; background-repeat: no-repeat; opacity: 1;transition:0.2s ease-in-out;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);z-index: 3;}
.wrap_gioithieu_section .vc_single_image-wrapper:hover:before{opacity: 0.7;}
.wrap_gioithieu_section .wrap_video .porto-modal-input-wrapper { display: none; }
.wrap_gioithieu_section .gioithieu .wpb_raw_code { margin-bottom: 0; }
.circle-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  color: #686868;
  margin-left: 40px;
}

.circle-btn .view-more { color: #686868; text-transform: uppercase; font-size: 13px; font-weight: 700;}

.circle-btn .icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  z-index: 2;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: auto;
  background-color: transparent;
  transition: 0.3s ease-in-out;
}

.sgv-circle {  width: 80px; height: 80px; position: relative; transform: translateX(-15px); transition: 0.3s ease-in-out;}
.circle-btn:hover .sgv-circle { transform: translateX(0); }

/* SVG */
.circle {
  width: 100%;
  height: 100%;
  transform: rotate(-180deg); /* bắt đầu từ trên */
}

/* Vòng nền */
.circle-bg {
  fill: none;
  stroke: #d1d5db;
  stroke-width: 2;
  stroke-dasharray: 275 25; /* 75% vẽ – 25% khuyết */
  stroke-dashoffset: 296;
}

/* Vòng chạy */
.circle-progress {
  fill: none;
  stroke: var(--porto-secondary-color);
  stroke-width: 2;
  stroke-linecap: round;

  /* CHÌA KHÓA */
  stroke-dasharray: 283;      /* 2πr (r=45 → ~283) */
  stroke-dashoffset: 283;     /* Ẩn toàn bộ */
  transition: stroke-dashoffset 0.8s ease;
}

/* HOVER → chạy 360 độ */
.circle-btn:hover .circle-progress {
  stroke-dashoffset: 0;
}

/* Hover đổi màu icon */
.circle-btn:hover .view-more {
  color: var(--porto-secondary-color);
}
.circle-btn:hover .icon {
  background-color: var(--porto-secondary-color); color: #fff;
}

.container .wrap_linhvuchoatdong.vc_row.stretch_row_css:not(.no-padding)  { padding-right: 0!important; }
.wrap_linhvuchoatdong { padding: 70px 0; }
.wrap_linhvuchoatdong .wrap_title:before {content: ""; width: 1000%; height: 80%; background-color: #eef1ff; display: block; position: absolute; right: 0; bottom: 50%; transform: translateY(50%); z-index: 1;}
.wrap_linhvuchoatdong .wrap_title > .vc_column-inner { position: relative; z-index: 3; display: grid; place-items: center; height: 100%; }
.wrap_linhvuchoatdong h2.vc_custom_heading { line-height: 55px; margin-bottom: 0;}
.wrap_linhvuchoatdong h2.vc_custom_heading span { display: block; }
.wrap_linhvuchoatdong .linhvuc { padding-left: 0; padding-right: 5px; }
.wrap_linhvuchoatdong .linhvuc > .vc_column-inner { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; width: auto;}
.wrap_linhvuchoatdong .linhvuc .porto-sicon-box-link { width: calc((100% /3 ) - 30px); margin-right: 15px; margin-left: 15px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 10px; overflow: hidden;}
.wrap_linhvuchoatdong .linhvuc .porto-sicon-box { margin-bottom: 0; padding: 20px; box-shadow: inset 0px 0px 0 0px #0f4e8a; height: 100%;}
.wrap_linhvuchoatdong .linhvuc .porto-sicon-box:hover { box-shadow: inset 0px 0px 0 1000px #0f4e8a; transition: 0.7s ease-in-out;}
.wrap_linhvuchoatdong .linhvuc h3.porto-sicon-title { font-size: 18px; text-transform: uppercase; text-align: center;  font-weight: 600;}
.wrap_linhvuchoatdong .linhvuc .porto-sicon-box:hover h3.porto-sicon-title, .wrap_linhvuchoatdong .linhvuc .porto-sicon-box:hover .porto-sicon-description { color: #fff; transition: 0.3s ease-in-out;}
.wrap_linhvuchoatdong .linhvuc .porto-sicon-description { font-size: 18px; text-align: justify; color: #333; margin-bottom: 12px;}
.wrap_linhvuchoatdong .linhvuc .porto-sicon-top { position: relative; margin-bottom: 10px;}
.wrap_linhvuchoatdong .linhvuc .porto-sicon-top:after { content: ""; display: block; width: 100%; height: 2px; background-color: #d7d7d7; position: absolute; left: 80px; bottom: 50%; transform: translateY(50%); z-index: 0;}
.wrap_linhvuchoatdong .linhvuc .porto-sicon-img { position: relative; z-index: 3; }
.wrap_linhvuchoatdong .linhvuc .porto-sicon-box:hover .porto-sicon-img img { filter: brightness(0) invert(1); }

.wrap_duantieubieu { background-size: cover; background-repeat: no-repeat; background-position: bottom center; padding: 70px 0; }
.wrap_duantieubieu h2.vc_custom_heading { margin-bottom: 70px; }
.wrap_duantieubieu .slick-list { overflow: visible; }
.wrap_duantieubieu .slick-list .slick-slide .porto-sicon-box .porto-sicon-img { position: relative; }
.wrap_duantieubieu .slick-list .slick-slide .porto-sicon-box .porto-sicon-img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #155395; opacity: 0.8; z-index: 1; display: block; margin: 0;}
.wrap_duantieubieu .slick-list .slick-slide.slick-active .porto-sicon-box .porto-sicon-img:before { display: none; }
.wrap_duantieubieu .porto-sicon-box .porto-sicon-img { border-radius: 50px; overflow: hidden; filter: drop-shadow(0 0 16px rgba(0,0,0,0.2)); }
.wrap_duantieubieu .porto-sicon-box h3.porto-sicon-title { font-size: 22px; text-transform: uppercase; margin-top: 20px; font-weight: 600; visibility: hidden; transition: 0.2s ease-in-out;}
.wrap_duantieubieu .porto-sicon-box:hover h3.porto-sicon-title { color: var(--porto-secondary-color); }
.wrap_duantieubieu .slick-list .slick-slide.slick-active .porto-sicon-box h3.porto-sicon-title { visibility: visible; }
.wrap_duantieubieu .porto-carousel-wrapper .slick-prev, .wrap_duantieubieu .porto-carousel-wrapper .slick-next { top: 100%; width: 55px; height: 55px; border-radius: 50%;  background-color: #fff; border: 1px solid #ccc; color: #000; font-size: 20px; transition: 0.2s ease-in-out;}
.wrap_duantieubieu .porto-carousel-wrapper .slick-prev { left: 50%; transform: translateX(-70px); }
.wrap_duantieubieu .porto-carousel-wrapper .slick-next { right: 50%; transform: translateX(70px);}
.wrap_duantieubieu .porto-carousel-wrapper .slick-next:after { content: ""; position: absolute; width: 1000000%; height: 1px; background-color: #ccc; left: 90px; bottom: 50%; transform: translateY(50%); display: block; }  
.wrap_duantieubieu .porto-carousel-wrapper .slick-prev:hover, .wrap_duantieubieu .porto-carousel-wrapper .slick-next:hover { background-color: var(--porto-secondary-color); color: #fff!important; border-color: #fff; outline: 5px solid var(--porto-secondary-color);}

.wrap_thongso { background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0 100px; overflow: hidden;}
.wrap_thongso:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #155395; opacity: 0.8; z-index: 1; display: block;}
.wrap_thongso > .vc_column_container { z-index: 2; }
.wrap_thongso .row > .vc_column_container:nth-child(2n) > .vc_column-inner { position: absolute; left: 0; bottom: 60px; }
.wrap_thongso .row .stats-block { display: flex; flex-direction: column-reverse; position: relative; margin-bottom: 45px;}
.wrap_thongso .row .stats-block:before { content: ""; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; display: block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); }
.wrap_thongso .row .stats-block:after { content: ""; width: 2px; height: 300px; background-color: #fff; display: block; position: absolute; top: 105%; left: 50%; transform: translateX(-50%); }
.wrap_thongso .row .stats-block .stats-desc .counter_prefix, .wrap_thongso .row .stats-block .stats-desc .stats-number { font-size: 30px; font-weight: 700; color: #fff; }
.wrap_thongso .row .stats-block .stats-desc .stats-text { color: #fff; font-size: 18px; margin: 8px 0 15px;}
.wrap_thongso .row .stats-block .porto-sicon-top .porto-sicon-img { width: 100px; height: 100px; display: grid; place-items: center; border: 2px dashed #fff; border-radius: 50%; }

.wrap_tintuc { padding-top: 70px; }

.wrap_trietly { background-size: cover; background-position: center center; background-repeat: no-repeat;}
.wrap_trietly:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #036db5; opacity: 0.7; z-index: 1; display: block;}
.wrap_trietly > .vc_column_container { z-index: 2; }
.wrap_trietly .play_video { padding-top: 200px; padding-bottom: 200px; margin-bottom: 0;}
.wrap_trietly .play_video i { color: #fff; font-size: 30px; width: 80px; height: 80px; border: 1px solid #fff; border-radius: 50px; display: grid; place-items: center; margin: auto;}
.wrap_trietly .trietly { display: grid; place-items: center; }
.wrap_trietly .trietly h2.vc_custom_heading { color: #fff; margin-bottom: 40px;}
.wrap_trietly .trietly h3.vc_custom_heading { color: #fff; font-family: 'UTM Edwardian'; font-weight: normal; font-size: 72px; margin-bottom: 50px;}
.wrap_trietly .trietly .wpb_text_column { margin-bottom: 0; }
.wrap_trietly .trietly .wpb_text_column > .wpb_wrapper * { color: #fff; font-size: 18px; margin-bottom: 10px;}

.wrap_trietly .play_video i { transition: 0.3s ease-in-out;}
.wrap_trietly .play_video:hover i { opacity: 0.6;}

.wrap_doitac  { padding: 70px 0 30px; } 
.wrap_doitac > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; width: auto;}
.wrap_doitac .wpb_single_image { width: calc(100% / 8); margin: 0 0 30px; padding-left: 15px; padding-right: 15px; }
.wrap_doitac .wpb_single_image > .wpb_wrapper {  }
.wrap_doitac .wpb_single_image:nth-child(2n) { transform: translateY(30px); }
.wrap_doitac .vc_single_image-wrapper { border-radius: 10px; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; overflow: hidden; transition: 0.3s ease-in-out; background-color: #fff;}
.wrap_doitac .vc_single_image-wrapper:hover { transform: scale(1.1); } 

.wrap_lienhe { margin-bottom: 50px; margin-top: -35px;}
.wrap_lienhe > .vc_column_container { padding-top: 60px; padding-bottom: 30px; margin-bottom: 50px;}
.wrap_lienhe > .vc_column_container > .vc_column-inner { position: relative; z-index: 3; }
.wrap_lienhe h2.vc_custom_heading { font-size: 18px; line-height: 24px;}
.wrap_lienhe .contact_info:before { content: ""; width: 1000%; height: 100%; position: absolute; right:0; bottom: 0; background-color: #f1f1f1; display: block; z-index: 1;}
.wrap_lienhe .contact_info h2.vc_custom_heading { position: relative; }
.wrap_lienhe .contact_info h2.vc_custom_heading:after { position: absolute; content: ""; width: 10%; height: 3px; background-color: var(--porto-primary-color); left: 0; bottom: -5px; display: block; }
.wrap_lienhe .contact_info .wpb_text_column ul { padding-left: 0; }
.wrap_lienhe .contact_info .wpb_text_column ul li { margin-bottom: 12px; position: relative; padding-left: 35px; padding-right: 50px; list-style: none;}
.wrap_lienhe .contact_info .wpb_text_column ul li i { position: absolute ; top: 0px; left: 0; font-size: 22px; color: var(--porto-primary-color);}
.wrap_lienhe .contact_form { padding-left: 40px; }
.wrap_lienhe .contact_form:before { content: ""; width: 1000%; height: 100%; position: absolute; left:0; bottom: 0; background-color: #ebebeb; display: block; z-index: 1;}
.wrap_lienhe .contact_form .form-group { margin-bottom: 18px;}
.wrap_lienhe .contact_form .form-group textarea { height: 100px; }
.wrap_lienhe .contact_form input.btn.btn-lg[type=submit] { padding: 12px 30px; border-radius: 8px; margin-top: 10px;}
.wrap_lienhe .contact_form .form-control, .wrap_lienhe .contact_form input[type=color], input[type=date], .wrap_lienhe .contact_form input[type=datetime-local], .wrap_lienhe .contact_form input[type=datetime], .wrap_lienhe .contact_form input[type=email], .wrap_lienhe .contact_form input[type=month], .wrap_lienhe .contact_form input[type=number], .wrap_lienhe .contact_form input[type=password], .wrap_lienhe .contact_form input[type=search], .wrap_lienhe .contact_form input[type=tel], .wrap_lienhe .contact_form input[type=text], .wrap_lienhe .contact_form input[type=time], .wrap_lienhe .contact_form input[type=url], .wrap_lienhe .contact_form input[type=week], .wrap_lienhe .contact_form select, .wrap_lienhe .contact_form textarea { padding: 10px 12px; font-size: 16px; border-radius: 5px;}
.wrap_lienhe .contact_form .form-control:focus { border-color: var(--porto-primary-color); }

.container .wrap_gioithieu_page.vc_row.stretch_row_css:not(.no-padding)  { padding-right: 0!important; }
.wrap_gioithieu_page { padding-top: 50px; }
.wrap_gioithieu_page h2.vc_custom_heading { font-size: 50px; color: #666666; margin-bottom: 50px;}
.wrap_gioithieu_page .wpb_text_column { text-align: justify; padding-right: 40px; }
.wrap_gioithieu_page .wrap_video { padding: 0;}
.wrap_gioithieu_page .wrap_video .wpb_single_image > .wpb_wrapper * { width: 100%; }
.wrap_gioithieu_page .vc_single_image-wrapper{position: relative; max-height: 420px; border-radius: 50px 0 0 50px; overflow: hidden;}
.wrap_gioithieu_page .vc_single_image-wrapper img {position: relative;z-index: 1;transition:0.3s ease-in-out;}
.wrap_gioithieu_page .vc_single_image-wrapper:hover img{filter:brightness(80%);-webkit-filter: brightness(80%);}
.wrap_gioithieu_page .vc_single_image-wrapper:before{content: '';width: 80px;height: 80px;background-image: url(images/icon-play-video.png);background-position: center; background-size: contain; background-repeat: no-repeat; opacity: 1;transition:0.2s ease-in-out;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);z-index: 3;}
.wrap_gioithieu_page .vc_single_image-wrapper:hover:before{opacity: 0.7;}
.wrap_gioithieu_page_2 .wpb_text_column { text-align: justify;}

.wrap_gioithieu_img { padding: 100px 0 80px; }
.wrap_gioithieu_img .slick-list { overflow: visible; }
.wrap_gioithieu_img .slick-list .slick-slide { margin: 0 20px!important; }
.wrap_gioithieu_img .slick-list .slick-slide:nth-child(2n) .wpb_single_image { transform: translateY(-50px); }
.wrap_gioithieu_img .slick-list .slick-slide .wpb_single_image .vc_single_image-wrapper { position: relative; }
.wrap_gioithieu_img .slick-list .slick-slide .wpb_single_image .vc_single_image-wrapper:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #155395; opacity: 0.8; z-index: 1; display: block; margin: 0;}
.wrap_gioithieu_img .slick-list .slick-slide.slick-active .wpb_single_image .vc_single_image-wrapper:before { display: none; }
.wrap_gioithieu_img .wpb_single_image .vc_single_image-wrapper { border-radius: 10px; overflow: hidden; filter: drop-shadow(0 0 16px rgba(0,0,0,0.2)); }
.wrap_gioithieu_img .porto-carousel-wrapper .slick-prev, .wrap_gioithieu_img .porto-carousel-wrapper .slick-next { top: 110%; width: 55px; height: 55px; border-radius: 50%;  background-color: #fff; border: 1px solid #ccc; color: #000; font-size: 20px; transition: 0.2s ease-in-out;}
.wrap_gioithieu_img .porto-carousel-wrapper .slick-prev { left: 50%; transform: translateX(-70px); }
.wrap_gioithieu_img .porto-carousel-wrapper .slick-next { right: 50%; transform: translateX(70px);}
.wrap_gioithieu_img .porto-carousel-wrapper .slick-prev:hover, .wrap_gioithieu_img .porto-carousel-wrapper .slick-next:hover { background-color: var(--porto-secondary-color); color: #fff!important; border-color: #fff; outline: 5px solid var(--porto-secondary-color);}

.wrap_menutintuc { position: relative; } 
.wrap_menutintuc:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #00aeef; z-index: 1; display: block;}
.wrap_menutintuc > .container { position: relative; z-index: 3; }
.wrap_menutintuc ul.menu { display: flex; flex-wrap: wrap; border-bottom: none; margin-top: 0;}
.wrap_menutintuc ul.menu li {border-top: none; flex: 1;padding: 0; text-align: center;}
.wrap_menutintuc ul.menu li:before { content: ""; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 2px; height: 60%; background-color: #fff; z-index: 2; display: block; opacity: 0.5;}
.wrap_menutintuc ul.menu li:hover:before { animation: none; }
.wrap_menutintuc ul.menu li:first-child:before { display: none; }
.wrap_menutintuc ul.menu li.current-menu-item + li:before, .wrap_menutintuc ul.menu li.current-menu-item:last-child:before  {display: none;}
.wrap_menutintuc ul.menu li.current-menu-item:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #00adef 0%, #036db5 100%); z-index: 1; display: block; }
.wrap_menutintuc ul.menu li.current-menu-item:last-child:after { background-image: linear-gradient(90deg, #036db5 0%, #00adef 100%); }
.wrap_menutintuc ul.menu li a { font-size: 18px; text-transform: uppercase; font-weight: 600; padding: 15px; display: inline-block; color: #fff; position: relative; z-index: 3; width: 100%; height: 100%;}
.tinoibat { background-color: #f1f8fb; padding: 80px 0 10px; margin-top: -50px; }
.tinoibat .tintuc_trangchu h2 { font-size: 26px; }
.tinoibat .tintuc_trangchu .post_date { font-style: italic  ; }
.tinmoi_heading { font-size: 26px; margin-top: 60px; margin-bottom: 0; }
article.post-grid > .grid-box { padding-bottom: 12px; border-bottom: 1px solid #999999; }
article.post-grid .post-image .img-thumbnail, .related-posts .post-image > .thumb-info-wrapper { border-radius: 5px; overflow: hidden; }
article.post-grid .post-meta .meta-date { color: #999999; font-style: italic;}

.job_cohoi { margin-top: -35px; }

.page-portfolios .portfolio-item.outimage .portfolio-title { display: flex; justify-content: space-between; align-items: center; }
.page-portfolios .portfolio-item.outimage .portfolio-title span > a { white-space: nowrap; margin-left: 15px;}

#footer .footer-main>.container { padding-bottom: 10px; }
#footer .footer-main .row > div:first-child .textwidget ul li { margin-bottom: 12px; position: relative; padding-left: 35px; padding-right: 100px;}
#footer .footer-main .row > div:first-child .textwidget ul li strong { display: block; margin-bottom: 2px;}
#footer .footer-main .row > div:first-child .textwidget ul li i { position: absolute ; top: 0px; left: 0; font-size: 22px}
#footer .footer-main h3.widget-title { font-size: 18px; font-weight: 500; margin-bottom: 30px; }
#footer .footer-main .widget_nav_menu ul.menu { border: none; margin-bottom: 10px;}
#footer .footer-main .widget_nav_menu ul.menu li { font-size: 16px; border: none; list-style: none; position: relative;  padding-left: 10px;  margin-left: 12px;}
#footer .footer-main .widget_nav_menu ul.menu li:before { content: "\f111"; font-family: "Font Awesome 6 Free"; font-weight: 400; color: #fff; position: absolute; left: 0; top: 7px;}
#footer .footer-main .widget_nav_menu ul.menu li:hover:before { animation: none; }
#footer .footer-bottom { padding: 0; }
#footer .footer-bottom .widget_nav_menu ul li { padding: 0 0 0 10px; }
#footer .footer-bottom ul.menu li > a { border-left: 3px solid #fff; padding-left: 15px;}
#footer .footer-bottom ul.menu li:before { display: none; }
#footer .footer-bottom .designby { display: none; }
#footer .footer-bottom .footer-center { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0; padding-right: 0;}
#footer .footer-bottom .footer-center .footer-copyright { order: 2; }
#footer .footer-bottom .footer-center .widget_nav_menu { order: 3; margin-top: 0;}
#footer .footer-bottom .footer-center .follow-us { order: 1; width: 100%; position: relative; text-align: center;} 
#footer .footer-bottom .footer-center .follow-us:before { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 50%; display: block; z-index: 1; opacity: 0.3;}
#footer .footer-bottom .footer-center .follow-us .share-links { display: inline-block; position: relative; z-index: 3; background-color: #0f1d35; padding: 0 5px;}
#footer .footer-bottom .footer-center .follow-us .share-links a { width: 36px; height: 36px; border-radius: 5px; border: 1px solid #fff; }
#footer .footer-bottom .footer-center .follow-us .share-links a:hover { color: #fff; }
.grecaptcha-badge{display: none !important;}
@media (max-width: 1229px) {
	#header .main-menu > li.menu-item > a { font-size: 13px; } 
	#header .header-right-bottom > * { margin-left: 10px; }
	.wrap_banner .row_banner .wpb_text_column p { font-size: 40px; line-height: 48px; }

  .page-top { padding-top: 300px; }
  .page-top h1.page-title { font-size: 35px; line-height: 43px;}

	.container .wrap_gioithieu_section.vc_row.stretch_row_css:not(.no-padding), .container .wrap_gioithieu_page.vc_row.stretch_row_css:not(.no-padding) { padding-right: calc((100vw - 100% - var(--porto-scroll-w, 0px) - var(--bs-gutter-x)) / 2) !important;} 
	.wrap_gioithieu_section { padding: 50px 0 60px; }
	.wrap_gioithieu_section .gioithieu , .wrap_gioithieu_page .gioithieu_page { width: 100%; }
	.wrap_gioithieu_section .gioithieu .vc_custom_heading { font-size: 40px; text-align: center; }
	.wrap_gioithieu_section .wpb_text_column { padding: 35px; border-radius: 50px; }
  .wrap_gioithieu_section .gioithieu .wpb_raw_code { margin-bottom: 30px; }
  .wrap_gioithieu_page .wpb_text_column { padding-right: 0; }
  .wrap_gioithieu_section .wrap_video > .vc_column-inner { margin-left: 0; }
	.wrap_gioithieu_section .wrap_video, .wrap_gioithieu_page .wrap_video { width: calc( 100% - 30px); margin-left: 15px; margin-right: 15px;}
  .wrap_gioithieu_section .wrap_video .vc_single_image-wrapper, .wrap_gioithieu_page .wrap_video .vc_single_image-wrapper { border-radius: 50px; }

	.container .wrap_linhvuchoatdong.vc_row.stretch_row_css:not(.no-padding) { padding-right: calc((100vw - 100% - var(--porto-scroll-w, 0px) - var(--bs-gutter-x)) / 2) !important;} 
	.wrap_linhvuchoatdong .wrap_title { width: 100%; }
	.wrap_linhvuchoatdong .linhvuc { width: 100%; padding-left: 15px; padding-right: 15px;}
	.wrap_linhvuchoatdong .wrap_title:before { display: none; } 
	.wrap_linhvuchoatdong h2.vc_custom_heading { color: #eef1ff; margin-bottom: 50px; }
  .wrap_linhvuchoatdong h2.vc_custom_heading span { display: inline; }

	.wrap_duantieubieu .porto-sicon-box h3.porto-sicon-title { font-size: 20px; }

	.wrap_trietly .trietly h3.vc_custom_heading { font-size: 60px; margin-bottom: 40px; }

  .wrap_menutintuc ul.menu li a { font-size: 16px; }

  .job_cohoi h2.vc_custom_heading, .job_vitri h2.vc_custom_heading { font-size: 30px; margin-bottom: 20px;}
  .job_cohoi .wpb_text_column { margin-left: 150px; margin-right: 150px; }

  .page-portfolios { margin-bottom: 0; }

}

@media (max-width: 991px) {
  #header.sticky-header .header-main.sticky .header-left, #header.sticky-header .header-main.sticky .header-right { padding-top: 0px; padding-bottom: 0px; }
	#header .header-main .header-right .header-right-bottom { display: flex; justify-content: flex-end; align-items: center;}
	#header .header-right-bottom > .language { margin-left: 2px; }
	#header .searchform-popup .search-toggle { border: none; color: #fff; font-size: 18px;}
	.wrap_banner .row_banner .wpb_text_column p { font-size: 32px; line-height: 40px; }
	.wrap_banner .row_banner .wpb_text_column { padding-left: 16px; }
	.wrap_banner .row_banner .wpb_text_column:before { width: 6px; }

  .page-top { padding-top: 250px; }
  .page-top h1.page-title { font-size: 30px; line-height: 38px;}

	.wrap_gioithieu_section .gioithieu .vc_custom_heading, .wrap_linhvuchoatdong h2.vc_custom_heading, .wrap_duantieubieu h2.vc_custom_heading { font-size: 35px; } 

	.wrap_duantieubieu .porto-sicon-box h3.porto-sicon-title { font-size: 18px; }

	.wrap_thongso { padding: 100px 0 60px; }
	.wrap_thongso .row .stats-block .porto-sicon-top .porto-sicon-img { width: 90px; height: 90px; }

	.wrap_trietly .play_video { padding-top: 220px}
	.wrap_trietly .trietly h2.vc_custom_heading { margin-bottom: 30px; font-size: 35px;}
	.wrap_trietly .trietly h3.vc_custom_heading { font-size: 45px; margin-bottom: 30px; }


  .container .wrap_gioithieu_page.vc_row.stretch_row_css:not(.no-padding) { padding-right: calc((100vw - 100% - var(--porto-scroll-w, 0px) - var(--bs-gutter-x)) / 2) !important;} 
  .wrap_gioithieu_page { padding-top: 30px; }
  .wrap_gioithieu_page h2.vc_custom_heading { font-size: 40px; text-align: center; margin-bottom: 30px;}
  .wrap_gioithieu_img { padding: 70px 0; }
  .wrap_gioithieu_img .slick-list .slick-slide { margin: 0 15px!important; }

  .wrap_menutintuc ul.menu li a { font-size: 13px; padding: 12px;} 

  .job_cohoi h2.vc_custom_heading, .job_vitri h2.vc_custom_heading { font-size: 24px; line-height: 32px; }
  .job_cohoi .wpb_text_column { margin-left:50px; margin-right: 50px; }
  .wrap_getjob .wpb_text_column { margin-bottom: 0; }

	#footer .footer-main .row > div:not(:first-child) { width: 50%; margin-top: 20px; }
	#footer .footer-main>.container { padding-top: 60px; padding-bottom: 0; }
	#footer .footer-bottom .footer-center { justify-content: center; }
	#footer .footer-bottom .footer-center .widget_nav_menu, #footer .footer-bottom .footer-center .footer-copyright { margin: 5px; }

}

@media (max-width: 767px) {
	.wrap_banner .row_banner .wpb_text_column { border-left-width: 5px; padding-left: 10px; }
	.wrap_banner .row_banner .wpb_text_column:before { width: 4px; }
	.wrap_banner .row_banner .wpb_text_column p { font-size: 24px; line-height: 30px; }

  .page-top { padding-top: 200px; }
  .page-top h1.page-title { font-size: 25px; line-height: 33px;}

	.wrap_gioithieu_section .gioithieu .vc_custom_heading, .wrap_linhvuchoatdong h2.vc_custom_heading, .wrap_duantieubieu h2.vc_custom_heading { font-size: 30px; margin-bottom: 40px;}

  .wrap_gioithieu_section .vc_single_image-wrapper:before, .wrap_gioithieu_page .vc_single_image-wrapper:before { width: 60px; height: 60px; }
  .wrap_gioithieu_section .wrap_video .vc_single_image-wrapper, .wrap_gioithieu_page .wrap_video .vc_single_image-wrapper, .wrap_gioithieu_section .wpb_text_column { border-radius: 20px; }

  .wrap_linhvuchoatdong { padding: 50px 0; }
	.wrap_linhvuchoatdong .linhvuc .porto-sicon-box-link { width: 100%; margin-bottom: 30px; }
  .wrap_linhvuchoatdong .linhvuc .porto-sicon-box { padding: 30px; }

	.wrap_duantieubieu .slick-slider .slick-next, .wrap_duantieubieu .slick-slider .slick-prev { display: inline-block!important; } 

	.wrap_thongso { padding: 80px 0 60px; }
	.wrap_thongso .row > .vc_column_container { width: calc( 100% / 3); }
	.wrap_thongso .row > .vc_column_container:nth-child(2n) > .vc_column-inner { position: unset; }
	.wrap_thongso .row .stats-block:before, .wrap_thongso .row .stats-block:after { display: none; }
	.wrap_thongso .row .stats-block .stats-desc .stats-text { margin: 8px 0 10px; }

	.wrap_trietly { padding-top: 70px; }
	.wrap_trietly .trietly h2.vc_custom_heading { text-align: center; font-size: 30px; margin-bottom: 25px;}
	.wrap_trietly .trietly h3.vc_custom_heading { text-align: center; }
	.wrap_trietly .trietly .wpb_text_column { margin-bottom: 0; text-align: justify; }
	.wrap_trietly .play_video { padding-top: 100px; padding-bottom: 100px;}

	.wrap_doitac .wpb_single_image { width: calc(100% / 4); }

  .wrap_gioithieu_page h2.vc_custom_heading { font-size: 35px; margin-bottom: 20px;}
  .wrap_gioithieu_img { padding: 30px 0 60px; }
  .wrap_gioithieu_img .slick-slider .slick-next, .wrap_gioithieu_img .slick-slider .slick-prev { display: inline-block!important; } 
  .wrap_gioithieu_img .slick-list .slick-slide:nth-child(2n) .wpb_single_image { transform: none; }

  .wrap_lienhe { margin-bottom: 50px; }
  .wrap_lienhe > .vc_column_container { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px;}
  .wrap_lienhe .contact_info .wpb_text_column { margin-bottom: 10px; }
  .wrap_lienhe .contact_form { padding-left: 15px; }
  .wrap_lienhe .contact_info:before, .wrap_lienhe .contact_form:before { width: 100%; border-radius: 10px;}

  .wrap_menutintuc ul.menu li {width: 100%; flex: none;}
  .wrap_menutintuc ul.menu li:before { width: 20px; height: 2px; left: 50%; transform: none; top:0; }
  .wrap_menutintuc ul.menu li.current-menu-item:after, .wrap_menutintuc ul.menu li.current-menu-item:last-child:after {  background-image: linear-gradient(180deg, #00adef 0%, #036db5 100%); left: -100%; width: 10000%; }
  .wrap_menutintuc ul.menu li a { font-size: 14px; padding: 15px; }
  .tinoibat .tintuc_trangchu h2 { font-size: 24px; margin-bottom: 22px; }
  .tinoibat { padding: 60px 0 30px; }
  .tinmoi_heading {font-size: 24px;margin-top: 40px;margin-bottom: -15px;}

  .job_cohoi { padding-bottom: 10px; }
  .job_cohoi .porto-sicon-box { padding: 15px 10px 15px; }
  .job_vitri { padding-top: 30px; }
  .get_job .btn_ungtuyen { margin-top: 20px; }
  .get_job .job_info li { width: 100%; }

  .form_timkiem > .row > div { margin-bottom: 10px;  }

	 html #topcontrol {right: 0; display: inline-block;}
    .fb_zalo {right: 0;bottom: 100px;}
    .widget .fb_zalo ul li {margin-bottom: 5px;}
    .widget .fb_zalo ul li:first-child {margin-bottom: 7px;}
    .widget .fb_zalo ul li img {width: 36px;}
    .call-circle-fill {width: 52px;height: 52px;display: none;}
    .call-img-circle {width: 34px;height: 34px;font-size: 14px;line-height: 34px;margin-left: 0;}
}

@media (max-width: 576px) {

	#header .searchform-popup { display: inline-block; }
	.wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.up { transform: translateY(-20%);}
	.wrap_banner .row_banner .wpb_text_column p { font-size: 18px; line-height: 24px; }

  .page-top { padding-top: 150px; padding-bottom: 10px; }

	.wrap_gioithieu_section .gioithieu .vc_custom_heading, .wrap_linhvuchoatdong h2.vc_custom_heading, .wrap_duantieubieu h2.vc_custom_heading { font-size: 25px; margin-bottom: 30px;}

  .wrap_linhvuchoatdong { padding: 35px 0; }

  .wrap_duantieubieu { padding: 50px 0; }
	.wrap_duantieubieu .porto-sicon-box h3.porto-sicon-title { font-size: 16px; }
  .wrap_duantieubieu .porto-carousel-wrapper .slick-prev, .wrap_duantieubieu .porto-carousel-wrapper .slick-next { width: 50px; height: 50px; }

	.wrap_thongso { padding: 70px 0 40px; }

	.wrap_trietly .trietly .wpb_text_column > .wpb_wrapper * { font-size: 16px; }
	.wrap_trietly .play_video { padding-top: 80px; padding-bottom: 80px;}

  .wrap_doitac .wpb_single_image { padding-left: 10px; padding-right: 10px; margin: 0 0 20px }

  .wrap_gioithieu_page { padding-top: 10px }
  .wrap_gioithieu_page h2.vc_custom_heading { font-size: 30px; margin-bottom: 15px;}
  .wrap_gioithieu_img { padding: 10px 0 50px; }

  .tinoibat { padding-bottom: 0; }

  .job_cohoi h2.vc_custom_heading, .job_vitri h2.vc_custom_heading { font-size: 20px; line-height: 26px; margin-bottom: 15px; }
  .job_cohoi .wpb_text_column { margin-left:0px; margin-right: 0px; }
}

@media (max-width: 480px) {
	.wrap_duantieubieu .porto-sicon-box h3.porto-sicon-title { font-size: 13px; }

	#footer .footer-main h3.widget-title { font-size: 15px; font-weight: 700; margin-bottom: 26px;}
	#footer .footer-bottom ul.menu li > a { padding-left: 6px; }
}