/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap');
.nav-pagination>li>span, .nav-pagination>li>a{
	border-radius:3px !important;
	border-width:1px;
}
.arcu-item-label {
    font-weight: 600 !important;
    color: #051d5a !important;
}
.rownam  button.slick-next.slick-arrow {
  background: #051d5a;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    top: -38px;
    color: #fff !important;
    opacity: 1 !important;
        right: 0px;
}
.rownam .slick-next:before {
    content: '→';
    font-family: inherit !important;
    opacity: 1 !important;
        position: relative;
    top: -2px;
}
.rownam .slick-prev:before {
    font-family: inherit !important;
    opacity: 1 !important;
        position: relative;
    top: -2px;
}
.rownam  button.slick-prev.slick-arrow {
      left: unset;
    background: #051d5a;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    top: -38px;
    color: #fff !important;
    opacity: 1 !important;
    right: 50px;
}
.slider-style-container .flickity-slider>*:not(.is-selected), .slider-style-shadow .flickity-slider>*:not(.is-selected), .slider-style-focus .flickity-slider>*:not(.is-selected){
    opacity: 1 !important;
}
.slider-style-focus .flickity-slider>.is-selected{
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98) !important;
}
.slider-style-focus .flickity-slider>.row {
    -webkit-transform: scale(0.98) !important;
    -ms-transform: scale(0.98) !important;
    transform: scale(0.98) !important;
}
.flickity-prev-next-button{
    opacity: 1 !important;
}
p.entry-date.updated {
    display: block;
}
body{
    font-weight: 300;
}
.list_dm {
    border-bottom: 1px solid #1e437c;
}
.list_dm a {
    display: inline-block;
    font-weight: 400;
    margin-right: 15px;
    padding: 8px 0px;
    color: #333;
}
.list_dm a.active{
        color: #50d6ac;
}
.list_dm a:first-child{
  
}
.section-title b{
	height:0
}
 strong {
    font-weight: 600;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: #50D6AC;
    text-transform: none;
}
a.accordion-title.plain .icon-angle-down:before{
	content: "+" !important;
	font-weight: 500;
}
.accordion .toggle{
	opacity: 1 !important
}
.sec-bangia .icon-box {
    margin-bottom: 8px;
}
.sec-bangia{
    
}
.portfolio-bottom {
    padding-top: 38px;
    background-color: #eef6fd;
}
.portfolio-related_tile{
    display: inline-block;
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 600;
}
.sec-bangia:before{
        opacity: 0.3;
    content: "";
    width: 778px;
    height: 1040px;
    position: absolute;
    bottom: -275px;
    right: 0;
    z-index: 0;
    background: url(https://diendentaybac.com/wp-content/uploads/2023/06/bg-right-supported-1.png) top center no-repeat;
}
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content{
	    background-color: #061a5c;
}
.nav-sidebar.nav-vertical>li+li{
	border:none
}
.off-canvas .nav-vertical>li>a{
	text-transform:none;
	    font-weight: 400;
    font-size: 16px;
}
li.html.header-button-1 a{
    line-height: 79px;
    border:none;
    padding: 0 55px;
    text-transform: none;
    font-weight: 500 !important;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.26,0.89,0.42,1.28);
    transition: all 0.3s cubic-bezier(0.26,0.89,0.42,1.28);
}
.header-wrapper.stuck li.html.header-button-1 a{
     line-height: 70px;
}
li.html.header-button-1 a:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    background-color: #50D6AC;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s,-webkit-transform 0.3s;
}
li.html.header-button-1 a span{
    position: relative;
    z-index: 1;
}
li.html.header-button-1 a:hover:before{
    -webkit-transform: translateX(0);
    transform: translateX(0);
        z-index: 0;
            -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s,-webkit-transform 0.3s;
}
.nav-spacing-xlarge>li {
    margin: 0 20px;
}
.bgmain .section-bg-overlay{
        background: linear-gradient(84.85deg,#0E245B 3.66%,rgba(14,36,91,0.56) 37.5%,rgba(255,255,255,0) 111.07%);
}
a.button{
    font-weight: 500;
}
.bg1{
        -webkit-backdrop-filter: blur(26px);
    backdrop-filter: blur(26px);
    box-shadow: 0 11px 12px 0 rgba(0,0,0,0.1);
}
.bg1{
    z-index: 1;
}
.absolute-footer.dark{
    color: #fff;
    padding: 20px 0;
        border-top: 1px solid #c4c4c4;
}
.header-main .nav > li > a{
    font-weight: 500;
    font-size: 16px;
}
section.bg12:before {
    content: "";
    background: #1e457a;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    position: absolute;
    right: -40%;
    bottom: 0;
}
#footer{
        font-size: 15px;
}
.absolute-footer{
    font-size: 15px;
}
#footera.ux-menu-link__link.flex {
    min-height: unset;
}
.img_w img{
    filter: brightness(0) invert(1);
}
.archive-page-header{
	background-color: #071a5c;
	padding-top: 150px;
	padding-bottom: 130px;
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}
.archive.category .page-wrapper{
	padding-top: 0;
}
.archive.category  .taxonomy-description{
		color: #fff;
    text-align: left;
    max-width: 580px;
    margin-left: 0;
}
.archive-page-header h1.page-title.is-large.uppercase{
	    text-align: left;
    color: #fff;
    text-transform: none;
    font-size: 48px;
    
}
.archive-page-header:before{
	    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 29%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(#2B6BB2),color-stop(62%,rgba(14,36,91,0)));
    background: linear-gradient(180deg,#2B6BB2 0%,rgba(14,36,91,0) 62%);
    pointer-events: none;
}
.bg3:before{
        content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 29%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(#2B6BB2),color-stop(62%,rgba(14,36,91,0)));
    background: linear-gradient(180deg,#2B6BB2 0%,rgba(14,36,91,0) 62%);
    pointer-events: none;
}
.box1>.col-inner{
        height: 100%;
    display: flex;
    width: 100%;
    align-items: flex-end;
}
.rowvatlieu .box.has-hover:hover .content-wrap {
  max-height: 100%;
  transition: max-height .3s ease-out;
}
.box-text .content-wrap {
    max-height: 68px;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.box-overlay.dark .box-text, .box-shade.dark .box-text {
    text-shadow: none;
}
.featurebox__title {
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}
.featurebox__text {
    font-size: 14px;
}
.rowvatlieu .box-text .content-wrap .featurebox__title,
.rowvatlieu .box-text .content-wrap *{
  color: #0F1D63;
   transition: ease all .3s;
}
.rowvatlieu .box-text-inner {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: flex-end;
}
.rowvatlieu .shade{
    display: none
}
.rowvatlieu .box-text {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.rowvatlieu .box{
    cursor: pointer;
}
.rowvatlieu .box.has-hover .overlay{
     transition: ease all .5s;
}
.rowvatlieu .box.has-hover:hover .overlay{
    background-color: #0F1D63 !important;
    border-color: #0F1D63 !important;
    transition: ease all .5s;

}
.rowvatlieu .box.has-hover:hover .content-wrap *{
    color: #fff !important;
     transition: ease all .5s;
}
.rowvatlieu .box.has-hover:hover .content-wrap .featurebox__title {
    color: #50D6AC !important;
}
.rownam .col>.col-inner:before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    transition: ease all .3s;
}
.rownam .col>.col-inner{
    padding: 15px 20px 0px 0px;
}
.elementor-drop-cap {
    float: left;
    text-align: center;
    line-height: 1;
    font-size: 50px;
}
.row5 .icon-box img{
    border-radius: 30px;
}
img.header-logo-dark{
    filter: brightness(0) invert(1);
}
.nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .dark .nav-vertical-fly-out>li>a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button{
    color: #fff;
}
.has-transparent.header-full-width.transparent li.html.header-button-1 a{
    background-color: #50d6ac;
	    color: #fff;
}
.has-transparent.header-full-width.transparent li.html.header-button-1 a:hover{
	background-color: #fff;
	color:#000;
}
.box-shadow, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover, .box-shadow-2, .box-shadow-2-hover:hover{
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.blog-share.text-center .is-divider {
	display:none
}
.blog-share.text-center{
	text-align:left
}
.social-icons.share-icons.share-row.relative:before{
	content:"Chia sẻ ngay: ";
}
canvas {
    top:-120px;
    position: absolute;
    height: 90vh!important;
} 
/* ---- particles.js container ---- */
#particles-js {
  position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*z-index: 2;*/
} 
/* ---- stats.js ---- */
.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13e8e9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.js-count-particles {
  font-size: 1.1em;
}
#stats,
.count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}
#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.count-particles {
  border-radius: 0 0 3px 3px;
}
.img_ab {
    position: absolute;
    max-width: 42px;
    top: 30px;
    right: 31px;
}
header#header.has-transparent {
    
}
.sec-bangia .icon-box p{
    margin-bottom: 0;
}
h6.uppercase.portfolio-box-title {
    text-transform: none;
    opacity: 1 !important;
    font-weight: 500;
    font-size: 16px;
}
a.accordion-title.plain{
   
      background-color: #1e437c !important;
    color:#fff;
    font-size: 17px;
}
.portfolio-element-wrapper ul.nav{
		border-bottom: 1px solid #1e437c
}
.portfolio-element-wrapper ul.nav a{
	text-transform: none;
	font-size: 16px;
}
.portfolio-element-wrapper ul.nav li.active a,
.portfolio-element-wrapper ul.nav li:hover  a{
color: #1e437c;
}
.portfolio-element-wrapper .container.mb-half{
	margin-bottom: 30px !important;
}
.accordion-inner{
    background-color: #f9f9f9;
}
a.accordion-title.plain.active{
    background-color: #1e437c !important;
    color:#fff;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2{
    font-weight: 600;
}
.nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a{
    border-radius: 0 !important;
    font-weight: 400;
        color: #1e437c;
}
.f-title {
    font-size: 220px;
}
 .f-title {
    font-size: 200px;
    font-weight: 600;
    letter-spacing: -2px;
    /* line-height: 1; */
    color: #000;
    white-space: nowrap;
    margin-bottom: 0;
}
.js-marquee {
    display: flex;
}
.js-marquee p{
    margin-bottom: 0;
}
.top_duan_header.dark{
	padding: 150px 0; 
	position: relative;
        background-color: rgb(15, 29, 99);
}
.top_duan_header nav.rank-math-breadcrumb{
        font-size: 14px;
    font-weight: 300;
}
nav.rank-math-breadcrumb p{
    margin-bottom: 0;
    font-weight: 300;
    font-size: 14px;
}
.top_duan_header .container{
	position: relative;
    z-index: 2;
}

.top_duan_header:before{

    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 29%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(#2B6BB2),color-stop(62%,rgba(14,36,91,0)));
    background: linear-gradient(180deg,#2B6BB2 0%,rgba(14,36,91,0) 62%);
    pointer-events: none;
}
.archive.category .row.align-center>.large-10 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.post-title {
    font-weight: 500;
	font-size: 19px;
    line-height: 1.3;
	    color: #1e437c;
}
.box-blog-post .is-divider{
    height: 0;
}
i.icon-angle-right:before{
	    content: "\f178";
	    font-family: "Font Awesome 6 Free"; 
	font-weight:900;
}
div#masthead li.menu-item-has-children ul.sub-menu li.menu-item-has-children>ul{
    position: absolute;
    display: none;
    visibility: hidden;
    width: 100%;
    left: 100%;
	top:0;
    background: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}

.nav-column>li>a, .nav-dropdown>li>a {
    display: block;
       font-size: 15px !important;
    text-transform: none !important;
    font-weight: 500 !important;
}
div#masthead li ul.sub-menu{
	display: flex;
	flex-direction: column;
}
div#masthead li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover>ul{
    display: block;
    visibility: visible;
}
ul.sub-menu.nav-dropdown.nav-dropdown-simple.nav-dropdown-full {
    transform: translateX(10px);
}
div#masthead  ul.sub-menu>li{
	width:100%; 
	position:relative;
	
}
.archive-page-header{

}
.archive-page-headertd{
        background-image: url(images/bg_td.png);
        background-position: 100% 100%!important;
    background-size: contain!important;
    background-color: #071a5c;
    padding-top: 150px;
    padding-bottom: 130px;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
}
.box_ttt>.col-inner {
      padding: 30px 25px;
    border-radius: 8px;
    background-color: #fefefe;
    box-shadow: 1px 1px 10px 5px #ececec;
    margin-bottom: 30px;
}
.box_s span{
        color: #437eeb;
        font-weight: 400;
}
.box_tt_item {
    display: flex;
}
.absolute-footer  a.button{
    margin-bottom: 0;
    font-weight: 300 !important;
    min-height: unset !important;
    line-height: 1;
    height: auto !important;
}
.footer-secondary {
    padding: 0;
}
.box_s{
    padding-left: 15px;
        font-size: 16px;
}
.box_tt_item i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    float: left;
    background: #061a5c;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
}
a.utn.button.primary{
        font-size: 15px;
    font-weight: 400 !important;
    margin-top: 20px !important;
    position: relative;
        overflow: hidden;
        border:none !important;
        margin-bottom: 0;
}
.wpcf7-spinner{
    display: none
}
a.utn span{
    position: relative;
}
a.utn.button.primary:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    background-color: #50D6AC;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s,-webkit-transform 0.3s;
}
a.utn.button.primary:hover:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s,-webkit-transform 0.3s;
}
.padd_0>.col{
    padding-bottom: 15px;
}
.title_style1 {
    color: #061a5c;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 20px;
    padding-left: 10px;
    border-left: 5px solid #437eeb;
}
header.entry-header.tt_product_header_wrap.dark {
            background-image: url(images/bg_td.png);
        background-position: 100% 100%!important;
    background-size: contain!important;
    background-color: #071a5c;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 25px;
}
.archive-page-headertd h1{
    font-size: 42px;
}
.col.td-item>.col-inner {
    background: #eef6fd;
    padding: 30px;
    border-radius: 20px;
}
.col.td-item .box-text{
    padding: 0;
}
.col.td-item .post-title{
    font-size: 24px;
    margin-bottom: 35px;
}
.box_info_td .td_item{
    font-weight: 300;
    margin-bottom: 9px;
    font-size: 16px;
    color: #333;
}
.box_info_td .td_item i{
   margin-right: 5px;
    min-width: 18px;
}
.td-item .xemthem {
background-image: linear-gradient(to right, #3858FF, #4DBFFF);
    border: none;
    padding: 13px 32px;
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.td-item .xemthem i{
        font-size: 10px;
    margin-left: 6px;
    top: -6px;
    display: inline-block;
    margin-top: -6px;
}
.formungtuyen.row>.col{
    padding-bottom: 0;
}
.formungtuyen input.wpcf7-form-control.wpcf7-text, 
.formungtuyen textarea {
    box-shadow: none;
    border-radius: 5px;
}
.cta_wsu {
       position: fixed;
    bottom: 68px;
    right: 26px;
    z-index: 999;
}
.cta_wsu > div {
    width: 175px;
    background: #fff;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #F2F2F2;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 15px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 10px 20px 10px 20px;
    border: 0.5px dashed #313E5B;
}
.cta_wsu > div > a {
    display: flex;
}

.cta_wsu .img {
    margin-right: 5px;
    width: 40px;
    height: 40px;
}
.cta_wsu .info .chat {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    color: #313f5a;
}
.cta_wsu .info .work {
    color: #000;
    font-size: 11px;
    line-height: 20px;
}
.single-post .entry-header-text-top{
    padding-bottom: 0;
}
.single-post .entry-header-text-top .is-divider{
    display: none
}
.single-post .entry-category.is-xsmall{
    display: none
}
.single-post .entry-title {
    font-weight: 600;
    font-size: 32px;
}
.single-post .entry-content{
    padding-top: 0
}
.single-post  .page-title .is-divider{
    display: none
}
.single-post  .entry-meta.uppercase.is-xsmall {
    text-transform: none !important;
}
.header-block-block-2 {
    width: 100%;
}
.secdiachi {
    font-size: 14px;
}
.img_ab2 {
    position: absolute;
    max-width: 124px;
    top: 0;
	z-index: -1;
    right: -124px;
}
.open_mb.show {
    display: block;
}
.mb_click h3 {
    margin-bottom: 15px;
	    position: relative;
}
.rownam .slick-slide .col{
	padding:0;
	margin-top:5px;
}
.blog .row.align-center>.large-10 {
    max-width: 100%;
    -ms-flex-preferred-size:100%;
    flex-basis: 100%;
}
.off-canvas .nav-vertical>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.off-canvas .nav-vertical li li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: none !important;
    font-size: 15px;
    font-weight: 400 !important;
}
.mfp-content li.html.header-button-1 a{
        line-height: 58px;
}
.mfp-content li.html.header-button-1 a:before{
        -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s,-webkit-transform 0.3s;
}
@media only screen and (min-width: 850px) {
    .single-post .entry-title{
        font-size: 42px;
    }
    .row5>.col{
            max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    }
    div#masthead .flex-row {
        padding-right: 0;
    }
    .rowbesi>.col{
            padding: 0 3px 10px !important;
    }
    .rowbesi{
        flex-flow: unset !important;
    }
    .rowbesi>.col{
        cursor: pointer;
        position: relative;
        transition: all .3s ease-out;
        cursor: pointer;
    }
    .rowbesi>.col:hover{
         max-width: 35%;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    }
}
@media screen and (max-width: 549px){
    .list_dm {
        overflow: scroll;
        display: flex;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .list_dm a{
            width: auto;
    min-width: max-content;
    }
	.row112>.col>.col-inner{
		    padding: 15px !important;
    	padding-bottom: 0 !important;
	}
	.row112>.col{
		padding-bottom:10px !important;
	}
	.mb_click h3:before{
			content: "\f0dd";
		    font-family: "Font Awesome 6 Free"; 
		font-weight:900;
    position: absolute;
    right: 10px;
    top: 0px;
    line-height: 1;
	}
	.open_mb {
		display: none;
	}
	.img_ab2 {
		position: absolute;
		max-width: 106px;
		top: 0;
		right: -55px;
		z-index: -1;
	}
	.mobileleft .col-inner.text-right{
		text-align:left;
	}
	h6.uppercase.portfolio-box-title{
		font-size:15px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{
		width:100% !important;
	}
	a.accordion-title.plain{
		font-size:15px;
	}
	.br1{
		width:100%;
		    display: block;
	}
	.cta_wsu{
		right:10px;
	}
	.cta_wsu .info{
		display:none
	}
	.cta_wsu .img {
		margin-right: 10px;
		width: 30px;
		height: 30px;
	}
	.cta_wsu > div{
		    width: 50px;
    background: #fff;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #F2F2F2;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 15px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 10px 10px 10px 10px;
    border: 0.5px dashed #313E5B;
	}
    .archive-page-headertd{
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .archive-page-headertd h1 {
        font-size: 28px;
    }
    .archive-page-header {
	    padding-top: 68px;
	    padding-bottom: 38px;
	}
    .col.td-item .post-title{
        font-size: 20px;
    }
	.archive-page-header h1.page-title.is-large.uppercase{
		font-size: 32px;
	}
    .f-title {
        font-size: 100px;
    }
    .box-text .content-wrap{
       max-height: unset !important;
    }
    h3.featurebox__title {
        font-size: 20px;
        font-weight: 600 !important;
    }
    .rowvatlieu .image-cover{
            padding-top: 69% !important;
    }
    section.bg12:before {
        content: "";
        background: #1e457a;
        width: 500px;
        height: 500px;
        border-radius: 50%;
        position: absolute;
        right: -380px;
        bottom: 0;
    }
    h2.sec-lastText__title  br{
        display: none
    }
    .rowbesi .image-overlay-remove.image-cover{
        padding-top: 289px !important;
    }
}