.header-div {
  height: 150px;
  line-height: 148px;
  text-align: center;
  background: rgb(43, 43, 43);
}
#body {
  margin: 0;
  padding: 0;
}
.footer-div {
  padding: 50px 0;
  background: rgb(45, 45, 45);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel-item-div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fw{
  font-weight:700
}
.lightblue{
  color: rgb(0, 160, 233);

}
.lightgray{
  color: rgb(222, 222, 222);
}
.darkgray{
  color: rgb(177, 174, 174);
}
.colorwhite{
  color:white
}
.displayBlock{
  display: block
}
.floatl{
  float: left;
}
.ffa{
  font-family: Arial
}
.fz32{
  font-size: 32px
}
.fz48{
  font-size: 48px
}
.fz24{
  font-size: 24px
}
.fz12{
  font-size: 12px
}
.fz20{
  font-size: 20px
}
.company-name-span{
  font-size: 32px;
  font-family: Arial;
  letter-spacing: 5px;
  color: rgb(0, 160, 233);
  font-weight: 600;
}

.menu-button{
  background: transparent !important;
  border: 0px !important;
  font-size: 18px !important;
  color:white !important;
}
.menu-button.is-active,
.menu-button:active{
  color: rgb(0, 160, 233) !important;
}
.menu-button:focus,
.menu-button:hover{
  color: rgb(0, 160, 233) !important;
}
.menu-div{
  display: flex;
  height: 150px;
  align-items: center
}
.computer-screen{
  width: 330px;
  height: 200px;
  border: 7px solid rgb(63, 61, 61)
}
.computer-image{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.computer-pillar{
  height: 40px;
  width: 20px;
  background: rgb(63, 61, 61);
  margin:0 auto
}
.computer-bottom{
  height: 10px;
  width: 120px;
  background: rgb(63, 61, 61);
  margin:0 auto
}
.flex{
  display: flex
}
.flexac{
  align-items: center
}
.flexColum{
  flex-direction: column
}
.instruction-div{
  height: 250px;
  padding: 0px 150px;
}
.question-card{
  height: 80px;
  width: 350px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 5px
}
.bkorange{
  background: rgb(249, 139, 41);
}
.bkorange-2{
  background: rgb(242, 146, 42);
}
.bkblue{
  background: rgb(50, 130, 220);
}
.bkblue-2{
  background: rgb(121, 164, 244);
}
.bkblue-3{
  background: rgb(106, 183, 224);
}
.bkgreen{
  background: rgb(110, 181, 69);
}
.bkgreen-2{
  background: rgb(154, 231, 78);
}
.bkgreen-3{
  background: rgb(87, 233, 68);
}
.bkcyan{
  background: rgb(72, 183, 193);
}
.bkgray{
  background: rgb(224, 224, 224);
}
.bkpink{
  background: rgb(255, 79, 135);
}
.bkred{
  background: rgb(255, 117, 100);
}
.bklightblue-2{
  background: rgb(112, 161, 227)
}
.bkyellow{
  background: rgb(255, 199, 66)
}
.bkyellow-2{
  background: rgb(255, 220, 79)
}
.largeicon{
  font-size: 36px;
}
.xlarge-icon{
  font-size: 80px;
  font-weight: 100;
}
.medium-icon{
  font-size: 48px;
}
.question-div{
   text-align: center;
   padding: 100px 50px
}
.question-row{
  display: flex;
  justify-content: center;
  padding: 20px
}
.about-us-div{
 padding: 0 50px;
}
.about-us-div-content{
  background: rgb(93, 147, 221);
  text-align: center;
  padding: 50px 0;
  min-width: 1300px;
}
.cricle-icon-div{
   height: 220px;
   width: 220px;
   border-radius: 110px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto;
}
.cricle-icon-div-medium{
  height: 80px;
  width: 80px;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-light-cricle{
  height: 190px;
  width: 190px;
  border-radius: 185px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.work-item{
  display: flex;
  padding: 20px 0;
  width: 220px;
  flex-direction: column;
}
.work-item-div{
  display: flex;
  width: 65%;
  min-width: 1000px;
  justify-content: space-between;
  margin: 0 auto;
  padding: 30px 0px;
}
.margin-top30{
  margin-top: 30px
}
.margin-top10{
  margin-top: 10px
}
.margin-left20{
  margin-left: 20px
}
.product-promise-div{
   padding: 100px 0
 }
 .product-promise-div-content{
   text-align: center;
   width: 75%;
   min-width: 1500px;
   margin: 0 auto;
 }
 .product-promise-row{
   display: flex;
   justify-content: space-between;
   padding: 30px 0;
 }
 .product-promise-instruction-div{
   width: 300px;
   letter-spacing: 2px;
   padding: 0 20px;
 }
 .tl{
   text-align: left
 }
 .pd3{
   padding: 3px
 }