update

assets/script/style.css

@@ -0,0 +1,202 @@
+:root {
+  --color-blue: #0f5edd;
+  --text-green: #00c75d;
+}
+
+::-webkit-scrollbar-track {
+  background-color: #f5f5f5;
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar {
+  width: 7px;
+  background-color: #fff;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #00112b;
+  border-radius: 20px;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.7, #00112b), color-stop(0.5, transparent), to(transparent));
+}
+
+body {
+  font-family: "Roboto", sans-serif;
+  font-size: 14px;
+  background: #fcfcfc;
+  max-width: 1920px;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  justify-content: space-between;
+}
+
+html {
+  font-family: "Roboto", sans-serif;
+}
+
+.clearfix::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+.container {
+  max-width: 1200px !important;
+  margin: 0 auto;
+}
+
+.icon_2025 {
+  display: block;
+  background: url(../images/icon_2025.png) no-repeat;
+  background-size: 92px 82px;
+}
+.icon_2025.checkbox {
+  width: 18px;
+  height: 23px;
+  background-position: 0 0;
+}
+.icon_2025.boxreview {
+  width: 18px;
+  height: 23px;
+  background-position: -34px 0;
+}
+.icon_2025.cart {
+  width: 23px;
+  height: 23px;
+  background-position: -68px 0;
+}
+.icon_2025.up {
+  width: 22px;
+  height: 22px;
+  background-position: 1px -29px;
+}
+.icon_2025.thuhut {
+  width: 22px;
+  height: 22px;
+  background-position: -34px -29px;
+}
+.icon_2025.tietkiem {
+  width: 22px;
+  height: 22px;
+  background-position: -69px -29px;
+}
+.icon_2025.up-sale {
+  width: 22px;
+  height: 22px;
+  background-position: 1px -58px;
+}
+.icon_2025.setting {
+  width: 22px;
+  height: 22px;
+  background-position: -33px -58px;
+}
+.icon_2025.support {
+  width: 24px;
+  height: 24px;
+  background-position: -68px -60px;
+}
+
+.homepage .banner {
+  background: url(../images/background-banner.jpg) no-repeat;
+  background-size: 100% 100%;
+  min-height: 920px;
+}
+.homepage .background-tamnhin {
+  background: url(../images/background-tamnhin.jpg) no-repeat;
+  background-size: 100% 100%;
+  background-position: center;
+}
+
+.effect-image {
+  position: relative;
+  overflow: hidden;
+}
+
+.effect-image:before {
+  position: absolute;
+  top: 0;
+  left: -100%;
+  z-index: 2;
+  display: block;
+  content: "";
+  width: 50%;
+  height: 100%;
+  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
+  transform: skewX(-25deg);
+  cursor: pointer;
+}
+
+.effect-image:hover:before {
+  animation: image 1.1s;
+}
+
+@keyframes image {
+  100% {
+    left: 125%;
+  }
+}
+.breadcrumb li:last-child i {
+  display: none;
+}
+
+.breadcrumb li a span:hover {
+  color: var(--color-blue);
+  font-weight: bold;
+}
+
+.background-pricing {
+  background: url(../images/background-pricing.png) no-repeat;
+  background-size: 100% 100%;
+  background-position: center center;
+}
+
+.content-compare li {
+  margin-bottom: 10px;
+  position: relative;
+  padding-left: 15px;
+  color: #5d5d69;
+}
+.content-compare li::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 7px;
+  width: 5px;
+  height: 5px;
+  background: #000;
+  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
+}
+
+.background-free {
+  background: url(../images/background-banner.jpg) no-repeat;
+  background-size: 100% 100%;
+  min-height: 640px;
+}
+
+.form-input label::before {
+  position: absolute;
+  content: "*";
+  right: -10px;
+  top: -3px;
+  color: red;
+}
+
+.form-select select:focus {
+  outline: none;
+}
+.form-select option {
+  padding: 0 10px;
+}
+.form-select label::before {
+  position: absolute;
+  content: "*";
+  right: -10px;
+  top: -3px;
+  color: red;
+}
+
+.page-login {
+  background: url(../images/background-login.jpg) no-repeat;
+  background-size: 100% 100%;
+  background-position: center;
+}/*# sourceMappingURL=style.css.map */