body{
  font-family: 'Montserrat', sans-serif;
}

.main{
    display: grid;
    grid-template-columns: 5fr 3fr;
    padding-top: 100px;
    grid-gap: 20px;
}
.col2{
    height: 800px;
    overflow-y: scroll;
    overflow-x: auto;
}

.acc1,.acc2{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    background: #fafafa;
    box-shadow: 1px 10px 24px -9px rgba(0,0,0,.28);
    align-items: center;
    border: 2px solid transparent;
    outline: 2px solid transparent;
    padding: 20px 50px 20px 0;
    position: relative;
    text-align: left;
    width: 100%;
    font-size: 16px;
}
.price{
    display: grid;
    justify-content: end;
}

.watermark{
    position: absolute;
    height: 250px;
    top: 35%;
    left: 14%;
    opacity: 0.4;
    z-index: 1111;
}

.panel-title {
    position: relative;
    /*background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);*/
    border-radius: 5px;
  }
    
  .panel-title::after {
    content: "\f105";
    color: darkgreen;
    top: 20px;
    left: 16px;
    position: absolute;
    font-family: "FontAwesome"
    
  }
  
  .panel-title[aria-expanded="true"]::after {
    content: "\f107";
  }
  
  /*
   * Added 12-27-20 to showcase full title clickthrough
   */
  
  .panel-heading-full.panel-heading {
    padding: 0;
  }
  
  .panel-heading-full .panel-title {
    padding: 10px 15px;
  }
  
  .panel-heading-full .panel-title::after {
    top: 10px;
    right: 15px;
  }
  /* .acc1,.acc2{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr
  } */
  .panel-body{
    padding: 25px 45px;
    
  }
  .panel-body > div{
    display: grid;
    grid-template-columns: repeat(14,1fr);
    grid-row-gap: 20px;
  }
.opt1{
      margin-left: 30px;
  }
.toolTipBtn{
      width: 36px;height: 36px;display: block;border: 2px solid rgba(0,0,0,.4);background-size: cover;
}
/* .toolTipBtn:hover{
    border: 2px solid rgba(0,0,0);
} */
.clr1{
      /* background-color: #F3A8BC; */
      background-image: url('../images/FrontShell/black.png');
      
}
.clr2{
      /* background-color: #ffbf1f; */
      background-image: url('../images/FrontShell/white.png');
      
  }
