:root{
    --mau-chinh:#FF6F61;
    --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(../fonts/UTM\ Avo.ttf);
    font-weight: 400;
}
@font-face {
    font-family: 'avo';
    src: url(../fonts/UTM\ AvoBold.ttf);
    font-weight: 700;
}
@font-face {
    font-family: 'avo';
    src: url(../fonts/UTM\ AvoBold_Italic.ttf);
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'avo';
    src: url(../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;}
body.bricks-is-frontend {font-family: 'avo';font-size: 16px;overflow-x: hidden;overflow-y: hidden;font-weight: 400;}

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

.logo{height: 150px;display: inline-flex;justify-content: center;}
.logo img {width: 100%;object-fit: cover;}

.logo-banner{margin-top: -20px;}
.ls-curved-carousel {position: relative; width: 100%; height: 400px;transform-style: preserve-3d;overflow: hidden;z-index: 1;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__media {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease-in-out;border-radius: 16px;}
.ls-curved-carousel__media:hover {transform: scale(1.05);}

.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;}
.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;
}

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

.menu-list {background: var(--mau-chinh);border-radius: 18px;}
.menu-list .nav-menu {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: row;padding: 10px;justify-content: center;align-items: center;}
.menu-list .nav-menu .nav-link {padding: 12px;text-decoration: none;color: white;white-space:nowrap;display: flex;flex-direction: column;align-items: center;text-align: center;}
.menu-list .nav-menu .nav-link i {font-size: 1.5em;margin-right: 8px;}
.menu-list .nav-menu .menu-text { display: none;font-size: 0.8em;margin-top: 4px;}
.menu-list .nav-menu .nav-link.show .menu-text {display: inline;}

.arrow-down-wrapper a {display: inline-block;text-decoration: none;font-size: 5em;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: 700;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;}

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

.title {font-size: 1.3em;font-weight: 700;color: var(--mau-chinh);padding: 10px;}
.phu {padding: 10px;margin-bottom: 20px;}
.kc-daudong{margin-left:10%}

.slider-vertical {overflow: hidden;background-color: var(--mau-chinh);margin: 0 0 100px 0;padding-top: 10px;height: 300px;}
.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: 700;font-size: 2em;}

.container.experience{margin-top: 10%;}

.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: column;gap: 30px;justify-content: space-between;}
.hai-cot .cot-trai .card-nhucau{text-align: center;color: var(--xanh-duong);gap: 10px;display: flex;flex-direction: column;}
.hai-cot .cot-trai .card-nhucau .anh-card{width: 127px;height: 130px;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: 700;text-align: justify;}
.hai-cot .cot-phai .text-cotphai .span-text{margin-bottom: 10px;}
.hai-cot .cot-phai .text-cotphai span span {opacity: 0;color: transparent;display: inline-block;transition:opacity 0.6s ease,color 0.6s ease,transform 0.6s ease;
margin-right: 4px;transform: translateY(10px);}
.hai-cot .cot-phai .text-cotphai span span.show {opacity: 1;color: var(--xanh-duong);transform: translateY(0);}

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

.all-text-kn { display: flex;flex-direction: column;gap: 16px;padding: 0 16px;margin-top: 20px;}
.all-text-kn .text-kn {color: var(--mau-chinh);}
.all-text-kn .text-kn .chi-so {font-size: 3em;font-weight: 700;}
.all-text-kn .text-kn .chi-so sup {font-size: 1em;vertical-align: super;}
.all-text-kn .text-kn .text-cs {margin-top: 6px;color: black;}

.us-vdesign {text-align: left;font-size: 1.7em;margin-bottom: 50px;margin-top: 50px;}
.us-vdesign .text-us {font-weight: 400;}
.us-vdesign .text-us-sub {font-weight: 700;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: 700;border-radius: 6px;
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: 10px;color: var(--xanh-duong);font-size: 1.2em;}
.text-chu img {width: 30px;height: 30px;margin-right: 8px;flex-shrink: 0;}

.process{margin-bottom: 5%;margin-top: 5%;}

.all-quytrinh { display: grid; grid-template-columns: repeat(1, 1fr); gap: 16px;}

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

.container.bang-gia {position: relative;overflow: hidden;z-index: 0;background-image: url(../img/bg-bang-gia.png);
background-size: cover;background-position: center;background-repeat: no-repeat;}

.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;}


.form-group {margin-bottom: 20px;}
.form-group label {display: block;margin-bottom: 6px;font-weight: 700;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: 700;}

@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: 700;}

.inline-hotline {display: inline-block;text-decoration: none;background-color: #F00;padding: 3px 10px;border-radius: 5px;border: 1px solid #F00;color: #FFF;
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;}

