@media screen and (max-width: 1920px) {
  .navbar-header .rvrjc{
    width: 70%;
    height: 60px;
  }
  body{
    background-color: white;
  }
  body::-webkit-scrollbar{
    display:none;
}
  .hed h1{
    position: absolute;
    top: 15%;
    left: 45%;
  }
  .title {
    color: grey;
    font-size: 18px;
  }
.container .card1 {
  position: absolute;
  top: 30%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}
.container .card1 h1{
  font-size: 24px;
  font-family: sans-serif;
  font-weight: bold;
  padding-top: 10px;
}
.container .card1 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
}
.container .card2 {
  position: absolute;
  top: 80%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card2 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card2 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}
.container .card3 {
  position: absolute;
  top: 80%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card3 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card3 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}
.container .card4 {
  position: absolute;
  top: 80%;
  left: 70%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card4 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card4 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card5 {
  position: absolute;
  top: 130%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card5 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card5 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card6 {
  position: absolute;
  top: 130%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card6 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card6 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card7 {
  position: absolute;
  top: 130%;
  left: 70%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;

}

.container .card7 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card7 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card8 {
  position: absolute;
  top: 180%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card8 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card8 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card9 {
  position: absolute;
  top: 180%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card9 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card9 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card10 {
  position: absolute;
  top: 180%;
  left: 70%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card10 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card10 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card11 {
  position: absolute;
  top: 230%;
  left: 70%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card11 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card11 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card12 {
  position: absolute;
  top: 230%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card12 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card12 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card13 {
  position: absolute;
  top: 230%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card13 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card13 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}
.container .card14 {
  position: absolute;
  top: 280%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card14 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card14 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}
.contact{
  position: absolute;
  bottom: -150%;
  left: 0;
  width: 100%;
  height: 60vh;
  background-color: #343a40;
}

.contact .map{
  position: absolute;
  top: 5%;
  right: 5%;
  width:40%;
  height:90%;
}
.contact .info{
  position: absolute;
  top: 5%;
  left: 5%;
  width: 40%;
  height: 90%;
  color: white;#0052D4;
}
.contact .info .address .line1{
  position: absolute;
  top: 35%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line2{
  position: absolute;
  top: 41%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line3{
  position: absolute;
  top: 47%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line4{
  position: absolute;
  top: 54%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line5{
  position: absolute;
  top: 61%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line6{
  position: absolute;
  top: 68%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address i{
  position: absolute;
  top: 30%;
  font-size: 20px;
  line-height: 30px;
  margin: 20px;
}
.contact .info img{
  position: absolute;
  top: 0;
  left: 10%;
  width: 130px;
  height: 130px;
}
.contact .info i{
  position: absolute;
  color: white;#0052D4;
  //text-shadow: 0 0 20px rgba(255,255,255,0.7);
  line-height: 30px;
  margin: 20px;
}
.contact .info i:nth-child(2){
  top: 60%;
}
.contact .info i:nth-child(3){
  top: 70%;
}
.contact .info i:nth-child(4){
  top: 80%;
}
.contact .info i:nth-child(n+5){
  top: 90%;
}
.contact .info i a{
  color: white;#0052D4;
  //text-shadow: 0 0 20px rgba(255,255,255,0.7);
  line-height: 30px;
  margin: 20px 4px;
  font-size: 20px;
}
}
/* ------------------New media Scree rule ----------------------------------*/
@media screen and (max-width: 1600px){
  body{
    background-color: white;
  }
  body::-webkit-scrollbar{
    display:none;
}
  .hed h1{
    position: absolute;
    top: 15%;
    left: 45%;
  }
  .title {
    color: grey;
    font-size: 18px;
  }
  .container .card1 {
  position: absolute;
  top: 30%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}
.container .card1 h1{
  font-size: 24px;
  font-family: sans-serif;
  font-weight: bold;
  padding-top: 10px;
}
.container .card1 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
}
.container .card2 {
  position: absolute;
  top: 85%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card2 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card2 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}
.container .card3 {
  position: absolute;
  top: 85%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card3 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card3 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}
.container .card4 {
  position: absolute;
  top: 85%;
  left: 70%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card4 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card4 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card5 {
  position: absolute;
  top: 140%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card5 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card5 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card6 {
  position: absolute;
  top: 140%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card6 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card6 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card7 {
  position: absolute;
  top: 140%;
  left: 70%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;

}

.container .card7 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card7 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card8 {
  position: absolute;
  top: 195%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card8 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card8 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card9 {
  position: absolute;
  top: 195%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card9 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card9 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card10 {
  position: absolute;
  top: 195%;
  left: 70%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card10 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card10 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card11 {
  position: absolute;
  top: 250%;
  left: 70%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card11 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card11 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card12 {
  position: absolute;
  top: 250%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card12 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card12 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}

.container .card13 {
  position: absolute;
  top: 250%;
  left: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card13 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card13 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}
.container .card14 {
  position: absolute;
  top: 305%;
  left: 10%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
  width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.container .card14 h1{
  font-size: 24px;
  font-family: sans-serif;
  padding-top: 10px;
}
.container .card14 .icon a{
  text-decoration: none;
  font-size: 22px;
  color: black;
  padding: 3px;
}
.contact{
  position: absolute;
  bottom: -160%;
  left: 0;
  width: 100%;
  height: 60vh;
  background-color: #343a40;
}

.contact .map{
  position: absolute;
  top: 5%;
  right: 5%;
  width:40%;
  height:90%;
}
.contact .info{
  position: absolute;
  top: 5%;
  left: 5%;
  width: 40%;
  height: 90%;
  color: white;#0052D4;
}
.contact .info .address .line1{
  position: absolute;
  top: 35%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line2{
  position: absolute;
  top: 41%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line3{
  position: absolute;
  top: 47%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line4{
  position: absolute;
  top: 54%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line5{
  position: absolute;
  top: 61%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line6{
  position: absolute;
  top: 68%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address i{
  position: absolute;
  top: 30%;
  font-size: 20px;
  line-height: 30px;
  margin: 20px;
}
.contact .info img{
  position: absolute;
  top: 0;
  left: 10%;
  width: 130px;
  height: 130px;
}
.contact .info i{
  position: absolute;
  color: white;#0052D4;
  //text-shadow: 0 0 20px rgba(255,255,255,0.7);
  line-height: 30px;
  margin: 20px;
}
.contact .info i:nth-child(2){
  top: 60%;
}
.contact .info i:nth-child(3){
  top: 70%;
}
.contact .info i:nth-child(4){
  top: 80%;
}
.contact .info i:nth-child(n+5){
  top: 90%;
}
.contact .info i a{
  color: white;#0052D4;
  //text-shadow: 0 0 20px rgba(255,255,255,0.7);
  line-height: 30px;
  margin: 20px 4px;
  font-size: 20px;
}
}

@media screen and (max-width: 1280px) {
  body{
    background-color: white;
  }
  body::-webkit-scrollbar{
    display:none;
}
  .hed h1{
    position: absolute;
    top: 13%;
    left: 30%;
  }
  .title {
    color: grey;
    font-size: 18px;
  }
  .container .card1 {
    position: absolute;
    top: 23%;
    left: 20%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 250px;
    height: 260px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }
  .container .card1 h1{
    font-size: 18px;
    font-family: sans-serif;
    font-weight: bold;
    padding-top: 3px;
  }
  .container .card1 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
  }
  .container .card2 {
    position: absolute;
    top: 70%;
    left: 20%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 250px;
    height: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card2 h1{
    font-size: 18px;
    font-family: sans-serif;
    padding-top: 3px;
  }
  .container .card2 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }
  .container .card3 {
    position: absolute;
    top: 120%;
    left: 20%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 250px;
    height: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card3 h1{
    font-size: 18px;
    font-family: sans-serif;
    padding-top: 3px;
  }
  .container .card4 {
    position: absolute;
    top: 175%;
    left: 20%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 250px;
    height: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card4 h1{
    font-size: 18px;
    font-family: sans-serif;
    padding-top: 3px;
  }
  .container .card4 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }

  .container .card5 {
    position: absolute;
    top: 230%;
    left: 20%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 250px;
    height: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card5 h1{
    font-size: 18px;
    font-family: sans-serif;
    padding-top: 3px;
  }
  .container .card5 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }

  .container .card6 {
    position: absolute;
    top: 280%;
    left: 20%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 250px;
    height: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card6 h1{
    font-size: 18px;
    font-family: sans-serif;
    padding-top: 3px;
  }
  .container .card6 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }

  .container .card7 {
    position: absolute;
    top: 330%;
    left: 20%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 250px;
    height: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;

  }

  .container .card7 h1{
    font-size: 18px;
    font-family: sans-serif;
    padding-top: 3px;
  }
  .container .card7 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }

  .container .card8 {
    position: absolute;
    top: 380%;
    left: 10%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card8 h1{
    font-size: 24px;
    font-family: sans-serif;
    padding-top: 10px;
  }
  .container .card8 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }

  .container .card9 {
    position: absolute;
    top: 430%;
    left: 40%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card9 h1{
    font-size: 24px;
    font-family: sans-serif;
    padding-top: 10px;
  }
  .container .card9 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }

  .container .card10 {
    position: absolute;
    top: 480%;
    left: 70%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card10 h1{
    font-size: 24px;
    font-family: sans-serif;
    padding-top: 10px;
  }
  .container .card10 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }

  .container .card11 {
    position: absolute;
    top: 260%;
    left: 70%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card11 h1{
    font-size: 24px;
    font-family: sans-serif;
    padding-top: 10px;
  }
  .container .card11 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }

  .container .card12 {
    position: absolute;
    top: 260%;
    left: 10%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card12 h1{
    font-size: 24px;
    font-family: sans-serif;
    padding-top: 10px;
  }
  .container .card12 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }

  .container .card13 {
    position: absolute;
    top: 260%;
    left: 40%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card13 h1{
    font-size: 24px;
    font-family: sans-serif;
    padding-top: 10px;
  }
  .container .card13 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }
  .container .card14 {
    position: absolute;
    top: 320%;
    left: 10%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
    width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }

  .container .card14 h1{
    font-size: 24px;
    font-family: sans-serif;
    padding-top: 10px;
  }
  .container .card14 .icon a{
    text-decoration: none;
    font-size: 22px;
    color: black;
    padding: 3px;
  }
  .contact{
    position: absolute;
    bottom: -340%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #343a40;
  }

  .contact .map{
    position: absolute;
    top: 5%;
    right: 5%;
    width:45%;
    height:50%;
  }
  .contact .info{
    position: absolute;
    top: 5%;
    left: 5%;
    width: 45%;
    height: 90%;
    color: white;#0052D4;
  }
  .contact .info .address .line1{
    position: absolute;
    top: 25.5%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line2{
    position: absolute;
    top: 30%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line3{
    position: absolute;
    top: 34%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line4{
    position: absolute;
    top: 38%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line5{
    position: absolute;
    top: 42%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line6{
    position: absolute;
    top: 46%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address i{
    position: absolute;
    top: 15%;
    font-size: 8px;
    //line-height: 30px;
    //margin: 20px;
  }
  .contact .info img{
    position: absolute;
    top: 0;
    left: 10%;
    width: 70px;
    height: 70px;
  }
  .contact .info i{
    position: absolute;
    color: white;#0052D4;
    //text-shadow: 0 0 20px rgba(255,255,255,0.7);
    //line-height: 30px;
    //margin: 20px;
    font-size: 8px;
  }
  .contact .info i:nth-child(2){
    top: 0%;
  }
  .contact .info i:nth-child(3){
    top: 40%;
  }
  .contact .info i:nth-child(4){
    top: 44%;
  }
  .contact .info i:nth-child(n+5){
    top: 47%;
  }
  .contact .info i a{
    color: white;#0052D4;
    //text-shadow: 0 0 20px rgba(255,255,255,0.7);
    //line-height: 30px;
    //margin: 20px 4px;
    font-size: 7px;
  }
}