.clr3{
      /* background-color: #c9dfe3; */
      background-image: url('../images/FrontShell/duo-tone-purple-blue-30x30.png');
      
}
.clr4{
    /* background-color:  #CEFF00; */
    background-image: url('../images/FrontShell/duo-tone-green-purple-30x30.png');
}
.clr5{
    /* background-color: #72FF13; */
    background-image: url('../images/FrontShell/orange-30x30.png');
}
.clr6{
    /* background-color:  #444b59; */
    background-image: url('../images/FrontShell/black-30x30.png');
}
.clr7{
    /* background-color: #FF1493; */
    background-image: url('../images/FrontShell/green-30x30.png');
}
.clr8{
    /* background-color: #ee8248; */
    background-image: url('../images/FrontShell/blue-30x30.png');
}
.clr9{
    /* background-color: #3a2efe; */
    background-image: url('../images/FrontShell/Red-Chrome-30x30.png');
}
.clr10{
    /* background-color: #4b5320; */
    background-image: url('../images/FrontShell/Silver-Chrome-30x30.png');
}
.clr11{
    /* background-color: #B2BEB5; */
    background-image: url('../images/FrontShell/gold-30x30.jpg');
}
.clr12{
    /* background-color: #7851a9; */
    background-image: url('../images/FrontShell/silver-30x30.jpg');
}
.clr13{
    /* background-color:  #a41d19; */
    background-image: url('../images/FrontShell/red-30x30.jpg');
}
.clr14{
    /* background-color: #191970; */
    background-image: url('../images/FrontShell/horror-30x30.jpg');
}
.clr15{
    /* background-color: #0C0A00; */
    background-image: url('../images/FrontShell/wolves-30x30.jpg');
}
.clr16{
    /* background-color: #cbc5c6; */
    background-image: url('../images/FrontShell/joker-30x30.jpg');
}
.clr17{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/FrontShell/blue-flame-30x30.jpg');
}
.clr18{
    /* background-color: #3b5686; */
    background-image: url('../images/FrontShell/marijuana-30x30.jpg');
}
.clr19{
    /* background-color: #3b5686; */
    background-image: url('../images/FrontShell/galaxy-30x30.jpg');
}
.clr20{
    /* background-color: #3b5686; */
    background-image: url('../images/FrontShell/nebula-30x30.jpg');
}
.clr21{
    /* background-color: #3b5686; */
    background-image: url('../images/FrontShell/waves-30x30.jpg');
}
.clr22{
    /* background-color: #3b5686; */
    background-image: url('../images/FrontShell/neon-magma-30x30.jpg');
}
/* second panel */
.clr23{
    /* background-color: #ffbf1f; */
    background-image: url('../images/FrontTrim/defualt-black-swatch-30x30.png');
    
}
.clr24{
    /* background-color: #c9dfe3; */
    background-image: url('../images/FrontTrim/red-30x30.png');
    
}
.clr25{
  /* background-color:  #CEFF00; */
  background-image: url('../images/FrontTrim/blue-30x30.png');
}
.clr26{
  /* background-color: #72FF13; */
  background-image: url('../images/FrontTrim/green-30x30.png');
}
.clr27{
  /* background-color:  #444b59; */
  background-image: url('../images/FrontTrim/purple-30x30.png');
}
.clr28{
  /* background-color: #FF1493; */
  background-image: url('../images/FrontTrim/Silver-Chrome-30x30.png');
}
.clr29{
  /* background-color: #ee8248; */
  background-image: url('../images/FrontTrim/neon-orange-30x30.png');
}
.clr30{
  /* background-color: #3a2efe; */
  background-image: url('../images/FrontTrim/black-aluminium-30x30.png');
}
.clr31{
  /* background-color: #4b5320; */
  background-image: url('../images/FrontTrim/pink-soft-touch-30x30.jpg');
}
.clr32{
  /* background-color: #B2BEB5; */
  background-image: url('../images/FrontTrim/violet-soft-touch-1-30x30.jpg');
}
.clr33{
  /* background-color: #7851a9; */
  background-image: url('../images/FrontTrim/sky-blue-soft-touch-30x30.jpg');
}
.clr34{
  /* background-color:  #a41d19; */
  background-image: url('../images/FrontTrim/duo-tone-purple-blue-30x30.png');
}
.clr35{
  /* background-color: #191970; */
  background-image: url('../images/FrontTrim/duo-tone-green-purple-30x30.png');
}
.clr36{
  /* background-color: #0C0A00; */
  background-image: url('../images/FrontTrim/gold-30x30.jpg');
}
.clr37{
  /* background-color: #cbc5c6; */
  background-image: url('../images/FrontTrim/silver-30x30.jpg');
}
.clr38{
  /* background-color: #f5d5a1 ; */
  background-image: url('../images/FrontTrim/red-30x30.jpg');
}
.clr39{
  /* background-color: #3b5686; */
  background-image: url('../images/FrontTrim/blue-30x30.jpg');
}
/* third panel */

