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

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.portfolio-page-wrapper.portfolio-archive.page-featured-item .page-title{display:none}
.qodef-link{
	color:#fff
}
.qodef-m-text:before {
    background-color: #0065DF;
    z-index: 0;
	  border-radius: 50%;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 13px;
    position: absolute;
    margin-left: 65px;
	  margin-top:6px;
    width: 13px;
}
.qodef-m-text:after {
    background-clip: content-box;
    background-color: #fff;
    border: 1px solid transparent;
    transform: scale(0);
    transform-origin: 50%;
    transition: transform .3s ease-out;
    will-change: transform;
    z-index: 1;
}
.qodef-link:hover .qodef-m-text:after {
    transform: scale(1);
}

.ac-home .accordion-item {
    padding: 20px 0;
    border-top: 1px solid #fff;
}
.ac-home .accordion-title {
    border-top: none;
    display: block;
    font-size: 110%;
    padding: 0.6em 0;
    position: relative;
    transition: border .2s ease-out,background-color .3s;
    font-family: 'Kanit'!important;
    color: #fff!important;
    font-size: 24px;
}

.accordion-title {
    position: relative;
}

.accordion-title span {
    display: inline-block;
    position: relative;
	padding-right:10px
}

 .accordion-title span::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: width 0.5s ease;
}

.accordion-title:hover span::after {
    width: 100%;
}


