.slide-item.deco-left {
     position: relative;
     overflow: hidden;
 }

 .slide-item.deco-left::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: url('https://brocoindustries.com/images/deco-left.png');
     background-repeat: no-repeat;
     background-position: top left -24px;
     background-size: contain;
     z-index: 2;
     pointer-events: none;
 }

 .deco-right {
     position: relative;
     overflow: hidden;
     background: linear-gradient(to bottom, rgba(226, 10, 24, 1) 0%, rgba(146, 1, 8, 1) 100%);
 }

 .deco-right:after {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: " ";
     background-repeat: no-repeat;
     background-size: contain;
     -webkit-background-size: contain;
     background-image: url('https://brocoindustries.com/images/deco-right-sm.png');
     background-position: right;
 }

 .introduce:before {
     position: absolute;
     top: -35px;
     right: 0;
     left: -60px;
     bottom: -20px;
     content: " ";
     box-shadow: 0 0 5px 0 #666;
     -webkit-box-shadow: 0 0 5px 0 #666;
     -moz-box-shadow: 0 0 5px 0 #666;
     z-index: -1;
 }

 @media (max-width: 991px) {
     .introduce:before {
         top: 0;
         left: 0;
         bottom: 0;
     }

     .first-section-about {
         order: 1 !important;
     }

     .second-section-about {
         order: 2 !important;
     }

     .box-map-grey:after {
         top: 50% !important;
         height: 100% !important;
         width: 100% !important;
     }

     .bg-responsive-primary-red {
         background: white !important;
         color: black I !important;
     }

     .checkout-text {
         color: black !important;
     }

     .promo-close {
         color: white !important;
     }
 }

 .btn-glass-transparent {
     letter-spacing: 0.5px;
     background-color: #0000004d;
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     transition: all 0.3s ease;
     text-decoration: none;
     color: white;
     width: 90%;
 }

 .btn-glass-transparent:hover {
     background: white;
     color: red;
     font-weight: 700;
 }

 .bg-primary-red,
 .bg-responsive-primary-red {
     background: linear-gradient(to bottom, rgba(226, 10, 24, 1) 0%, rgba(146, 1, 8, 1) 100%);
     color: white;
 }

 .checkout-text {
     color: white;
 }

 .home-contact {
     background-image: url('https://brocoindustries.com/images/deco-bottom.png');
     background-position: bottom;
     background-repeat: no-repeat;
     background-size: contain;
 }

 .box-header {
     position: relative;
     height: 180px;
     background-color: #e10a17;
     overflow: hidden;
     z-index: 0;
 }

 .box-header:before {
     left: 0;
     top: 0;
     width: 700px;
     height: 180px;
     background-image: url('https://brocoindustries.com/images/header-bg-left.png');
     z-index: -2;
     position: absolute;
     content: " ";
     background-repeat: no-repeat;
 }

 .box-header:after {
     right: 0;
     bottom: 0;
     width: 976px;
     height: 180px;
     background-image: url('https://brocoindustries.com/images/header-bg-right.png');
     z-index: -2;
     position: absolute;
     content: " ";
     background-repeat: no-repeat;
 }

 .header-deco:before {
     left: 0;
     top: 0;
     width: 580px;
     height: 25px;
     background-image: url('https://brocoindustries.com/images/header-triangle-left.png');
     position: absolute;
     content: " ";
     background-repeat: no-repeat;
     z-index: -1;
 }

 .header-deco:after {
     right: 0;
     bottom: 0;
     left: 0;
     top: 0;
     background-image: url('https://brocoindustries.com/images/header-triangle-right.png');
     background-size: contain;
     -webkit-background-size: contain;
     -moz-background-size: contain;
     -o-background-size: contain;
     background-position: bottom;
     position: absolute;
     content: " ";
     background-repeat: no-repeat;
     z-index: -1;
 }

 .map-content {
     position: relative;
     z-index: 1;
 }

 .box-map-grey:after {
     position: absolute;
     right: 0;
     bottom: 50%;
     top: 40%;
     width: 914px;
     height: 337px;
     content: " ";
     background-repeat: no-repeat;
     background-image: url('https://brocoindustries.com/images/map-asean.png');
     z-index: 0;
 }

 .select2-container--default .invalid,
 .select2-container--default .is-invalid {
     border-color: #ff3e1d !important;
     padding-right: calc(1.5em + .75rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right calc(.375em + .1875rem) center;
     background-size: calc(.75em + .375rem) calc(.75em + .375rem);
 }

 .select2-container {
     width: 100% !important;
 }

 .select2-container .select2-selection--single .select2-selection__rendered {
     padding: 0.3275rem 0.875rem !important;
     color: #697a8d !important;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
     top: 0.4275rem !important;
 }

 .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
     outline: none !important;
 }

 .pagination .page-item {
     list-style: none;
 }

 .pagination .page-link {
     border: none !important;
     background: transparent !important;
     color: #000 !important;
     font-size: 14px;
     font-weight: 500;
     padding: 12px 20px !important;
     border-radius: 8px !important;
     transition: all 0.2s ease;
 }

 .pagination .page-item.active .page-link {
     background: #eef3fb !important;
     color: #000 !important;
     font-weight: 600 !important;
 }

 .pagination .page-link:hover {
     background: #eef3fb !important;
 }

 .pagination .page-link svg {
     width: 12px !important;
     height: 12px !important;
     stroke-width: 3 !important;
 }

 .fa-tiktok {
     width: 1em;
     height: 1em;
     display: inline-block;
     background-color: currentColor;
     -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path d="M232 65.4c-24.5.1-49-7.7-68.1-23.5v113.8c0 40.3-32.7 73.2-73 73.2S18 196 18 155.7 50.7 82.5 91 82.5c5.1 0 10.2.6 15.2 1.7v45.4c-4.7-1.6-9.4-2.4-14.3-2.4-19.6 0-35.6 16.1-35.6 35.8s16 35.8 35.6 35.8c19.6 0 35.6-16.1 35.6-35.8V0h43.1C190.5 24.6 209.8 38 232 41.2v24.2z"/></svg>') no-repeat center / contain;
     mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path d="M232 65.4c-24.5.1-49-7.7-68.1-23.5v113.8c0 40.3-32.7 73.2-73 73.2S18 196 18 155.7 50.7 82.5 91 82.5c5.1 0 10.2.6 15.2 1.7v45.4c-4.7-1.6-9.4-2.4-14.3-2.4-19.6 0-35.6 16.1-35.6 35.8s16 35.8 35.6 35.8c19.6 0 35.6-16.1 35.6-35.8V0h43.1C190.5 24.6 209.8 38 232 41.2v24.2z"/></svg>') no-repeat center / contain;
 }

 .nav-link:focus,
 .nav-link:hover {
     color: red !important;
 }

 .promo-modal {
     border-radius: 12px;
     overflow: hidden;
     position: relative;
 }

 .promo-right {
     background: white;
     padding: 40px;
 }

 .promo-close {
     position: absolute;
     right: 15px;
     top: 15px;
     z-index: 10;
 }

 .cms p {
     font-weight: 400;
     font-size: 16px;
     line-height: 1.68;
     letter-spacing: 0.5px;
 }

 .fs-arrows.arrow-slider.arrow-next {
     right: -100px !important;
 }

 .fs-arrows.arrow-slider.arrow-prev {
     left: -100px !important;
 }