.clr40{
    /* background-color:  #CEFF00; */
    background-image: url('../images/RearShell/defualt-black-swatch-30x30.png');
  }
  .clr41{
    /* background-color: #72FF13; */
    background-image: url('../images/RearShell/white-transluctent-30x30.png');
  }
  .clr42{
    /* background-color:  #444b59; */
    background-image: url('../images/RearShell/duo-tone-purple-blue-30x30.png');
  }
  .clr43{
    /* background-color: #FF1493; */
    background-image: url('../images/RearShell/duo-tone-green-purple-30x30.png');
  }
  .clr44{
    /* background-color: #ee8248; */
    background-image: url('../images/RearShell/gold-30x30.jpg');
  }
  .clr45{
    /* background-color: #3a2efe; */
    background-image: url('../images/RearShell/silver-30x30.jpg');
  }
  .clr46{
    /* background-color: #4b5320; */
    background-image: url('../images/RearShell/red-30x30.png');
  }
  .clr47{
    /* background-color: #B2BEB5; */
    background-image: url('../images/RearShell/blue-30x30.png');
  }
  .clr48{
    /* background-color: #7851a9; */
    background-image: url('../images/RearShell/green-30x30.png');
  }
  .clr49{
    /* background-color:  #a41d19; */
    background-image: url('../images/RearShell/purple-30x30.png');
  }
  .clr50{
    /* background-color: #191970; */
    background-image: url('../images/RearShell/neon-orange-30x30.png');
  }
  .clr51{
    /* background-color: #0C0A00; */
    background-image: url('../images/RearShell/pink-soft-touch-30x30.jpg');
  }
  .clr52{
    /* background-color: #cbc5c6; */
    background-image: url('../images/RearShell/Silver-Chrome-30x30.png');
  }
  .clr53{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RearShell/defualt-black-swatch-30x30.png');
  }
  /* panel 4 */
  .clr54{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/defualt-black-swatch-30x30.png');
  }
  .clr55{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/white-transluctent-30x30.png');
  }
  .clr56{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/duo-tone-purple-blue-30x30.png');
  }
  .clr57{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/duo-tone-green-purple-30x30.png');
  }
  .clr58{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/red-30x30.png');
  }
  .clr59{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/blue-30x30.png');
  }
  .clr60{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/green-30x30.png');
  }
  .clr61{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/purple-30x30.png');
  }
  .clr62{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/neon-orange-30x30.png');
  }
  .clr63{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/Silver-Chrome-30x30.png');
  }
  .clr64{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/defualt-black-swatch-30x30.png');
  }
  .clr65{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/pink-soft-touch-30x30.jpg');
  }
  .clr66{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/violet-soft-touch-1-30x30.jpg');
  }
  .clr67{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/galaxy-30x30.jpg');
  }
  .clr68{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/nebula-30x30.jpg');
  }
  .clr69{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/horror-30x30.jpg');
  }
  .clr70{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/blue-flame-30x30.jpg');
  }
  .clr71{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/joker-30x30.jpg');
  }
  .clr72{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/wolves-30x30.jpg');
  }
  .clr73{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/marijuana-30x30.jpg');
  }
  .clr74{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/waves-30x30.jpg');
  }
  .clr75{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/TouchPad/neon-magma-30x30.jpg');
  }
  /* fifth panel */
  .clr76{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/defualt-black-swatch-30x30.png');
  }
  .clr77{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/white-transluctent-30x30.png');
  }
  .clr78{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/red-30x30.png');
  }
  .clr79{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/blue-30x30.png');
  }
  .clr80{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/green-30x30.png');
  }
  .clr81{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/purple-30x30.png');
  }
  .clr82{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/pink-soft-touch-30x30.jpg');
  }
  .clr83{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/Silver-Chrome-30x30.png');
  }
  .clr84{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/white-transluctent-30x30.png');
  }
  .clr85{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/defualt-black-swatch-30x30.png');
  }
  .clr86{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/duo-tone-purple-blue-30x30.png');
  }
  .clr87{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/duo-tone-green-purple-30x30.png');
  }
  .clr88{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/gold-30x30.jpg');
  }
  .clr89{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/silver-30x30.jpg');
  }
  .clr90{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/red-30x30.jpg');
  }
  .clr91{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/blue-30x30.jpg');
  }
  .clr92{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/green-30x30.jpg');
  }
  .clr93{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/RightBtns/purple-30x30.jpg');
  }
  /* sixth panel */
  .clr94{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/defualt-black-swatch-30x30.png');
  }
  .clr95{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/white-transluctent-30x30.png');
  }
  .clr96{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/red-30x30.png');
  }
  .clr97{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/blue-30x30.png');
  }
  .clr98{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/green-30x30.png');
  }
  .clr99{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/purple-30x30.png');
  }
  .clr100{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/pink-soft-touch-30x30.jpg');
  }
  .clr101{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/Silver-Chrome-30x30.png');
  }
  .clr102{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/white-transluctent-30x30.png');
  }
  .clr103{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/defualt-black-swatch-30x30.png');
  }
  .clr104{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/duo-tone-purple-blue-30x30.png');
  }
  .clr105{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/duo-tone-green-purple-30x30.png');
  }
  .clr106{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/gold-30x30.jpg');
  }
  .clr107{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/silver-30x30.jpg');
  }
  .clr108{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/red-30x30.jpg');
  }
  .clr109{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/blue-30x30.jpg');
  }
  .clr110{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/green-30x30.jpg');
  }
  .clr111{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/Dpad/purple-30x30.jpg');
  }
  /* Seventh Panel */
  .clr112{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/defualt-black-swatch-30x30.png');
  }
  .clr113{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/red-30x30.png');
  }
  .clr114{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/purple-30x30.png');
  }
  .clr115{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/blue-30x30.png');
  }
  .clr116{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/white-transluctent-30x30.png');
  }
  .clr117{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/green-30x30.png');
  }
  .clr118{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/orange-30x30.png');
  }
  .clr119{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/black-30x30.png');
  }
  .clr120{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/Red-Chrome-30x30.png');
  }
  .clr121{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/Blue-Chrome-30x30.png');
  }
  .clr122{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/Green-Chrome-30x30.png');
  }
  .clr123{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/white-transluctent-30x30.png');
  }
  .clr124{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/yellow-30x30.png');
  }
  .clr125{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/leftAnalogue/orange-30x30.png');
  }
  /* Eighth Panel */
  .clr126{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/defualt-black-swatch-30x30.png');
  }
  .clr127{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/red-30x30.png');
  }
  .clr128{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/purple-30x30.png');
  }
  .clr129{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/blue-30x30.png');
  }
  .clr130{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/white-transluctent-30x30.png');
  }
  .clr131{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/green-30x30.png');
  }
  .clr132{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/neon-orange-30x30.png');
  }
  .clr133{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/defualt-black-swatch-30x30.png');
  }
  .clr134{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/red-30x30.png');
  }
  .clr135{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/blue-30x30.png');
  }
  .clr136{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/green-30x30.png');
  }
  .clr137{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/white-transluctent-30x30.png');
  }
  .clr138{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/yellow-30x30.png');
  }
  .clr139{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/rightAnalogue/neon-orange-30x30.png');
  }
  /* Nineth panel */
  .clr140{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/AnalogueRings/defualt-black-swatch-30x30.png');
  }
  .clr141{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/AnalogueRings/duo-tone-purple-blue-30x30.png');
  }
  /* Tenth panel */
  .clr142{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/defualt-black-swatch-30x30.png');
  }
  .clr143{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/white-transluctent-30x30.png');
  }
  .clr144{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/red-30x30.png');
  }
  .clr145{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/blue-30x30.png');
  }
  .clr146{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/green-30x30.png');
  }
  .clr147{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/purple-30x30.png');
  }
  .clr148{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/pink-soft-touch-30x30.jpg');
  }
  .clr149{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/Silver-Chrome-30x30.png');
  }
  .clr150{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/white-transluctent-30x30.png');
  }
  .clr151{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/defualt-black-swatch-30x30.png');
  }
  .clr152{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/duo-tone-purple-blue-30x30.png');
  }
  .clr153{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/duo-tone-green-purple-30x30.png');
  }
  .clr154{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/gold-30x30.jpg');
  }
  .clr155{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/silver-30x30.jpg');
  }
  .clr156{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/red-30x30.jpg');
  }
  .clr157{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/blue-30x30.jpg');
  }
  .clr158{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/green-30x30.jpg');
  }
  .clr159{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/StartSelect/purple-30x30.jpg');
  }
  /* Eleventh Panel */
  .clr160{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/PSBtn/defualt-black-swatch-30x30.png');
  }
  /* Twelve Panel */
  .clr161{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/defualt-black-swatch-30x30.png');
  }
  .clr162{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/red-30x30.png');
  }
  .clr163{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/blue-30x30.png');
  }
  .clr164{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/neon-green-30x30.png');
  }
  .clr165{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/purple-30x30.png');
  }
  .clr166{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/pink-soft-touch-1-30x30.jpg');
  }
  .clr167{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/Silver-Chrome-30x30.png');
  }
  .clr168{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/white-30x30.png');
  }
  .clr169{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/defualt-black-swatch-30x30.png');
  }
  .clr170{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/duo-tone-purple-blue-30x30.png');
  }
  .clr171{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/duo-tone-green-purple-30x30.png');
  }
  .clr172{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/gold-30x30.jpg');
  }
  .clr173{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/triggers/silver-30x30.jpg');
  }
  /* Thirteen*/
  .clr174{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/standard/high-quality-30x30.png');
  }
  .clr175{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/standard/trophy-30x30.png');
  }
 /* Forteen*/
 .clr176{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/DualCharging/TP5-0505I¨¦o-1-30x30.jpg');
  }
  .clr177{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/DualCharging/black-30x30.jpg');
  }
