/*
Theme Name: Webwp Child
Description: This is a child theme for Webwp Theme
Author: webwp.vn
Template: webwp
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#__vtigerWebForm td {
  padding: 0.1em;
  border-bottom: 0px solid #ececec;
}
.glink.nturl.notranslate {
  padding: 2px;
}
.shop-page-title.category-page-title.page-title {
    background: #fff;
}
input[type="email"], input[type="date"], input[type="search"], input[type="number"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {

    font-size: 1.2em;
    height: 3.00em;
}
.nav > li > a {
    font-size: 1em;
}
.wrap-fixed-footer{
display:none;
}
.tab-dinhcu li a {
    color: #fff;
}
/* Sua san pham - webwp.vn */
.product-thumbnails img, .product-gallery-slider img {
    max-height: 430px;
    object-fit: contain;
}
.box-blog-post .is-divider {
    display: none;
}
#wide-nav > .flex-row > .flex-left {
    min-width: 262px;
}
.product .box-image img {
    height: 182px;
object-fit: contain;
}
.product-category .box-image {
      padding-top: 13px;
}    
.product-category .box {
    border-radius: 4px;
    height: 200px;
}
.product-category .box .uppercase {
    text-transform: none;
}
.row-large, .category-page-row {

    background: #fff;
}

/* Đăng ký nhn tin - webwp.vn */
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    background-color: #FFF;
    box-shadow: none;
    border-color: rgba(0,0,0,0.09);
    color: currentColor !important;
    border-radius: 4px;
}
.form-flat input {
    border-radius: 4px;
}
/* Menu sp - webwp.vn */
#wide-nav > .flex-row > .flex-left {
    min-width: 295px;
}

/* Báo giá popup - webwp.vn */
.sf-menu a {
    padding: 0.8em 1em;
}
.btn-quote {
    display: inline-block;
    padding: 10px;
    background-color: #ff0201;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(90deg);
    position: fixed;
    top: 200px;
    left: -20px;
    text-decoration: none;
    z-index: 999;
}
/* Gia sp - Webwp.vn*/
del .amount::before,
ins .amount::before {
  margin-right: 5px;
}

del .amount::before {
  content: 'Giá niên yết:';
}

.product-info .price {
    font-size: 1em;
}
del .woocommerce-Price-amount.amount {
    color: #000;
}

  .woocommerce-Price-amount.amount {
    color: red;
}
.product-title.product_title.entry-title {
    font-size: 1.1em;
}
/* Title sub webwp.vn*/


.section-title-normal span {
    padding-bottom: 0px;
}
/* Hotline Main Menu*/
.hot-mmenu{
    cursor: pointer;
    margin: 0px 12px 0px -12px;
    -moz-box-align: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.9px;
    }

.icon-fa{
    width: 24px;
    height: 24px;
}
.icon-fa .fa.fa-phone {
    font-size: 25px;

}
.hotline-mmenu{
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.hotline a {
    display: block;
    font-weight: 600;
    font-size: 21px;
}
.hotline {
color: #000;
}
.search_categories.resize-select.mb-0 {
    border-radius: 4px 0 0 4px;
}
.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    border-radius: 0px 4px 4px 0;
}
.header-search-form.search-form.html.relative.has-icon {
    box-shadow: rgba(98, 98, 98, 0.5) 0px 1px 2px 0px;
}
.nav-dark .nav > li > a{
    color: #fff;
}
/* Chuyen mục sp */
.chuyenmucsp .section-title-normal span {
    margin-right: 15px;
    padding-bottom: .5px;
    border-bottom: 0 solid rgba(0,0,0,.1);
    margin-bottom: -1px;
    background: #77c150;
    position: relative;
    height: 36px;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 1px;
    padding-top: 4px;
}
.chuyenmucsp .section-title-normal {
    border-bottom: 2px solid #77c150;
    background: #f1f1f1;
}
.chuyenmucsp .section-title-main::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    border-bottom: 36px solid #77c150;
    border-right: 26px solid transparent;
}

/* Goi dien onlne */
.chonweb-call {
    text-align: center;
    width: 43px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: block;
    z-index: 999;
}

.chonweb-call div.tip.chonweb-zalo, .chonweb-call div.tip.chonweb-alo, .chonweb-call div.tip.chonweb-mes {
    background-color: #0084ff;
}
.chonweb-call div.tip.chonweb-gia {
background-color: #ff6600;
}
.chonweb-call div.tip.chonweb-vber {
background-color: #953fde;
}
.chonweb-call div.tip.chonweb-alo {
    background-image: url(../webwp/images/call.png);
}
.chonweb-call div.chonweb-gia {
    background-image: url(../webwp/images/gia.png);
   background-size: 60%;
}
.chonweb-call div.chonweb-zalo {
    background-image: url(../webwp/images/zalo1.png);
}
.chonweb-call div.tip.chonweb-mes {
    background-image: url(../webwp/images/messenger.png);
}
.chonweb-call div.tip.chonweb-vber {
    background-image: url(../webwp/images/viber.png);
	background-size: 116%;
}
.chonweb-call div:first-child {
    margin-top: 0;
}
.chonweb-call div.tip.chonweb-alo, .chonweb-call div.tip.chonweb-zalo, .chonweb-call div.tip.chonweb-mes, .chonweb-call div.tip.chonweb-gia, .chonweb-call div.tip.chonweb-vber  {
    display: block;
}
.chonweb-call div {
    margin: 14px 0;
    margin-top: 14px;
    background: #0084FF center no-repeat;
    background-color: rgb(0, 132, 255);
    background-image: none;
    background-size: auto;
    background-size: 70%;
    border-radius: 50%;
    box-shadow: 0 3px 10px #888;
}
.chonweb-call a {
    line-height: 43px;
}
.chonweb-call a {
    display: block;
    line-height: 43px;
    text-indent: -9999px;
}
.chonweb-call div {
    margin: 14px 0;
    background: #0084FF center no-repeat;
    background-color: rgb(0, 132, 255);
    background-image: none;
    background-size: auto;
    background-size: 70%;
    border-radius: 50%;
    box-shadow: 0 3px 10px #888;
}
.chonweb-call div:last-child {
    margin-bottom: 0;
}
.tip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
.tip .tooltiptext span::after {
left: 100%;
transform: rotateZ(-180deg);
content: "";
position: absolute;
top: 50%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
}
.tip .tooltiptext {
    background-color: rgba(29, 36, 62, 0.7);
    color: #fff;
    visibility: hidden;
    text-align: center;
    border-radius: 5px !important;
    white-space: nowrap !important;
    width: auto !important;
    height: 35px !important;
    line-height: 25px !important;
    padding: 5px 10px !important;
    position: absolute;
    z-index: 1;
    top: 4px;
    font-size: 12px !important;
    font-family: arial,sans-serif !important;
    cursor: pointer;
}
.tooltiptext {
    right: 110%;
}
.tip:hover .tooltiptext {
    visibility: visible;
}
.chonweb-call.phai {
    left: auto;
    right: 20px;
    bottom: 170px;
}

.back-to-top {
    bottom: 111px !important;
}
/*Edit breabcrumb Blog- Webwp.vn*/
.webwp_breabcrumb {
border-bottom: 1px dotted #ececec;
margin-bottom: 9px;
padding-bottom: 3px;
}
.webwp_breabcrumb a{
    color:     #0092ff;
    font-weight: normal;
}
.entry-content {
    padding-top: 0em;
}
.entry-header-text {
    padding: 0em;
        padding-top: 0em;
}
/*Related post*/

.box-shadow-2, .box-shadow-2-hover:hover {
    box-shadow: none;
}
.is-divider {
    height: 1px;
    background-color: rgba(0,0,0,0.1);
     max-width: 45%;
}


.fa-home::before {
    padding-right: 4px;
}
ul.menu > li + li, .widget > ul > li + li {
    border-top: 0px solid  #ececec;
        border-top-color: rgb(236, 236, 236);
}
/*Related post in content - webwp.vn*/
.list-news {
    width: 100%;
    margin-bottom: 0;
}


#related_posts ul {
    margin:0;
    overflow:hidden;
   }
#related_posts li {
list-style: none;
margin: 0px;
display: inline-block;
width: 25%;
margin-bottom: 0;
padding: 0 5px;
margin-right: 0 !important;
float: left;
   }
   .new-img {
    height: 110px;
}
.new-img a img {
    height: 100%;
    object-fit: cover;
}
  .related_content {
  padding-top: 10px;
  }
.relative-post-title, .relative-post-title a {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px !important;
    height: 90px !important;
}   
   
#related_posts li a {
    display: block;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    text-decoration:none;
    width: 100%;
    margin-bottom: 12px;
    padding-right: 9px;
   }
   #related_posts img {
    height: 110px;
    object-fit: cover;
	border-radius: 4px;
   }
   #related_posts li a:hover {
    text-decoration: underline;
   }
#breabcrumb, .danh-muc ul, .danh-muc ul li, .list-news, .social-share, .tag-meta-post {
    display: inline-block;
}
.tag-meta-post .meta-date-capnhat {
    padding-left: 2px;
    padding-right: 6px;
}
.tag-meta-post .luot-xem {
    padding-left: 3px;
    padding-right: 10px;
}
 .tag-meta-post {
    text-transform: none;
}
.tag-meta-post, .tag-meta-post a {
    font-size: 12px;
    color:     gray;
    line-height: 1.6;
}
.meta-related{
display:block;
margin-top:10px;
margin-bottom: 10px;
}
 .meta-related ul li a{
color: #0092ff;
text-transform: none; }
 .meta-related ul li {
    font-size: 15px;
}
.meta-related ul li a:hover{
color: #0072c8;
}
.meta-related {
    background: #e6f4ff;
    padding: 9px 10px 1px 10px;
}

