/* CSS ported from project 1 */
.my-item-normal-info { padding: 6px; text-align: center; width: 100%; background: url(../img/bg/header_bg.jpg); }
.my-item-info-all { padding: 12px 12px; display: grid; grid-template-columns: auto auto; justify-content: space-between; }
.my-item-info-all span { color: #bcee0e; }
.my-item-info-all p { margin-bottom: 0px !important; width: 100%; }
.my-item-normal-info p { margin: 0px; font-weight: bold; }
.my-info-box { text-align: center; background: #18191f; transition: 0.5s; position: relative; overflow: hidden; border: 1px solid #1e293b; border-radius: 8px;}
.my-info-box:hover { box-shadow: 0px 3px 24px 0px rgb(0 0 0); border-color: #c8ff0b;}
.my-info-box-top { background-size: cover; background-image: url(../images/my_info_box_bg.png); min-height: 48px; width: 100%; background-position: center; position: relative; z-index: 1; margin-top: -7px; }
.my-info-box-top h6 { font-size: 14px; text-transform: uppercase; margin-bottom: 0; color: #dcdcdc; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .3s linear; }
.my-info-box-content { min-height: 140px; display: block; align-items: center; justify-content: center; }
.my-info-box-top .info-box-top-hover { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .3s linear; opacity: 0; z-index: -1; }
.my-info-box-top:hover .info-box-top-hover { cursor: pointer; opacity: 1; }
.my-info-box-top:hover h6 { color: black; pointer-events: none; }
.third-section-title h3 { text-transform: uppercase; font-weight: bolder; margin-bottom: 0; color: #fff;}
.third-section-title h3 span { color: #c8ff0b; }
.third-section-title { padding-bottom: 25px; position: relative; }
.third-section-title::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; background-image: url(../images/section_line.png); width: 120px; height: 8px; margin: 0 auto; }
.header-info-box h5 { margin: 0px !important; padding: 12px 0px; text-transform: uppercase; font-weight: 800; color: #fff;}
.liner { background: radial-gradient(circle, rgb(157 199 7) 0%, rgb(200 255 11) 61%, rgba(0, 212, 255, 0) 100%); height: 1px; width: 100%; }
.mt-award { display: block; position: relative; overflow: hidden; }
.mt-award img { width: 100%; height: 240px; transition: 0.5s; object-fit: cover;}
.mt-award:hover img { transform: scale(1.08); }

/* Products UI ported from project 1 */
.item-hax { position: relative; }
.hax-editor-status { position: absolute; top: -5px; right: 10px; padding: 3px; z-index: 1; color: black; background: #bcee0e; border-radius: 4px; font-size: 12px; font-weight: 600;}
.hax-editor { background: #18191f; overflow: hidden; transition: 0.5s; border-radius: 8px; border: 1px solid #1e293b;}
.hax-editor:hover { box-shadow: 0px 3px 24px 0px rgb(0 0 0); border-color: #bcee0e;}
.hax-images-left { width: 100%; height: auto; min-height: 200px; position: relative; background: #0f111a; display: flex; align-items: center; justify-content: center;}
.hax-images-left a { display: block; width: 100%; height: 100%; }
.hax-images-left img { width: 100%; height: auto; max-height: 280px; object-fit: contain; transition: 0.3s;}
.hax-images-left:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background: radial-gradient(circle, rgb(157 199 7) 0%, rgb(200 255 11) 61%, rgba(0, 212, 255, 0) 100%); z-index: 10;}
.hax-editor-right { text-align: center; width: 100%; padding: 12px 0px; }
.hax-editor-right h4 { color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.btn-buy-hack { background: #bcee0e; border: none; color: #000; font-weight: bold; text-transform: uppercase; padding: 10px 0; border-radius: 4px; width: 100%; display: block; text-decoration: none; transition: 0.3s;}
.btn-buy-hack:hover { background: #c8ff0b; color: #000;}
.btn-custom-hd { background: none; border: 1px solid; color: #f4f4f5; transition: all 0.2s; padding: 6px; display: inline-block; text-decoration: none; cursor: pointer; border-radius: 4px;}
.btn-custom-hd:hover { color: #bcee0e; border-color: #bcee0e; }