::-webkit-scrollbar{width:5px;height:5px;background:linear-gradient(180deg,#fe2f05 0,#fe2f05 50%,#fe2f05 100%)}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-track{background-color:#c3c3c3}
::-webkit-scrollbar-track-piece{background-color:#f5f5f5}
::-webkit-scrollbar-thumb{height:50px;background:linear-gradient(180deg,#fe2f05 0,#fe2f05 50%,#fe2f05 100%)}
::-webkit-scrollbar-corner{background-color:#f5f5f5}
.label-package input[type="radio"]:checked ~ div{--tw-translate-y:-1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 0 15px #ff0303;border-color:#ff0303!important}
.nina-detail-content a{color:#1956ff}
.nina-detail-content a:hover{color:#cb2504}
.animate-border{position:relative;display:block;width:115px;height:3px;overflow:hidden}
.animate-border:after{position:absolute;content:"";width:35px;height:3px;left:15px;bottom:0;border-left:10px solid #fff;border-right:10px solid #fff;-webkit-animation:animborder 2s linear infinite;animation:animborder 2s linear infinite}
.nina-image-top img{width:100%}
@-webkit-keyframes animborder{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(113px);transform:translateX(113px)}}
@keyframes animborder{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(113px);transform:translateX(113px)}}
.mouse-cursor{position:fixed;left:0;top:0;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);visibility:hidden}
.cursor-inner{margin-left:-2px;margin-top:-2px;width:6px;height:6px;z-index:10000001}
.cursor-inner:before{content:"";position:absolute;left:50%;top:50%;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:6px;background-color:#fe2f05;-webkit-transition:width 0.3s ease-in-out,height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out;-o-transition:width 0.3s ease-in-out,height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:width 0.3s ease-in-out,height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out}
.cursor-inner.cursor-hover{margin-left:-40px;margin-top:-40px;width:80px;height:80px}
.cursor-inner.cursor-hover:before{width:80px;height:80px;border-radius:16px;background-color:#fe2f05;opacity:0.3}
.cursor-outer{margin-left:-19px;margin-top:-19px;width:40px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10000000;opacity:0.5;-webkit-transition:all 0.08s ease-out;-o-transition:all 0.08s ease-out;transition:all 0.08s ease-out}
.cursor-outer:before{content:"";transform:rotate(45deg);position:absolute;border-radius:12px;width:40px;height:40px;border:1px solid #fe2f05;-webkit-box-sizing:border-box;box-sizing:border-box}
.cursor-outer.cursor-hover{opacity:0}
.nina-btn-cart{position:relative;border-radius:0.375rem;background-color:rgb(23 121 3 / 1);padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:1rem;line-height:1.5rem;color:rgb(255 255 255 / 1);transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:300ms}
.nina-btn-cart::before{position:absolute;top:0;left:0;right:0;bottom:0;transform-origin:50%;border-radius:0.375rem;background-color:rgba(0,0,0,0.04);transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:500ms;transition-timing-function:cubic-bezier(0,0,0.2,1);content:""}
.nina-icon-btn-cart{position:absolute;top:9px;left:0.75rem;display:flex;height:30px;width:30px;transform:translateX(-100%);align-items:center;justify-content:center;border-radius:9999px;background-color:rgb(255 255 255 / 1);color:rgb(23 121 3 / 1);opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:300ms}
.nina-btn-cart:hover{padding-left:3.1rem}
.nina-btn-cart:hover .nina-icon-btn-cart{transform:translateX(0px);opacity:1}
.nina-btn-priceQuote{position:relative;border-radius:0.375rem;background-color:rgb(76 117 207 / 1);padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:1rem;line-height:1.5rem;color:rgb(255 255 255 / 1);transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:300ms}
.text-red{color:#ff0000}
.btn-ani{position:relative;transition:all 0.6s;overflow:hidden}
.btn-ani:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.04);transform:scaleX(0);transform-origin:50%;transition:all 0.3s ease-out}
.btn-ani:hover:before{transform:scaleX(1)}
.frame-info-domain table{width:100%;border-collapse:collapse}
.frame-info-domain table th,.frame-info-domain table td{padding:5px 10px;font-size:15px}
.justify-content-md-center{justify-content:center;display:flex}
.col-md-4{max-width:720px}
.lds-roller{display:inline-block;position:relative;width:80px;height:80px;margin:0 auto}
.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:40px 40px}
.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(180deg,#fe2f05 0,#c5122a 100%);margin:-4px 0 0 -4px}
.lds-roller div:nth-child(1){animation-delay:-0.036s}
.lds-roller div:nth-child(1):after{top:63px;left:63px}
.lds-roller div:nth-child(2){animation-delay:-0.072s}
.lds-roller div:nth-child(2):after{top:68px;left:56px}
.lds-roller div:nth-child(3){animation-delay:-0.108s}
.lds-roller div:nth-child(3):after{top:71px;left:48px}
.lds-roller div:nth-child(4){animation-delay:-0.144s}
.lds-roller div:nth-child(4):after{top:72px;left:40px}
.lds-roller div:nth-child(5){animation-delay:-0.18s}
.lds-roller div:nth-child(5):after{top:71px;left:32px}
.lds-roller div:nth-child(6){animation-delay:-0.216s}
.lds-roller div:nth-child(6):after{top:68px;left:24px}
.lds-roller div:nth-child(7){animation-delay:-0.252s}
.lds-roller div:nth-child(7):after{top:63px;left:17px}
.lds-roller div:nth-child(8){animation-delay:-0.288s}
.lds-roller div:nth-child(8):after{top:56px;left:12px}
@keyframes lds-roller{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.container{max-width:100%!important}
.content-detail *{line-height:22px}
.content-detail h3{font-size:20px;margin-top:25px;margin-bottom:15px;font-weight:700;color:#bd0019}
.content-detail h4{font-size:16px;margin-top:25px;margin-bottom:15px;font-weight:700}
.content-detail p{margin-bottom:10px}
.content-detail ul{padding-left:20px}
.content-detail ul li{margin-bottom:10px}
.content-detail table{width:100%;border-collapse:collapse;border:1px solid #f1f1f1;margin-bottom:15px}
.content-detail table td,.content-detail table th{padding:10px 10px}
.content-detail table tr:nth-child(1) td{background:#c5122a;color:#FFF}
.content-detail table tr:nth-child(odd){background:#fafafa}
.content-detail table.price-domain-list td:nth-child(2){font-weight:700;color:#c5122a}
.content-detail table.price-domain-list td:not(:first-child){text-align:center}
.contact-detail p:not(:last-child){margin-bottom:17px}
.contact-detail span:nth-child(1),.contact-detail span:nth-child(3){font-size:16px;color:#555;margin-bottom:10px}
.contact-detail span:nth-child(2),.contact-detail span:nth-child(4){font-size:16px;color:#c5122a}
.contact-map iframe{width:100%;display:block}
.error-flash p{margin-bottom:10px}
.error-flash p:last-child{margin-bottom:0}
.alert{position:relative;padding:0.75rem 0.75rem;margin-bottom:0.75rem;border:1px solid transparent;border-radius:0.25rem}
.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}
.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}
.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}
.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}
.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}
.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}
.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}
.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}
.nina-content-main ul{margin-top:0;margin-bottom:1rem;padding-left:2rem;list-style:disc}
.footer-collapse span{transition:all 0.3s}
.footer-collapse.active span{transform:rotate(90deg)}
.menu-mobile-fixed{transform:translateX(-100%);transition:all 0.3s}
.menu-mobile-fixed.open{transform:translateX(0%)}
.pa-contact{padding:15px 15px;background:#fb5a2736;margin:0 18px;color:#fb5a27;border-radius:5px}
.modal-form-contact{font-weight:700;text-decoration:underline;cursor:pointer}
.btn-katy{display:inline-block;background:#fb5a2736;color:#fff;text-align:center;border-radius:4px;background-color:rgb(197 17 42)}
.btn-lss{background:rgb(1 88 170);color:#FFFFFF;padding:0 5px;border-radius:15px}
.btn-ls{background:rgba(23,121,3,1);color:#FFFFFF}
.radio-category input[type="radio"]:hover ~ label > .category-item{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
.grecaptcha-badge{display:none!important;width:0!important;height:0!important;visibility:hidden!important;overflow:hidden}
.main-title{filter:drop-shadow(1px 1px black);position:relative;font-size:30px;font-weight:bold;line-height:40px}
.desc-title{font-size:40px}
.name-why{font-size:17px;line-height:28px;margin-bottom:0}
.slogan-why{letter-spacing:2px}
.bg-quytrinh{background:#ebf3fe}
.box-quytrinh{cursor:pointer;position:relative;height:50px;margin-top:50px}
.box-quytrinh img{margin-top:-85px}
.box-quytrinh:before{content:'';position:absolute;border-top:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;border-left:20px solid transparent;bottom:-30px;width:40px;left:40px;margin:auto}
.box-quytrinh .name-why{margin-top:-12px}
.box-quytrinh.active .name-why{color:#fff}
.content-quytrinh{display:block;line-height:28px;font-size:16px}
.content-quytrinh.active{display:block}
.box-sosanh{font-size:17px}
.title-sosanh{font-size:20px}
.title-sub{font-size:15px;margin-top:8px}
.title-tinhnang{font-size:20px}
.font-16{font-size:16px}
.font-16 ul{list-style:disc}
.transition,.control-owl button,.carousel-comment-media .carousel-control a span,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover > ul,.scale-img img,.scale-img:hover > img,.btn-frame .kenit-alo-circle-fill,.support-online .kenit-alo-circle-fill{-webkit-transition:0.3s all;transition:0.3s all}
.text-split1{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1}
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer}
.btn-frame i{width:50px;height:50px;border-radius:50%;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.btn-frame i img{vertical-align:middle;width:100%}
.btn-frame .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgb(103 7 7 / 80%);opacity:0.1;border-color:#fc1111;opacity:0.5}
.btn-frame .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.btn-frame .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgb(103 7 7 / 35%);opacity:0.4}
.btn-frame .pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.btn-csw{bottom:30px;z-index:999}
@media only screen and (min-width:992px){.no-border:nth-last-child(-n+3){border-bottom:0!important}.no-border:nth-child(3n){border-right:0!important}}
@media screen and (min-width:768px) and (max-width:991px){.no-border:nth-last-child(-n+2){border-bottom:0!important}.no-border:nth-child(2n){border-right:0!important}}
@media only screen and (max-width:767px){.no-border:last-child{border-bottom:0!important}.no-border{border-right:0!important}.title-sosanh{font-size:15px}.title-sub{font-size:12px}.title-tinhnang{font-size:15px}}
.content-header{background:linear-gradient(135deg,#e30613,#b0040f);color:#fff;padding:15px 0;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.content-header .breadcrumb{background:none;margin:0;padding:0}
.content-header .breadcrumb-item a{color:#fff;text-decoration:none;transition:color 0.3s ease}
.content-header .breadcrumb-item a:hover{color:#ff4d4d}
.content-header .breadcrumb-item.active{color:#ff4d4d}
.content{padding:20px}
.card{border:none;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin-bottom:20px;background:#fff;transition:transform 0.3s ease,box-shadow 0.3s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(0,0,0,0.15)}
.card-header{background:#e30613;color:#fff;border-radius:10px 10px 0 0;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}
.card-header .card-title{margin:0;font-size:1.25rem;font-weight:500}
.card-body{padding:20px}
.card-footer{background:#fff;border-top:1px solid #eee;padding:15px 20px;border-radius:0 0 10px 10px}
.form-group{margin-bottom:20px}
.form-group label{font-weight:500;color:#333;margin-bottom:8px;display:block}
.form-control{border:1px solid #ddd;border-radius:6px;padding:10px;font-size:0.95rem;transition:border-color 0.3s ease,box-shadow 0.3s ease}
.form-control:focus{border-color:#e30613;box-shadow:0 0 8px rgba(227,6,19,0.2);outline:none}
textarea.form-control{resize:vertical;min-height:100px}
.form-control-ckeditor{min-height:200px}
.custom-file{position:relative}
.custom-file-input{opacity:0;position:absolute;z-index:-1}
.custom-file-label{border:1px solid #ddd;border-radius:6px;padding:10px;background:#fff;cursor:pointer;transition:border-color 0.3s ease,background 0.3s ease}
.custom-file-label:hover{border-color:#e30613;background:#fff5f5}
.custom-file-label::after{content:"Chọn hình";background:#e30613;color:#fff;border-radius:0 6px 6px 0;padding:10px;position:absolute;right:0;top:0;height:100%}
.btn{border-radius:6px;padding:8px 16px;font-size:0.95rem;transition:background 0.3s ease,transform 0.2s ease}
.bg-gradient-primary{background:linear-gradient(135deg,#e30613,#b0040f);border:none;color:#fff}
.bg-gradient-primary:hover{background:linear-gradient(135deg,#ff4d4d,#e30613);transform:translateY(-2px)}
.bg-gradient-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;color:#fff}
.bg-gradient-secondary:hover{background:linear-gradient(135deg,#7d858c,#6c757d);transform:translateY(-2px)}
.nav-tabs{border-bottom:2px solid #e30613}
.nav-tabs .nav-link{color:#333;border:none;padding:10px 20px;font-weight:500;transition:color 0.3s ease,background 0.3s ease}
.nav-tabs .nav-link:hover{color:#e30613;background:#fff5f5}
.nav-tabs .nav-link.active{color:#e30613;background:#fff;border-bottom:2px solid #e30613}
.tab-content{padding:20px;background:#fff;border-radius:0 0 10px 10px;border:1px solid #ddd;border-top:none}
.card-outline .card-body img{border-radius:6px;border:1px solid #ddd;transition:transform 0.3s ease}
.card-outline .card-body img:hover{transform:scale(1.05)}
.invalid-feedback{color:#e30613;font-size:0.85rem;margin-top:5px}
.is-invalid{border-color:#e30613!important}
.card-footer.sticky-top{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.section-partners,.section-products{margin:40px 0}
.section-partners .section-title,.section-products .section-title{font-size:1.75rem;font-weight:700;color:#e30613;text-align:center;margin-bottom:20px;text-transform:uppercase}
.section-partners .section-desc,.section-products .section-desc{font-size:1rem;color:#555;text-align:center;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}
.partners-grid,.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}
.partner-item,.product-item{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;padding:15px}
.partner-item:hover,.product-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}
.partner-item img,.product-item img{max-width:100%;height:auto;border-radius:6px;margin-bottom:10px;transition:transform 0.3s ease}
.partner-item img:hover,.product-item img:hover{transform:scale(1.05)}
.partner-item p,.product-item p{font-size:0.9rem;color:#333;margin:0}
@media (max-width:768px){.content-header{padding:10px}.card-header{flex-direction:column;align-items:flex-start}.card-header .card-tools{margin-top:10px}.form-group{margin-bottom:15px}.btn{width:100%;margin-bottom:10px}.col-xl-8,.col-xl-4,.col-12{width:100%}.card{margin-bottom:15px}.partners-grid,.products-grid{grid-template-columns:1fr;gap:15px}.partner-item,.product-item{padding:10px}}
@media (max-width:576px){.nav-tabs .nav-link{padding:8px 10px;font-size:0.9rem}.card-body{padding:15px}.form-control{font-size:0.9rem;padding:8px}.section-partners .section-title,.section-products .section-title{font-size:1.5rem}.section-partners .section-desc,.section-products .section-desc{font-size:0.9rem}}
.container{max-width:1200px;margin:0 auto;padding:0 15px}
.section-padding{padding:40px 0}
.section-header{text-align:center;margin-bottom:30px}
.section-header .section-title{font-size:1.75rem;font-weight:700;color:#e30613;text-transform:uppercase;margin-bottom:15px;line-height:35px}
.section-header .section-title span{color:#ff4d4d}
.section-header .section-desc{font-size:1rem;color:#555;max-width:800px;margin:0 auto}
.section-partner,.section-product{margin:40px 0;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.owl-carousel.owl-partner,.owl-carousel.owl-product{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px;width:100%!important;transform:none!important;position:static!important;display:grid!important}
.owl-carousel .item{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center}
.owl-carousel .item:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}
.owl-carousel .item a{display:block;text-decoration:none}
.owl-carousel .item img{max-width:100%;height:auto;border-radius:6px;transition:transform 0.3s ease}
.owl-carousel .item img:hover{transform:scale(1.05)}
.owl-carousel .item a[data-fancybox]{cursor:zoom-in}
.animate.fade-up{animation:fadeUp 0.6s ease-out forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:768px){.section-padding{padding:20px 0}.section-header .section-title{font-size:1.5rem}.section-header .section-desc{font-size:0.9rem}.owl-carousel.owl-partner,.owl-carousel.owl-product{grid-template-columns:1fr;gap:15px;padding:15px}.owl-carousel .item{padding:10px}}
@media (max-width:576px){.section-header .section-title{font-size:1.3rem}.section-header .section-desc{font-size:0.85rem}.owl-carousel .item img{max-width:80%;margin:0 auto}}
.section-pricing{background:#f7f9fb;padding:60px 0;font-family:'Segoe UI',sans-serif;color:#333}
.section-pricing .section-header{text-align:center;margin-bottom:40px}
.section-pricing .section-title{font-size:32px;font-weight:700;color:#222}
.section-pricing .section-title span{color:#007bff}
.section-pricing .section-desc{font-size:16px;color:#666;margin-top:10px}
.price-item{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.08);padding:30px 20px;transition:transform 0.3s,box-shadow 0.3s;margin-bottom:30px}
.price-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,0.12)}
.price-item .title{text-align:center;margin-bottom:20px}
.price-item .title span{font-size:18px;font-weight:600;color:#555;display:block;margin-bottom:8px}
.price-item .price{font-size:24px;font-weight:700;color:red}
.price-body ul{list-style:none;padding:0;margin:0 0 20px}
.price-body ul li{padding:10px 0;border-bottom:1px solid #eee;font-size:15px}
.price-body ul li:last-child{border-bottom:none}
.price-body .btn-primary{display:inline-block;background:#007bff;color:#fff;padding:10px 20px;font-weight:600;border-radius:6px;text-decoration:none;transition:background 0.3s ease}
.price-body .btn-primary:hover{background:#0056b3}
.process-item .image{text-align:center;margin-bottom:16px}
.process-item .image img{display:inline-block;max-width:100%;height:auto;object-fit:contain}
.breadCrumbs{background-color:#f8f9fa;padding:10px 0;font-family:Arial,sans-serif}
.wrap-content{max-width:1200px;margin:0 auto;padding:0 15px}
.breadcrumb{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center}
.breadcrumb-item{font-size:14px;color:#6c757d}
.breadcrumb-item + .breadcrumb-item::before{content:">";margin:0 8px;color:#6c757d;font-size:12px}
.breadcrumb-item a{color:#007bff;text-decoration:none;transition:color 0.3s ease}
.breadcrumb-item a:hover{color:#0056b3;text-decoration:underline}
.breadcrumb-item.active a{color:#343a40;font-weight:bold;cursor:default}
.breadcrumb-item.active a:hover{text-decoration:none}
@media (max-width:576px){.breadcrumb-item{font-size:12px}.breadcrumb-item + .breadcrumb-item::before{margin:0 5px}}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}
.wrap-main{max-width:1200px;margin:0 auto;padding:20px}
.title-main{text-align:center;margin-bottom:40px}
.title-main span{font-size:2.5rem;font-weight:bold;color:#e74c3c;display:block;margin-bottom:10px;line-height:45px}
.title-main .line{width:80px;height:4px;background:#e74c3c;margin:0 auto;border-radius:2px}
.content-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.product{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:20px;transition:transform 0.3s ease,box-shadow 0.3s ease}
.product:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}
.box-product ul{list-style:none;margin-bottom:20px}
.box-product ul li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:1rem}
.box-product ul li:last-child{border-bottom:none}
.box-product ul li p:first-child{font-weight:bold;color:#555}
.box-product ul li p:last-child{color:#333}
.info-product{text-align:center}
.name-product a{font-size:1.6rem;font-weight:bold;color:#e74c3c;text-decoration:none}
.name-product a:hover{text-decoration:underline}
.price-product{margin:15px 0}
.price-new{font-size:1.4rem;font-weight:bold;color:#e74c3c;}
.price-old{font-size:1rem;color:#999;text-decoration:line-through;margin-left:10px}
.info-product::after{content:'Đăng ký ngay';display:inline-block;padding:10px 20px;background:#e74c3c;color:#fff;text-decoration:none;border-radius:5px;font-weight:bold;transition:background 0.3s ease}
.info-product:hover::after{background:#c0392b;}
.pagination-home{text-align:center;margin-top:20px}
.pagination-home a{display:inline-block;padding:8px 16px;margin:0 5px;background:#e74c3c;color:#fff;text-decoration:none;border-radius:5px;transition:background 0.3s ease}
.pagination-home a:hover{background:#c0392b}
@media (max-width:768px){.title-main span{font-size:2rem}.content-main{grid-template-columns:1fr}.product{padding:15px}.name-product a{font-size:1.4rem}.price-new{font-size:1.2rem}}
.w-clear,.clear{clear:both}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}
.wrap-main{max-width:1200px;margin:0 auto;padding:20px}
.section-padding{padding:60px 0}
.container,.container-fluid{max-width:1200px;margin:0 auto;padding:0 15px}
.container-fluid{max-width:100%}
.section-header{text-align:center;margin-bottom:40px}
.section-title{font-size:2.5rem;font-weight:bold;color:#e74c3c;margin-bottom:15px}
.section-desc{font-size:1.1rem;color:#555}
.banner-seo{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;border-radius:12px}
.banner-seo .title-sub{margin-bottom:20px;display:inline-block;padding:5px 15px;border-radius:20px;font-size:100%
14px;font-weight:600;background-color:var(--color-green);background-image:-webkit-gradient(linear,left top,right top,from(#11ccbc),to(#9fe85c));background-image:linear-gradient(to right,#11ccbc,#9fe85c);color:#fff}
.banner-seo .btn-primary{display:inline-block;padding:12px 24px;background:#e74c3c;color:#fff;text-decoration:none;border-radius:5px;font-weight:bold;transition:background 0.3s ease}
.banner-seo .btn-primary:hover{background:#c0392b;}
.list-check{list-style:none;padding:0}
.list-check li{font-size:1rem;margin-bottom:10px;color:red}
.list-check li::before{content:'✅';margin-right:10px}
.banner-seo-img{max-width:100%;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2)}
.affect-item{text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:transform 0.3s ease}
.affect-item:hover{transform:translateY(-5px)}
.affect-item .image img{max-width:100%;border-radius:8px;margin-bottom:15px}
.affect-item .title{font-size:1.5rem;color:#e74c3c;margin-bottom:10px}
.affect-item .desc{font-size:1rem;color:#555}
.section-bg-primary{background:#f9f9f9}
.img-block img{max-width:100%;border-radius:8px}
.note p{font-size:1.1rem;color:#fff;line-height:1.8}
.method-item{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:20px;transition:transform 0.3s ease}
.method-item:hover{transform:translateY(-5px)}
.method-item .title{font-size:1.5rem;color:#e74c3c;margin-bottom:10px}
.method-item .desc{font-size:1rem;color:#555}
.process-item{position:relative;text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);margin-bottom:20px}
.process-item .image img{max-width:100%;border-radius:8px;margin-bottom:15px}
.process-item .title{font-size:1.4rem;color:#e74c3c;margin-bottom:10px;line-height:25px}
.process-item .process-body p{font-size:1rem;color:#555}
.process-item[data-step]::before{content:attr(data-step);position:absolute;top:10px;left:10px;background:#e74c3c;color:#fff;padding:5px 10px;border-radius:50%;font-weight:bold}
.section-reasons .title{font-size:1.8rem;color:#e74c3c;margin-bottom:15px;line-height:35px}
.section-reasons .list-check li::before{content:'✅';margin-right:10px;color:#e74c3c;}
.section-bg-secondary{background:#ecf0f1}
.section-commitments .title{font-size:1.8rem;color:#e74c3c;margin-bottom:15px;line-height:35px}
.owl-carousel .item img{max-width:100%;border-radius:8px;transition:transform 0.3s ease}
.owl-carousel .item img:hover{transform:scale(1.05)}
.price-item{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:20px;text-align:center;transition:transform 0.3s ease}
.price-item:hover{transform:translateY(-5px)}
.price-item .title span{font-size:1.6rem;color:#e74c3c;display:block;margin-bottom:10px}
.price-item .price{font-size:1.8rem;color:#e74c3c;margin-bottom:20px;line-height:35px}
.price-item .price-body ul{list-style:none;padding:0;margin-bottom:20px}
.price-item .price-body ul li{font-size:1rem;color:#555;margin-bottom:10px}
.price-item .btn-primary{display:inline-block;padding:12px 24px;background:#e74c3c;color:#fff;text-decoration:none;border-radius:5px;font-weight:bold;transition:background 0.3s ease}
.price-item .btn-primary:hover{background:#c0392b;}
.contact-info{text-align:center}
.contact-info .title{font-size:1.5rem;color:#e74c3c;margin-bottom:15px}
.contact-info .title a{color:#e74c3c;text-decoration:none}
.contact-info .title a:hover{text-decoration:underline}
.contact-info .btn-sent{padding:12px 24px;background:#e74c3c;color:#fff;border:none;border-radius:5px;font-weight:bold;cursor:pointer;transition:background 0.3s ease}
.contact-info .btn-sent:hover{background:#c0392b}
@media (max-width:768px){.section-title{font-size:2rem}.banner-seo .title-sub{font-size:1.6rem}.price-item .price{font-size:1.5rem}.row{flex-direction:column}.col-md-6,.col-lg-3,.col-lg-4,.col-lg-6{width:100%;margin-bottom:20px}}
.w-clear{clear:both}
.owl-carousel .owl-nav button{background:#e74c3c!important;color:#fff!important;border-radius:5px;padding:10px!important;margin:0 5px}
.owl-carousel .owl-nav button:hover{background:#c0392b!important}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}
.row{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}
.col-md-8{flex:0 0 66.666%;max-width:66.666%;padding:20px;color:#fff}
.col-md-4{flex:0 0 33.333%;max-width:33.333%;padding:20px;display:flex;align-items:center;justify-content:center}
.title-sub{font-size:2.2rem;font-weight:bold;color:#e74c3c;margin-bottom:20px;line-height:1.3}
.btn-primary{display:inline-block;padding:12px 24px;background:#e74c3c;color:#fff;text-decoration:none;border-radius:5px;font-weight:bold;font-size:1rem;transition:background 0.3s ease,transform 0.3s ease}
.btn-primary:hover{background:#c0392b;transform:translateY(-2px)}
.list-check{list-style:none;padding:0;margin-top:20px}
.list-check li{font-size:1.1rem;margin-bottom:12px;display:flex;align-items:center;color:#fff}
.list-check li::before{content:'✅';margin-right:10px;font-size:1.2rem}
.banner-seo-img{max-width:100%;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s ease}
.banner-seo-img:hover{transform:scale(1.05)}
.animate.fade-down{animation:fadeDown 0.8s ease-out forwards}
@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
.animate.fade-down.delay-2{animation-delay:0.2s}
.animate.fade-down.delay-3{animation-delay:0.4s}
@media (max-width:768px){.row{flex-direction:column}.col-md-8,.col-md-4{flex:0 0 100%;max-width:100%;padding:15px}.title-sub{font-size:1.8rem;text-align:center}.btn-primary{display:block;text-align:center;margin:0 auto}.list-check{text-align:center}.list-check li{justify-content:center}.banner-seo-img{max-width:80%;margin:0 auto}}
.section-header{text-align:center;margin-bottom:40px}
.section-title{font-size:2.5rem;font-weight:bold;color:#e74c3c;margin-bottom:10px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.col-lg-3{flex:0 0 25%;max-width:25%;padding:15px}
.affect-item{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);text-align:center;padding:20px;transition:transform 0.3s ease,box-shadow 0.3s ease}
.affect-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}
.affect-item .image img{max-width:100%;border-radius:8px;margin-bottom:15px;transition:transform 0.3s ease}
.affect-item .image img:hover{transform:scale(1.05)}
.affect-item .title{font-size:1.5rem;font-weight:bold;color:#e74c3c;margin-bottom:10px;line-height:35px}
.affect-item .desc{font-size:1rem;color:#555;line-height:1.5}
.animate.fade-up{animation:fadeUp 0.8s ease-out forwards}
.animate.fade-right{animation:fadeRight 0.8s ease-out forwards}
.animate.fade-right.delay-0{animation-delay:0s}
.animate.fade-right.delay-1{animation-delay:0.2s}
.animate.fade-right.delay-2{animation-delay:0.4s}
.animate.fade-right.delay-3{animation-delay:0.6s}
@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes fadeRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}
@media (max-width:992px){.col-lg-3{flex:0 0 50%;max-width:50%}}
@media (max-width:768px){.section-title{font-size:2rem}.col-lg-3{flex:0 0 100%;max-width:100%}.affect-item{padding:15px}.affect-item .title{font-size:1.3rem}.affect-item .desc{font-size:0.95rem}}
.section-desc{font-size:1.1rem;color:#555}
.row.price-list{display:flex;flex-wrap:wrap;margin:0 -15px}
.col-lg-4{flex:0 0 33.333%;max-width:33.333%;padding:15px}
.price-item{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);text-align:center;padding:20px;transition:transform 0.3s ease,box-shadow 0.3s ease}
.price-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}
.price-item .title span{font-size:1.6rem;font-weight:bold;color:#e74c3c;display:block;margin-bottom:10px}
.price-item .price{font-size:1.8rem;font-weight:bold;color:#e74c3c;margin-bottom:20px}
.price-item .price-body ul{list-style:none;padding:0;margin-bottom:20px}
.price-item .price-body ul li{font-size:1rem;color:#555;margin-bottom:10px;padding:5px 0;border-bottom:1px solid #eee}
.price-item .price-body ul li:last-child{border-bottom:none}
.price-item .btn-primary{display:inline-block;padding:12px 24px;background:#e74c3c;color:#fff;text-decoration:none;border-radius:5px;font-weight:bold;font-size:1rem;transition:background 0.3s ease,transform 0.3s ease}
.price-item .btn-primary:hover{background:#c0392b;transform:translateY(-2px)}
.animate.fade-up{animation:fadeUp 0.8s ease-out forwards}
@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@media (max-width:992px){.col-lg-4{flex:0 0 50%;max-width:50%}}
@media (max-width:768px){.section-title{font-size:2rem}.col-lg-4{flex:0 0 100%;max-width:100%}.price-item{padding:15px}.price-item .title span{font-size:1.4rem}.price-item .price{font-size:1.6rem}.price-item .price-body ul li{font-size:0.95rem}}
.section-header{text-align:center;margin-bottom:40px}
.section-title{font-size:2.5rem;font-weight:bold;color:#e74c3c;margin-bottom:10px}
.row.align-items-center{display:flex;flex-wrap:wrap;margin:0 -15px;align-items:center}
.col-lg-6{flex:0 0 50%;max-width:50%;padding:15px}
.title{font-size:1.8rem;font-weight:bold;color:#e74c3c;margin-bottom:20px}
.list-check{list-style:none;padding:0}
.list-check li{font-size:1.1rem;margin-bottom:12px;display:flex;align-items:flex-start;color:#fff}
.list-check li::before{content:'✅';margin-right:10px;font-size:1.2rem;color:#e74c3c;}
.img-block img{max-width:100%;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s ease}
.img-block img:hover{transform:scale(1.05)}
.animate.fade-up{animation:fadeUp 0.8s ease-out forwards}
@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@media (max-width:768px){.section-title{font-size:2rem}.row.align-items-center{flex-direction:column}.col-lg-6{flex:0 0 100%;max-width:100%;text-align:center}.title{font-size:1.6rem}.list-check{text-align:left;max-width:80%;margin:0 auto}.img-block img{max-width:80%;margin:20px auto}}
.modal-custom{display:none;align-items:flex-start;justify-content:flex-start;background-color:rgba(0,0,0,0.6);z-index:2000;padding:0;backdrop-filter:blur(4px)}
.modal-dialog-top{margin:24px 16px;max-width:380px;width:calc(100% - 32px);transform:none;animation:popIn 0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.modal-content{background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(255,255,255,0.8));border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);overflow:hidden}
.modal-header{background:#bd0019;color:#fff;padding:12px 20px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom:none;display:flex;align-items:center;justify-content:space-between}
.modal-title{font-size:18px;font-weight:700;font-family:'Inter',Arial,sans-serif;line-height:1.4}
.modal-header .close{background:none;border:none;color:#fff;font-size:28px;line-height:1;padding:8px;cursor:pointer;transition:transform 0.3s ease,opacity 0.3s ease}
.modal-header .close:hover{transform:scale(1.2) rotate(90deg);opacity:0.9}
.modal-body{padding:20px;font-size:14px;color:#2d2d2d;font-family:'Inter',Arial,sans-serif;min-height:80px;background:rgba(255,255,255,0.9)}
.modal-footer{padding:12px 20px;border-top:none;background:transparent}
.btn-danger{background:#bd0019;border:none;border-radius:6px;padding:10px 28px;font-size:14px;font-weight:600;color:#fff;font-family:'Inter',Arial,sans-serif;transition:background 0.3s ease,transform 0.2s ease,box-shadow 0.3s ease}
.btn-danger:hover{background:#e00a0d;transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}
.btn-danger:active{transform:translateY(0);box-shadow:none}
@keyframes popIn{0%{transform:scale(0.7) translateX(-50%);opacity:0}100%{transform:scale(1) translateX(0);opacity:1}}
.modal-custom.fade .modal-dialog{transition:opacity 0.3s ease,transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.modal-custom.show .modal-dialog{opacity:1;transform:none}
@media (max-width:576px){.modal-dialog-top{margin:12px;max-width:90%}.modal-title{font-size:16px}.modal-body{font-size:13px;padding:16px}.btn-danger{font-size:13px;padding:8px 24px}}
@media (max-width:768px){.modal-dialog-top{max-width:340px}}
.wrap-main-new{max-width:900px;margin:0 auto;padding:30px 15px;background-color:#f8f9fa}
.title-main{text-align:center;margin-bottom:40px}
.title-main span{font-size:32px;font-weight:700;color:#2c3e50;text-transform:uppercase;position:relative;display:inline-block;padding-bottom:10px}
.title-main span::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background-color:#3498db}
.content-main{padding:20px 0}
.contact-article.row{display:flex;flex-wrap:wrap;gap:30px}
.contact-text{padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:transform 0.3s ease}
.contact-text:hover{transform:translateY(-5px)}
.contact-text p{margin-bottom:15px;font-size:16px;line-height:1.6;color:#34495e}
.contact-text p strong{font-weight:600}
.contact-form{padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:transform 0.3s ease}
.contact-form:hover{transform:translateY(-5px)}
.form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}
.contact-input{flex:1;min-width:0}
.form-control{width:100%;padding:12px 15px;border:1px solid #dfe6e9;border-radius:5px;font-size:14px;transition:border-color 0.3s ease,box-shadow 0.3s ease}
.form-control:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,0.3)}
.form-control::placeholder{color:#b0bec5}
textarea.form-control{min-height:120px;resize:vertical}
.invalid-feedback{color:#e74c3c;font-size:12px;margin-top:5px;display:none}
.form-control:invalid + .invalid-feedback{display:block}
.custom-file-input{display:none}
.custom-file-label{display:inline-block;padding:12px 15px;background-color:#ecf0f1;border:1px solid #dfe6e9;border-radius:5px;cursor:pointer;font-size:14px;color:#34495e;transition:background-color 0.3s ease}
.custom-file-label:hover{background-color:#dfe6e9}
.btn{padding:12px 25px;border-radius:5px;font-size:14px;font-weight:500;transition:background-color 0.3s ease,transform 0.2s ease}
.btn-primary{background-color:#3498db;border:none;color:#fff}
.btn-primary:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px)}
.btn-primary:disabled{background-color:#bdc3c7;cursor:not-allowed}
.btn-secondary{background-color:#ecf0f1;border:1px solid #dfe6e9;color:#34495e}
.btn-secondary:hover{background-color:#dfe6e9;transform:translateY(-2px)}
@media (max-width:991px){.contact-article.row{flex-direction:column}.contact-text,.contact-form{width:100%}}
@media (max-width:576px){.form-row{flex-direction:column;gap:15px}.contact-text,.contact-form{padding:20px}.title-main span{font-size:28px}}
.wrap-main{max-width:1200px;margin:0 auto;padding:20px}
.title-main{text-align:center;margin-bottom:30px}
.title-main span{font-size:2.5rem;font-weight:700;color:#2c3e50;text-transform:uppercase;position:relative;display:inline-block;padding-bottom:10px}
.title-main span::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background-color:#3498db}
.content-main{display:flex;flex-wrap:wrap;gap:20px}
.news{margin-bottom:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;transition:transform 0.3s ease}
.news:hover{transform:translateY(-5px)}
.news-image{display:block;overflow:hidden}
.scale-img{display:block;overflow:hidden;position:relative}
.scale-img img{width:100%;height:200px;object-fit:cover;transition:transform 0.3s ease}
.news:hover .scale-img img{transform:scale(1.05)}
.news-info{padding:15px;display:flex;flex-direction:column;justify-content:center}
.news-name{margin:0 0 10px}
.news-name a{font-size:1.25rem;font-weight:600;color:#2c3e50;transition:color 0.3s ease}
.news-name a:hover{color:#3498db}
.news-time{font-size:0.9rem;color:#7f8c8d;margin-bottom:10px}
.news-desc{font-size:1rem;color:#34495e;line-height:1.6}
.pagination-home{text-align:center;margin-top:30px}
.pagination-home a{display:inline-block;padding:10px 15px;margin:0 5px;background:#3498db;color:#fff;border-radius:5px;text-decoration:none;transition:background 0.3s ease}
.pagination-home a:hover{background:#2980b9}
@media (max-width:768px){.news{flex:0 0 100%;max-width:100%}.news-image,.news-info{flex:0 0 100%;max-width:100%}.scale-img img{height:250px}.title-main span{font-size:2rem}}
@media (max-width:576px){.wrap-main{padding:15px}.title-main span{font-size:1.8rem}.news-name a{font-size:1.1rem}.scale-img img{height:200px}}
h2,h3,h4{font-family:'Arial',sans-serif;font-weight:700;line-height:1.4;margin:20px 0 10px;transition:all 0.3s ease; width:100%;}
h2{color:#c0392b;font-size:2.2rem;text-transform:uppercase;letter-spacing:1px;position:relative;padding-bottom:10px;}
h2::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:3px;background-color:#e74c3c;transition:width 0.3s ease}
h2:hover::after{width:100px;}
h3{color:#e74c3c;font-size:1.8rem;text-transform:capitalize;border-left:4px solid #e74c3c;padding-left:15px;}
h4{color:#ff6b6b;font-size:1.5rem;font-weight:600;text-transform:none;border-bottom:2px dotted #ff6b6b;padding-bottom:5px}
h3:hover,h4:hover{color:#d32f2f;cursor:pointer}
h2 + p,h3 + p,h4 + p{margin-top:5px}
.content-main p{margin:0px 0;line-height:1.6;color:#333;width:100%}
@media (max-width:768px){h2{font-size:1.8rem}h3{font-size:1.5rem}h4{font-size:1.3rem}h2::after{width:30px;}h2:hover::after{width:60px}}
@media (max-width:480px){h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.2rem}h2::after{width:30px}h2:hover::after{width:60px}}
.wrap-main{max-width:1200px;margin:0 auto;padding:20px}
.title-main span{color:#c0392b;font-weight:700}
.content-main{color:#333;line-height:1.6}
.content-main a{color:#e74c3c;text-decoration:none;transition:color 0.3s ease}
.content-main a:hover{color:#d32f2f;text-decoration:underline}
.content-main ul,.content-main ol{margin:10px 0;padding-left:20px}
.product-detail {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }

    .product-info {
        flex: 1 1 50%;
        background: #fff0f0;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 0 10px rgba(255, 0, 0, 0.1);
    }

    .product-name {
        font-size: 24px;
        font-weight: bold;
        color: #d60000;
        margin-bottom: 20px;
    }

    .product-info ul {
        list-style: none;
        padding: 0;
    }

    .product-info li {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px dashed #ccc;
    }

    .product-info p {
        margin: 0;
        color: #555;
    }

    .attr-label-pro-detail {
        font-weight: bold;
        color: #d60000;
    }

    .attr-content-pro-detail .price-new-pro-detail {
        font-size: 20px;
        font-weight: bold;
        color: #d60000;
        margin-right: 10px;
    }

    .attr-content-pro-detail .price-old-pro-detail {
        font-size: 16px;
        text-decoration: line-through;
        color: #999;
    }

    .product-view-count {
        margin-top: 10px;
        font-size: 14px;
        color: #777;
    }

    .box-hosting {
        flex: 1 1 45%;
        background: #fff0f0;
        border: 2px solid #ffb3b3;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(220, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }

    .box-hosting:hover {
        transform: translateY(-5px);
    }

    .packageHosting {
        display: block;
        text-decoration: none;
        color: inherit;
    }

    .hosting-head-item {
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        background-color: #d60000;
        padding: 10px;
        border-radius: 10px 10px 0 0;
    }

    .bg-white {
        background: #fff !important;
    }

    .text-gray-500 {
        color: #999;
    }

    .text-l-primary {
        color: #d60000;
    }

    .hostingPrice {
        color: #d60000;
        font-size: 22px;
    }

    select#years {
        border-radius: 5px;
        border: 1px solid #ccc;
        margin-right: 10px;
    }

    button {
        background-color: #d60000;
        color: #fff;
        border: none;
        padding: 10px 15px;
        border-radius: 8px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    button:hover {
        background-color: #b30000;
    }

    @media screen and (max-width: 768px) {
        .product-detail {
            flex-direction: column;
        }

        .product-info, .box-hosting {
            flex: 1 1 100%;
        }
    }
	.pagination-home {
  width: 100%;
  display: flex;
  justify-content: center;
}

.pagination-home .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-bottom: 0;
}