h5.post-title.is-large {
    font-weight: 400;
}
/* Goi lai - Webwp.vn*/
.goi_lai {
    background: linear-gradient(-180deg,#72e336 2%,#77c150 96%);
    border-radius: 4px;
    margin-top: 28px;
    padding: 4px 10px 54px 16px;
}
.goi_lai h3 {
    display: block;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.goi_lai .wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
    border: none;
    width: calc(100% - 106px);
    float: left;
    height: 39px;
    border-radius: 4px;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 14px;
}
.wpcf7-form{
    margin-bottom: 0.1em;
}
.goi_lai .form-flat button, .goi_lai .form-flat input {
    border-radius: 4px;
}
.goi_lai input[type="submit"], .goi_lai input[type="submit"].button, .goi_lai input[type="submit"], .goi_lai .primary {
    background: #288ad6;
    width: 70px;
    height: 32px;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 4px;
    float: right;
    cursor: pointer;
    font-weight: bold;
}
/* Menu va Form nhap - Webwp.vn*/

.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    border-radius: 3px;
}

#mega-menu-title {
    text-transform: uppercase;
}

.fa {
    color: red;
    }
.phone_number a{
        font-size: 22px;
        color: red;
    }  
    .nav.header-nav .fa::before {
        padding-right: 8px;
        font-size: 20px;
        color: #fdd835;
    
    }
    
/* Dich vu sidebar - Webwp.vn*/
#id_dv .dv2{
    height: 44px;
    overflow: hidden;
    overflow: hidden;
    padding: 6px 0px 37px 13px;
    padding-left: 54px;
    font-size: 13px;
    padding-bottom: 44px;
}
#id_dv .a {
    background: #f5f5f5 url(../webwp/images/free_vc.png) no-repeat 15px 10px;
}
#id_dv .b {
    background: #f5f5f5 url(../webwp/images/dv2.png) no-repeat 15px 10px;
}
#id_dv .d {
    background: #f5f5f5 url(../webwp/images/ud.png) no-repeat 15px 10px;
}
#id_dv .e {
    background: #f5f5f5 url(../webwp/images/sup.png) no-repeat 15px 10px;
}
#id_dv span {
    display: block;
}
#id_dv .hotlinesp {
    margin-top: 6px;
    background: url(../webwp/images/hotline.png) no-repeat left center;
    border-bottom: solid 1px #e9e9e9;
    text-transform: uppercase;
}
#id_dv .n {
    background: url(../webwp/images/mess.png) no-repeat left center;
    border-bottom: solid 1px #e9e9e9;
}
#id_dv .i {
    background: url(../webwp/images/zalo.png) no-repeat left center;
    border-bottom: solid 1px #e9e9e9;
}
#id_dv .m {
    background: url(../webwp/images/coupon.png) no-repeat left center;
    cursor: pointer;
}

#id_dv .hotlinesp, #id_dv .n, #id_dv .i, #id_dv .k, #id_dv .m {
    margin-left: 8px;
    padding-left: 28px;
    line-height: 36px;
}
/* Chi tiet KM sp - Webwp.vn */
.product-short-description {
    margin-bottom: 12px;
    border-radius: 3px;
    padding: 5px 5px 0px 5px;
}
.anhsp {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
}
li {
    margin-bottom: .1em;
}
   .lien_he_sp ul {
    list-style: none;
}
.hidden-xs.lien_he_sp {
    width: 100%;
    padding: 3px 5px 0px 10px;
    margin-top: 9px;
    border: #f3535b 1px dotted;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    margin-bottom: 12px;
}
.show_room {
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: bold;
    padding-top: 3px;
    font-size: 16px;
    color: #333;
}
.lien_he_sp ul li {
    padding-top: 6px;
    line-height: 18px;
    font-size: 14px;
    color: #333;
    padding-bottom: 10px;
    border-bottom: solid 1px #f0f0f0;
}
.lien_he_sp ul li:last-child {
    border-bottom: none;
}

.product-thumbnails img{
    height: 105px;
    object-fit: cover;
}
.h1, h1 {
    font-size: 1.3em;
}
.tt_khuyen_mai{
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    margin: 0px 0px 12px;
    background: #fff;
    padding-bottom: 10px;
}
.tt_khuyen_mai ul {
    margin-bottom: 0.1em;
}
.tt_khuyen_mai strong {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    padding: 8px 15px 0px 15px;
    text-transform: uppercase;
}
.tt_khuyen_mai ul li{
    list-style: none;
}
.tt_khuyen_mai ul li span {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color:#333;
    padding: 0 10px 3px 23px;
    font: 14px/18px Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
}
.tt_khuyen_mai ul li span::before {
    content: '';
    margin-left: -20px;
    background: url(../webwp/images/checker2x.png);
    background-size: auto;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px;
}
.anh_km ul li {
    padding-left: 0em;
    margin-left: auto;
}
.slides {
    list-style: none;
    }

.slides img{
    width: 100%;
    border-radius: 3px;
    border: none;
    height: auto;
    cursor: pointer;
    margin-left: 0px;
  }
#dat_hang {
    margin-bottom: 12px;
}
 #dat_hang span{
      font-size: 0.9em;
  }

.oder_tragop {
    display: block;
    overflow: hidden;
    margin: 7px auto;
}
.oder_tragop .buy_repay {
    line-height: normal;
    display: block;
    padding: 7px 0;
    text-align: center;
    margin: 10px 0 0;
    background: #288ad6;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    width: 48.5%;
    float: left;
}
.oder_tragop span {
    display: block;
    font-size: 13px;
    color: #fff;
    text-transform: none;
    padding-top: 3px;
}
.oder_tragop .tra_gop_the.cw {
    float: right;
}
.oder_tragop .tra_gop_the {
    line-height: normal;
    display: block;
    padding: 7px 0;
    text-align: center;
    margin: 10px 0 0;
    background: #288ad6;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    width: 48.5%;
    float: left;
}
#dat_hang {
    display: block;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    color: #333;
    margin: 0px;
    background: #f4f4f4;
    border-radius: 3px;
    border: none;
    width: 100%;
}
.col-divided {
    border-right: 0px solid #ececec;
}
.quantity + .button {
    margin-left: 0px;
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 12px 0px;
    border-radius: 4px;
    font-size: 16px;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: linear-gradient(-180deg,#e52025 2%,#d81116 96%);
}
.product-summary .quantity {
   
}
.product-main {
    padding: 0px;
}

/*Tien ich sidebar - Webwp.vn */
.uu_dai {
    border: 1px solid #e9e9e9;
    margin-bottom: 15px;
    border-radius: 3px;
    }
.uu_dai span, .uu_dai a {
        display: block;
    }
.uu_dai h3 {
line-height: 40px;
text-align: center;
color: #fe0000;
text-transform: uppercase;
font-size: 16px;
padding: 0 2px;
font-weight: 700;
margin-bottom: 0px;
overflow: hidden;
height: 39px;
   }
.uu_dai .t {
    height: 7px;
    overflow: hidden;
    background: url(../webwp/images/cw1.gif) no-repeat center bottom,#f5f5f5 url(../webwp/images/cw2.gif) repeat-x left top;
    overflow: hidden;
}
.uu_dai p{
    padding: 0 8px;
}
.uu_dai ul li::before {
    content: '';
    margin-left: -20px;
    background: url(../webwp/images/check@2x.png);
    background-size: auto;
    background-size: auto;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px;
}
.uu_dai ul{
    background: #f5f5f5;
    padding-bottom: 3px;
    margin-bottom: 0px;
    padding-top: 4px;
}
.uu_dai ul li {
    padding: 0px 5px 0px 24px;
    font-size: 13px;
    list-style: none;
    color: #333;
}
.sidebar_shop span.widget-title {
    font-size: 0.8em;
    font-weight: 600;
    display: block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background-color: #ef4136;
    padding: 0 3px;
}
.tencty {
    font-size: 1.2em;
    font-weight: 600;
    display: block;
    line-height: 36px;
    padding: 0 6px;
    text-transform: uppercase;
}

#footer span.widget-title{
    background-color: transparent;
}
#product-sidebar span.widget-title, .post-sidebar span.widget-title, .widget-title.shop-sidebar {
    font-size: 1em;
    font-weight: 600;
    display: block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background-color: #189eff;
    padding: 0 6px;
    text-align: center;
    border-radius: 4px 4px 0 0;
}
.widget.woocommerce.widget_product_categories,.widget.widget_recent_entries,.widget.widget_categories, .widget.woocommerce.widget_recently_viewed_products, .widget.flatsome_recent_posts, .widget.woocommerce.widget_products {
    background: #f9f9f9;
    padding: 0px;
    border: 1px solid #e2e2e2;
    border-radius: 9px;
}
.widget.woocommerce.widget_product_categories ul, .widget.widget_recent_entries ul,.widget.widget_categories ul, .widget.flatsome_recent_posts ul, .product_list_widget {
    padding-left: 15px;
}
.sidebar_shop img{
    border-bottom: 1px solid #e9e9e9;
}	
/*Add Elemnt Category for Title  */
    .hdevvn-show-cats{
      border: none !important;
    }
    span.hdevvn-show-cats li{
      display: block;
      width: auto;
      float: left;
      margin: 0 8px;
    }
    span.hdevvn-show-cats li a{
      font-size: 11px;
    }
/* Yeu cau tu van - Webwp.vn*/
.yeu-cau-tu-van {
    padding-top: 10px;
    border: 1px solid #ececec;
    background: #fbfbfb;
    padding: 15px;
}
.yeu-cau-tu-van .form-tu-van .left, .blog-archive .after-archive .left .left {
    width: 50%;
    float: left;
    padding-right: 7px;
}
.yeu-cau-tu-van .form-tu-van .right, .blog-archive .after-archive .left .right {
    float: right;
    width: 50%;
    padding-left: 7px;
}
.yeu-cau-tu-van .form-tu-van .clearboth {
    clear: both;
}
.yeu-cau-tu-van .form-tu-van .right, .blog-archive .after-archive .left .right {
    float: right;
    width: 50%;
    padding-left: 7px;
}
.right {
    right: 0;
}
.yeu-cau-tu-van .form-tu-van textarea {
    min-height: 203px;
}
.yeu-cau-tu-van .form-tu-van {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.yeu-cau-tu-van .luu-y {
    color: red;
}
.yeu-cau-tu-van .wpcf7-submit {
    margin-top: 10px;
    border-radius: 3px;
    font-weight: normal;
}
.badge {
    height: 4em;
    width: 4em;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.wplwl_lucky_wheel_content.lucky_wheel_content_show {
  margin-left: 0% !important;
}
body {
overflow-x: hidden;
}
/* Dich vu mobile */
.col.dichvu12 p {
    display: none;
}
.col.dichvu12 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.i_dv .icon-box-img img {
    width: 32px;
    padding-top: 0em;
}
/* Hotline Menu top SP */
.hotline a {
    font-size: 15px;
}
.hot-mmenu {
    letter-spacing: 0.5px;
}
#masthead.header-main {
    height: 60px;
}
/* Blog Mobile - Webwp.vn  */
#related_posts li a {
    position: absolute;
    width: 100px;
}
   .new-img {
   position: absolute;
   }
