:root{
    --mau-chinh:#ff7a7a;
    --xanh-duong:#243259;
    --xanh-bien:#63ADF2;
    --xam:#706F6A;
    --hong-nhat:#FFE3E3;
    --viewport-height: 70rem;
    --viewport-height-m: 35rem;
    --perspective: 600px;
    --perspective-m: 400px;
    --block-offset: -18rem;
    --block-offset-m: -6rem;
}
@font-face {
    font-family: 'avo';
    src: url(../css/fonts/utm-avo.ttf);
    font-weight: 400;
}
@font-face {
    font-family: 'avo';
    src: url(../css/fonts/utm-avobold.ttf);
    font-weight:bold;
}
@font-face {
    font-family: 'avo';
    src: url(../css/fonts/utm-avobold_italic.ttf);
    font-weight:bold;
    font-style: italic;
}
@font-face {
    font-family: 'avo';
    src: url(../css/fonts/utm-avoitalic.ttf);
    font-style: italic;
}
* {margin: 0;padding: 0;}
html,body{overflow-x:hidden;margin: 0;padding: 0;max-width: 100%;box-sizing: border-box; height:auto; }
body.bricks-is-frontend {font-family: 'avo';font-size: 16px;overflow-x: hidden;font-weight: 400;}

.container {width: 100%;text-align: center;}

.logo{height:100px;display: inline-flex;justify-content: center;z-index:2; position:relative;}
.logo img {width: 100%;object-fit: cover;}

