.body{
  width: 100%;
}
.color-text {
  color: #3798ff;
}
.backgroud {
  background-color: #3798ff; 
}

.bg-2 {
    background-color: #f8f9fa;
}

.dark_color{
  color: #1c232f;
}

.hero-section {
  background-color: #3798ff;
  /* height: calc(100vh - 4.5rem); */
}

.color1 {
  background-color: #293240;
}

.feature-card {
  background-color: #3798ff;
  color: #fff;
}

.card {
  width: 100%;
  max-width: 640px;
  height: auto;
  object-fit: cover;
}

.special_card {
    background-color: #293240
}

.border {
  border: 1px solid white;
  cursor: pointer;
  &:hover {
    background-color: #293240;
    border: none;
    transition: all 0.3s ease-in-out;
  }
}

.feature-1 {
  background-color: #293240;
}

.feature-1_info{
  transform: translateY(50%);
}

.feature-1_img{
  width: 1000px;
  height: auto;
  transform: translateX(-50%)
}

.wrapper {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.plan_wrapper {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.button {
  background-color: #293240;
  width: fit-content;
  margin-top: 10px;

  &:hover {
    background-color: #121416;
    transition: all 0.3s ease-in-out;
  }
}

.plan_title {
  background-color: #b8fd99;
  transform: translateY(-50%) translateX(-50%);
}

.plan_btn {
    background-color: #293240;
    margin-top: 20px;
    &:hover {
      background-color: #121416;
      transition: all 0.3s ease-in-out;
    }
}

.plan_price {
    color: #293240;
}

.divider {
  height: 0.5px;
}

.divider_2 {
  height: 1px;
}


.slider_image {
  width: 150%;
  height: auto;
  object-fit: cover;
}
 
div#mobileMenu {
  position: fixed;
  top: 57px;
}