.related_content {
    padding-left: 110px;
    min-height: 70px;
    margin-bottom: 10px;
}
#related_posts li,#related_posts li:first-child {
    width: 100%;
}
#related_posts .related_content a{
    position: absolute;
    width: 60%;
}
#related_posts img {
    height: 68px;
 }
 #related_posts li {
    margin: 0px;
}
body {
    padding-top: 0px;
}
.support-tab img {
    width: 76%;
}
.support-tab {
    top: 40%;
}
.hdevvn-show-cats {
    display: none;
}
del .amount::before {
    display:none;
  }
/* Menu foooter - webwp.vn */
.chonweb-call.phai {
display:none;
}
.wrap-fixed-footer {
    background: #f2f2f2;
    width: 100%;
    color: #fff;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 5px;
    margin: 0;
    box-shadow: 0px 4px 10px 0 #000;
    display:block;
}

.wrap-fixed-footer li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
}
.wrap-fixed-footer li {
    list-style: none;
}
.wrap-fixed-footer li .button {
    background: 0 0;
    color: #515151;
    width: 100%;
    height: 100%;
    line-height: 16px;
    text-align: center;
    display: block;
    position: relative;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 0 0;
    text-transform: none;
}
.wrap-fixed-footer li .button i {
    font-size: 26px;
    display: block;
}
.fa-shopping-cart::before {
    content: "\f07a";
}
.wrap-fixed-footer li .button .phone_animation {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #e73838;
    line-height: 15px;
}
.wrap-fixed-footer li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    margin-top: 12px;
}
.icon-phone-w {
    background: url("../webwp/images/icon-phone-w.png") no-repeat;
        background-size: auto;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.animation-shadow::after {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    content: "";
    top: 0;
    left: 0;
    box-shadow: 0 0 10px #e73838,0 0 10px #e73838;
    animation: shadow 1.2s .5s infinite;
}
.wrap-fixed-footer li .button .btn_phone_txt {
    position: relative;
    top: 26px;
}
.wrap-fixed-footer li .button svg {
    width: 44px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -9px;
}
.wrap-fixed-footer li .button .btn_chat_txt {
    position: relative;
    top: -18px;
}
.wrap-fixed-footer li.fixed-footer-zalo .button i {
    height: 27px;
    width: 100%;
    background-position: center;
}
.wrap-fixed-footer li .button i {
    font-size: 26px;
    display: block;
}
.icon-zalo {
    background: url("../webwp/images/icon-zalo.png") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.wrap-fixed-footer .fa.fa-home, .wrap-fixed-footer .fa.fa-shopping-cart {
    margin-left: 17px;
}
.wrap-fixed-footer li .button #count-cart {
    position: absolute;
    right: 1px;
    top: -4px;
    color: #fff;
    background: #e73838;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    z-index: 2;
    font-size: 13px;
}
.absolute-footer.light.medium-text-center.text-center {
    margin-bottom: 50px;
}
#top-link {
    margin-bottom: 50px;
}
}


/* =========================================================
   DSS Recruitment UI Layer
   Append only - do not edit old Webwp CSS above
========================================================= */
.dss-recruitment-site{
  --dss-red: #A41F24;
  --dss-red-hover: #8B1A1F;
  --dss-navy: #2A2E6C;
  --dss-navy-dark: #0B1028;
  --dss-bg: #f5f6f8;
  --dss-text: #1f2937;
  --dss-muted: #6b7280;
  --dss-radius: 14px;
  --dss-shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
}

/* Base */
.dss-recruitment-site body,
body.dss-recruitment-site{
  background: var(--dss-bg);
  color: var(--dss-text);
}

.dss-recruitment-site .section,
.dss-recruitment-site section{
  position: relative;
}

.dss-recruitment-site h1,
.dss-recruitment-site h2,
.dss-recruitment-site h3,
.dss-recruitment-site h4{
  color: var(--dss-navy);
  font-weight: 700;
}

.dss-recruitment-site p{
  color: var(--dss-muted);
}


/* Buttons */
.dss-recruitment-site .button,
.dss-recruitment-site .button.primary,
.dss-recruitment-site .button.alt{
  border-radius: 10px !important;   /* bo góc giống ảnh */
  font-weight: 700;
  font-size: 1rem;              /* text-lg */
  line-height: 0.5rem;             /* text-lg */
  padding: 1.0rem 2rem !important;  /* py-6 px-8 */
  height: auto !important;
  min-height: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dss-recruitment-site .dss-btn-red,
.dss-recruitment-site .button.primary{
  background: var(--dss-red) !important;
  border-color: var(--dss-red) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(164,31,36,0.22);
  
}

.dss-recruitment-site .dss-btn-red:hover,
.dss-recruitment-site .button.primary:hover{
  background: var(--dss-red-hover) !important;
  border-color: var(--dss-red-hover) !important;
}

.dss-recruitment-site .dss-btn-white{
  background: #fff !important;
  border-color: #fff !important;
  color: var(--dss-navy) !important;
}

.dss-recruitment-site .dss-btn-navy{
  background: var(--dss-navy-dark) !important;
  border-color: var(--dss-navy-dark) !important;
  color: #fff !important;
}

/* Cards */
.dss-recruitment-site .dss-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: var(--dss-radius);
  box-shadow: var(--dss-shadow);
}

/* Inputs */
.dss-recruitment-site input[type="email"],
.dss-recruitment-site input[type="date"],
.dss-recruitment-site input[type="search"],
.dss-recruitment-site input[type="number"],
.dss-recruitment-site input[type="text"],
.dss-recruitment-site input[type="tel"],
.dss-recruitment-site input[type="url"],
.dss-recruitment-site input[type="password"],
.dss-recruitment-site textarea,
.dss-recruitment-site select{
  font-size: 15px !important;
  height: auto !important;
  min-height: 46px;
  border-radius: 10px;
  border: 1px solid rgba(15,23,42,0.08);
  box-shadow: none;
}

/* HOME HERO */
/* HOME HERO - Flatsome Banner */
.dss-recruitment-site .home-hero{
  position: relative;
  min-height: 100vh;
  padding-top: 0 !important;
  overflow: hidden;
}

.dss-recruitment-site .home-hero .banner-inner{
  position: relative;
  min-height: 100vh;
}

.dss-recruitment-site .home-hero .banner-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
}

.dss-recruitment-site .home-hero .banner-bg::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(42, 46, 108, 0.95) 0%,
    rgba(42, 46, 108, 0.85) 50%,
    rgba(42, 46, 108, 0.60) 100%
  );
  z-index: 2;
  pointer-events: none;
}