.blog-vdesign{text-align: left;}
.blog-vdesign .all-blog {display: flex; background-color: var(--mau-chinh); flex-direction: column; gap: 36px; padding: 20px;width:100vw;}
.blog-vdesign .all-blog .img-blog {position: relative;}
.blog-vdesign .all-blog .img-blog img { width: 100%; height: auto;}
.blog-vdesign .all-blog .img-blog .img-label {position: absolute;bottom: -30px;right: 0;color: white;padding: 5px 10px;background-color: #D86A6A;border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;}
.blog-vdesign .all-blog .content-blog {background-color: var(--hong-nhat);padding: 20px;height: 60vh}
.blog-vdesign .all-blog .content-blog .description {line-height: 1.5;margin-bottom: 15px;}
.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 img{padding: 5px;background-color: white;}

.slider-blog {position: relative;}
.slider-blog .slick-dots {position: absolute;bottom: 40px;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 {height: 35px;}
.slider-blog .slick-dots li button {font-size: 0;width: 100%;height: 100%;background-size: cover;background-position: center;border: none;padding: 0;display: block;
background-color: transparent;}
.slider-blog .slick-dots li button:before {display: none;}
.slider-blog .slick-dots li button {background-image: url('../img/dots.png');width: 50px;}
.slider-blog .slick-dots li.slick-active button {background-image: url('../img/dots-active.png');width:35px;}
.slider-blog .slick-arrow {position: absolute;bottom: 40px;z-index: 2;background: none;color: white;border: none;}
.slider-blog .slick-prev {left: 30px;}
.slider-blog .slick-next {right: 30px;} 

#backToTop {position: fixed;bottom: 30px;right: 30px;width: 45px;height: 45px;background-color: var(--hong-nhat);color: var(--mau-chinh);border: none;
border-radius: 50%;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);cursor: pointer;z-index: 1000;display: flex;align-items: center;justify-content: center;
font-size: 2em;}
#backToTop i {pointer-events: none;}

footer{background-color: var(--mau-chinh);color: white;text-align: center;padding-top: 5%;}
footer .logo-ft {font-weight: 700;font-size: 1.5em;margin-bottom: 50%;}
footer .ft-bottom {background-color: #D86A6A;}
@media (min-width: 768px) {
  .ls-curved-carousel{height: 500px;z-index: 2;}

  .menu-list .nav-menu{gap: 20px;padding: 5px;}
  .menu-list .nav-menu .nav-link{padding: unset;}
  .menu-list .nav-menu .nav-link i{display: none;}
  .menu-list .nav-menu .menu-text {display: flex;}

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

  .title{font-size: 2em;}

  .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;}
  .experience .hai-cot .cot-trai .logo-no-sub img{margin: unset;}

  .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 .all-blog {flex-direction: row; align-items: center; gap: 0;padding: 0;position: relative;overflow: visible;}
  .blog-vdesign .all-blog .img-blog{width: 40%;position: absolute;z-index: 2;margin-left: 10%;}
  .blog-vdesign .all-blog .content-blog{height: 70vh;display: flex;flex-direction: column;justify-content: center;width: 60%;position: relative;
    z-index: 1;left: 40%;box-sizing: border-box}
  .blog-vdesign .all-blog .content-blog .canh-trai-nd{margin-left: 15%;width: 60%;}

  .slider-blog .slick-dots,.slider-blog .slick-arrow{bottom: 10px;}
  .slider-blog .slick-prev {left: 30%;}
  .slider-blog .slick-next {right: 30%;}
}
@media(min-width:996px){
  .all-nhucau {position: relative;overflow: hidden;z-index: 10;}
  .all-nhucau::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 130px; background-color: white;z-index: 0;}

  .hai-cot{display: flex;flex-direction: row;justify-content: space-between;max-width: 1300px;margin: 0 auto;position: relative;z-index: 1;}
  .hai-cot .cot-trai{margin-top: -68px;}
  
  .experience .hai-cot .cot-trai{margin-bottom: 10%;}
  .btn-thamkhao{width: 90%;margin-bottom: 40px}

  .feeback { max-width: 1200px;margin: 0 auto;}
  .feeback .slider-feeback .item-feeback .text-feeback {right: 4%;}
}
@media(min-width:1200px){
  .container .logo{z-index: 3;position: relative;}

  .curved-edge {--c: 130px;aspect-ratio: 2.5/3;mask: radial-gradient(60% var(--c) at bottom, #0000 calc(100% - 2px), #000);background: white;
  border: 9px solid white;height: 660px;width: 100%;position: absolute; top: 0; left: 0; z-index: 1;}

  .all-nhucau::before{height: 103px;}
  .hai-cot .cot-trai {margin-top: -87px;}

  .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 .all-blog .content-blog .canh-trai-nd {margin-left: 20%;}
  .blog-vdesign .all-blog .content-blog{height: 100vh;}
  .blog-vdesign .all-blog .content-blog .title-blog{margin-top: -20%;margin-bottom: 9%;}
}
@media(min-width:1500px){
  .curved-edge{--c: 135px; mask: radial-gradient(50% var(--c) at bottom, #0000 calc(100% - 2px), #000);}
}
@media(min-width:1700px){
    .rainbow-container{margin-top: -120px;}
}
@media(min-width:1800px) {
  .curved-edge {--c: 130px;}
}