/*
Theme Name: WooTech Themes
Description: Thiết kế website. Hotline: 0934 19 1122
Author: WooTech
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
    font-family: 'SVN-Gilroy';
    font-size: 18px;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 700;
    font-style: normal;
}
a.button {margin: 20px 0px 0px;border-width: 1px !important;border-radius: 15px 0px 0px 0px;line-height: 45px;font-size: 16px !important;}
a.button:hover {
    background: #2e3190 !important;
    color: #fff !important;
    border-color: #2e3190 !important;
}
.home-page a.button { color: #F0355E !important; }
.home-page a.button:hover { background: #F0355E !important; color: #fff !important; border-color: #F0355E !important;  }
.banner p {
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 0;
}
.section-title-center {}
.section-title-center b {display: none;}
.section-title-center .section-title-main {margin: auto;font-size: 30px;}
/* home 1 */
/*.home-page1 .text-box h3 { font-weight: 600;  text-transform: uppercase; font-size: 60px; color: #F0355F;}
.home-page1 .text-box h3 strong { width: 90px; overflow: hidden; white-space: nowrap; transition: 0.3s all ease; animation: textmove 8s infinite; display: inline-block;}
.home-page1 .text-box h3:after { content: ""; height: 10px; width: 100px; background: #fff; display: block; margin: 40px 0px; animation: bordermove 5s infinite;}
*/
.home-page1 .text-box h3 { position: relative; color: transparent; overflow: hidden; background: linear-gradient(to right, #ffffff, #413ff9 50%, transparent 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 90%; transition: background-position 1s ease; text-decoration: none; animation: textmove1 8s infinite; line-height: initial; }
.home-page1 .text-box h3 strong { display: block; }
.home-page1 .text-box h3:after {content: "";height: 10px;width: 100px;background: #fff;display: block;margin: 20px 0px 40px;animation: bordermove 4s infinite;}
.home-page1 a.button, .home-page1 a.button span {
    color: #9a9ce5;
}
@keyframes textmove1 { 
  0% { background-position: 90% 100%; }
  25% { background-position: 0 100%; }
  50% { background-position: 90% 100%; }
  75% { background-position: 0 100%; }
  100% { background-position: 90% 100%; }
}

@keyframes bordermove {
  0% {width: 100px;}
  50% {width: 200px;}
  100% {width: 100px;}
}

/*
@keyframes textmove {
  0% {width: 90px;}
  25% {width: 100%;}
  50% {width: 90px;}
  75% {width: 100%;}
  100% {width: 90px;}
}
*/

@media screen and (min-width: 960px) {
  .home-page1 .text-box h2 { font-size: 40px; line-height: 55px;}
  .home-page1 .text-box h3 { font-size: 70px; }
  .home-page1 .text-box p { font-size: 20px;}
}
@media screen and (max-width: 959px) {
  .home-page1 { height: auto;}
  .home-page1 .banner-inner { position: relative !important;}
  .home-page1 .banner-layers { overflow: hidden; padding-top: 100px; padding-bottom: 40px;}
  .home-page1 .banner-layers .text-box { position: relative !important; top: 0px; transform: translateY(0%);}

  .home-page1 .text-box h2 { font-size: 20px; line-height: 30px;}
  .home-page1 .text-box h3 { font-size: 40px; }
  .home-page1 .text-box p { font-size: 18px;}
}

.about-home .icon-box .icon-box-text h3 {
    color: #2e3190;
    font-size: 48px;
    font-weight: 700;
    line-height: 55px;
    margin: 0;
}
.woo-btn {
    display: table;
    margin: auto !important;
    text-transform: uppercase !important;
}
.woo-btn span  {
    font-size: 18px;
    font-weight: normal;
    padding: 10px 20px;
}

.home-page4 .box-text-bottom { border-radius: 30px; background: #fff; display: flex; flex-flow: row wrap; width: 100%;align-items: center;}
.home-page4 .box-text-bottom .box-text { text-align: left;  padding: 0px; text-align: justify; }
.home-page4 .box-text-bottom .box-text h3 { color: #2e3190;  font-size: 25px; margin: 0px 0px 25px; text-align: left; margin-bottom: 20px; }
.home-page4 .box-text-bottom ul { margin: 20px 0px 0px; list-style: none; }
.home-page4 .imb-ul ul { display: flex; flex-flow: row wrap; width: 100%; }
.home-page4 .imb-ul ul li { max-width: 33.333%; flex-basis: 100%; }
.home-page4 .box-text-bottom ul li { padding-left: 20px; padding-right: 5px; position: relative; line-height: initial; margin-bottom: 10px; }
.home-page4 .box-text-bottom ul li:before {    font-family: 'fl-icons'; content: "\e00a"; font-size: 12px; line-height: normal; position: absolute; left: 0px; color: #2e3190; top: 50%; transform: translate(0%, -50%);}
.home-page4 .imb-ul a.button { margin-top: 10px;}
.home-page4 .box-text-bottom .box-text p { margin: 0px;}

@media screen and (min-width: 960px) { 
  .home-page4 .box-text-bottom { padding: 30px; margin-top: 30px;}
  .home-page4 .box-text-bottom .box-text { max-width: 60%;}
  .home-page4 .box-text-bottom .box-image {max-width: 40%;}
  .home-page4 .imb1 .box-text { margin-right: 0px; margin-left: auto; padding-left: 40px; }
  .home-page4 .imb2 .box-text { margin-left: 0px; margin-right: auto; padding-right: 40px; }
  .home-page4 .imb1 .box-image { margin-right: auto;  margin-left: 0px; }
  .home-page4 .imb2 .box-image {order: 2;margin-left: auto;margin-right: 0px;}
}
@media screen and (max-width: 959px) {
  .home-page4 { padding: 60px 15px !important;}
  .home-page4 .box-text-bottom { margin-top: 30px; padding: 0px; }
  .home-page4 .box-text-bottom .box-text { max-width: 100%; padding: 20px 15px; }
}
/*.tieude*/
.home-page .tieude { text-align: center; margin-bottom: 30px;}
.home-page .tieude h3 { text-transform: uppercase; font-size: 18px; color: #4D4D4D; }
.home-page .tieude h3 strong { padding: 0 15px; position: relative;}
.home-page .tieude h3 strong:before { font-family: 'fl-icons'; content: "\f0a3"; font-size: 6px; line-height: normal; position: absolute; left: 0px; color: #2e3190; top: 50%; transform: translate(0%, -50%);}
.home-page .tieude h3 strong:after { font-family: 'fl-icons'; content: "\f0a3"; font-size: 6px; line-height: normal; position: absolute; right: 0px; color: #2e3190; top: 50%; transform: translate(0%, -50%);}
.home-page .tieude h2 { color: #4D4D4D;}
.home-page .tieude h2 strong { color: #2e3190;}
.home-page .tieude p { margin: 0px; }

@media screen and (min-width: 960px) {
  .home-page .tieude h2 { font-size: 40px; }
  .home-page .tieude p { font-size: 18px;}
}
@media screen and (max-width: 959px) { 
  .home-page .tieude h2 { font-size: 23px; }
  .home-page .tieude p { font-size: 16px;}
}
/* hbw-title */
.hbw-title { flex-basis: 100%; max-width: 100%; }
.hbw-title .hbw-title-small { color: #4D4D4D; font-weight: 600;  text-transform: uppercase; padding-left: 20px; position: relative; line-height: 35px; text-align: left;}
.hbw-title .hbw-title-small:before {   font-family: 'fl-icons'; content: "\f0a3"; font-size: 6px; line-height: normal; position: absolute; left: 0px; color: #2e3190; top: 50%; transform: translate(0%, -50%);}
.home .hbw-title .hbw-title-small:before { color: #2e3190; }
.hbw-title .hbw-title-main { color: #4D4D4D; text-align: left;}
.hbw-title .hbw-title-main span { color: #2e3190;}
.home .hbw-title .hbw-title-main span { color: #F0355F;}
.hbw-title .title-content { font-size: 18px; color: #4D4D4D; max-width: 700px; text-align: left;}
.home .hbw-title .title-content { max-width: 500px; }
@media screen and (min-width: 960px) {
  .hbw-title .hbw-title-main { font-size: 40px; line-height: 50px; }
  .hbw-title .hbw-title-small { font-size: 18px; }
}
@media screen and (max-width: 959px) { 
  .hbw-title .hbw-title-main { font-size: 30px; line-height: 40px; }
  .hbw-title .hbw-title-small { font-size: 16px; }
}
.home-page5 .hbw-title .hbw-title-main span {
    display: block;
}
/* home 6 */
.home-page6 { }
.home-page6 .slider-wrapper .flickity-page-dots { bottom: -25px;}
.home-page6 .slider-wrapper .flickity-page-dots .dot { border: 0px; background: #F9F9F9; opacity: 1;}
.home-page6 .slider-wrapper .flickity-page-dots .dot.is-selected { background: #D9D9D9;}
.home-page6 .slider-wrapper .row { border: 1px solid #c1c1c1; border-radius: 10px; overflow: hidden; background: #fbfbfb;}
.home-page6 .slider-wrapper .row .col { background: #FAFAFA; padding: 0px;}
.home-page6 .slider-wrapper .img { margin: 0px; padding: 30px;}
.home-page6 .slider-wrapper .img~.img { border-top: 1px solid #c1c1c1;}
.home-page6 .slider-wrapper .img .img-inner {justify-content: center;height: 65px;max-width: 164px;text-align: center;margin: 0 auto;display: flex;flex-direction: column;}
.home-page6 .slider-wrapper .img img { object-fit: scale-down; display: block; width: 100%; height: 100%;}
@media screen and (min-width: 960px) { 
  .home-page6 .slider-wrapper .row .col~.col { border-left: 1px solid #c1c1c1;}
	
}
@media screen and (max-width: 959px) {
  .home-page6 { padding: 60px 0px !important;}
  .home-page6 .tieude { padding: 0 15px;}
  .home-page6 .slider-wrapper .img~.img { border-bottom: 1px solid #c1c1c1;}
  .home-page6 .slider-wrapper .row .col:nth-child(2n+1) { border-right: 1px solid #c1c1c1;}
}
/* home 8 */
.ss_dangky { position: relative; z-index: 2; }
.home-page8 { background: #F0355F; color: #fff; border-radius: 20px; margin-bottom: -240px; position: relative; z-index: 1; overflow: hidden;}
.home-page8 .col-right { padding: 0px;}
.home-page8 .hbw-title .hbw-title-small, .home-page8 .hbw-title .hbw-title-small:before, .home-page8 .hbw-title .hbw-title-main, .home-page8 .hbw-title .title-content, .home-page8 .hbw-title .button { color: #fff !important;}
.home-page8 a.button {
    background: #f0355e !important;
    border: 1px solid #fff;
    color: #fff !important;
}
.home-page8 a.button:hover { background: #fff !important; color: #f0355e !important;}

@media screen and (min-width: 960px) {
  .home #footer .footer-1 { padding-top: 350px;}
  .home-page8 {padding: 60px 120px 0;}
  .home-page8:before { content: ""; position: absolute; left: 0px; bottom: -100px; width: 170px; height: 300px; background: url(assets/images/bg-contact.png) no-repeat center top; background-size: contain; z-index: -1; transform: rotate(90deg);}
  .home-page8:after { content: ""; position: absolute; right: 0px; top: 0px; width: 300px; height: 90%; background: url(assets/images/bg-contact.png) no-repeat center top; background-size: contain; z-index: -1;}
  .home-page8 .col-left { padding: 0px;}
}
@media screen and (max-width: 959px) {
  .home #footer .footer-1 { padding-top: 300px;}
  .home-page8 { padding: 60px 20px 0; max-width: 95% !important; }
  .home-page8 .col-left { padding: 0px 0 30px;}
}

/* footer */
#footer { font-size: 16px; background: linear-gradient(320deg, #4D4D4D -2.54%, #000000 124.37%); overflow: hidden; z-index: 1; }
#footer:before {
    content: "";
    width: 789px;
    height: 415px;
    background: url(assets/images/bg-footer1.png) no-repeat center left;
    background-size: contain;
    position: absolute;
    left: -62px;
    bottom: 25px;
    transform: rotate(353deg) scaleX(-1);opacity: 0.3;
}
#footer:after {
    content: "";
    width: 789px;
    height: 415px;
    background: url(assets/images/bg-footer1.png) no-repeat center left;
    background-size: contain;
    position: absolute;
    right: -323px;
    top: -239px;
    transform: rotate(37deg) scaleX(-1);
    opacity: 0.3;
}
#footer .widget-title { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; margin-bottom: 15px; display: block;}
#footer .is-divider.small { background: #000; width: 100%; max-width: 100%; height: 2px;}
#footer a { color: #fff; }
#footer #footer .widget_nav_menu { margin-bottom: 0px !important; }
#footer .absolute-footer { display: none; }
#footer ul.icon-left li { float: left; }
#footer .menu li { list-style: none; border: 0px; }
#footer .menu li a { display: block; color: #fff; font-size: 14px; }
#footer .widget ul.menu li strong { color: red;}
a#top-link { border-color: #FFF; color: #ffffff; background: #2e3190; display: block !important; visibility: inherit !important; z-index: 999; }
a#top-link:hover { background: #FFF; color: #f0355f; border-color: #f0355f;}
.footer-2 { border-top: 0px; padding-bottom: 60px; z-index: 2; position: relative; }
#footer .footer-2 >.row { border-top: 0px;}
#footer .footer-1 { position: relative; border-top: 0px; z-index: 2; }
#footer a:hover {  color: #f0355f !important;}
.footer-text { background: #fff; color: #2e3190; text-align: center; padding: 10px 5px; font-weight: 600; }

#footer .footer-2 .img-footer .img-top { margin-bottom: 30px;}
#footer .footer-2 .img-footer .img-bottom { display: flex; flex-flow: row wrap; width: 100%; align-items: normal;}
#footer .footer-2 .img-footer .img-bottom img:nth-child(1) { max-width: 48%; flex-basis: 100%; margin-left: 0px; margin-right: auto; }
#footer .footer-2 .img-footer .img-bottom img:nth-child(2) { max-width: 48%; flex-basis: 100%; margin-left: auto; margin-right: 0px; }

@media only screen and (min-width: 960px) {
  #footer .footer-1 {padding-top: 160px;}
  #footer .footer-1 .widget_nav_menu { max-width: 20%; flex-basis: 100%;}
  #footer .footer-1 .contact-footer { max-width: 40%; flex-basis: 100%;}
  #footer .footer-2 .img-footer { max-width: 40%; flex-basis: 100%; margin-right: 0px; margin-left: auto;}
}

@media only screen and (max-width: 959px) { 
  #footer .footer-1 { padding-top: 40px; }
  #footer .footer-1 .widget_nav_menu:nth-child(2) { max-width: 35%; flex-basis: 100%; }
 #footer .footer-1 .widget_nav_menu:nth-child(1) { max-width: 65%; flex-basis: 100%;}
}

/**
 * Page Tuyen dung
 */
 .post-type-archive-tuyen-dung div#wrapper,  .post-type-archive-tuyen-dung #main{    background-color: #EFF4FD;}
 .td-s-block {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 720px;
    max-width: 100%;
    margin: auto;
}
.form-s-td {
    display: flex;
    gap: 12px;
    justify-content: space-between;
}
.form-s-td > div {
    width: 100%;
}
.search-block select {
    transition-duration: 25s;
    transition-timing-function: ease-in-out;
    background-color: #fff;
    border: solid 2px #d7dae0;
    border-radius: 10px;
    box-sizing: border-box;
    display: block;
    flex: 1;
    font-size: 16px;
    line-height: 1.15;
    outline: 0;
    padding: 8px;
    padding-left: 12px;
    padding-right: 24px;
    text-overflow: ellipsis;
    transition-property: all;
    white-space: nowrap;
    width: 100%;
}
.search-block button {
    background-color: #3B3AEF;
    border: solid 2px #3B3AEF;
    border-radius: 10px;
    box-sizing: border-box;
    display: block;
    flex: 1;
    font-size: 16px;
    line-height: 1.15;
    color: #fff;
    width: 100%;
}
.search-block button:hover {
   background: #000057;
   border-color: #000057;
 }
.archive-td {
    max-width: 720px !important;
    width: 100%;
    margin: 30px auto;
    background: #fff;
    padding: 15px 25px;
    border-radius: 10px;
}
.ashby-job-posting-brief-title {
   font-size: 16px;
   font-weight: 600;
   line-height:1.5;
   margin: 0;
   color: #000057;
}
.ashby-job-posting-brief-title a {
   padding: 0 0 12px;
   display: block;
}
.ashby-job-posting-brief-details {
   font-size: 14px;
   color: rgb(84, 91, 109);
}
.ashby-job-posting-brief-details p {margin: 0}
.ashby-job-posting-brief-details a,
.ashby-job-posting-brief-title a {color: inherit;text-decoration: none!important;}
.item-td {
    padding: 24px 16px;
        border-radius: 6px;
    transition: all ease 0.3s;
}
.item-td:hover {
    background: #f7f8fa;
}
@media(max-width:767px) {
   .form-s-td {
     flex-wrap: wrap;
  }
  .form-s-td > div {
   width: 49%;
   width: calc(50% - 6px);
  }
}
.container-wp {
   background: #fff;
   padding: 30px 0;
}
.container-single-td {
   max-width: 1040px;
   width: 100%;
   margin: 0 auto;
}
._titles {
   margin: 24px 24px 0;
}
button.job-board-back-to-all-jobs-button {
  color: #3B3AEF;
  font-weight: 700;
  background-color: transparent;
  border-color: transparent;
  box-shadow: 0 0 0 transparent;
  transition: all ease 0.3s;
  background-color: rgb(255, 255, 255);
  border: 2px solid transparent;
  border-radius: 25px;
}
button.job-board-back-to-all-jobs-button svg{
   fill: #3B3AEF;
       vertical-align: middle;
}
button.job-board-back-to-all-jobs-button svg:first-child {
    margin-right: 12px;
}
button.job-board-back-to-all-jobs-button:hover {
   background: #3B3AEF;
   border-color: #3B3AEF;
   color: #fff;
}
button.job-board-back-to-all-jobs-button:hover  svg {
   fill: #fff;
}
.container-single-td .ashby-job-posting-heading{
   font-size: 24px;
   font-weight: 600;
   line-height: 1.5;
}
._section_101oc_37 {
   border-bottom: 1px solid #e5e6e8;
   padding: 16px 0;
}
._section_101oc_37:first-child {
   padding-top: 0;
}
._section_101oc_37 a {
   color: #373e4d;
}
._section_101oc_37 p {
   margin: 0;
}
._heading_101oc_53 {
   color: #545b6d;
   font-size: 12px;
   line-height: 1.5;
   font-weight: 500;
   margin-bottom: 8px;
}
.job-posting-left-pane {
   padding: 24px 16px;
   margin-top: 60px;
}
.job-posting-left-pane a {
   text-decoration: none!important;
}
.job-posting-right-pane {
    color: #373e4d;
    font-size: 16px;
}
.job-posting-right-pane h2 {
    font-size: 16px;
    font-weight: 600;
}
nav.tabs {
    display: flex;
    margin-top: 24px;
    position: relative;
    padding: 0 16px; /*fix*/
}
.job-posting-right-pane .tab {
   color: #7d8699;
   font-size: 16px;
   line-height: 1.5;
   font-weight: 600;
   transition-duration: .25s;
   transition-timing-function: ease-in-out;
   border-bottom: 2px solid transparent;
   padding-bottom: 12px;
   text-decoration: none;
   transition-property: color;
   display: block; /*fix*/ /*fix*/
   width: 100%; /*fix*/
}
.job-posting-right-pane .tab.active {
   color: #625AB4;
   border-color: #625AB4;
}
.job-posting-right-pane #overview {
   padding: 24px 16px;
}
h3.title-ut {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    border-bottom: 2px solid #fff0;
    padding-bottom: 12px;
    text-decoration: none;
    transition-property: color;
    color: #625AB4;
    border-color: #625AB4;
    margin-top: 50px;
}
.form-ungtuyen {
  margin: 0px 0 50px;
  padding: 16px 24px;
  border: 1px solid #eee;
  border-radius: 10px;
}
.form-ungtuyen .elementor-field-group .elementor-field:not(.elementor-select-wrapper)  {
   padding: 16px;
}
/*.form-ungtuyen label {
   color: rgb(84, 91, 109);
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   height: 24px;
   line-height: 24px;
   margin-bottom: 8px;
}*/

@media only screen and (min-width: 768px) {
   .content-single-td {
      display: grid;
      grid-template-columns: 30% 70%;
   }
   .job-posting-right-pane .tab {
/*      margin-left: 16px;*/ /*fix*/
/*      width: 200px;*/ /*fix*/
   }
}

/** * Phân trang tuyển dụng */
.page-numbers {
    display: flex;
    justify-content: center;
    gap: 8px;
    list-style: none;
    padding: 0;
}

.page-numbers li {
    display: inline-block;
}

.page-numbers a,
.page-numbers span {
    display: inline-block;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #333;
    background: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s;
}

.page-numbers a:hover,
.page-numbers .current {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.page-numbers .prev,
.page-numbers .next {
    font-weight: bold;
    background: #e9e9e9;
    color: #0073aa;
}

.page-numbers .dots {
    background: transparent;
    border: none;
    color: #999;
}

/*
 * Page dịch vụ
 * */
.page-dv .hbw-title { margin-bottom: 45px;}

/* Tiêu đề dv */
.page-dv .tieude { text-align: center; margin-bottom: 30px; max-width: 100%; flex-basis: 100%; }
.page-dv .tieude h3 { text-transform: uppercase; font-size: 18px; color: #4D4D4D; }
.page-dv .tieude h3 strong { padding: 0 15px; position: relative;}
.page-dv .tieude h3 strong:before { font-family: 'fl-icons'; content: "\f0a3"; font-size: 6px; line-height: normal; position: absolute; left: 0px; color: #2e3190; top: 50%; transform: translate(0%, -50%);}
.page-dv .tieude h3 strong:after { font-family: 'fl-icons'; content: "\f0a3"; font-size: 6px; line-height: normal; position: absolute; right: 0px; color: #2e3190; top: 50%; transform: translate(0%, -50%);}
.page-dv .tieude h2 { color: #4D4D4D;}
.page-dv .tieude h2 strong { color: #2e3190;font-weight: 700;}
.page-dv .tieude p { margin: 0px; font-size: 18px;}

@media screen and (min-width: 960px) {
  .page-dv .tieude h2 { font-size: 40px; }
}
@media screen and (max-width: 959px) { 
  .page-dv .tieude h2 { font-size: 30px; }
}

/* page dv 1 */
.page-dv1 { }
.page-dv1 .stack { max-width: 350px; background: #fff; margin-bottom: 20px; border-radius: 20px 0px 20px 0px; padding: 5px 10px; text-align: center; align-items: center; justify-content: center;}
.page-dv1 .stack .img { padding: 0px 15px;}
.page-dv1 .stack .img~.img { border-left: 1px solid #000;}
.page-dv1 .text-box h2 { line-height: 55px;}
.page-dv1 .text-box h3 { position: relative; color: transparent; overflow: hidden; background: linear-gradient(to right, #ffffff, #2e3190 50%, transparent 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 90%; transition: background-position 1s ease; text-decoration: none; animation: textmove1 8s infinite; line-height: initial; font-weight: 700;}
.page-dv1 .text-box h3 strong { display: block; }
.page-dv1 .text-box h3:after { content: ""; height: 10px; width: 100px; background: #fff; display: block; margin: 20px 0px 40px; animation: bordermove 5s infinite;}
.page-dv1 .text-box p { position: relative;}
.page-dv1 .button  {
    border: 1px solid #2e3190;
    color: #2e3190;
}

@media screen and (min-width: 960px) {
  .page-dv1 .text-box { padding-left: 15px; padding-right: 15px; }
  .page-dv1 .text-box h2 { font-size: 40px; line-height: 55px;}
  .page-dv1 .text-box h3 { font-size: 70px; }
  .page-dv1 .text-box p { font-size: 20px; }
}
@media screen and (max-width: 959px) {
  .page-dv1 { height: auto;}
  .page-dv1 .banner-inner { position: relative !important;}
  .page-dv1 .banner-layers { overflow: hidden; padding-top: 100px; padding-bottom: 40px;}
  .page-dv1 .banner-layers .text-box { position: relative !important; top: 0px; transform: translateY(0%);}
	
  .page-dv1 .text-box { left: 5%;}
  .page-dv1 .text-box h2 { font-size: 20px; line-height: 30px;}
  .page-dv1 .text-box h3 { font-size: 40px; }
  .page-dv1 .text-box p { font-size: 18px; }
}
 .banggia .pricing-table {}
 .banggia .pricing-table .title {
    background-color: rgb(255 255 255);
    color: #222D3A;
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    text-transform: initial;
}
.banggia .pricing-table a.button {
    display: inline-block;
    background: #2e3190;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    border-bottom: 3px solid #2e3190;
    text-transform: uppercase;
    margin: 10px;
}
 /* page dv 4 */
.page-dv4 .section-content { display: flex; flex-flow: row wrap; width: 100%;}
.page-dv4 .featured-box { margin: 0 auto; border: 1px solid #E2E2E2; border-radius: 20px; transition: all 1s ease; background: #fff; }
.page-dv4 .featured-box:hover { box-shadow: 3px 3px 10px -5px #ccc; transform: scale(1.02);}
.page-dv4 .featured-box .icon-box-img { background: #F5FFF1; border-radius: 10px; padding: 15px;}
.page-dv4 .featured-box .icon-box-img img { padding: 0px;}
.page-dv4 .featured-box .icon-box-text { font-size: 16px;}
.page-dv4 .featured-box .uppercase { text-transform: unset; font-size: 18px;}
.page-dv4 .featured-box .icon-box-text p { text-align: justify;}
.page-dv4 .featured-box .icon-box-text:after { content: ""; width: 50px; height: 2px; background: #2e3190; display: block; margin: 15px 0px 0px; transition: all 0.5s ease-in-out;}
.page-dv4 .featured-box:hover .icon-box-text:after { width: 100px; }

@media screen and (min-width: 960px) {
  .page-dv4 .featured-box { padding: 50px;}
}
@media screen and (max-width: 959px) { 
  .page-dv4 .tieude { padding: 0 15px; margin-bottom: 20px; }
  .page-dv4 .featured-box { max-width: 80%; padding: 20px;}
  .page-dv4 .featured-box~.featured-box { margin-top: 20px;}
}
/* page dv 6 */
.page-dv6 { margin-top: 0px !important; }
.page-dv6 .accordion .accordion-item~.accordion-item { margin-top: 20px;}
.page-dv6 .accordion .accordion-item .accordion-title { background: #F6F6F6; border: 0px; border-radius: 10px; color: #2e3190; line-height: normal; margin-bottom: 0px; font-family: svn-gilroy-bold, sans-serif; }
.page-dv6 .accordion .accordion-item .accordion-title.active { margin: 0px;}
.page-dv6 .accordion .accordion-item .accordion-title button.toggle { opacity: 1; position: absolute; right: 0px; left: unset; top: 50%; transform: translate(0%, -50%) rotate(-90deg); margin: 0px; border: 0px;}
.page-dv6 .accordion .accordion-item .accordion-title.active button.toggle, .page-dv6 .accordion .accordion-item .accordion-title:hover button.toggle { transform: translate(0%, -50%) rotate(0deg);}
.page-dv6 .accordion .accordion-item .accordion-inner { padding: 15px 20px;}
.page-dv6 .accordion .accordion-item .accordion-inner * { margin: 0px;}

@media screen and (min-width: 960px) { 
  .page-dv6 { padding: 90px 0 60px;}
  .page-dv6 .col-left { padding-right: 30px;}
  .page-dv6 .accordion .accordion-item .accordion-title { padding: 20px 30px;}
}
@media screen and (max-width: 959px) { 
  .page-dv6 { padding: 60px 0;}
  .page-dv6 .col-left { padding-right: 15px; padding-left: 15px; }
  .page-dv6 .hbw-title { margin-bottom: 0px;}
  .page-dv6 .accordion .accordion-item .accordion-title { text-align: left; padding: 15px; font-size: 16px; }
  .page-dv6 .accordion .accordion-item .accordion-title button.toggle { width: 15px; height: 15px; font-size: 10px; }
}


/*
 * Liên hệ
 * */
.page-contact .tieude { text-align: center; margin-bottom: 60px; max-width: 100%; flex-basis: 100%; }
.page-contact .tieude h3 { text-transform: uppercase; font-size: 18px; color: #4D4D4D; }
.page-contact .tieude h3 strong { padding: 0 15px; position: relative;}
.page-contact .tieude h3 strong:before { font-family: 'fl-icons'; content: "\f0a3"; font-size: 6px; line-height: normal; position: absolute; left: 0px; color: #2e3190; top: 50%; transform: translate(0%, -50%);}
.page-contact .tieude h3 strong:after { font-family: 'fl-icons'; content: "\f0a3"; font-size: 6px; line-height: normal; position: absolute; right: 0px; color: #2e3190; top: 50%; transform: translate(0%, -50%);}
.page-contact .tieude h2 { color: #4D4D4D;}
.page-contact .tieude h2 strong { color: #2e3190;font-weight: 700;}
.page-contact .tieude p { margin: 0px; font-size: 18px;}

@media only screen and (min-width: 960px) { 
  .page-contact .tieude h2 { font-size: 40px; }
}
@media only screen and (max-width: 959px) { 
  .page-contact .tieude h2 { font-size: 30px; }
}

/* Liên hệ 1 */
.page-contact1 .wpcf7 { background: #fff; border-radius: 20px; max-width: 980px; margin: 0 auto; text-align: center; box-shadow: 6px 6px 8px 0px rgb(0 0 0 / 5%); }
.page-contact1 .wpcf7 .wpcf7-form { margin: 0px;}
.page-contact1 .wpcf7 .form-header { text-align: center; margin-bottom: 30px;}
.page-contact1 .wpcf7 .form-header h2 { margin: 0px; font-size: 40px;}
.page-contact1 .wpcf7 .wpcf7-text { box-shadow: none; border-color: #F6F6F6; border-radius: 20px; padding: 10px 20px; height: 50px;}
.page-contact1 .wpcf7 .wpcf7-select { box-shadow: none; border-color: #F6F6F6; border-radius: 20px; padding: 10px 20px; height: 50px;}
.page-contact1 .wpcf7 .row-form .col-left { max-width: 30%; flex-basis: 100%; margin-left: 0px;}
.page-contact1 .wpcf7 .row-form .col-right { flex-basis: 100%; max-width: 67%; margin-right: 0px; margin-left: auto;}
.page-contact1 .wpcf7 span.wpcf7-list-item { width: 100%; margin: 5px 0px 0px !important; position: relative;}
.page-contact1 .wpcf7 span.wpcf7-list-item-label { font-weight: 400; font-size: 14px; line-height: 18px; padding-left: 30px; display: block; text-align: left;}
.page-contact1 .wpcf7 span.wpcf7-list-item input[type="checkbox"] { margin: 0px !important; position: absolute; left: 0px; top: 5px;}
.page-contact1 .wpcf7 span.wpcf7-spinner { display: none;}
.page-contact1 .wpcf7 .wpcf7-submit { border-width: 1px !important; border-radius: 15px 0px 0px 0px; line-height: 45px; font-size: 16px !important; padding: 0 45px; }
.page-contact1 .wpcf7 .wpcf7-submit:hover { background: #2e3190; color: #fff; box-shadow: none; }
.page-contact1 .wpcf7 .submit-link { text-transform: unset; margin: 30px 0px 0px !important; background: #ff872e; color: #fff; border-color: #ff872e;}
.page-contact1 .wpcf7 .wpcf7-submit { text-transform: unset; margin: 30px 0px 0px !important; background: transparent; color: #ff872e; border-color: #ff872e;}
.page-contact1 .wpcf7 .submit-link:hover { background: #FD8B23; color: #fff !important; box-shadow: none;}
.page-contact1 .wpcf7 span.text-center { line-height: 2.4em; min-height: 2.5em; display: inline-block; font-weight: 600; position: relative; top: 15px;}
.page-contact1 .home-page6 .section-content { max-width: 100% !important;}

@media screen and (min-width: 960px) {
  .page-contact1 .wpcf7 { padding: 40px 75px; }
  .page-contact1 .wpcf7 span.text-center { padding: 0 30px; }
}
@media screen and (max-width: 959px) {
  .page-contact1 { padding-left: 15px; padding-right: 15px;}
  .page-contact1 .wpcf7 { padding: 30px 15px; }
  .page-contact1 .wpcf7 span.text-center { padding: 0 15px; display: block; }
}
/* page dv 3 */
.page-dv3 { }
.page-dv3 .row-stick .col-right .featured-box { background: #fff; border-radius: 20px;}
.page-dv3 .featured-box ~.featured-box { margin-top: 60px;}
.page-dv3 .featured-box .icon-box-img { background: #F5FFF1; border-radius: 10px; padding: 15px;}
.page-dv3 .featured-box .icon-box-img img { padding: 0px;}
.page-dv3 .featured-box .uppercase { text-transform: unset; color: #4D4D4D; text-align: left; margin: 0px;}
.page-dv3 .featured-box h6 { opacity: 1; text-transform: unset; }
.page-dv3 .featured-box h3 { color: #F0355F; font-size: 16px; padding-left: 40px; position: relative; margin-bottom: 15px;}
.page-dv3 .featured-box h3:before { content: "\f06b"; font-family: fontawesome; font-size: 30px; font-weight: 400; position: absolute; left: 0px; top: -3px; line-height: normal;}
.page-dv3 .featured-box p { font-size: 16px;}
.page-dv3 .featured-box ul { margin: 0px; list-style: none; }
.page-dv3 .featured-box ul li { margin-left: 0px; margin-right: 5px; background: #F6F6F6; border-radius: 5px; padding: 5px 10px 5px 25px; position: relative; display: inline-block; }
.page-dv3 .featured-box ul li:before { content: "\f111"; font-family: 'FontAwesome'; font-size: 7px; font-weight: 400; position: absolute; left: 10px; top: 50%; transform: translate(0%, -50%); line-height: inherit;}
.page-dv3 .featured-box a.button { border: 0px; padding: 0px; min-height: auto; line-height: normal; background: transparent !important; color: #2e3190 !important;}
.page-dv3 .featured-box a.button:hover { font-family: svn-gilroy-bold, sans-serif;}
.page-dv3 .featured-box a.button i.icon-angle-right { transition: all 1s ease;}
.page-dv3 .featured-box a.button:hover i.icon-angle-right { margin-left: 15px;}


@media screen and (min-width: 960px) {
  .page-dv3 .row-stick >.col { padding-bottom: 0px;}
  .page-dv3 .row-stick .col-left { padding-right: 60px;}
  .page-dv3 .row-stick .col-right .featured-box { padding: 30px; }
  .page-dv3 .featured-box .uppercase { font-size: 30px; }
  .page-dv3 .featured-box h6 { font-size: 30px;}
}
@media screen and (max-width: 959px) { 
  .page-dv3 { padding: 60px 0px !important;}
  .page-dv3 .row-stick .col-left { padding-right: 15px; padding-left: 15px; }
  .page-dv3 .hbw-title { margin-bottom: 0px;}
  .page-dv3 .row-stick .col-right .featured-box { padding: 20px 15px; }
  .page-dv3 .featured-box .uppercase { font-size: 25px; }
  .page-dv3 .featured-box h6 { font-size: 25px;}
  .page-dv3 .featured-box ul li { font-size: 14px; }
}

.thue-tkqc .item_qc {}
.thue-tkqc .item_qc>.col-inner {
    box-shadow: 0 5px 62px 0 rgb(2 55 102 / 9%);
    border: 1px solid #2e3190;
    border-top: 5px solid #2e3190;
}
.thue-tkqc .item_qc>.col-inner:hover {
	transform: translatey(-10px);
	transition: .5s;
}
.thue-tkqc .item_qc .section-title-main{
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    padding: 10px;
}
.thue-tkqc .item_qc ul li{
    font-size: 15px;
    list-style: none;
}
.thue-tkqc .item_qc ul li:before {
	font-family: 'fl-icons';
	content: "\f0a3";
	padding-right: 5px;
}
.pricing-table .items>div {
    border-bottom: none;
    padding: 5.5px 0;
    text-align: left;
}
.pricing-table .items>div:before {
    font-family: 'fl-icons';
    content: "\e00a";
    color: #ffffff;
    font-size: 11px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #2e3190;
    margin-right: 9px;
    border-radius: 10px;
    padding: 2px 4px;
}
.woo-banggia {background:#2e3190;}
.woo-banggia .banggia{
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 15px;
}
.woo-banggia .pricing-table .price {
    color: #F0355F;
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 600;
}
.woo-banggia .pricing-table .items {
    padding: 10px 10%;
}
.woo-banggia .tieude h3 strong {
    position: absolute;
    left: 50%;
    top: -25px;
    transform: translate(-50%, -50%);
    background-color: #2e3190;
    padding: 0 35px;
}
.woo-banggia .tieude h3 strong, .woo-banggia .tieude h2, .woo-banggia .hbw-title .title-content {color:#fff;}
.woo-affiliate {
    background: #2e3190;
    padding: 35px 20px;
}
.woo-affiliate>.col {
    padding-bottom: 0;
}
.woo-affiliate .item-affilate h4  {
    color: #2e3190;
    background: #fff;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 5px;
    min-height: 112px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 20px;
}
.woo-popup label {
	color:#2e3190;
}
.woo-popup .wpcf7-quiz{
    border: 1px solid #0080FE;
    border-radius: 5px;
    font-weight: 300;
    font-style: italic;
    font-size: 16px;
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .home-page5 .section-bg img {
        object-position: 20% 56% !important;
    }
}