.dss-recruitment-site .home-hero .bg.fill.bg-fill{
  position: absolute;
  inset: 0;
  z-index: 1;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.dss-recruitment-site .home-hero .banner-layers{
  position: relative;
  z-index: 3;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dss-recruitment-site .home-hero .text-box,
.dss-recruitment-site .home-hero .text-box-content,
.dss-recruitment-site .home-hero .text-inner{
  position: relative;
  z-index: 4;
}

.dss-recruitment-site .home-hero h1,
.dss-recruitment-site .home-hero h2,
.dss-recruitment-site .home-hero h3{
  color: #fff !important;
  font-size: clamp(42px, 6vw, 82px);
  line-height: 1.05;
  font-weight: 800;
  margin-bottom: 18px;
}

.dss-recruitment-site .home-hero .hero-red{
  color: var(--dss-red) !important;
}

.dss-recruitment-site .home-hero p{
  color: rgba(255,255,255,0.86) !important;
  font-size: 20px;
  line-height: 1.6;
  max-width: 860px;
  margin: 0 auto 24px;
}

.dss-recruitment-site .home-hero .button{
  position: relative;
  z-index: 4;
}

/* Home sections */
.dss-recruitment-site .home-live-jobs,
.dss-recruitment-site .home-why,
.dss-recruitment-site .home-employer-cta,
.dss-recruitment-site .home-process,
.dss-recruitment-site .home-final-cta{
  padding-top: 72px;
  padding-bottom: 72px;
}

.dss-recruitment-site .home-employer-cta{
  color: #fff;
}

.dss-recruitment-site .home-employer-cta h2,
.dss-recruitment-site .home-employer-cta h3,
.dss-recruitment-site .home-final-cta h2,
.dss-recruitment-site .home-final-cta h3{
  color: #fff;
}

.dss-recruitment-site .home-final-cta{
  background: linear-gradient(90deg, var(--dss-navy), #20265a);
}

/* Footer */
.dss-recruitment-site #footer,
.dss-recruitment-site .footer-wrapper{
  background: var(--dss-navy);
  color: #fff;
}

/*/////////*/
.dss-recruitment-site .home-hero .text-inner{
  text-align: center;
}

.dss-recruitment-site .home-hero h1{
  color: #fff !important;
  font-size: clamp(48px, 6vw, 82px);
  line-height: 1.05;
  font-weight: 800;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}

.dss-recruitment-site .home-hero .hero-red{
  color: var(--dss-red) !important;
}

.dss-recruitment-site .home-hero p{
  color: rgba(255,255,255,0.88) !important;
  font-size: 21px;
  line-height: 1.6;
  max-width: 820px;
  margin: 0 auto 28px;
}

.dss-recruitment-site .home-hero .hero-buttons{
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.dss-recruitment-site .home-hero .hero-buttons .button{
  min-width: 190px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.dss-job-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.dss-recruitment-site .dss-job-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(2,6,23,0.08);
  padding: 22px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dss-recruitment-site .dss-job-card .job-tag{
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: var(--dss-navy);
  background: #eef2ff;
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.dss-recruitment-site .dss-job-card .job-title{
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 14px;
}

.dss-recruitment-site .dss-job-card .job-title a{
  color: var(--dss-navy);
  text-decoration: none;
}

.dss-recruitment-site .dss-job-card .job-meta{
  list-style: none;
  padding: 0;
  margin: 0 0 14px;
}

.dss-recruitment-site .dss-job-card .job-meta li{
  color: #6b7280;
  font-size: 14px;
  margin-bottom: 8px;
}

.dss-recruitment-site .dss-job-card .job-ref{
  color: #9ca3af;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 700!important;
  color: var(--dss-red)!important;
}

.dss-recruitment-site .dss-job-card .job-summary{
  color: #6b7280;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 18px;
}

.dss-recruitment-site .dss-job-card .button{
  width: 100%;
  justify-content: center;
  margin-top: auto;
}

/* responsive */
@media (max-width: 1024px){
  .dss-job-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .dss-job-grid{
    grid-template-columns: 1fr;
  }
}

/* WHY WORK WITH US */
.dss-recruitment-site .home-why{
  padding-top: 72px;
  padding-bottom: 72px;
}

.dss-recruitment-site .dss-why-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(2,6,23,0.06);
  padding: 28px 24px;
  height: 100%;
  text-align: left;
}

.dss-recruitment-site .dss-why-card .why-icon{
  width: 54px;
  height: 54px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef2ff;
  color: var(--dss-navy);
  font-size: 22px;
  margin-bottom: 16px;
}

.dss-recruitment-site .dss-why-card h4{
  font-size: 22px;
  line-height: 1.3;
  color: var(--dss-navy);
  margin-bottom: 10px;
}

.dss-recruitment-site .dss-why-card p{
  font-size: 15px;
  line-height: 1.6;
  color: #6b7280;
  margin: 0;
}

/* LOOKING FOR STAFF - clone from Node */
.dss-recruitment-site .home-employer-cta{
  position: relative;
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}

/* lớp nền ảnh của Flatsome */
.dss-recruitment-site .home-employer-cta .section-bg,
.dss-recruitment-site .home-employer-cta .bg,
.dss-recruitment-site .home-employer-cta .bg-fill{
  z-index: 0;
}

/* giả lập opacity-30 trên image */
.dss-recruitment-site .home-employer-cta .section-bg::before,
.dss-recruitment-site .home-employer-cta .bg::before,
.dss-recruitment-site .home-employer-cta .bg-fill::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.70);
  z-index: 1;
  pointer-events: none;
}

/* lớp gradient giống Node:
   bg-gradient-to-r from-[#0f172a] via-[#0f172a]/80 to-transparent */
.dss-recruitment-site .home-employer-cta .section-bg::after,
.dss-recruitment-site .home-employer-cta .bg::after,
.dss-recruitment-site .home-employer-cta .bg-fill::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(15, 23, 42, 1) 0%,
    rgba(15, 23, 42, 0.8) 55%,
    rgba(15, 23, 42, 0) 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* nội dung nằm trên overlay */
.dss-recruitment-site .home-employer-cta .section-content,
.dss-recruitment-site .home-employer-cta .row,
.dss-recruitment-site .home-employer-cta .col,
.dss-recruitment-site .home-employer-cta .employer-cta-inner{
  position: relative;
  z-index: 3;
}

.dss-recruitment-site .home-employer-cta .row{
  align-items: center;
}

.dss-recruitment-site .home-employer-cta h2{
  color: #fff !important;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 14px;
}

.dss-recruitment-site .home-employer-cta p{
  color: rgba(255,255,255,0.88) !important;
  font-size: 17px;
  line-height: 1.7;
  max-width: 760px;
  margin-bottom: 22px;
}

.dss-recruitment-site .home-employer-cta .button{
  margin-right: 12px;
  margin-bottom: 0;
  min-width: 180px;
  min-height: 48px;
}

.dss-recruitment-site .home-employer-cta .dss-btn-white{
  background: #fff !important;
  border-color: #fff !important;
  color: var(--dss-navy) !important;
}

@media (max-width: 768px){
  .dss-recruitment-site .home-employer-cta h2{
    font-size: 34px;
  }

  .dss-recruitment-site .home-employer-cta .button{
    display: inline-flex;
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
    justify-content: center;
  }
}

/* OUR HIRING PROCESS - frontend stable for Flatsome */
.dss-recruitment-site .home-process{
  padding-top: 72px;
  padding-bottom: 72px;
}

.dss-recruitment-site .home-process .process-row{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 22px;
  position: relative;
}

/* line nối giữa các card */
.dss-recruitment-site .home-process .process-row::before{
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 52px;
  height: 2px;
  background: rgba(42,46,108,0.12);
  z-index: 0;
}

/* ép 5 cột bằng nhau */
.dss-recruitment-site .home-process .process-row > .col{
  flex: 0 0 calc((100% - 88px) / 5) !important;
  max-width: calc((100% - 88px) / 5) !important;
  width: calc((100% - 88px) / 5) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  z-index: 1;
}

/* card equal height */
.dss-recruitment-site .home-process .dss-step-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(2,6,23,0.06);
  text-align: center;
  padding: 30px 18px 26px;
  width: 100%;
  min-height: 170px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* mũi tên nhạt ở bên phải từng card */
.dss-recruitment-site .home-process .process-row > .col:not(:last-child) .dss-step-card::after{
  content: "›";
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(42,46,108,0.18);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  z-index: 2;
}

.dss-recruitment-site .home-process .dss-step-card .step-number{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: var(--dss-red);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
  position: relative;
  z-index: 2;
}

.dss-recruitment-site .home-process .dss-step-card h4{
  color: var(--dss-navy);
  font-size: 16px;
  line-height: 1.35;
  margin-bottom: 8px;
  min-height: 44px;
}

.dss-recruitment-site .home-process .dss-step-card p{
  color: #6b7280;
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

/* tablet */
@media (max-width: 1024px){
  .dss-recruitment-site .home-process .process-row{
    flex-wrap: wrap !important;
  }

  .dss-recruitment-site .home-process .process-row::before{
    display: none;
  }

  .dss-recruitment-site .home-process .process-row > .col{
    flex: 0 0 calc((100% - 22px) / 2) !important;
    max-width: calc((100% - 22px) / 2) !important;
    width: calc((100% - 22px) / 2) !important;
  }

  .dss-recruitment-site .home-process .process-row > .col .dss-step-card::after{
    display: none;
  }
}

/* mobile */
@media (max-width: 768px){
  .dss-recruitment-site .home-process .process-row > .col{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .dss-recruitment-site .home-process .dss-step-card{
    min-height: auto;
  }

  .dss-recruitment-site .home-process .dss-step-card h4{
    min-height: auto;
  }
}

/* HOVER EFFECTS - dss-step-card */
.dss-recruitment-site .home-process .dss-step-card{
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  cursor: default;
}
.dss-recruitment-site .home-process .dss-step-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(2,6,23,0.13);
  border-color: rgba(42,46,108,0.18);
}

/* step-number đổi màu khi hover */
.dss-recruitment-site .home-process .dss-step-card:hover .step-number{
  background: var(--dss-navy);
  transition: background 0.22s ease;
}

/* tiêu đề đậm hơn khi hover */
.dss-recruitment-site .home-process .dss-step-card:hover h4{
  color: var(--dss-red);
  transition: color 0.22s ease;
}

/* mũi tên đậm hơn khi card bên trái hover */
.dss-recruitment-site .home-process .process-row > .col:not(:last-child) .dss-step-card:hover::after{
  color: rgba(42,46,108,0.45);
  transition: color 0.22s ease;
}

/* WHY WORK WITH US */
.dss-recruitment-site .dss-why-card{
    text-align: center;
    padding: 30px 22px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(15,23,42,0.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.dss-recruitment-site .dss-why-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 20px 44px rgba(2,6,23,0.12);
    border-color: rgba(42,46,108,0.18);
}
.dss-recruitment-site .dss-why-card .why-icon{
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: #eef3ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    color: #243b80;
    flex-shrink: 0;
    transition: background 0.22s ease, color 0.22s ease;
}
.dss-recruitment-site .dss-why-card:hover .why-icon{
    background: #243b80;
    color: #fff;
}
.dss-recruitment-site .dss-why-card .why-icon-svg{
    width: 32px;
    height: 32px;
    display: block;
    stroke: currentColor;
}
.dss-recruitment-site .dss-why-card h4{
    margin-bottom: 10px;
    color: var(--dss-navy);
    font-size: 22px;
    line-height: 1.35;
    min-height: 58px;
    transition: color 0.22s ease;
}
.dss-recruitment-site .dss-why-card:hover h4{
    color: var(--dss-red);
}
.dss-recruitment-site .dss-why-card p{
    margin-bottom: 0;
    color: #6b7280;
    font-size: 15px;
    line-height: 1.65;
}
/* mobile spacing */
@media (max-width: 768px){
    .dss-recruitment-site .dss-why-card{
        padding: 24px 18px;
    }
    .dss-recruitment-site .dss-why-card h4{
        min-height: auto;
        font-size: 20px;
    }
}
/* =========================
   DSS FOOTER - closer to Node
========================= */
.dss-recruitment-site .dss-site-footer,
.dss-site-footer{
  background: #2A2E6C;
  color: #fff;
  padding-top: 46px;
  padding-bottom: 20px;
}

.dss-recruitment-site .dss-site-footer h4,
.dss-site-footer h4{
  color: #fff !important;
  font-size: 19px;
  line-height: 1.3;
  margin-bottom: 16px;
  font-weight: 700;
}

.dss-recruitment-site .dss-site-footer p,
.dss-recruitment-site .dss-site-footer li,
.dss-site-footer p,
.dss-site-footer li{
  color: rgba(255,255,255,0.84) !important;
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 0;
}

.dss-recruitment-site .dss-site-footer a,
.dss-site-footer a{
  color: rgba(255,255,255,0.92);
  text-decoration: none;
  transition: opacity .2s ease;
}

.dss-recruitment-site .dss-site-footer a:hover,
.dss-site-footer a:hover{
  color: #fff;
  opacity: .82;
}

/* top row */
.dss-site-footer .footer-top-row{
  margin-bottom: 0;
}

.dss-site-footer .footer-brand p{
  margin-bottom: 3px;
}

.dss-site-footer .footer-brand p:last-child{
  margin-top: 8px;
  max-width: 295px;
}

/* links */
.dss-site-footer .footer-links{
  list-style: none;
  padding: 0;
  margin: 0;
}

.dss-site-footer .footer-links li{
  margin-bottom: 6px;
}

/* contact */
.dss-site-footer .footer-contact-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.dss-site-footer .footer-contact-icon{
  width: 18px;
  height: 18px;
  color: #d62828;
  flex-shrink: 0;
  margin-top: 2px;
}

.dss-site-footer .footer-icon-svg{
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
}

/* social */
.dss-site-footer .footer-social{
  display: flex;
  gap: 12px;
  margin-top: 18px;
}

.dss-site-footer .footer-social a{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.12);
  color: #fff;
}

.dss-site-footer .footer-social-svg{
  width: 17px;
  height: 17px;
  display: block;
}

/* bottom row */
.dss-site-footer .footer-bottom-row{
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.12);
}

.dss-site-footer .footer-bottom-left p,
.dss-site-footer .footer-bottom-right p{
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.dss-site-footer .footer-bottom-right p{
  white-space: nowrap;
}

.dss-site-footer .footer-bottom-right a{
  display: inline-block;
  margin-left: 18px;
  font-size: 12px;
}

/* remove extra vertical gap */
.dss-site-footer .col{
  padding-bottom: 0;
}

/* mobile */
@media (max-width: 768px){
  .dss-site-footer{
    padding-top: 38px;
    padding-bottom: 18px;
  }

  .dss-site-footer h4{
    font-size: 18px;
    margin-bottom: 12px;
  }

  .dss-site-footer .footer-bottom-row{
    margin-top: 22px;
    padding-top: 14px;
  }

  .dss-site-footer .footer-bottom-right{
    text-align: left !important;
    margin-top: 8px;
  }

  .dss-site-footer .footer-bottom-right p{
    white-space: normal;
  }

  .dss-site-footer .footer-bottom-right a{
    margin-left: 0;
    margin-right: 14px;
    margin-top: 6px;
  }
}

.dss-site-footer .footer-contact-item{
  display: grid;
  grid-template-columns: 20px 1fr;
  column-gap: 12px;
  align-items: center;
  margin: 0 0 10px 0 !important;
}

.dss-site-footer .footer-contact-item > span:last-child{
  display: block;
  line-height: 1.6;
}

.dss-site-footer .footer-contact-icon{
  width: 20px;
  height: 20px;
  color: #d62828;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
}

.dss-site-footer .footer-icon-svg{
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
}

.dss-site-footer .footer-contact-col p{
  margin: 0 0 10px 0 !important;
}

.dss-site-footer .footer-social{
  display: flex;
  gap: 12px;
  margin-top: 18px;
}

.dss-site-footer .footer-social a{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.12);
  color: #fff;
  text-decoration: none;
}

/* kill auto-inserted br inside footer contact/social */
.dss-site-footer .footer-contact-item br,
.dss-site-footer .footer-contact-icon br,
.dss-site-footer .footer-social br{
  display: none !important;
}

/* contact layout */
.dss-site-footer .footer-contact-item{
  display: grid !important;
  grid-template-columns: 20px 1fr;
  column-gap: 12px;
  align-items: start;
  margin: 0 0 10px 0 !important;
}

.dss-site-footer .footer-contact-item > span{
  display: block;
}

.dss-site-footer .footer-contact-icon{
  width: 20px;
  height: 20px;
  color: #d62828;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  line-height: 1;
}

.dss-site-footer .footer-icon-svg{
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
}

.dss-site-footer .footer-contact-item > span:last-child{
  line-height: 1.6;
  word-break: normal;
}

/* social layout */
.dss-site-footer .footer-social{
  display: flex !important;
  gap: 12px;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 18px;
}

.dss-site-footer .footer-social a{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.12);
  color: #fff;
  text-decoration: none;
  line-height: 1;
}

/* FINAL CTA - darker than footer */
.dss-recruitment-site .home-final-cta{
  background: linear-gradient(90deg, #1b2257 0%, #141a47 100%);
  padding-top: 72px;
  padding-bottom: 72px;
  text-align: center;
}

.dss-recruitment-site .home-final-cta .final-cta-inner{
  max-width: 840px;
  margin: 0 auto;
}

.dss-recruitment-site .home-final-cta h2{
  color: #fff !important;
  font-size: 42px;
  line-height: 1.15;
  font-weight: 800;
  margin-bottom: 14px;
}

.dss-recruitment-site .home-final-cta .cta-subtext{
  color: rgba(255,255,255,0.86) !important;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.dss-recruitment-site .home-final-cta .cta-chips-wrap{
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.dss-recruitment-site .home-final-cta .cta-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 10px;
  background: rgba(255,255,255,0.12);
  color: #fff;
  font-size: 14px;
  line-height: 1;
}

.dss-recruitment-site .home-final-cta .cta-chip-icon{
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
  flex-shrink: 0;
}

.dss-recruitment-site .home-final-cta .button{
  min-width: 255px;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Footer giữ màu sáng hơn CTA */
.dss-recruitment-site .dss-site-footer,
.dss-site-footer{
  background: #2A2E6C;
  color: #fff;
}

@media (max-width: 768px){
  .dss-recruitment-site .home-final-cta{
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .dss-recruitment-site .home-final-cta h2{
    font-size: 32px;
  }

  .dss-recruitment-site .home-final-cta .cta-chip{
    width: 100%;
    max-width: 280px;
  }
}

/* =========================
   JOBS PAGE
========================= */

/* Jobs hero */
.dss-recruitment-site .jobs-hero{
  background: linear-gradient(90deg, #16204f 0%, #1f2860 55%, #2a2e6c 100%);
  padding-top: 110px;
  padding-bottom: 90px;
  text-align: center;
}

.dss-recruitment-site .jobs-hero .jobs-hero-tag{
  display: inline-block;
  background: rgba(255,255,255,0.12);
  color: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.dss-recruitment-site .jobs-hero h1{
  color: #fff !important;
  font-size: 56px;
  line-height: 1.05;
  font-weight: 800;
  margin-bottom: 18px;
}

.dss-recruitment-site .jobs-hero p{
  color: rgba(255,255,255,0.84) !important;
  max-width: 760px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.7;
}

/* Filter */
.dss-recruitment-site .dss-jobs-filter{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(2,6,23,0.06);
  padding: 18px;
  margin-bottom: 28px;
}

.dss-recruitment-site .dss-jobs-filter-top{
  margin-bottom: 14px;
}

.dss-recruitment-site .dss-jobs-filter-top input{
  width: 100%;
}

.dss-recruitment-site .dss-jobs-filter-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.dss-recruitment-site .dss-jobs-filter-actions{
  display: flex;
  gap: 12px;
  margin-top: 16px;
  flex-wrap: wrap;
}

/* Listing */
.dss-recruitment-site .dss-jobs-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.dss-recruitment-site .dss-jobs-grid .dss-job-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(2,6,23,0.08);
  padding: 22px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.dss-recruitment-site .dss-jobs-grid .job-tag{
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: var(--dss-navy);
  background: #eef2ff;
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.dss-recruitment-site .dss-jobs-grid .job-title{
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 14px;
}

.dss-recruitment-site .dss-jobs-grid .job-title a{
  color: var(--dss-navy);
  text-decoration: none;
}

.dss-recruitment-site .dss-jobs-grid .job-meta{
  list-style: none;
  padding: 0;
  margin: 0 0 14px;
}

.dss-recruitment-site .dss-jobs-grid .job-meta li{
  color: #6b7280;
  font-size: 14px;
  margin-bottom: 8px;
}

.dss-recruitment-site .dss-job-card .job-meta li strong {
    color: var(--dss-red);
    font-weight: 600;
    margin-right: 4px;
}

.dss-recruitment-site .dss-jobs-grid .job-ref{
  color: #9ca3af;
  font-size: 13px;
  margin-bottom: 12px;
}

.dss-recruitment-site .dss-jobs-grid .job-summary{
  color: #6b7280;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 18px;
}

.dss-recruitment-site .dss-jobs-grid .button{
  width: 100%;
  justify-content: center;
  margin-top: auto;
}

.dss-recruitment-site .dss-no-jobs{
  background: #fff;
  padding: 22px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,0.06);
  text-align: center;
  color: #6b7280;
}

/* Jobs static sections */
.dss-recruitment-site .jobs-static-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(2,6,23,0.06);
  padding: 30px 26px;
  height: 100%;
}

/* Responsive */
@media (max-width: 1024px){
  .dss-recruitment-site .dss-jobs-filter-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dss-recruitment-site .dss-jobs-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .dss-recruitment-site .jobs-hero{
    padding-top: 86px;
    padding-bottom: 68px;
  }

  .dss-recruitment-site .jobs-hero h1{
    font-size: 38px;
  }

  .dss-recruitment-site .dss-jobs-filter-grid,
  .dss-recruitment-site .dss-jobs-grid{
    grid-template-columns: 1fr;
  }
}

/* Recruitment-First Approach */
.dss-recruitment-site .jobs-approach .jobs-static-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(2,6,23,0.06);
  padding: 32px 26px;
  min-height: 260px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.dss-recruitment-site .jobs-approach .jobs-static-card .why-icon{
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: #eef3ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  color: #243b80;
  flex-shrink: 0;
}

.dss-recruitment-site .jobs-approach .jobs-static-card .why-icon-svg{
  width: 32px;
  height: 32px;
  display: block;
  stroke: currentColor;
}

.dss-recruitment-site .jobs-approach .jobs-static-card h4{
  color: var(--dss-navy);
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 12px;
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dss-recruitment-site .jobs-approach .jobs-static-card p{
  color: #6b7280;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 768px){
  .dss-recruitment-site .jobs-approach .jobs-static-card{
    min-height: auto;
    padding: 26px 20px;
  }

  .dss-recruitment-site .jobs-approach .jobs-static-card h4{
    min-height: auto;
    font-size: 20px;
  }
}

/* FAQ accordion */
.dss-recruitment-site .dss-faq-list{
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 980px;
  margin: 0 auto;
}

.dss-recruitment-site .dss-faq-item{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: 12px;
  overflow: hidden;
}

.dss-recruitment-site .dss-faq-item summary{
  list-style: none;
  cursor: pointer;
  padding: 22px 52px 22px 20px;
  font-size: 18px;
  font-weight: 700;
  color: var(--dss-navy);
  position: relative;
}

.dss-recruitment-site .dss-faq-item summary::-webkit-details-marker{
  display: none;
}

.dss-recruitment-site .dss-faq-item summary::after{
  content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: 1;
  color: var(--dss-navy);
}

.dss-recruitment-site .dss-faq-item[open] summary::after{
  content: "−";
}

.dss-recruitment-site .dss-faq-answer{
  padding: 0 20px 22px 20px;
  color: #6b7280;
  font-size: 16px;
  line-height: 1.7;
}
.dss-site-footer{
  background: #2A2E6C;
  color: #fff;
  padding-top: 46px;
  padding-bottom: 20px;
}

.dss-site-footer h4{
  color: #fff !important;
  font-size: 19px;
  line-height: 1.3;
  margin-bottom: 16px;
  font-weight: 700;
}

.dss-site-footer p,
.dss-site-footer li{
  color: rgba(255,255,255,0.84) !important;
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 0;
}

.dss-site-footer a{
  color: rgba(255,255,255,0.92);
  text-decoration: none;
}

.dss-site-footer .footer-contact-item br,
.dss-site-footer .footer-contact-icon br,
.dss-site-footer .footer-social br{
  display: none !important;
}

.dss-site-footer .footer-contact-item{
  display: grid !important;
  grid-template-columns: 20px 1fr;
  column-gap: 12px;
  align-items: start;
  margin: 0 0 10px 0 !important;
}

.dss-site-footer .footer-contact-icon{
  width: 20px;
  height: 20px;
  color: #d62828;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  line-height: 1;
}

.dss-site-footer .footer-icon-svg{
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
}

.dss-site-footer .footer-social{
  display: flex !important;
  gap: 12px;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 18px;
}

.dss-site-footer .footer-social a{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.12);
  color: #fff;
  text-decoration: none;
}

.dss-site-footer .footer-social-svg{
  width: 17px;
  height: 17px;
  display: block;
  fill: currentColor;
}

.dss-site-footer .footer-bottom-row{
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.12);
}

.dss-site-footer .footer-bottom-right p{
  white-space: nowrap;
}

.dss-site-footer .footer-bottom-right a{
  display: inline-block;
  margin-left: 18px;
  font-size: 12px;
}

@media (max-width: 768px){
  .dss-site-footer .footer-bottom-right p{
    white-space: normal;
  }

  .dss-site-footer .footer-bottom-right a{
    margin-left: 0;
    margin-right: 14px;
    margin-top: 6px;
  }
}
/* Footer link columns */
.dss-site-footer .footer-links-col h4{
  color: #fff !important;
  font-size: 19px;
  line-height: 1.3;
  margin-bottom: 16px;
  font-weight: 700;
}

.dss-site-footer .footer-links-col p{
  margin: 0 0 6px 0 !important;
  line-height: 1.7;
}

.dss-site-footer .footer-links-col a{
  color: rgba(255,255,255,0.92);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: opacity .2s ease, color .2s ease;
}

.dss-site-footer .footer-links-col a:hover{
  color: #fff;
  opacity: .82;
}

/* nếu sau này dùng ul/li thay vì p */
.dss-site-footer .footer-links-col ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.dss-site-footer .footer-links-col li{
  margin: 0 0 6px 0;
}

/* =========================
   FOR CANDIDATES PAGE
========================= */

.dss-recruitment-site .fc-hero{
  background: linear-gradient(90deg, #222863 0%, #2A2E6C 100%);
  text-align: center;
  padding-top: 90px;
  padding-bottom: 80px;
}

.dss-recruitment-site .fc-hero h1{
  color: #fff !important;
  font-size: 56px;
  line-height: 1.08;
  font-weight: 800;
  margin-bottom: 18px;
}

.dss-recruitment-site .fc-hero p{
  color: rgba(255,255,255,0.88) !important;
  font-size: 18px;
  line-height: 1.7;
  max-width: 840px;
  margin: 0 auto 22px;
}

.dss-recruitment-site .fc-eligibility h2,
.dss-recruitment-site .fc-journey h2,
.dss-recruitment-site .fc-faq h2{
  color: var(--dss-navy);
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: 16px;
  text-align: center;
}

.dss-recruitment-site .fc-eligibility .col:first-child h2,
.dss-recruitment-site .fc-eligibility .col:first-child p{
  text-align: left;
}

.dss-recruitment-site .fc-check-list{
  list-style: none;
  padding: 0;
  margin: 28px 0 0;
}

.dss-recruitment-site .fc-check-list li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 14px;
  color: #374151;
  line-height: 1.6;
}

.dss-recruitment-site .fc-check-list li::before{
  content: "◉";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--dss-red);
  font-size: 14px;
}

.dss-recruitment-site .fc-doc-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(2,6,23,0.08);
  padding: 26px;
}

.dss-recruitment-site .fc-doc-card h3{
  color: var(--dss-navy);
  font-size: 26px;
  margin-bottom: 18px;
}

.dss-recruitment-site .fc-doc-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.dss-recruitment-site .fc-doc-item{
  background: #f9fafb;
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 14px;
  color: #4b5563;
}

.dss-recruitment-site .fc-journey{
  text-align: center;
}

.dss-recruitment-site .fc-step-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(2,6,23,0.06);
  padding: 28px 20px;
  text-align: center;
  height: 100% !important;
  box-sizing: border-box;
}

.dss-recruitment-site .fc-step-icon{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: var(--dss-red);
  color: #fff;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.dss-recruitment-site .fc-step-card h4{
  color: var(--dss-navy);
  font-size: 20px;
  line-height: 1.35;
  margin-bottom: 10px;
}

.dss-recruitment-site .fc-step-card p{
  color: #6b7280;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}

.dss-recruitment-site .fc-final-cta{
  background: #B42025;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.dss-recruitment-site .fc-final-cta h2{
  color: #fff !important;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 14px;
}

.dss-recruitment-site .fc-final-cta p{
  color: rgba(255,255,255,0.92) !important;
  max-width: 760px;
  margin: 0 auto 18px;
  line-height: 1.7;
}

@media (max-width: 1024px){
  .dss-recruitment-site .fc-doc-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px){
  .dss-recruitment-site .fc-hero h1{
    font-size: 38px;
  }

  .dss-recruitment-site .fc-eligibility h2,
  .dss-recruitment-site .fc-journey h2,
  .dss-recruitment-site .fc-faq h2,
  .dss-recruitment-site .fc-final-cta h2{
    font-size: 30px;
  }
}

.dss-recruitment-site .fc-journey .row {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px;
  align-items: stretch !important;
}

.dss-recruitment-site .fc-journey .row > .col {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

@media (max-width: 768px) {
  .dss-recruitment-site .fc-journey .row {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.dss-recruitment-site .fc-step-card {
  height: 100% !important; /* 👈 override lại height */
  box-sizing: border-box;
}


/* =========================================================
   SHARED INNER PAGES — CLEAN
========================================================= */

/* ---------- Hero ---------- */
.dss-recruitment-site .inner-hero {
  background: linear-gradient(90deg, #16204f 0%, #1f2860 55%, #2a2e6c 100%);
  text-align: center;
  padding: 96px 0 84px;
}

.dss-recruitment-site .inner-hero .hero-tag {
  display: inline-block;
  padding: 8px 20px;
  margin-bottom: 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dss-recruitment-site .inner-hero h1 {
  max-width: 760px;
  margin: 0 auto 20px;
  color: #fff !important;
  font-size: 52px;
  line-height: 1.1;
  font-weight: 800;
}

.dss-recruitment-site .inner-hero p {
  max-width: 680px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 17px;
  line-height: 1.75;
}

/* ---------- Section title ---------- */
.dss-recruitment-site .page-section-title {
  margin-bottom: 48px;
  text-align: center;
}

.dss-recruitment-site .page-section-title h2 {
  margin-bottom: 12px;
  color: var(--dss-navy);
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
}

.dss-recruitment-site .page-section-title p {
  max-width: 640px;
  margin: 0 auto;
  color: #6b7280;
  font-size: 16px;
  line-height: 1.75;
}

/* ---------- Shared cards ---------- */
.dss-recruitment-site .inner-card,
.dss-recruitment-site .contact-info-card,
.dss-recruitment-site .two-col-card,
.dss-recruitment-site .contact-form-shell {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 18px;
  box-shadow: 0 8px 28px rgba(2, 6, 23, 0.07);
}

.dss-recruitment-site .inner-card,
.dss-recruitment-site .contact-info-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  padding: 36px 28px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.dss-recruitment-site .inner-card:hover,
.dss-recruitment-site .contact-info-card:hover {
  box-shadow: 0 14px 40px rgba(2, 6, 23, 0.11);
  transform: translateY(-3px);
}

.dss-recruitment-site .two-col-card,
.dss-recruitment-site .contact-form-shell {
  height: 100%;
  padding: 36px 32px;
}

.dss-recruitment-site .contact-info-card {
  justify-content: center;
}

.dss-recruitment-site .inner-card h4,
.dss-recruitment-site .contact-info-card h4 {
  margin-bottom: 8px;
  color: var(--dss-navy);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
}

.dss-recruitment-site .inner-card p,
.dss-recruitment-site .contact-info-card p,
.dss-recruitment-site .contact-info-card a {
  margin: 0;
  color: #6b7280;
  font-size: 15px;
  line-height: 1.75;
  text-decoration: none;
}

.dss-recruitment-site .contact-info-card a:hover {
  color: var(--dss-navy);
}

.dss-recruitment-site .two-col-card h3,
.dss-recruitment-site .contact-form-shell h3 {
  margin-bottom: 14px;
  color: var(--dss-navy);
  font-size: 26px;
  font-weight: 700;
}

.dss-recruitment-site .two-col-card p,
.dss-recruitment-site .contact-form-shell p {
  color: #6b7280;
  font-size: 15px;
  line-height: 1.75;
}

/* ---------- Shared icon ---------- */
.dss-recruitment-site .inner-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  border-radius: 999px;
  background: #eef3ff;
  color: #243b80;
}

.dss-recruitment-site .inner-icon-svg {
  display: block;
  width: 30px;
  height: 30px;
  stroke: currentColor;
}

/* ---------- Check list ---------- */
.dss-recruitment-site .dss-check-list {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.dss-recruitment-site .dss-check-list li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 26px;
  color: #374151;
  font-size: 15px;
  line-height: 1.65;
}

.dss-recruitment-site .dss-check-list li::before {
  content: "◉";
  position: absolute;
  top: 1px;
  left: 0;
  color: var(--dss-red);
  font-size: 13px;
}

/* ---------- CTA red band ---------- */
.dss-recruitment-site .cta-red-band {
  background: #b42025;
  text-align: center;
  padding: 68px 0;
}

.dss-recruitment-site .cta-red-band h2 {
  margin-bottom: 14px;
  color: #fff !important;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 800;
}

.dss-recruitment-site .cta-red-band p {
  max-width: 680px;
  margin: 0 auto 24px;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 16px;
  line-height: 1.75;
}

/* =========================================================
   CONTACT PAGE — NODE STYLE (KEEP THIS VERSION)
========================================================= */

/* ---------- Hero ---------- */
.dss-recruitment-site .contact-hero-node {
  background: #2a2e6c;
  text-align: center;
  padding: 72px 0;
}

.dss-recruitment-site .contact-hero-node .hero-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  margin-bottom: 16px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dss-recruitment-site .contact-hero-node h1 {
  margin-bottom: 14px;
  color: #fff !important;
  font-size: 64px;
  line-height: 1.02;
  font-weight: 800;
}

.dss-recruitment-site .contact-hero-node .hero-red {
  color: var(--dss-red);
}

.dss-recruitment-site .contact-hero-node p {
  max-width: 820px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 18px;
  line-height: 1.7;
}

/* ---------- Main ---------- */
.dss-recruitment-site .contact-main-node {
  background: #f5f6f8;
  padding: 62px 0 64px;
}

.dss-recruitment-site .contact-main-node .row {
  align-items: stretch;
}

/* ---------- Left info panel ---------- */
.dss-recruitment-site .contact-info-panel,
.dss-recruitment-site .contact-form-panel {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(2, 6, 23, 0.06);
}

.dss-recruitment-site .contact-info-panel {
  margin-bottom: 16px;
  padding: 28px 22px;
}

.dss-recruitment-site .contact-info-panel h3,
.dss-recruitment-site .contact-form-panel h3 {
  margin-bottom: 18px;
  color: var(--dss-navy);
  font-size: 20px;
  line-height: 1.25;
  font-weight: 800;
}

.dss-recruitment-site .contact-info-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: start;
  column-gap: 14px;
  margin-bottom: 18px;
}

.dss-recruitment-site .contact-info-item:last-child {
  margin-bottom: 0;
}

.dss-recruitment-site .contact-info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #f8ebed;
  color: var(--dss-red);
}

.dss-recruitment-site .contact-info-icon svg {
  display: block;
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

.dss-recruitment-site .contact-info-item h4 {
  margin-bottom: 4px;
  color: var(--dss-navy);
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
}

.dss-recruitment-site .contact-info-item p,
.dss-recruitment-site .contact-info-item a {
  margin: 0;
  color: #5f6778 !important;
  font-size: 14px;
  line-height: 1.65;
  text-decoration: none;
}

/* ---------- Response card ---------- */
.dss-recruitment-site .contact-response-card {
  padding: 22px 18px;
  border-radius: 16px;
  background: #232a73;
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.1);
  color: #fff;
}

.dss-recruitment-site .contact-response-card h4 {
  margin-bottom: 10px;
  color: #fff !important;
  font-size: 18px;
  font-weight: 800;
}

.dss-recruitment-site .contact-response-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 14px;
  line-height: 1.7;
}

/* ---------- Form panel ---------- */
.dss-recruitment-site .contact-form-panel {
  height: 100%;
  padding: 28px 24px 22px;
}

.dss-recruitment-site .contact-form-panel .wpcf7,
.dss-recruitment-site .contact-form-panel .wpcf7 form,
.dss-recruitment-site .contact-form-panel .wpcf7 form p {
  margin: 0;
}

.dss-recruitment-site .contact-form-panel .dss-contact-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.dss-recruitment-site .contact-form-panel .dss-form-row.dss-two-cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.dss-recruitment-site .contact-form-panel .dss-form-field {
  display: flex;
  flex-direction: column;
}

.dss-recruitment-site .contact-form-panel .dss-form-field label {
  margin-bottom: 6px;
  color: var(--dss-navy);
  font-size: 13px;
  font-weight: 700;
}

.dss-recruitment-site .contact-form-panel input[type="text"],
.dss-recruitment-site .contact-form-panel input[type="email"],
.dss-recruitment-site .contact-form-panel input[type="tel"],
.dss-recruitment-site .contact-form-panel textarea {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 10px;
  background: #fff;
  color: #111827;
  font-size: 14px;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dss-recruitment-site .contact-form-panel textarea {
  min-height: 138px;
  resize: vertical;
}

.dss-recruitment-site .contact-form-panel input:focus,
.dss-recruitment-site .contact-form-panel textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.dss-recruitment-site .contact-form-panel ::placeholder {
  color: #9aa3b2;
  opacity: 1;
}

.dss-recruitment-site .contact-form-panel .dss-privacy-note {
  padding: 14px 16px;
  border-left: 4px solid #3b82f6;
  border-radius: 8px;
  background: #f3f7fd;
  color: #5f6778;
  font-size: 13px;
  line-height: 1.7;
}

.dss-recruitment-site .contact-form-panel .dss-privacy-note strong {
  color: var(--dss-navy);
}

.dss-recruitment-site .contact-form-panel .dss-form-submit {
  margin-top: 2px;
}

.dss-recruitment-site .contact-form-panel .wpcf7-submit {
  width: 100%;
  min-height: 50px;
  border: 0 !important;
  border-radius: 8px;
  background: var(--dss-red) !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.2s ease;
}

.dss-recruitment-site .contact-form-panel .wpcf7-submit:hover {
  background: var(--dss-red-hover) !important;
}

.dss-recruitment-site .contact-form-panel .wpcf7-not-valid-tip {
  margin-top: 5px;
  font-size: 12px;
}

.dss-recruitment-site .contact-form-panel .wpcf7 form .wpcf7-response-output {
  margin: 12px 0 0 !important;
  padding: 12px 14px !important;
  border-radius: 10px;
  font-size: 13px;
}

/* ---------- Map ---------- */
.dss-recruitment-site .contact-map-node {
  background: #f5f6f8;
  padding: 0 0 52px;
}

.dss-recruitment-site .contact-map-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 340px;
  padding: 30px;
  border: 1px solid rgba(15, 23, 42, 0.05);
  border-radius: 18px;
  background: #eef0f4;
  box-shadow: 0 12px 30px rgba(2, 6, 23, 0.05);
  text-align: center;
}

.dss-recruitment-site .contact-map-placeholder .map-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 14px;
  border-radius: 999px;
  color: var(--dss-red);
}

.dss-recruitment-site .contact-map-placeholder .map-icon svg {
  display: block;
  width: 40px;
  height: 40px;
  stroke: currentColor;
}

.dss-recruitment-site .contact-map-placeholder h3 {
  margin-bottom: 8px;
  color: var(--dss-navy);
  font-size: 20px;
  font-weight: 800;
}

.dss-recruitment-site .contact-map-placeholder p {
  margin: 0;
  color: #7b8396;
  font-size: 14px;
  line-height: 1.7;
}

/* ---------- Compliance strip ---------- */
.dss-recruitment-site .contact-compliance-strip {
  border-top: 3px solid #d8ab21;
  background: #f3efd9;
  text-align: center;
  padding: 34px 0;
}

.dss-recruitment-site .contact-compliance-strip h3 {
  margin-bottom: 12px;
  color: #1f253f;
  font-size: 22px;
  font-weight: 800;
}

.dss-recruitment-site .contact-compliance-strip p {
  max-width: 920px;
  margin: 0 auto;
  color: #5f6778;
  font-size: 14px;
  line-height: 1.8;
}

/* ---------- CTA ---------- */
.dss-recruitment-site .contact-page-cta,
.dss-recruitment-site .cta-red-band {
  text-align: center;
  padding: 60px 0;
}

.dss-recruitment-site .contact-page-cta.cta-red-band,
.dss-recruitment-site .cta-red-band {
  background: #be1f23;
}

.dss-recruitment-site .contact-page-cta h2,
.dss-recruitment-site .cta-red-band h2 {
  margin-bottom: 12px;
  color: #fff !important;
  font-size: 46px;
  line-height: 1.15;
  font-weight: 800;
}

.dss-recruitment-site .contact-page-cta p,
.dss-recruitment-site .cta-red-band p {
  max-width: 760px;
  margin: 0 auto 18px;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 16px;
  line-height: 1.75;
}

.dss-recruitment-site .contact-page-cta .button,
.dss-recruitment-site .cta-red-band .button {
  min-width: 160px;
  min-height: 50px;
  border-radius: 12px;
  font-weight: 700;
}

.dss-recruitment-site .contact-page-cta + .dss-site-footer,
.dss-recruitment-site .cta-red-band + .dss-site-footer {
  margin-top: 0;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1024px) {
  .dss-recruitment-site .contact-hero-node h1 {
    font-size: 52px;
  }

  .dss-recruitment-site .contact-page-cta h2,
  .dss-recruitment-site .cta-red-band h2 {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .dss-recruitment-site .inner-hero {
    padding: 72px 0 60px;
  }

  .dss-recruitment-site .inner-hero h1 {
    font-size: 34px;
  }

  .dss-recruitment-site .inner-hero p {
    font-size: 15px;
  }

  .dss-recruitment-site .page-section-title h2,
  .dss-recruitment-site .cta-red-band h2 {
    font-size: 28px;
  }

  .dss-recruitment-site .inner-card,
  .dss-recruitment-site .contact-info-card {
    padding: 28px 20px;
  }

  .dss-recruitment-site .two-col-card,
  .dss-recruitment-site .contact-form-shell {
    padding: 28px 20px;
  }

  .dss-recruitment-site .cta-red-band {
    padding: 52px 0;
  }

  .dss-recruitment-site .contact-hero-node {
    padding: 62px 0 58px;
  }

  .dss-recruitment-site .contact-hero-node h1 {
    font-size: 38px;
  }

  .dss-recruitment-site .contact-hero-node p {
    font-size: 16px;
  }

  .dss-recruitment-site .contact-main-node {
    padding: 46px 0;
  }

  .dss-recruitment-site .contact-form-panel .dss-form-row.dss-two-cols {
    grid-template-columns: 1fr;
  }

  .dss-recruitment-site .contact-info-panel,
  .dss-recruitment-site .contact-form-panel {
    padding: 22px 18px;
  }

  .dss-recruitment-site .contact-map-node {
    padding-bottom: 40px;
  }

  .dss-recruitment-site .contact-map-placeholder {
    min-height: 260px;
    padding: 24px 18px;
  }

  .dss-recruitment-site .contact-compliance-strip {
    padding: 28px 0;
  }

  .dss-recruitment-site .contact-page-cta h2,
  .dss-recruitment-site .cta-red-band h2 {
    font-size: 30px;
  }
}




/* =========================================================
   CONTACT PAGE CLONE — DSS Recruitment Site
   Paste vào Flatsome > Custom CSS
========================================================= */

:root {
  --dss-navy:     #1f2860;
  --dss-red:      #b42025;
  --dss-red-hover:#8f1419;
}

/* ===== HERO ===== */
.dss-recruitment-site .dss-contact-hero {
  background: linear-gradient(135deg, #16204f 0%, #1f2860 60%, #2a2e6c 100%);
  padding-top: 64px;
  padding-bottom: 64px;
  text-align: center;
}

.dss-recruitment-site .dss-contact-hero h1 {
  color: #fff !important;
  font-size: 58px;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 14px;
}

.dss-recruitment-site .dss-contact-hero .hero-red {
  color: var(--dss-red);
}

.dss-recruitment-site .dss-contact-hero p {
  color: rgba(255,255,255,0.88) !important;
  font-size: 17px;
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

/* ===== MAIN SECTION ===== */
.dss-recruitment-site .dss-contact-main {
  background: #f5f6f8;
}

/* ===== CONTACT INFO PANEL ===== */
.dss-recruitment-site .dss-ci-panel {
  background: #fff;
  border: 1px solid rgba(15,23,42,0.07);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(2,6,23,0.07);
  padding: 28px 22px;
  margin-bottom: 18px;
}

.dss-recruitment-site .dss-ci-panel h3 {
  color: var(--dss-navy);
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 22px;
}

.dss-recruitment-site .dss-ci-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  column-gap: 14px;
  align-items: start;
  margin-bottom: 20px;
}

.dss-recruitment-site .dss-ci-item:last-child {
  margin-bottom: 0;
}

.dss-recruitment-site .dss-ci-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fdf0f0;
  color: var(--dss-red);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.dss-recruitment-site .dss-ci-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
}

.dss-recruitment-site .dss-ci-text h4 {
  color: var(--dss-navy);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 3px;
  line-height: 1.3;
}

.dss-recruitment-site .dss-ci-text p {
  color: #6b7280;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

/* ===== RESPONSE CARD ===== */
.dss-recruitment-site .dss-response-card {
  background: #1f2860;
  border-radius: 14px;
  padding: 22px 20px;
  box-shadow: 0 10px 28px rgba(2,6,23,0.12);
}

.dss-recruitment-site .dss-response-card h4 {
  color: #fff !important;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 10px;
}

.dss-recruitment-site .dss-response-card p {
  color: rgba(255,255,255,0.85) !important;
  font-size: 13px;
  line-height: 1.7;
  margin: 0;
}

/* ===== FORM PANEL ===== */
.dss-recruitment-site .dss-form-panel {
  background: #fff;
  border: 1px solid rgba(15,23,42,0.07);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(2,6,23,0.07);
  padding: 32px 28px;
  height: 100%;
}

.dss-recruitment-site .dss-form-panel h3 {
  color: var(--dss-navy);
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 22px;
}

.dss-recruitment-site .dss-form-panel .wpcf7 form p {
  margin: 0;
}

.dss-recruitment-site .dss-form-panel input[type="text"],
.dss-recruitment-site .dss-form-panel input[type="email"],
.dss-recruitment-site .dss-form-panel input[type="tel"],
.dss-recruitment-site .dss-form-panel textarea {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(15,23,42,0.12);
  border-radius: 10px;
  background: #fff;
  padding: 12px 16px;
  font-size: 14px;
  color: #111827;
  margin-bottom: 14px;
  transition: border-color .2s ease, box-shadow .2s ease;
  box-shadow: none;
}

.dss-recruitment-site .dss-form-panel textarea {
  min-height: 140px;
  resize: vertical;
}

.dss-recruitment-site .dss-form-panel input:focus,
.dss-recruitment-site .dss-form-panel textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.10);
}

.dss-recruitment-site .dss-form-panel ::placeholder {
  color: #9ca3af;
  opacity: 1;
}

.dss-recruitment-site .dss-form-panel input[type="submit"],
.dss-recruitment-site .dss-form-panel .wpcf7-submit {
  width: 100%;
  min-height: 50px;
  border: none !important;
  border-radius: 8px;
  background: var(--dss-red) !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease;
  margin-top: 6px;
}

.dss-recruitment-site .dss-form-panel input[type="submit"]:hover,
.dss-recruitment-site .dss-form-panel .wpcf7-submit:hover {
  background: var(--dss-red-hover) !important;
}

.dss-recruitment-site .dss-form-panel .wpcf7-not-valid-tip {
  font-size: 12px;
  margin-top: 4px;
  display: block;
}

.dss-recruitment-site .dss-form-panel .wpcf7 form .wpcf7-response-output {
  margin: 12px 0 0 !important;
  padding: 12px 16px !important;
  border-radius: 10px;
  font-size: 13px;
}

/* ===== MAP BOX ===== */
.dss-recruitment-site .dss-contact-map {
  background: #f5f6f8;
  padding-bottom: 52px;
}

.dss-recruitment-site .dss-map-box {
  background: #eaecf0;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(2,6,23,0.05);
  min-height: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 30px;
}

.dss-recruitment-site .dss-map-icon {
  color: var(--dss-red);
  margin-bottom: 14px;
}

.dss-recruitment-site .dss-map-icon svg {
  width: 44px;
  height: 44px;
  display: block;
  stroke: currentColor;
}

.dss-recruitment-site .dss-map-box h3 {
  color: var(--dss-navy);
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 8px;
}

.dss-recruitment-site .dss-map-box .dss-map-sub {
  color: #6b7280;
  font-size: 15px;
  margin-bottom: 4px;
}

.dss-recruitment-site .dss-map-box .dss-map-note {
  color: #9ca3af;
  font-size: 13px;
  margin: 0;
}

/* ===== COMPLIANCE STRIP ===== */
.dss-recruitment-site .dss-compliance-strip {
  background: #fdf8e8;
  border-top: 3px solid #d4a017;
  padding-top: 36px;
  padding-bottom: 36px;
  text-align: center;
}

.dss-recruitment-site .dss-compliance-strip h3 {
  color: #1f253f;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 12px;
}

.dss-recruitment-site .dss-compliance-strip p {
  color: #6b7280;
  font-size: 14px;
  line-height: 1.8;
  max-width: 860px;
  margin: 0 auto;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .dss-recruitment-site .dss-contact-hero h1 { font-size: 46px; }
}

@media (max-width: 768px) {
  .dss-recruitment-site .dss-contact-hero { padding-top: 52px; padding-bottom: 52px; }
  .dss-recruitment-site .dss-contact-hero h1 { font-size: 36px; }
  .dss-recruitment-site .dss-ci-panel,
  .dss-recruitment-site .dss-form-panel { padding: 24px 18px; }
  .dss-recruitment-site .dss-map-box { min-height: 260px; padding: 30px 20px; }
}

/* Pagination */
.dss-recruitment-site .dss-jobs-count {
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 20px;
}

.dss-recruitment-site .dss-jobs-count strong {
    color: var(--dss-navy);
    font-weight: 700;
}

.dss-recruitment-site .dss-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.dss-recruitment-site .dss-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid rgba(42,46,108,0.15);
    background: #fff;
    color: var(--dss-navy);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
}

.dss-recruitment-site .dss-page-btn:hover {
    background: var(--dss-navy);
    color: #fff;
    border-color: var(--dss-navy);
}

.dss-recruitment-site .dss-page-btn.active {
    background: var(--dss-red);
    color: #fff;
    border-color: var(--dss-red);
    pointer-events: none;
}