@font-face {font-family:'Ubuntu';src: url("/includes/fonts/Ubuntu.ttf") format("truetype");}
@font-face {font-family:'Anton';src: url("/includes/fonts/Anton.ttf") format("truetype");}
@font-face {font-family:'Iceberg';src: url("/includes/fonts/Iceberg.ttf") format("truetype");}
@font-face {font-family:'Saira';src: url("/includes/fonts/Saira.ttf") format("truetype");}
@font-face {font-family:'Share Tech';src: url("/includes/fonts/Share Tech.ttf") format("truetype");}
@font-face {font-family:'Squada One';src: url("/includes/fonts/Squada One.ttf") format("truetype");}
@font-face {font-family:'Centauri';src: url("/includes/fonts/Centauri.otf") format("opentype"),	 url('/includes/fonts/Centauri.woff') format('woff');}
@font-face {font-family:'Audiowide';src: url("/includes/fonts/Audiowide-Regular.ttf") format("truetype");}

@font-face {font-family:'AgencyFBBold';src: url('/includes/fonts/AgencyFBBold.ttf') format('truetype');}
@font-face {font-family:'AgencyFB';src: url('/includes/fonts/AgencyFB.ttf') format('truetype');}
@font-face {font-family:'Creator';src: url('/includes/fonts/Creator.ttf') format('truetype');}
@font-face {font-family:'Raleway-ExtraLight';src: url('/includes/fonts/Raleway-ExtraLight.ttf') format('truetype');}
@font-face {font-family:'Kusanagi-Regular';src: url('/includes/fonts/Kusanagi-Regular.otf')  format('opentype');}
@font-face {font-family:'hacked';src: url('/includes/fonts/hacked.ttf')  format('truetype');}
@font-face {font-family:'SteelLegend';src: url('/includes/fonts/SteelLegend.ttf')  format('truetype');}
@font-face {font-family:'hemi';src: url('/includes/fonts/hemi.otf')  format('opentype');}
@font-face {font-family:'SquareOne';src: url('/includes/fonts/SquareOne.ttf')  format('truetype');}
@font-face {font-family:'Teko';src: url('/includes/fonts/Teko.ttf')  format('truetype');}

@font-face {font-family:'Aldrich';src: url('/includes/fonts/Aldrich.ttf')  format('truetype');}
@font-face {font-family:'Orbitron';src: url('/includes/fonts/Orbitron.ttf')  format('truetype');}

