*{
  padding:0;
  margin:0;
  box-sizing: border-box;
}

body{
  min-height: 100vh;
  font-family: -apple-system,BlinkMacSystemFont,Roboto,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.navbar{
  padding:1%;
  font-weight: bolder;
}
.navbar-brand{
  color:  #0492c2;
  font-size: 25px;
  font-weight: bolder;
}
.content{
  padding:5% 8%;
  position: relative;
}
.content-img{
  padding-right:8%;
  width:1200px;
  height:700px;
  padding-bottom: 5%;

}

.texts{
  position:absolute;
  right:10%;
  top:2%;
  width:600px;
  height:400px;
}
.texts h1{
  font-size:50px;
  font-weight:800;
  color: #0492c2;
}

.footer{
  padding:5% 8%;
  background-color: black;
  position: relative;
  font-weight: bolder;
}
@media (max-width:1000px){
  .texts h1{
    font-size:20px;
    font-weight:600;
    color: #0492c2;
  }

  .texts{
    position:absolute;
    right:7%;
    top:4%;
    width:300px;
    height:300px;
  }

  .statistics{
    width:50%;
    font-size:20px;
  }

}
/* chatbot*/
#box{
width: 400px;
height: auto;
box-shadow: 5px 5px 20px #000;
position: fixed;
top: 65%;
left: 75%;
transform: translate(-50%, -50%);
z-index: 3;
display: none;
}
.top{
width: 100%;
height: auto;
z-index: 3;
background: #2a2f32;
}
.top h1{
margin: 0;
font-size: 20px;
color: #fff;
padding-top: 10px;
text-align: center;
font-family: monospace;
}
.mid{
width: 100%;
height: auto;
background: white;
}
.mid .chat{
width: 100%;
background: white;
}
.mid .chat h2{
margin: 0;
font-size: 20px;
color: #000;
background: white;
padding: 30px 20px;

}
.mid .chat p{
margin: 0;
font-size: 20px;
background: white;
padding: 50px 20px;
color: black;
font-weight: 600;
letter-spacing: 0.04;
}
.input{
width: 100%;
height:auto;
overflow: hidden;
}
.input input{
width: 80%;
height: auto;
outline: none;
border: none;
padding-top: 0;
font-family: cursive;
color: black;
font-size: 20px;
background: white;
padding: 25px;
}
.button{
float: right;
width: 20%;
height: 79px;
background: white;
color: #2a2f32;
padding: 20px;
font-size: 15px;
cursor: pointer;
border: none;
outline: none;

}
.chat{
  float:right;
  margin-top:17px;
}
.button1{
height: auto;
float: right;
background: #2a2f32;
color: white;
}
/******count-box*******/
.num:after{
  content: "+";
  display: inline;

}