.logo-banner{margin-top: -20px;}
.ls-curved-carousel {position: relative; width: 100%; height:340px;transform-style: preserve-3d;overflow: hidden;z-index:2;mask-image: var(--fadeout);}
.ls-curved-carousel__stage {perspective: 1000px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.ls-curved-carousel__ring {position: absolute;width: 100%;height: 100%;transform-style: preserve-3d;}
.ls-curved-carousel__slide {position: absolute;width: 220px;height: 400px;transform-style: preserve-3d;border-radius: 16px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;}
.ls-curved-carousel__slide a { display:block; }
.ls-curved-carousel__media {width: 100%;height:auto;transition:all 1s ease-in-out;border-radius: 16px;position:relative; top:0; }
.ls-curved-carousel__media:hover { transform:translateY(-30%); }

.curved-edge {--c:20px;aspect-ratio: 2.5/3;mask: radial-gradient(60% var(--c) at bottom, #0000 calc(100% - 2px), #000);background: white;height:400px;width: 100%;position: absolute; top: 0; left: 0; z-index: 1;box-sizing:border-box; }
  
.text-menu-contact .bg-contact iframe {width: 100%;height: 300px;}
.text-menu-contact .sky-bar {height: 50px;background: linear-gradient(to right, #ddd, #eee);margin-top: 10px;}

.rainbow-container {position: relative;overflow: hidden;height: 70vh;margin-top: -150px;}
body.child .rainbow-container { height:300px; }

.rainbow-container .rainbow {position: absolute;top: 0;width: 0;height: 100vh;transform: rotate(10deg);transform-origin: top right;animation: slide linear infinite;
box-shadow:-80px 0 40px 20px white,-30px 0 30px 15px #60a5fa,0 0 30px 15px #e879f9,30px 0 30px 15px #5eead4,80px 0 40px 20px white;}
.rainbow:nth-child(1) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #60a5fa, 0 0 50px 25px #e879f9, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 44.1s linear infinite slide;animation-delay: -1.8s;}
.rainbow:nth-child(2) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #60a5fa, 0 0 50px 25px #5eead4, 50px 0 50px 25px #e879f9, 130px 0 80px 40px white;
  animation: 43.2s linear infinite slide;
  animation-delay: -3.6s;
}
.rainbow:nth-child(3) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #e879f9, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 42.3s linear infinite slide;
  animation-delay: -5.4s;
}
.rainbow:nth-child(4) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #e879f9, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 41.4s linear infinite slide;
  animation-delay: -7.2s;
}
.rainbow:nth-child(5) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #e879f9, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 40.5s linear infinite slide;
  animation-delay: -9s;
}
.rainbow:nth-child(6) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #e879f9, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 39.6s linear infinite slide;
  animation-delay: -10.8s;
}
.rainbow:nth-child(7) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #e879f9, 0 0 50px 25px #5eead4, 50px 0 50px 25px #60a5fa, 130px 0 80px 40px white;
  animation: 38.7s linear infinite slide;
  animation-delay: -12.6s;
}
.rainbow:nth-child(8) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #e879f9, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 37.8s linear infinite slide;
  animation-delay: -14.4s;
}
.rainbow:nth-child(9) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #5eead4, 0 0 50px 25px #e879f9, 50px 0 50px 25px #60a5fa, 130px 0 80px 40px white;
  animation: 36.9s linear infinite slide;
  animation-delay: -16.2s;
}
.rainbow:nth-child(10) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #e879f9, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 36s linear infinite slide;
  animation-delay: -18s;
}
.rainbow:nth-child(11) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #60a5fa, 0 0 50px 25px #5eead4, 50px 0 50px 25px #e879f9, 130px 0 80px 40px white;
  animation: 35.1s linear infinite slide;
  animation-delay: -19.8s;
}
.rainbow:nth-child(12) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #5eead4, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #e879f9, 130px 0 80px 40px white;
  animation: 34.2s linear infinite slide;
  animation-delay: -21.6s;
}
.rainbow:nth-child(13) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #5eead4, 0 0 50px 25px #e879f9, 50px 0 50px 25px #60a5fa, 130px 0 80px 40px white;
  animation: 33.3s linear infinite slide;
  animation-delay: -23.4s;
}
.rainbow:nth-child(14) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #60a5fa, 0 0 50px 25px #5eead4, 50px 0 50px 25px #e879f9, 130px 0 80px 40px white;
  animation: 32.4s linear infinite slide;
  animation-delay: -25.2s;
}
.rainbow:nth-child(15) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #5eead4, 0 0 50px 25px #e879f9, 50px 0 50px 25px #60a5fa, 130px 0 80px 40px white;
  animation: 31.5s linear infinite slide;
  animation-delay: -27s;
}
.rainbow:nth-child(16) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #60a5fa, 0 0 50px 25px #e879f9, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 30.6s linear infinite slide;
  animation-delay: -28.8s;
}
.rainbow:nth-child(17) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #e879f9, 0 0 50px 25px #5eead4, 50px 0 50px 25px #60a5fa, 130px 0 80px 40px white;
  animation: 29.7s linear infinite slide;
  animation-delay: -30.6s;
}
.rainbow:nth-child(18) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #5eead4, 0 0 50px 25px #e879f9, 50px 0 50px 25px #60a5fa, 130px 0 80px 40px white;
  animation: 28.8s linear infinite slide;
  animation-delay: -32.4s;
}
.rainbow:nth-child(19) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #5eead4, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #e879f9, 130px 0 80px 40px white;
  animation: 27.9s linear infinite slide;
  animation-delay: -34.2s;
}
.rainbow:nth-child(20) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #5eead4, 0 0 50px 25px #e879f9, 50px 0 50px 25px #60a5fa, 130px 0 80px 40px white;
  animation: 27s linear infinite slide;
  animation-delay: -36s;
}
.rainbow:nth-child(21) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #5eead4, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #e879f9, 130px 0 80px 40px white;
  animation: 26.1s linear infinite slide;
  animation-delay: -37.8s;
}
.rainbow:nth-child(22) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #60a5fa, 0 0 50px 25px #e879f9, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 25.2s linear infinite slide;
  animation-delay: -39.6s;
}
.rainbow:nth-child(23) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #5eead4, 0 0 50px 25px #60a5fa, 50px 0 50px 25px #e879f9, 130px 0 80px 40px white;
  animation: 24.3s linear infinite slide;
  animation-delay: -41.4s;
}
.rainbow:nth-child(24) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #e879f9, 0 0 50px 25px #5eead4, 50px 0 50px 25px #60a5fa, 130px 0 80px 40px white;
  animation: 23.4s linear infinite slide;
  animation-delay: -43.2s;
}
.rainbow:nth-child(25) {
  box-shadow: -130px 0 80px 40px white, -50px 0 50px 25px #60a5fa, 0 0 50px 25px #e879f9, 50px 0 50px 25px #5eead4, 130px 0 80px 40px white;
  animation: 22.5s linear infinite slide;
  animation-delay: -45s;
}

@keyframes slide {
  from {
    right: -25vw;
  }
  to {
    right: 125vw;
  }
}
.h {
  box-shadow: 0 0 50vh 40vh white;
  width: 100vw;
  height: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.v {
  box-shadow: 0 0 35vw 25vw white;
  width: 0;
  height: 100vh;
  bottom: 0;
  left: 0;
  position: absolute;
}

.slick-dots {
  list-style: none;
  display: flex !important;        /* nằm ngang */
  justify-content: center;         /* căn giữa */
  align-items: center;
  gap: 8px;                        /* khoảng cách giữa các chấm */
  padding: 20px 0;
  margin: 0;
}

/* Mỗi chấm */
.slick-dots li {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height:0;
}

/* Nút bên trong chấm */
.slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #FFF;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size:0;
  color:transparent;
}

/* Chấm đang active */
.slick-dots li.slick-active button {
  background: #000;  /* màu chấm active */
  border-color: #000;
}

/* Hover (tùy chọn) */
.slick-dots li button:hover {
  border-color: #555;
}

.menu-contact{position: absolute;left: 50%;transform: translate(-50%, -20px);z-index: 10;}

