.main_container{
  display: flex;
  flex-direction: column;
  width: 80%;
  justify-content: center;
  align-items: center;
  height: auto;
  gap: 20px;
  margin-top: 20px;
  margin-left: 10%;
  margin-right: 10%;
  text-align: justify;
}

.bottom_container{
  width: 100%;
  height: 70vh;
  background-color: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: #343434;
}
.blogmenu{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.blogvalue{
  display: flex;
  align-items: center;
  justify-content:space-around;
  width: 100%;
}
.grid-container {
  width: 100%;
  height: 90vh;
  background-color: black;
  display: grid;
  grid-template-columns: 0.8fr 1fr 0.8fr;
  grid-template-rows: 4fr 1fr 1fr 1fr 5fr 1fr;
  border-top: 5px solid #343434;
  border-bottom: 5px solid #343434;
}
.item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: black;
  color: white;
}
.wifi {
  background-image: url("../img/appWifiSwitch.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}
.PCB {
  background-image: url("../img/scr1.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}
.touch {
  background-image: url("../img/resistive1.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-row: span 5;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}

.volt {
  background-image: url("../img/1_block.png"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  grid-row: span 3;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}
.ATM {
  background-image: url("../img/block1.png"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  grid-row: span 3;
  border: 5px solid black;
  cursor: pointer;
}
.size{
  width:70%;
  height: 70vh;
  display: flex;
  border: 0px;
}
.capsense {
  background-image: url("../img/CapSense.gif"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
}
.cap_circuit{
  background-image: url("../img/cap_circuit.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
}
.cap1{
  background-image: url("../img/cap1.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
}
.cap2{
  background-image: url("../img/cap2.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
}
.cap3{
  background-image: url("../img/cap3.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
}
.cap4{
  background-image: url("../img/cap4.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
}
.cap5{
  background-image: url("../img/cap5.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
}

.flexdiv{
  width: 24%;
  height: 90%;
  border: 0px;
  
}

.wifiSwitch1 {
  background-image: url("../img/wifi_switch_1.png"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}

.wifiSwitch2 {
  background-image: url("../img/wifi_switch_2.png"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}

.wifiSwitch3 {
  background-image: url("../img/wifi_switch_3.png"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}

.voltmeter1 {
  background-image: url("../img/dv1.png"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}

.voltmeter2 {
  background-image: url("../img/dv2.png"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}

.voltmeter3 {
  background-image: url("../img/dv3.png"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}

.voltmeter4 {
  background-image: url("../img/dv4.png"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}

.voltmeter5 {
  background-image: url("../img/dv5.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  border: 5px solid black;
  cursor: pointer;
}

.pcb0 {
  background-image: url("../img/scr1.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb1 {
  background-image: url("../img/pcb1.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb2 {
  background-image: url("../img/pcb2.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb3 {
  background-image: url("../img/pcb3.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb4 {
  background-image: url("../img/pcb4.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb5 {
  background-image: url("../img/pcb5.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb6 {
  background-image: url("../img/pcb6.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb7 {
  background-image: url("../img/pcb7.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb8 {
  background-image: url("../img/pcb8.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb9 {
  background-image: url("../img/pcb9.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb10 {
  background-image: url("../img/pcb10.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb11 {
  background-image: url("../img/pcb11.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb12 {
  background-image: url("../img/pcb12.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb13 {
  background-image: url("../img/pcb13.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
 
  cursor: pointer;
}

.pcb14 {
  background-image: url("../img/pcb14.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.pcb15 {
  background-image: url("../img/pcb15.jpg"); /* Add a linear gradient or another background image */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: white;
  
  cursor: pointer;
}

.containerIcon{
  width: 100%;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(109,123,160,.1);
  -webkit-box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
  -moz-box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
  box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
  padding-top: 5%;
  padding-bottom: 5%;
}
.containerIcon > h4{
  font-size: 2vw;
  padding-bottom: 3%;
  font-weight: 400;
}
.containerIcon >p{
  font-size: 1.3vw;
  margin: 0 2em 2em;
  width: 80%;
  text-align: center;
}
.box{
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:black!important;
  z-index: 200;
  border: 1px solid rgba(109,123,160,.1);
  -webkit-box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
  -moz-box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
  box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
}
.box > ul{
  list-style: none;
  padding: 0px;
  text-align: center;
  background-color: black !important;
  border: 1px solid rgba(109,123,160,.1);
  -webkit-box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
  -moz-box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
  box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
}
.box > ul >li{
  display: inline-block;
  background-color: whitesmoke !important;
  
}
.box > ul>img{
  width: 45%;
  height: auto;
  margin: 2% 5%;
  background-color: whitesmoke !important;
  padding: 7%;
  border-radius: 50%;
}
.box > .PL{
  list-style: none;
  padding: 30px 0px;
  text-align: center;
  background-color: whitesmoke !important;
  border: 1px solid rgba(109,123,160,.1);
  -webkit-box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
  -moz-box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
  box-shadow: 0 7px 20px 0 rgba(109,123,160,.15);
}
.box > .PL>img{
  width: 8%;
  height: auto;
  margin: 1% 5%;
  background-color: whitesmoke !important;
}