/* Fifteen*/
.clr178{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/FastCharge/black-30x30.jpg');
  }
  .clr179{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/FastCharge/cable-30x30.jpg');
  }

/* Sixteen*/
.clr180{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/luxuryCase/black-30x30.jpg');
  }
  .clr181{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/luxuryCase/defy-carry-case-2020-30x30.jpg');
  }
/* Seventeen*/
.clr182{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/proGaming/black-30x30.jpg');
  }
  .clr183{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/proGaming/ps4-headset-thumbnail-30x30.png');
  }
/* Eighteen*/
.clr184{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/controllerStand/black-30x30.jpg');
  }
  .clr185{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/controllerStand/1-11-30x30.png');
  }
  
   .clr186{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/DispatchTime/wall-clock-1-30x30.png');
  }
  
   .clr187{
    /* background-color: #f5d5a1 ; */
    background-image: url('../images/DispatchTime/fast-30x30.png');
  }
  


/* Carousel dark indicators */
/* Add an extra .carousel parent class to increase specifity
   avoiding the use of !important flag. */
   .carousel .carousel-indicators li {
    background-color: #fff;
    background-color: rgba(70,70,70,.25);
  }
  
  .carousel .carousel-indicators .active {
    background-color: #444;
  }
  /* 
   */
   
   .carousel-control-next-icon,.carousel-control-prev-icon{
    position: absolute;
    width: 44px;
    height: 44px;
    padding: 0;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #ececec;
    color: #000;
   }
   .carousel-control-next-icon{
    right: -43px;
   }
   .carousel-control-prev-icon{
    left: -43px;
   }

   .carousel-control-next-icon:after
   {
     content: '>';
     font-size: 25px;
     color: #000;
     font-weight: lighter;
   }
   
   .carousel-control-prev-icon:after {
     content: '<';
     font-size: 25px;
     color: #000;
     font-weight: lighter;
   }
   .carousel-control-next-icon:hover, .carousel-control-prev-icon:hover{
       background-color: #fff;
   }
   .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
    .activeColorShell,.activeColorTrim,.activeColorRear{
        border: 2px solid #000;
    }


    .panel-title:hover{
        border: 2px solid #000;
    }

    #srk-totalPrice{font-weight: bold;}

    .grid{display: grid;}
    .gafc{grid-auto-flow: column;}
    .jcs{justify-content: start;}
    .jce{justify-content: end;}
    .aic{align-items: center;}
    .cgap-2{column-gap: 20px;}

    #addToCartWrapMobile{display:none}
    #addToCartWrapDekstop{justify-content: end;}
    
    @media(max-width:414px){
      .main{
        grid-template-columns: repeat(1, 1fr);
        padding-top: 10px;
        grid-gap:0px;
        row-gap: 10px;
      }
      
      .watermark{
            position: absolute;
            height: 100px;
            top: 15%;
            left: 17%;
            opacity: 0.4;
            z-index: 1111;
     }
      
      .col1{height: 300px;}
      
      .panel-title{
        font-size: 11px;
      }

      .panel-body > div {
        grid-template-columns: repeat(6,1fr);
      }

      .col2{height: 276px;}
  #addToCartWrapDekstop{display: none;}
      #addToCartWrapMobile{justify-content: center; display:grid}
    }
    
     @media(max-width:600px){
      .main{
        grid-template-columns: repeat(1, 1fr);
        padding-top: 10px;
        grid-gap:0px;
        row-gap: 10px;
      }
      .col1{height: 300px;}
      
      .panel-title{
        font-size: 11px;
      }

      .panel-body > div {
        grid-template-columns: repeat(6,1fr);
      }

      .col2{height: 276px;}
  #addToCartWrapDekstop{display: none;}
      #addToCartWrapMobile{justify-content: center; display:grid}
    }
    
     @media(max-width:768px){
      .main{
        grid-template-columns: repeat(1, 1fr);
        padding-top: 10px;
        grid-gap:0px;
        row-gap: 10px;
      }
      .col1{height: 300px;}
      
      .panel-title{
        font-size: 11px;
      }

      .panel-body > div {
        grid-template-columns: repeat(6,1fr);
      }

      .col2{height: 276px;}
  #addToCartWrapDekstop{display: none;}
      #addToCartWrapMobile{justify-content: center; display:grid}
    }
    
     @media(max-width:900px){
      .main{
        grid-template-columns: repeat(1, 1fr);
        padding-top: 10px;
        grid-gap:0px;
        row-gap: 10px;
      }
      .col1{height: 300px;}
      
      .panel-title{
        font-size: 11px;
      }

      .panel-body > div {
        grid-template-columns: repeat(6,1fr);
      }

      .col2{height: 276px;}
  #addToCartWrapDekstop{display: none;}
      #addToCartWrapMobile{justify-content: center; display:grid}
    }
     @media(max-width:1024px){
      .main{
        grid-template-columns: repeat(1, 1fr);
        padding-top: 10px;
        grid-gap:0px;
        row-gap: 10px;
      }
      .col1{height: 300px;}
      
      .panel-title{
        font-size: 11px;
      }

      .panel-body > div {
        grid-template-columns: repeat(6,1fr);
      }

      .col2{height: 276px;}
  #addToCartWrapDekstop{display: none;}
      #addToCartWrapMobile{justify-content: center; display:grid}
    }
    
.heading{
    padding-top: 20px;
    font-size: 16px;
}

.drop{
    width: 150px;
    border: 1px solid #ccc;
    padding: 5px;
}

@font-face {
   font-family: 'parry-hotter';
   src: url(../fonts/parry-hotter.regular.ttf);
}
@font-face {
   font-family: 'fortnite';
   src: url(../fonts/fortnite.otf);
}

@font-face {
   font-family: 'Starjedi';
   src: url(../fonts/Starjedi.ttf);
}
@font-face {
   font-family: 'STENCIL';
   src: url(../fonts/STENCIL.ttf);
}
@font-face {
   font-family: 'TrashHand';
   src: url(../fonts/TrashHand.TTF);
}
@font-face {
   font-family: 'Minecrafter';
   src: url(../fonts/Minecrafter.Reg.ttf);
}
@font-face {
   font-family: 'Minecraftia-Regular';
   src: url(../fonts/Minecraftia-Regular.ttf);
}
@font-face {
   font-family: 'pricedown';
   src: url(../fonts/pricedown.bl-regular.otf);
}
@font-face {
   font-family: 'KOMIKAX_';
   src: url(../fonts/KOMIKAX_.ttf);
}