@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");

body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4 {
  font-family: "Poppins";
}

.text-blue{
  color : rgb(16, 99, 207);
}

.btn-call {

  background-color: rgb(16, 99, 207);
  color: white;
  font-size: 28px;
  font-weight: 700;
  border-radius: 18px;
  border: 0;
  padding: 15px;
  text-transform: uppercase;
}

.btn-call:hover {
  background-color: rgb(33, 51, 211);
}
#btn2 {
  font-size: 40px;
  background-color: transparent;
  border-style: solid;
  border-width: 3px;
  font-weight: 400;
  border-color: white;
  color: white;
}
#btn2:hover {
  background-color: white;
  color: rgb(51, 115, 211);
}

.hero-banner {
  height: 50%;
  background-image: url("img/smiling-blonde-business-woman-talking-by-mobile-phone.jpg");
  background-size: cover;
}

#tel {
  background-color: rgb(51, 115, 211);
}

#img-bottom {
  height: 50%;
  background-image: url("img/operator-answering-client-phone-call-customer-care-service-helping-people-call-center-support-male-receptionist-giving-telemarketing-assistance-phone-helpline-office.jpg");
  background-size: cover;
}

#footer {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.card {
  background-color: rgb(39, 98, 224);
  color: white;
  border-style: none;
  min-height: 250px;
  margin-bottom: 30px;
}

.mobile{
 display: none;
}

@media (max-width: 768px) {
  .num {
    min-width: 150px !important;
  }
  button {
    font-size: 20px !important;
  }

  .mobile{
    display: block;
    position: fixed;
    width: 100%;
    bottom : 0;
    left : 0;
    background-color:orangered;
    color : white;
    text-align: center;
    padding : 10px;
  }
}