* {
  font-family: "Nanum Gothic", sans-serif;
}

.bg-image-hajj-package {
  position: relative;
  background-image: url(https://www.movenpick.com/uploads/pics/Anwar_Al_Madina_i109430_1700X490.jpg);
  width: 100%;
  height: 200px;
  background-size: cover;
}
.bg-image-style-hajj-package {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.66);
  width: 100%;
  /*height: 100%;*/
  background-size: cover;
}
.hajj-package-heading {
  color: white;
  /* font-size: 50px; */
  /* font-weight: 800; */
  text-align: center;
  /* margin: 120px auto; */
}
.after-banner-heading {
  text-align: center;
  color: #ea506c;
  /*padding: 25px;*/
  /* margin-bottom: 20px; */
}
.package-white-bg {
  background-color: white;
}
.our-package-heading {
  padding-top: 1rem;
  text-align: center;
  /*font-weight: bold;*/
  /*padding-bottom: 30px;*/
  font-size: 24px;
}
.our-package-p {
  text-align: center;
  margin-bottom: 30px;
}
.heading-border {
  border-bottom: 2px solid #ea506c;
  width: 80px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.card-group {
  width: 100%;
  margin: 0px 0px 15px auto;
  margin-bottom: 10px;
}
.card {
  margin-right: 20px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px;
  margin-top: 20px;
  bottom: 20px;
}
.card:hover {
  margin-top: 5px;
  /*margin-bottom: 0px;*/
  transition: 1s;
  bottom: 0px;
  /*opacity: 0.5;*/
}
.card-title-package {
  font-size: 17px;
}
.card-body {
  margin-top: 10px;
}
.card-img-top {
  width: 350px;
  height: 250px;
}
.card-md-style {
  padding: 0px;
}
.card-img-top:hover {
}
.fas-style {
  color: #ea506c;
  font-size: 16px;
  top: 30px;
}
.far-style {
  color: #ea506c;
  font-weight: 17px;
  margin-right: 10px;
}
.package-p {
  font-size: 16px;
  color: gray;
  margin-bottom: 0px;
  font-weight: bold;
  padding-right: 20px;
  float: left;
}
.pricing {
  float: right;
  /* font-weight: bold; */
  color: #009ccf;
  font-size: 25px;
}
.package-feutures {
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: 100;
  font-size: 14px;
}
.package-feutures-style {
  margin-bottom: 20px;
  font-weight: 100;
  font-size: 14px;
}
.related-package-heading {
  margin-bottom: 22px;
}

.get-quote-section {
  width: 100%;
  height: 100px;
  background-color: #e4e4e4f5;
}
.get-quote-padding {
  margin-left: 30px;
  margin-right: 15px;
  padding: 22px;
  color: rgb(0, 0, 0);
}
.get-quote-button {
  border: 2px solid rgb(2, 0, 0);
  color: rgb(0, 0, 0);
  font-size: 22px;
  font-weight: bold;
  padding-right: 40px;
  padding-left: 40px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .first-strip-header {
    display: none;
  }
  .second-strip-header {
    display: none;
  }
  .about-img {
    width: 200px;
  }
  .img-width {
    display: none;
  }
  .img-width-reponsive {
    /*z-index: 0;*/
    background-color: none;
    box-shadow: none;
    background: none;
    padding: 0px;
    padding-top: 5px;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    left: 113px;
    position: none;
  }
  .after-banner-heading {
    text-align: left;
    color: #ea506c;
    font-size: 16px !important;
    /*padding: 25px;*/
    /* margin-bottom: 20px; */
  }
  .card{
      margin-top: 5px;
      margin-bottom: 5px;
      margin-right: 0px !important;
  }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  .responsive-header {
    display: none;
  }
  .sidenav {
    display: none;
  }
  .responsive-sidebar-box {
    display: none;
  }
}

@media screen and (min-width: 1280px) and (max-height: 800px) {
  .responsive-header {
    display: none;
  }
  .sidenav {
    display: none;
  }
  .responsive-sidebar-box {
    display: none;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .responsive-header {
    display: none;
  }
}