@media screen and (min-width:480px) {
    .tempG6-graph-container{display: flex; width:100%;margin: 35px auto 0;}
    .tempG6-graph .tempG6-cover img{display: block; position: absolute; left: 0; top: 0;width: -webkit-fill-available;width: -moz-available;filter: contrast(140%);}
    .tempG6-graph .tempG6-base #tempG6-baseIMG{width:100%}
    .tempG6-context p{height: 100px; align-items: center; color: #fff; width: 80%; margin: 1em auto 1em; display: grid;position: relative;z-index: 2;padding: 1% 2%;border-radius: 0.3em;text-shadow: 1px 1px #000;line-height: 30px;}
    .tempG6-context p:hover{background: rgba(0,0,0,0.4); box-shadow: 0 3px 8px rgba(0,0,0,0.4);transition: all 0.3s ease-in-out;border:none;}
    .tempG6-btn{display: grid;margin-bottom: 30px;margin-top: 15px;justify-content: center;grid-template-columns: 1fr 1fr 1fr;width: fit-content;place-self: anchor-center;}
    .tempG6-graph-container .tempG6-graph{width:fit-content;position: relative;width: 50%;}
    .tempG6-panel{height: fit-content;width: 40%;margin-left: 15px;}
    .tempG6-btn img{width:175px;}

    .Context_Img_LR {margin: 0 auto;width: auto;display: flex;flex-direction: row-reverse;   }
    .Context_Img_LR .Context{width:50%;}

    .aio-block-row {display: flex;gap: 20px;margin-bottom: 20px;}
    .aio-block-item {margin-bottom: 0;height: 350px;}

    .aio-block-row.row-1 .aio-block-item:nth-child(1) { flex: 3; } 
    .aio-block-row.row-1 .aio-block-item:nth-child(2) { flex: 7; }

    .aio-block-row.row-2 .aio-block-item:nth-child(1) { flex: 7; } 
    .aio-block-row.row-2 .aio-block-item:nth-child(2) { flex: 3; }
    
    /* .aio-block-title{font-size:32px;} */
    #aio-block1{padding: 0 3% 0 3%;}
    #aio-block1 .aio-block-title{font-size:32px;font-family: 'Anton';}
    #aio-block1 .aio-block-p{padding:1%;}

    #aio-block2{display: flex;justify-content: space-between;}
    #aio-block2 .aio-block-title{font-size: 60px;padding-left: 2%;line-height: initial; font-family: 'Anton';}
    #aio-block2 .aio-block-title:lang(en){font-size: 60px;padding-left: 2%;width: min-content;line-height: initial; font-family: 'Anton';}
    #aio-block2 .aio-block-p{padding:1%;}

    #aio-block3{display: flex;justify-content: space-between;padding-top: 10px;}
    #aio-block3 .aio-block-title{font-size: 63px;padding-left: 2%;font-family: 'Anton';}
    #aio-block3 .aio-block-p{padding:1%;}

    #aio-block4{display: flex;justify-content: space-between;padding-top: 10px;}
    #aio-block4 .aio-block-title{font-size: 38px;padding-left: 2%;width: 50%;font-family: 'Anton';}
    #aio-block4 .aio-block-p{padding:2%;}
    .aio-block-container {max-width: 80%;margin: 20px auto;padding: 0 15px;box-sizing: border-box;}

    .wrapper .SpecInner {margin: 0 auto;width: 30%;}
}
@media screen and (max-width:480px) {
  .tempG6-graph-container{display: flex; width:100%;margin: 0 auto 0;flex-direction: column;}
  .tempG6-graph-container .tempG6-graph{width:fit-content;position: relative;width: 100%;}
  .tempG6-panel{height: fit-content;width: 100%;padding:15px;}
  .tempG6-graph .tempG6-cover img{display: block; position: absolute; left: 0; top: 0; width:100%!important;filter: contrast(140%);}
  .tempG6-graph .tempG6-base #tempG6-baseIMG{width:100%}
  .tempG6-btn{display: grid;margin-bottom: 30px;margin-top: 15px;justify-content: center;grid-template-columns: 1fr 1fr 1fr;width: fit-content;place-self: anchor-center;}
  .tempG6-btn img{width:95px;}

  .aio-block-title{font-size:24px;font-family: 'Anton';}
  .aio-block-content {padding:0 1% 0 2%;}
  .aio-block-container {max-width: 100%;margin: 20px auto;padding: 0 15px;box-sizing: border-box;}
    
  .wrapper .SpecInner {margin: 0 auto;width: 100%;}
}
.tempG6-info{color:#fff;width: 95%;}
.tempG6-btn img{margin:5px;filter: opacity(0.6);cursor:pointer; transition:all ease 0.2s;}
.tempG6-btn img:hover{filter: opacity(1) contrast(1.5);}
.tempG6-btn .active{filter: opacity(1) contrast(1.5); box-shadow: 0 0 5px #fd65ff;}
.tempG6title{margin-bottom:30px;font-weight: 700;  color: #fff !important;  text-shadow: 0 0 0.7em #a02785, 0 0 0.7em #a02785, 0 0 0.7em #a02785, 0 0 0.7em #a02785;  font-size: 22px;  font-family: Orbitron, sans-serif;  justify-content: center;  display: flex;}


#animUI1{content: url(/CPU-Coolers/features/animUI1.jpg);border-radius: 11px;}
#animUI2{content: url(/CPU-Coolers/features/animUI2.jpg);border-radius: 11px;}
#animUI3{content: url(/CPU-Coolers/features/animUI3.jpg);border-radius: 11px;}
#animUI4{content: url(/CPU-Coolers/features/animUI4.jpg);border-radius: 11px;}
#animUI5{content: url(/CPU-Coolers/features/animUI5.jpg);border-radius: 11px;}
#animUI6{content: url(/CPU-Coolers/features/animUI6.jpg);border-radius: 11px;}


.wrapper .SpecForm .SpecItem {text-shadow: none !important;font-family:'NovaRg', sans-serif;padding:0.8em 0.8em 0 0.8em;}
.wrapper .SpecForm li{display: flex;flex-direction: column;}
.wrapper .SpecForm .SpecData{margin-left: 0!important;}


.aio-block-item {position: relative;overflow: hidden;border-radius: 8px;margin-bottom: 15px;border: 2px solid #80808042;min-height: 200px;height: 45vh;}
.aio-block-item img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;opacity: 0.85; }

.aio-block-content {position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;}
.aio-block-content h2 {margin: 0 0 10px 0;font-size: clamp(1.2em, 4vw, 2em);line-height: 1.2;}
.aio-block-content p {margin: 0;font-size: clamp(0.9em, 1.5vw, 1.1em);}
.icoIMG{height:40px;}
.icoSet-1{display: flex;line-height: initial;margin-bottom: 23px;}
.icoSet-1 b{font-size: 13.3px;}
.icoTitle-1{margin-left:7px;font-family:'Saira';}
.icoCtx-1{font-family:'Saira';font-size: 13.3px;}

.wrapper .SpecForm .SpecData{border-left:none!important;}
.wrapper .SpecForm .SpecData:hover{border-left:none!important;}