.menu-list {background: var(--mau-chinh);border-radius:5px;box-shadow:0 0 3px #BBB; }
.menu-list .nav-menu {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: row;padding: 10px;justify-content:space-between;align-items:end; }
.menu-list .nav-menu .nav-link { text-decoration: none;color: white;white-space:nowrap;display: flex;flex-direction: column;align-items: center; text-align:center; padding:0 10px; }
.menu-list .nav-menu .nav-link i { font-size: 1.5em; }
.menu-list .nav-menu .nav-link i.icon-attach_money { font-size:1.7em;  }
.menu-list .nav-menu .menu-text { font-size: 0.8em; margin-top: 4px; transition:all .3s ease; overflow:hidden; max-width:0; max-height:0; opacity:0; }
.menu-list .nav-menu .nav-link.show .menu-text { max-width:200px; max-height:100px; opacity:1; }

.arrow-down-wrapper a {display: inline-block;text-decoration: none;margin-top:20px;color: var(--xanh-bien);}

.contact-us{margin-top: 10px;display: flex;flex-direction: column;gap: 20px;}
.contact-us div{color: var(--mau-chinh);font-weight:bold;font-size: 1.4em;min-width: 300px;margin: 0 auto}
.contact-us .icon-social{display: flex; flex-direction: row;justify-content: space-between;}

.container.nhu-cau {background: #FFE3E3;text-align: left;position:relative;}

.nhu-cau .all-nhucau{padding-top: 10%;}

.title {font-size: 1.5em;font-weight:bold;color: var(--mau-chinh);padding: 10px;}
.phu {padding: 10px;margin-bottom: 20px;}

.slider-vertical { overflow: hidden;background-color: var(--mau-chinh);margin: 0 0 100px 0;padding-top: 10px; }
.slider-vertical .slide-item {position: relative;margin-right: 5px;}
.slide-item .img-nen {height: 255px;}
.slide-item .img-nen img {width: 100%;height: 100%;object-fit: cover;}
.slide-item .ovelay-nen {position: absolute;inset: 0;background-color: rgba(0, 0, 0, 0.3);transition: 0.3s ease;top: 0;}
.slide-item:hover .ovelay-nen {top: 100%;}
.slide-item .overlay-text {position: absolute;bottom: 12px;left: 10px;color: white;font-weight:bold;font-size: 2em;}

.hai-cot {display: flex;flex-direction: column;gap: 20px;margin-top: 40px;align-items: center;}

.hai-cot .cot-trai,.hai-cot .cot-phai {padding: 20px;}
.hai-cot .cot-trai {display: flex;flex-direction:row; gap:10px; justify-content: space-between; align-items:end; font-weight:bold; }
.hai-cot .cot-trai .card-nhucau {flex:1; text-align: center;color: var(--xanh-duong);gap: 10px;display: flex;flex-direction: column;}
.hai-cot .cot-trai .card-nhucau .anh-card{width:90%;height: auto; aspect-ratio:1/1;margin: 0 auto;}
.hai-cot .cot-trai .card-nhucau .anh-card img{width: 100%;height: 100%;object-fit: cover;}

.hai-cot .cot-phai .text-cotphai {line-height: 1.6;color: var(--xanh-duong);font-weight:bold;text-align: justify;}
.hai-cot .cot-phai .text-cotphai .span-text{margin-bottom: 10px;}

.hai-cot .cot-phai .text-cotphai #typing-text { margin-bottom:20px; }
.hai-cot .cot-phai .text-cotphai #typing-text .word { white-space:nowrap; }
.hai-cot .cot-phai .text-cotphai #typing-text .char { display:inline-block; transform: translateY(20px); opacity:0; }

.hai-cot .cot-phai .text-cotphai .nhu-cau-text { position:absolute; top:100%; left:0; width:100%; padding:20px; box-sizing:border-box; margin-top:10px; }

.container.experience{margin:170px auto 0; max-width:1200px;}
.experience .hai-cot .cot-trai { flex-direction:column; align-items:center; }

.logo-no-sub img {display: block;margin: 20px auto;}

.all-text-kn { display: flex;flex-direction:row;gap:20px;padding:0;margin-top:10px;font-size:.8rem;}
.all-text-kn .text-kn {color: var(--mau-chinh);flex:1;text-align:left; }
.all-text-kn .text-kn .chi-so {font-size: 3em;font-weight:bold;}
.all-text-kn .text-kn .chi-so sup {font-size: .9em;vertical-align: super;}
.all-text-kn .text-kn .text-cs {margin-top: 6px;color: black; white-space:nowrap; }

.us-vdesign {text-align: left;font-size: 1.4em;margin-bottom: 50px;margin-top: 50px;}
.cot-phai .us-vdesign { font-size:1.1em; margin-top:0; margin-bottom:30px; }
.us-vdesign .text-us {font-weight: 400;}
.us-vdesign .text-us-sub {font-weight:bold;margin-top: 8px;line-height: 1.5;color: var(--mau-chinh);text-align: justify;}
.us-vdesign .color-text-sub{color: var(--xanh-duong);}

.btn-thamkhao {display: flex;width: 100%;;background-color: var(--mau-chinh);color: #fff;text-decoration: none;font-weight:bold;border-radius: 6px;box-sizing:border-box;justify-content: center;padding: 10px 5px;font-size: 0.9em;}
.btn-thamkhao i {margin-left: 6px;}

.text-chu {display: flex;align-items: center;margin-top: 20px;color: var(--xanh-duong);font-size: .9em; font-weight:bold; text-align:left; }
.text-chu a { color:inherit; }
.text-chu img {width: 20px;height:auto;margin-right: 8px;flex-shrink: 0;}

.process {margin-bottom: 5%;margin-top: 5%; border-top: 1px solid var(--xanh-bien); padding-top:50px; }

.all-quytrinh { display: grid; grid-template-columns: repeat(1, 1fr); gap: 16px;}
.all-quytrinh .card-qt img { width:50px; height:auto; }

.card-qt {padding: 16px;text-align: center;}
.card-qt .text-qtrinh{color: var(--xanh-bien);font-size: 1.5em;margin-top: 10px;}
.card-qt .text-cs { font-size:.9em; margin-top:10px; }

.card-fan {display: flex;flex-direction: column;align-items: center;gap: 20px;max-width: 100%;margin: 0 auto;padding: 0;}

.pricing-card {position: relative;width: 90%;max-width: 320px;padding: 16px; background: #a4d1e5;font-size: 1em;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;text-align: center;transform: none;z-index: 1;}

.kc-banggia{margin-bottom: 1%;}
.color-banggia{margin-top: 5%;color: var(--xam);}

.pricing-card h2 {font-size: 1.2em;color: white;margin: 0 0 8px;padding: 0;}

.price { background: #d1eef5;padding: 6px 12px;display: inline-block;margin: 10px 0;font-size: 1em;}

.status {background-color: var(--mau-chinh, #007BFF);border: none;padding: 10px 16px;cursor: pointer;color: white;font-size: 1em;margin-bottom: 10px;}
.popup-overlay {display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.4);z-index: 999;display: flex;
align-items: center;justify-content: center;}

.popup-content {background: var(--mau-chinh);padding: 30px 40px;border-radius: 12px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);width: 90%;max-width: 400px;
position: relative;animation: fadeIn 0.3s ease;color: var(--hong-nhat);}

.close-btn {position: absolute;top: 10px;right: 15px;cursor: pointer;}

.container.bang-gia {background:var(--hong-nhat); height:auto; padding:50px 0; margin-top:50px;  }
.container.bang-gia .price-table { height:100%; background-color:#FFF; border:1px solid #eee; }
.container.bang-gia .price-table .table-title { padding:40px 20px 20px 0; background-color:var(--mau-chinh); }
.container.bang-gia .price-table .table-description { font-size: 0.8em; color: #FFF; padding-left:20px; box-sizing:border-box; line-height:1.3; margin-top: 8px; font-style: italic; }
.container.bang-gia .price-table h2 { padding-left:20px; color:#FFF; font-size:1.2em; }
.container.bang-gia .price-table .table-content { padding:20px 0; font-size:.9em; }
.container.bang-gia .price-table .table-content a { color:var(--mau-chinh); }
.container.bang-gia .price-table .price { background-color:#FFF; font-weight:bold; color:var(--xanh-bien); padding:5px 20px; }
.container.bang-gia .price-table .price span { font-size:.8em; font-weight:normal; }
.container.bang-gia .price-table ul { list-style-position:inside; }
.container.bang-gia .price-table ul li { margin-bottom:5px; padding:0 20px 10px; border-bottom:1px solid var(--hong-nhat); }
.container.bang-gia .price-table ul li::marker { color: #ff7a7a; font-size: 1.1em; }
.container.bang-gia .price-table .button { background-color:var(--xanh-bien); border-color:var(--xanh-bien); border-radius:0 5px 5px 0; }
.container.bang-gia .owl-carousel .owl-stage { display:flex; flex-direction:row; }
.container.bang-gia .owl-dots { text-align: center; display: flex; flex-direction: row; justify-content: center; gap: 5px; width: 100%; display:none; }
.container.bang-gia .owl-dots button { display:inline-block; background-color:#FFF; width:15px; height:15px; border-radius:100%; }


.form-group {margin-bottom: 20px;}
.form-group label {display: block;margin-bottom: 6px;font-weight:bold;text-align: left;}
.form-group input {width: 100%;padding: 10px;border: 1px solid #ddd;border-radius: 6px;}
.form-group input:focus { border-color: var(--xanh-bien); outline: none;}
.form-group .submit-btn {width: 100%;padding: 12px;background-color: var(--hong-nhat);color: black;border: none;border-radius: 6px;cursor: pointer;font-weight:bold;}

@keyframes fadeIn {from {opacity: 0;transform: translateY(-20px);} to {opacity: 1;transform: translateY(0);}}

.features {list-style: none;padding-left: 0;margin: 10px 0 0;text-align: left;}
.features li {margin-bottom: 8px;position: relative;padding-left: 16px;font-size: 0.95em;}
.features li::before {content: "•";position: absolute;left: 0;color: #555;}
.features .highlight {font-weight:bold;}

.inline-hotline {display: inline-block;text-decoration: none;background-color: var(--mau-chinh);padding: 3px 10px;border-radius: 5px;border: 1px solid var(--mau-chinh);color: #FFF!important; font-size: 0.95em;}

.pricing-card:hover {z-index: 10;}

.container.feeback{margin-top: 10%;margin-bottom: 10%;}
.feeback .slider-feeback {position: relative;width: 100%;max-width: 360px;margin: 0 auto;}
.feeback .slider-feeback .item-feeback {position: relative;}
.feeback .slider-feeback .item-feeback .img-slider {position: relative;}
.feeback .slider-feeback .item-feeback .img-slider img {width: 100%;height: auto;display: block;}
.feeback .slider-feeback .item-feeback .text-feeback {position: absolute;top: 8px;right: 20px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.6);;padding: 4px 8px;line-height: 1.2;
max-width: 70%;z-index: 2;background-color: white;display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
.feeback .slider-feeback .item-feeback .text-feeback img {display: none;}

.upside-down {transform: rotate(180deg);}

.slider-feeback .slick-dots {position: absolute;bottom:-15%;left: 50%;transform: translateX(-50%);z-index: 10;display: flex !important;justify-content: center;
align-items: center;gap: 8px;padding: 0;margin: 0;list-style: none;}
.slider-feeback .slick-dots li button {font-size: 0;border: none;background: transparent;outline: none;cursor: pointer;}
.slider-feeback .slick-dots li button:before {content: '•';font-size: 50px;color: var(--hong-nhat);opacity: 0.7;}
.slider-feeback .slick-dots li.slick-active button:before {color: var(--mau-chinh);opacity: 1;}

.kc-bottom {margin-bottom: 40px; display:none;}

.blog-vdesign {text-align: left; background-color: var(--mau-chinh); }
.blog-vdesign .boundary { width:100%; max-width:1300px; padding:30px 0;  }
.blog-vdesign .title { color:#FFF; margin:20px 0 10px; padding:0 20px; }
.blog-vdesign .all-blog {display: flex; flex-direction: column; gap: 0; padding: 20px;width:100vw;}
.blog-vdesign .all-blog .img-blog {position: relative;}
.blog-vdesign .all-blog .img-blog .title { color:#FFF; margin-bottom:20px; }
.blog-vdesign .all-blog .img-blog img { width: 100%; height: auto;}
.blog-vdesign .all-blog .img-blog .img-label {position: absolute;bottom: -32px;right:10px;color: white;padding: 5px 10px;background-color: #D86A6A;border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;}
.blog-vdesign .all-blog .img-blog .img-label a { color:inherit; }
.blog-vdesign .all-blog .content-blog {background-color: var(--hong-nhat);padding:20px 20px 200px; }
.blog-vdesign .all-blog .content-blog .title { padding:0; margin-top:20px; color:var(--mau-chinh); }
.blog-vdesign .all-blog .content-blog a { color:inherit; }
.blog-vdesign .all-blog .content-blog .description {line-height: 1.5;margin-bottom: 30px;}
.blog-vdesign .all-blog .content-blog .btn-add {display: inline-flex;gap: 8px;text-decoration: none;color: black;align-items: center;}
.blog-vdesign .all-blog .content-blog .btn-add i { display: inline-block; width: 40px; height: 40px; background-color: #FFF; line-height: 40px; text-align: center; color: var(--mau-chinh); font-size: 1.8em; margin-right: 10px; }
.blog-vdesign .all-blog .content-blog .btn-add img{padding: 5px;background-color: white;}

.news{background-color:var(--mau-chinh);}
.news .boundary { width:calc(100% - 40px); max-width:1500px; position:relative; }
.news .section-title{ margin-bottom:1em }
.news .c-block { margin-bottom:30px; }
.news .c-content { background-color:var(--hong-nhat); padding:10px; }
.news .c-title { color:var(--mau-chinh); margin:10px 0 5px;  }
.news .c-description { color:#000; font-size:.8em; }
.news .c-title a {color:inherit}
.news .c-title:first-child{margin-top:unset}
.news .square-image:before{padding-top:50%}

.slider-blog {position: relative;}
.slider-blog .slick-dots {position: absolute;bottom: 100px;left: 50%;transform: translateX(-50%);display: flex !important;justify-content: center;gap: 2px;z-index: 2;
list-style: none;padding: 0;margin: 0;}
.slider-blog .slick-dots li { width:auto; height:auto; }
.slider-blog .slick-dots li button { display:inline-block; width:30px; height:30px; background-color:#FFF; border:0; border-radius:0; transform: skew(-25deg); margin:0 3px; }
.slider-blog .slick-dots li.slick-active button { background-color:var(--mau-chinh); transform: skew(0); margin:0 10px; }
.slider-blog .slick-arrow {position: absolute;bottom:100px;z-index: 2;background: none;color: white;border: none;}
.slider-blog .slick-prev {left: 30px;}
.slider-blog .slick-next {right: 30px;} 

.footer{background-color:var(--mau-chinh);color:#FFF;padding:3em 0 2em;line-height:1.3em}
.footer a{color:inherit}
.footer .footer-bct img { width:150px; height:auto; }
.footer .col{text-align:left}
.footer .f-logo{text-align:center}
.footer h3 { margin-bottom:20px; }
.footer .f-title{font-size:1.3em;font-weight:bold;margin-top:0;margin-bottom:2em;text-align:center}
.footer ul{margin:0;padding:0 20px 0}
.footer ul li{margin-bottom:10px}
.footer .contact ul{list-style-type:none;padding:0}
.footer .contact ul i{font-size:1.8em;display:inline-block;vertical-align:middle;width:30px}
.footer .contact ul i.icon-envelope{font-size:1.2em}
.footer .contact ul li span{width:75%;display:inline-block;vertical-align:middle}
.footer .contact ul li label{margin:10px 0 5px}
.footer .contact .f-hotline{font-size:1.5em;display:inline-block;vertical-align:middle}
.footer .map {padding-top:2em}
.footer .map .table .col:last-child { padding-top:30px; }
.footer .page-description{font-size:.9em;font-style:italic;padding:10px;background-color:var(--hong-nhat);border:1px solid #DDD;border-radius:10px;color:#333;margin-top:30px;}
.footer .dmca-icon{display:block;margin-top:25px;}
.copyright{background-color:#d76a6a;color:#FFF;font-size:.8em;padding:10px 0; }
.copyright a{color:inherit;font-weight:bold}


.holographic-card {
  width: 100%;
  height: 100%;
  align-items: center;
  position: absolute;
  overflow: hidden;
  transition: all 0.5s ease;
  top:0;
  left:0;
  z-index:5;
}

.holographic-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient( 0deg, transparent, transparent 30%, rgba(0,255,255,0.7) );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}

@media (min-width: 768px) {
	body.child .rainbow-container { height:500px; margin-top:-160px; }
	
	.logo { height:150px; }
	.rainbow-container { height:50vh; }
	.ls-curved-carousel{height:300px;z-index: 2;}
	
	.curved-edge { --c:70px;height:500px; }

	.title { padding-bottom:0; }
	.nhu-cau .all-nhucau { padding-top:130px; }
	.all-nhucau .hai-cot { align-items:end; }
	.all-nhucau .hai-cot .cot-trai { font-size:.6em; }
	.all-nhucau .hai-cot .cot-trai, .all-nhucau .hai-cot .cot-phai { padding-bottom:15px; }
	.hai-cot .cot-trai .card-nhucau { position:relative; }
	.hai-cot .cot-trai .card-nhucau .card-text { position:absolute; top:100%; left:50%; transform:translate(-50%, 30px); white-space:nowrap; }
	
	.experience { margin-top:250px; }
	.experience .hai-cot .cot-trai { align-items:start; padding-right:0; }
	.us-vdesign .text-us-sub { line-height:1.3em; }
	.btn-thamkhao { margin-bottom:20px; }
	.text-chu { margin-top:10px; }
	
	.process { margin-top:0; }
	
	.slider-vertical { margin-bottom:50px; }
	.hai-cot { flex-direction:row; }
	
	.hai-cot .cot-phai .text-cotphai #typing-text { margin-bottom:0; }
	.hai-cot .cot-phai .text-cotphai .nhu-cau-text { left:unset; right:0; width:50%; padding-left:30px; padding-top:10px; margin-top:0; }
	.hai-cot .cot-trai .card-nhucau .anh-card { width:80%; }

	.menu-list .nav-menu {gap: 20px;padding:10px 20px; align-items:center; }
	.menu-list .nav-menu .nav-link{padding: unset;}
	.menu-list .nav-menu .nav-link i{display: none;font-size:1.2em;}
	.menu-list .nav-menu .menu-text {display: flex;opacity:1;max-width:unset;max-height:unset;margin:0;}

	.nav-menu li:first-child .nav-link i {display: block;}
	.nav-menu li:first-child .menu-text{display: none;} 

	.menu-contact { transform: translate(-50%, 30px); }

	.title{font-size: 2em;}

	.container.bang-gia { padding-bottom:150px; }
	.container.bang-gia .price-table .title { margin-bottom:20px; }

	.hai-cot .cot-trai, .hai-cot .cot-phai {width: 50%;}
	.all-nhucau .hai-cot .cot-trai{flex-direction: row;}

	.all-text-kn {flex-direction: row;justify-content: space-between;width:100%; }
	.experience .hai-cot { align-items:start; }
	.experience .hai-cot .cot-trai .logo-no-sub img{margin: unset;width:120px;}
	.experience .hai-cot .cot-phai { margin-top:110px; }

	.news .c-blocks { display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; padding:50px 0 20px; }
	.news .c-block { flex:1 1 calc(50% - 10px); display:flex; flex-direction:column; margin-bottom:0; }
	.news .c-block .c-content { flex:1; }
	.news .view-more { text-align:center; padding-bottom: 50px; border-bottom: 1px solid var(--hong-nhat); }
	.news .button { width:200px; background-color:var(--xanh-bien); border-color:var(--xanh-bien); }

	.all-quytrinh {max-width: 1200px;margin: 0 auto;grid-template-columns: repeat(2, 1fr);}

	.slider-feeback {max-width: none !important;}

	.feeback .slider-feeback .item-feeback .img-slider{width: 70%;}

	.feeback .slider-feeback .item-feeback .text-feeback{top: 7%;width: 300px;right: 1%;height: 60%;}
	.feeback .slider-feeback .item-feeback .text-feeback img{display: inline-block;margin-top: -64px;}

	.blog-vdesign .boundary { padding:0; position:relative; }
	.blog-vdesign .boundary > .title { position:absolute; top:0; left:40%; z-index:1; color:var(--mau-chinh); }
	.blog-vdesign .all-blog {flex-direction: row; align-items: start; gap: 0;padding: 0;position: relative;overflow: visible;}
	.blog-vdesign .all-blog .img-blog {width: 45%;position: absolute;z-index: 2;margin-left: 10%; margin-top:100px; }
	.blog-vdesign .all-blog .content-blog {display: flex;flex-direction: column;justify-content: center;width: 60%;position: relative; z-index: 1;left: 40%;box-sizing: border-box; padding:100px 0;  }
	.blog-vdesign .all-blog .content-blog .canh-trai-nd{margin-left: 30%;width: 60%;}
	.blog-vdesign .all-blog .content-blog .title { font-size:1.2em; margin-top:0; }

	.slider-blog .slick-dots,.slider-blog .slick-arrow{bottom: 30px;}
	.slider-blog .slick-arrow { display:none!important; }
	.slider-blog .slick-dots { transform:unset; }
	.slider-blog .slick-prev {left: 45%;}
	.slider-blog .slick-next {right: 30%;}

	.slider-blog .slick-dots li button { width:20px; height:20px; line-height:20px; margin:0 2px; }
	.slider-blog .slick-dots li.slick-active button { margin:0 7px; }

  
	.footer .f-title{ padding-bottom:1em;font-size:1.5em; }
	.footer .dmca-icon{display:inline-block;margin-left:20px;vertical-align:top;}
	.copyright{padding:10px 0}
}
@media(min-width:996px){
	.menu-contact { transform:translate(-50%, 10px); }
	.rainbow-container { height:500px; }
	.arrow-down-wrapper a { height:60px; }
	.arrow-down-wrapper a img { width:auto; height:100%; }
	
	.all-nhucau .hai-cot .cot-trai { font-size:.8em; }
	.hai-cot .cot-trai .card-nhucau .anh-card { width:70%; }
	
	.all-text-kn { font-size:1rem; }
	.experience .hai-cot .cot-trai .logo-no-sub img { width:160px; }
	
	.container.experience { margin:300px auto 50px; }
	.experience .hai-cot .cot-trai{margin-bottom:30px;}
	
	.text-chu { font-size:1em; align-items:end; }
	.text-chu img { width:30px; margin-right:15px; }
	
	.cot-phai .us-vdesign { font-size:1.5em; }
	.btn-thamkhao{width: 90%;margin-bottom: 40px}

	.feeback { max-width: 1200px;margin: 0 auto;}
	.feeback .slider-feeback .item-feeback .text-feeback {right: 4%;}
	
	.blog-vdesign .all-blog .img-blog { width:40%; }
	.blog-vdesign .all-blog .content-blog { padding:100px 0 150px; }
	.blog-vdesign .all-blog .content-blog .canh-trai-nd { margin-left:25%; width:65%; }
	
	.footer .f-title{border-bottom:unset;padding-bottom:unset;font-size:1.5em}
	.footer .f-logo,.footer .f-title{text-align:left}
	.footer .map{padding-top:8.5em}
}
@media(min-width:1200px){
  .container .logo{z-index: 3;position: relative;}
  
	.ls-curved-carousel { height:400px; }
  .curved-edge { --c:110px;height:580px; }
  
  .title { font-size:3em; }

  .menu-list .nav-menu .menu-text { font-size:1em; }
  .menu-contact { transform:translate(-50%, 40px); }
  
  .slider-vertical { margin-top:30px; }

  .all-nhucau::before{height: 103px;}
  .hai-cot .cot-trai {margin-top: -87px;}
  
  .all-nhucau .hai-cot .cot-trai { font-size:1em; }
  .hai-cot .cot-trai .card-nhucau .anh-card { width:100px; }

	.container.bang-gia .title { margin-bottom:.5em; }
	.container.bang-gia .price-table h2 { padding-left:10px; }
	.container.bang-gia .price-table .price { padding:5px 10px; }
	
	.news .c-blocks { display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; justify-content:start; }
	.news .c-blocks .c-block { width:calc(25% - 7.5px); margin:0!important; }

  .card-fan {flex-direction: row;justify-content: center;align-items: flex-end;position: relative;perspective: 1000px; gap: 0;}

  .pricing-card {transform-origin: bottom center;transition: transform 0.3s ease, z-index 0.3s ease;margin: 0 -86px;}
  .pricing-card:nth-child(1) {transform: rotate(-15deg) translateY(20px); z-index: 4;}
  .pricing-card:nth-child(2) {transform: rotate(-5deg) translateY(10px);z-index: 3;}
  .pricing-card:nth-child(3) {transform: rotate(5deg) translateY(10px);z-index: 2;}
  .pricing-card:nth-child(4) {transform: rotate(15deg) translateY(20px);z-index: 1;}
  .pricing-card:hover {transform: scale(1.05) translateY(0) rotate(0deg) !important;z-index: 10;}

  .all-quytrinh{grid-template-columns: repeat(3, 1fr);}

  .feeback .slider-feeback .item-feeback .text-feeback {right: 8%;}
  
  .blog-vdesign .boundary { max-width:unset; }
  .blog-vdesign .all-blog .content-blog { padding:250px 0 300px; }
  .blog-vdesign .all-blog .content-blog .title { font-size:1.5em; }
  .blog-vdesign .all-blog .img-blog { margin-top:230px; }
  .slider-blog .slick-dots, .slider-blog .slick-arrow { bottom:150px; }
  
  .container.nhu-cau .title, .container.nhu-cau .phu, .all-nhucau .hai-cot { max-width:1200px; margin:0 auto; }
  .all-nhucau .hai-cot .cot-phai { position:relative; }
  .all-nhucau .hai-cot .cot-trai { padding-left:0; }
  .all-nhucau .hai-cot .nhu-cau-text { width:100%!important; padding-left:20px!important; }
  
  .experience .hai-cot .cot-phai { margin-top:50px; }
  
  .news .c-block { flex: 1 1 calc(25% - 10px); }
  
  .blog-vdesign .boundary > .title { margin-top:70px; }
  
  .footer { padding:100px 0; }
  .footer .boundary { width:96%; max-width:1500px; }
}
@media(min-width:1500px){
  .curved-edge { --c:170px;height:650px; }
  .blog-vdesign .all-blog .content-blog { padding:200px calc(60% - 900px) 300px 0; }
  .blog-vdesign .all-blog .content-blog .canh-trai-nd { margin-left:200px; }
  .blog-vdesign .all-blog .img-blog { padding-left:calc(40% - 600px); margin-left:0; margin-right:-100px; box-sizing:border-box; margin-top:250px; }
  .blog-vdesign .all-blog .img-blog img { width:120%; }
  .blog-vdesign .boundary > .title { margin-left:50px; }
  
  .slider-blog .slick-dots li button { width:30px; height:30px; line-height:30px; margin:0 5px; }
  
  
	.container.bang-gia { padding:100px 0 250px; }
	.container.bang-gia .boundary { max-width:1500px; }
	.container.bang-gia .price-table h2 { padding-left:20px; }
	.container.bang-gia .price-table .price { padding:5px 20px; }
  
  .blog-vdesign .boundary > .title { margin-top:70px; }
  .blog-vdesign .all-blog .content-blog { padding:320px 0 450px; }
  
  .news .c-blocks { gap:20px; }
  .news .c-block { flex: 1 1 calc(25% - 20px); }
}
@media(min-width:1700px){
    .rainbow-container{margin-top: -120px;}
}
@media(min-width:2000px) {
	.ls-curved-carousel { height:500px; }
  .curved-edge { --c:300px;height:840px; }
}