.ac-home .toggle {
    border-radius: 999px;
    height: 1.5em;
    right: 0;
	left:unset;
   margin-right: 0;
    position: absolute;
    top: 0.3em;
    transform-origin: 50% 47%;
    width:unset;
}
.ac-home .accordion-item:last-child{border-bottom:1px solid #fff}

.ac-home .icon-angle-down:before{
content:url('/wp-content/uploads/2024/02/svgexport-7.svg')
}
.ac-home .active>.toggle {
    transform: rotate(-90deg);
}

.ac-home .toggle {
    box-shadow: none!important;
    color: currentColor;
    height: auto;
    line-height: 1;
    margin: 0 5px 0 0;
    opacity: .6;
    padding: 0;
    width: 45px;
    transform: rotate(-180deg);
}


.ac-luutru .accordion-title{
	border-top:none;
	color:#fff;
	font-size:21px;
	background:#000;
	border-radius:8px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding:0.7em 1.2em;
}
.ac-luutru .accordion-item{
	margin-bottom:15px;
}
.ac-luutru .toggle {
    right: 0;
	left:unset;
}
.ac-luutru .accordion-title.active{
	color:#0065df;
}
.ac-luutru .accordion-inner{
		padding:1em 1.8em;
		border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius:8px;
}
.ac-luutru .active .toggle .icon-angle-down:before {
    content: url(https://erasvietnam.vn/wp-content/uploads/2025/05/right-e1746699669862.png);
}
.ac-luutru .toggle .icon-angle-down:before {
    content: url(https://erasvietnam.vn/wp-content/uploads/2025/05/right-e1746699669862.png);
}
.ac-luutru .active>.toggle {
    transform: rotate(360deg);
	margin-top:-5px
}
.ac-luutru .toggle {
    transform: rotate(180deg);
	margin-top:10px
}
.kanit-font p, 
.kanit-font strong{
    font-family: 'Kanit'!important
}
.count-num .mb-0{font-size:58px;text-align:right}
.col-line {
    background-image: url(/wp-content/uploads/2024/02/Vector.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.col-thanhtuu > .col-inner{
	background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%),
linear-gradient(230.65deg, #1E1E1E 26.42%, #000000 72.53%);
	border: 1px solid;

    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); 
}

.num-dvu p{
	font-family: SF Pro Display;
font-size: 60px;
font-weight: 600;
line-height: 95px;
letter-spacing: 0px;
	  text-shadow: -1px 1px #0065DF, 1px 1px #0065DF, 1px 1px #0065DF, 0.2px -1px #0065DF;
color:#242424;
}
a.but-lh{color:#fff;background:#0065DF;padding:13px 25px 15px 25px;border-radius:100px;font-size:17px}
.ss-logo {
    background-image: url(wp-content/uploads/2024/02/logo-eras-2-1.svg);
    background-repeat: no-repeat;
    background-position-x: left; /* Cố định vị trí ngang ở bên trái */
    background-position-y: 210px; 
}
.ss-decor{
    background-image: url(/wp-content/uploads/2024/02/Deco-1-1.svg);
    background-repeat: no-repeat;
    background-position: bottom right; 
    background-position-x: calc(100% - 100px); 
    background-position-y: 950px; 
}
.ss-kh{
	    background-image: url(/wp-content/uploads/2024/02/Deco-1-1.svg);
    background-repeat: no-repeat;
    background-position: bottom left; 
	    background-position-x: 170px; 
}

.portfolio-box .show-on-hover{
	opacity:1;
	font-size:16px;
}
.portfolio-box .portfolio-box-title{
	color:#fff;
	text-transform:capitalize;
	font-weight:300;
	font-size:19px
}
.portfolio-box .portfolio-box-title{
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.portfolio-box{
	border: 1px solid rgba(64, 64, 64, 1);
		background:#181818;
}
.portfolio-box .box-text-inner{padding:20px}
.cs-moving_text_wrap {
  font-size: 160px;
  line-height: 1.2em;
  color: transparent;
  -webkit-text-stroke: 2px #0065DF;
  border-top: 1px solid rgba(64, 64, 64, 1);
  border-bottom: 1px solid rgba(64, 64, 64, 1);
  padding: 45px 0;
  overflow: hidden;
  position: relative;
}

.cs-moving_text_in {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 100%;
  overflow: hidden;
}

.cs-moving_text {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 6px;
  animation: slide-left 60s linear infinite;
  font-family: 'Moul';
  will-change: transform;
}

.cs-moving_text > * {
  margin: 0 20px;
}

.cs-moving_text_wrap.cs-type1 {
  color: #0065DF;
}

.cs-moving_text_wrap.cs-type1 .cs-moving_text {
  padding: 0;
  animation: slide-left 60s linear infinite;
}

.cs-moving_text_wrap.cs-type1 .cs-moving_text a:hover {
  color: transparent;
  -webkit-text-stroke: 2px #0065DF;
}

.cs-moving_text_wrap.cs-type1:hover .cs-moving_text {
  animation-play-state: paused;
}

@keyframes slide-left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

/* Responsive */
@media screen and (max-width: 1380px) {
  .cs-moving_text_wrap {
    font-size: 100px;
  }
}

@media screen and (max-width: 1199px) {
  .cs-moving_text_wrap {
    font-size: 80px;
  }
}

@media screen and (max-width: 575px) {
  .cs-moving_text_wrap {
    font-size: 74px;
  }
}


.icon-kh{
	margin-top:-20px;
}
.icon-kh .icon-box-img .icon-inner img {
    width: 106px;
    height: 106px;
    object-fit: cover;
	object-position: top;
	border-radius:100%;
}
.icon-kh .icon-box-text.last-reset{
	align-items:center;
	display:flex;
}
.icon-kh .icon-box-text.last-reset p{
	margin-bottom:0}

.slide-kh .flickity-page-dots .dot.is-selected:before, .flickity-page-dots .dot.is-selected:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: #00000000;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-top: -2.5px;
    margin-left: -2.9px;
}

.slide-kh .flickity-page-dots .dot {
    background-color: #FFFFFF4D;
    position: relative;
    opacity: 1;
	border:2px solid
}
.slide-kh .slider-nav-light .flickity-page-dots .dot{border-color:#000}

.slide-kh button.flickity-button.flickity-prev-next-button.previous{
	background-image:url(/wp-content/uploads/2025/04/Vector-Stroke-1.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom left;}

.slide-kh button.flickity-button.flickity-prev-next-button.next{
		background-image:url(/wp-content/uploads/2025/04/Vector-Stroke.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom left;}
.slide-kh .slider-nav-light .flickity-prev-next-button .arrow, .slide-kh .slider-nav-light .flickity-prev-next-button svg{display:none;}
.slide-kh .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button{opacity:1;}

.slide-kh .flickity-page-dots{text-align:left;left:0;
	bottom:-50px;
}
.slide-kh .slider-nav-light .flickity-prev-next-button{
	bottom:-55px;
}
.slide-kh .flickity-prev-next-button.next {
right:13%;
}
.slide-kh .flickity-prev-next-button.previous {
	left:70%;
}

.ss-last{
	background-image:url(/wp-content/uploads/2025/04/logo-eras-3.svg);
	background-repeat:no-repeat;
	background-position:left;
}
.ss-footer .relative{
	background-image:url(/wp-content/uploads/2025/04/logo-eras-2-1.svg);
	background-repeat:no-repeat;
	background-position:left;
  background-position-x: 70px; 
	background-position-y: 30px; 
}
.ss-footer .section-bg-overlay{
	background: linear-gradient(180deg, rgba(26, 26, 26, 0.65) 50%, rgba(38, 38, 38, 0.95) 120%);
}
.icon-center .icon-box-text.last-reset {
	display:flex;
	align-items:center;
}
.icon-center .icon-box-text.last-reset p{
	margin-bottom:0;
}
#footer .button{font-weight:normal}
#footer a{color:#fff}
#footer a:hover, #footer i,#footer .button span:hover{color:#0065df}

.time-post{
	color:#fff;
	font-size:15px;
	padding-bottom:5px
}
.time-post i{margin-right:5px}
.post-tt-cus{font-size:24px;color:#fff;
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.read-now{
	font-size:16px;
	color: #fff;
	text-align:right;
  text-decoration: underline;
}
.post-item-cus .box-text{padding:15px 20px 30px 20px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.53) 100%);
}

.col-line-top .col-inner{
	box-shadow: 0px 2px 0px 0px rgba(0, 101, 223, 1) inset;
}

.slide-hinhthanh .row .col-inner{padding:0 40px!important;
margin-left:-69px!important;
}
.slide-hinhthanh {
		    border-top: 1px solid rgba(102, 102, 102, 1);
}
.slider-style-container .flickity-slider>:not(.is-selected){opacity:1}


.slide-hinhthanh button.flickity-button.flickity-prev-next-button.previous{
	background-image:url(/wp-content/uploads/2025/04/Vector-Stroke-1.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom left;
background-position-y:0}

.slide-hinhthanh button.flickity-button.flickity-prev-next-button.next{
		background-image:url(/wp-content/uploads/2025/04/Vector-Stroke.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom left;
background-position-y:0}
.slide-hinhthanh .slider-nav-light .flickity-prev-next-button .arrow, .slide-hinhthanh .slider-nav-light .flickity-prev-next-button svg{display:none;}
.slide-hinhthanh .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button{opacity:1;}
.slide-hinhthanh .slider-nav-light .flickity-prev-next-button{
	bottom:100%;
	margin-top:-195px;
}
.slide-hinhthanh .flickity-prev-next-button.previous{right:14%;left:unset}
.slide-hinhthanh .flickity-prev-next-button.next{right:10%}
.slide-hinhthanh .flickity-enabled.is-draggable{margin-top:-13px}

.col-logo .col-inner{
	background-image:url(/wp-content/uploads/2024/02/logo-eras-2-2.svg);
	background-repeat:no-repeat;
	background-position:top right;
	background-size: 45% auto;
		box-shadow: 0px 2px 0px 0px rgba(0, 101, 223, 1) inset;
}
.col-logo-tke .col-inner{
	background-image:url(/wp-content/uploads/2025/04/logo-eras-2-1-1.svg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size: 45% auto;
}

.col-blur-blue .col-inner{
	box-shadow: 0px 10px 60px 0px #0065DF4D;
}
.ss-ndv{
	    background-image: url(/wp-content/uploads/2024/02/Deco-1-1.svg);
    background-repeat: no-repeat;
    background-position: top right; 
	    background-position-x: 97%; 
}
.ss-target{
background-image: url(/wp-content/uploads/2024/02/Deco-1-3.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-position-x: 88.5%;
    background-size: 7% auto;
	  background-position-y: 13%;
}
.text-target1{
	background: #242424;
	width: 130%;
  margin-left: -37%;
	padding:30px 50px 15px 40px;
}
.a-svg a{color:#fff;}
.a-svg a:hover{color:#0065df!important}

.cs-shape_1:nth-child(1) {
    top: -20%;
    left: 0;
    -webkit-animation: semi-rotate-anim 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: semi-rotate-anim 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.cs-shape_1 {
    position: absolute;
}
.cs-shape_1 {	
    width: 0px;
    height: 0px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid var(--primary-color);
}
@keyframes semi-rotate-anim
{
	50% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateY(25px) rotate(-53deg);
    transform: translateY(25px) rotate(-53deg);
}
}

.cs-shape_1:nth-child(2) {
    top: 30%;
    left: 140%;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-animation: semi-rotate-anim 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: semi-rotate-anim 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.cs-shape_1:nth-child(3) {
    top: 140%;
    left: 80%;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	    border-left: 14px solid #fff;
}

.cs-shape_4 {
  position: absolute;
  background-color: #1b2c4b;
  border-radius: 50%;
}

.cs-shape_4.shape41 {
  left: 1%;
  top: 115%;
  height: 78px;
  width: 78px;
}

.cs-shape_4.shape42{
  left: 3%;
  top: 138%;
  height: 246px;
  width: 246px;
}
[class*='cs-to_']{
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.post-item-cus .box-image{
	border-radius:8px;
		border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid;
}
}
.post-item-cus .box-image img{border-radius:8px;
}
header#header{
	border-bottom:1px solid rgba(255, 255, 255, 0.39)
}

a.but-tv{
	background: rgba(0, 101, 223, 0.15);
	padding:13px 25px 15px 25px;
	border-radius:12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.col-shadow-blue .col-inner{
	box-shadow: 0px 10px 60px 0px rgba(0, 101, 223, 0.3);
	border-top:6px solid rgba(0, 101, 223, 0.6);
}
.icon-center-new {
	display:flex;
	align-items:center;
	margin-bottom:10px
}
.icon-center-new p{margin-bottom:0px;line-height:30px;}
.icon-center-new .icon{margin-bottom:5px;}

.row-ndv .col-inner{
	background: linear-gradient(230.65deg, #1E1E1E 26.42%, #000000 72.53%);
}

.ss-ndv-seo .bg {opacity:0.2;
}

.ss-ndv-seo{
    background-image: url(/wp-content/uploads/2024/02/logo-eras-2-3.svg);
	background-repeat:no-repeat;
	background-position:bottom left
}
.ss-ndv-seo .section-bg-overlay{
	    background-image: url(/wp-content/uploads/2024/02/Deco-1-1.svg);
    background-repeat: no-repeat;
    background-position: top right; 
	    background-position-x: 89%; 
		  background-position-y: 20%; 
}
.icon-tke .icon{
	background-image:url(/wp-content/uploads/2024/02/Rectangle-1057.svg);
	background-repeat:no-repeat;
background-size:100% auto;
}
.icon-tke img{
	padding:20px
}
.icon-padding .icon-box-text{
	padding-left:2.05em!important;
}
.ss-duan .banner-layers.container {
    background-image: url(https://new.erasvietnam.com/wp-content/uploads/2024/02/Deco-1-3-1.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.nav-dropdown li {
    width: max-content;
}
.nav-dropdown li a{
	font-size:16px;
	text-transform:capitalize!important;
}
.nav-dropdown>li.nav-dropdown-col:not(:last-child) {
    border-right:none;
}
.menu-item-has-children a{
	font-size:16px!important
}
.menu-item-has-children .menu-item-has-children .sub-menu a{
	font-weight:normal;
}

.archive-page-headertd {
    background-image: url(/wp-content/uploads/2024/03/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;
}
.archive-page-headertd h1 {
    font-size: 42px;
}
.col.td-item>.col-inner {
    background: linear-gradient(230.65deg, #1E1E1E 26.42%, #000000 72.53%);
    padding: 30px;
    border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.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: #eee;
}
.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: 20px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

header.entry-header.tt_product_header_wrap.dark {
    background-image: url(/wp-content/uploads/2024/03/bg_td.png);
    background-position: 100% 100% !important;
    background-size: contain !important;
    background-color: #071a5c;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 25px;
}
.box_ttt>.col-inner {
    padding: 30px 25px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.title_style1 {
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 20px;
    padding-left: 10px;
    border-left: 5px solid #fff;
}
.padd_0>.col {
    padding-bottom: 15px;
}

.box_tt_item {
    display: flex;
}
.box_tt_item i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    float: left;
    background: #0065DF;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
}
.box_s {
    padding-left: 15px;
    font-size: 16px;
}
.box_s span {
    color: #fff;
    font-weight: 400;
}
.wpcf7-spinner {
    display: none;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{margin-right:0}
h5.title-post-archive{font-size:38px;color:#fff}
.post-details-archive .excerpt p{
	font-size:16px;
	line-height: 1.75em;
}
p.date,p.author{font-size:18px;	    
	line-height: 20px;
	margin-bottom:20px;
	color:#fefefe
}
.meta{display:flex;
margin-top:40px;
}
.author {
border-right:2px solid #fff;
}
p.date{padding-left:10px}
p.author{padding-right: 10px;}
.read-more-new svg{margin-left: 15px;}
a.read-more-new {color:#fff;font-size:16px;font-weight:600}
.post-image img{border-radius:15px}
span.page-numbers.current {
    border-color: #0065df;
    background: #0065df;
    color: #fff;
}
.pagination a, .pagination span {
    min-width: 35px;
    height: 35px;
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #e2e2e2;
    border-radius: 100%;
    background: #fff;
    font-size: 15px;
    color: #4a4a4a;
    text-align: center;
    line-height: 33px;
    cursor: pointer;
}
.pagination{padding-top:15px}
.single #content ul{margin-left:30px}
.cs-cursor_lg, .cs-cursor_sm {
    position: fixed;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    mix-blend-mode: difference;
    z-index: 9999;
    transition: left 0.3s ease, top 0.3s ease; /* Áp dụng transition cho thuộc tính left và top */
}

.cs-cursor_lg {
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary-color);
    left: 0;
    top: 0;
    pointer-events: none;
}

.cs-cursor_sm {
    width: 8px;
    height: 8px;
    background-color: var(--primary-color);
    left: 0;
    top: 0;
    pointer-events: none;
}


.row-doitac:before {
    content: "";
    position: absolute;
    top: 200px;
    right: 0;
    width: 800px;
    height: 600px;
    background: url('/wp-content/uploads/2025/06/z6692925641231_31c3fd95e91ec8dec1ae8441644bfa0d-1024x926.png') no-repeat center ;
    background-size: contain;
    z-index: -1;
}
.row.row-doitac::after {
    content: '';
    width: 119%;
    height: 100%;
    background: #18181814;
    position: absolute;
    left: 0;
    top: 0;
    backdrop-filter: blur(10px);
    z-index: -1;
}
.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot {
    background-color: #ffffff;
}
.ctf7-cus select{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");

}