/*
 Theme Name:   NEO Theme
 Theme URI:    https://neo-transform.com
 Description:  Use this theme to extend Bricks.
 Author:       Neo Transform
 Author URI:   https://neo.io.vn
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.material-symbols-outlined {

  font-variation-settings:
  'FILL' var(--fill, 0),
  'wght' var(--wght, 200),
  'GRAD' var(--grad, 0),
  'opsz' var(--opsz, 24);

}

input:focus {
  outline: none;
  border: 1px dashed #ffa090;
}
	
.btn-grad {
  background-image: linear-gradient(to right, #ed3e22 0%, #f58b7a 51%, #ed3e22 100%);
  transition: 0.5s;	
  background-size: 200% auto;
  color: white;
  display: block;
  outline: none;
  border: none;	
	
}

.btn-grad:hover{
  background-position: right center;
  color: #fff;
  text-decoration: none;	
}

.heading-grad{
	background: linear-gradient(220deg, #587DDB 10%, #3A3A86 89%, #2C2C65);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pro-title-listing{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


/* FOOTER */

#ft-gallery {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px;
  width:85%;
}

#ft-gallery .bricks-layout-item {
  flex: 0 0 10%; /* mỗi ảnh = 1/5 */
  max-width: 13%;
}

/* container chạy */
#ft-gallery {
  animation: ft-marquee 20s linear infinite;
}

/* ảnh */
#ft-gallery img {
  width: 100%;   /* chỉnh size */
  object-fit: cover;
  border-radius: 12px; /* optional cho đẹp */
  aspect-ratio: 4/3;
}

/* .marquee-group .brxe-div:hover .brxe-text-basic{
	visibility: visible;
} */

.marquee-group .brxe-div .brxe-text-basic{
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.3s ease;
	visibility: hidden;
}

.marquee-group .brxe-div:hover .brxe-text-basic{
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

/* animation */
@keyframes ft-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


#ft-cta-line {
	background-color: var(--preca-r);
    border-radius: 20px;
    height: calc(100% + 5px);
    width: calc(100% + 10px);
    position: absolute;
    left: calc(50% + 15px);
    bottom: 10px;
    transform: translateX(-50%);
}

#ft-form {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:2rem;
}


#ft-form .form-group{
	max-height:42px;
}
#ft-form .form-group input{
	border-radius:3px; 	
}

#ft-form .form-group button{
	height:100%;
	border-radius:3px;
}

#ft-form .form-group button {
  background-image: linear-gradient(to right, #ed3e22 0%, #f58b7a 51%, #ed3e22 100%);
  transition: 0.5s;	
  background-size: 200% auto;
  color: white;
  display: block;
  outline: none;
  border: none;	
}

#ft-form .form-group button:hover{
  background-position: right center;
  color: #fff;
  text-decoration: none;	
}


#brxe-zmghua{grid-row: 1 / span 2;}

@media all and (max-width: 1099px) {

  #brxe-zmghua{
	  grid-row: 1 / span 1;
  }
	
  #brxe-xtijnh{
    grid-column: 1 / span 2;
  }

}


/* ========= HOMEPAGE ==========*/
#marquee-text{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 40px;
}
/* 
#marquee-text .brxe-block {
  flex: 0 0 10%; 
  max-width: 13%;
} */

#marquee-text .brxe-block .brxe-heading{
	white-space: nowrap;
}

/* container chạy */
#marquee-text {
  animation: ft-marquee-left 20s linear infinite;
}


/* animation */
@keyframes ft-marquee-left {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(20%);
  }
}



.duan .brxe-block:first-child{
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
    display: flex;
    align-content: space-between;
    flex-direction: column;
    justify-content: space-between;
}

.duan .brxe-block:first-child img{
  height: 100%;
}

.duan .brxe-template{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.duan h3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;	
}


@media all and (max-width: 991px) {

/* 	#h-duan .brxe-block:first-child{
		grid-row: auto;
		grid-column: auto;
	}
	
	
	#h-duan .brxe-block:first-child img{
	  height: auto;
	} */

}



.FQAs .tab-title{
	width: 100%;
    background-color: #ffffff;
    border: 1px dashed var(--preca-r);
    color: var(--preca-r);
}


/* ========= PROJECT ==========*/
.project-title{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	padding-bottom:0px !important;
	margin-bottom:1rem !important;
}