.header .header-logo {
  width: 300px;
}
.header .header-menu {
  font-size: 0.88rem !important;
  width: 70%;
  height: auto;
  display: flex;
  align-items: self-end;
}
.header {
  height: 190px;
}
.header .header-menu .nav .nav-item:first-child {
  margin-left: 20px !important;
}

.strike {
  color: #4b27ba !important;
  /* text-decoration: line-through; */
  text-decoration-thickness: 2px; /* adjust thickness */
  text-decoration-color: #080a54; /* or any color */
  text-decoration-skip-ink: none; /* cleaner line across letters */
}

.modal-title {
  color: #a20040;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  /* margin-bottom: 20px; */
}

.modal-bottom-center {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  /* height: 100%; */
  /* margin-bottom: 40px; */
  margin-top: 10%;
}

.modal-bottom-center .modal-content {
  margin: 0 15px 20px;
  width: 600px !important;
  height: 100%;
  background-color: var(--accent--color);
}

@media (min-width: 576px) {
  .modal-dialog {
    width: 800px;
  }
}

.modal-content {
  height: 250px;
  border-radius: 10px;
  /* background-color: #fff !important; */
}

.modal-body {
  /* color: black; */
  border-radius: 3px;
  /* padding: 10% 10%; */
}
.modal-body-content {
  /* border:2px solid red; */
  border-radius: 10px;
  padding: 20px;
  background-color: #fff;
  opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.modal-body p {
  color: var(--text-color);
}

.modal-footer {
  position: absolute;
  bottom: 0;
  right: 0;
}
.background-modal {
  width: 100%;
  height: 100%;
  background-image: url(../images/cookie1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  opacity: 1;
  background-color: var(--notech-extra);
  z-index: -1;
  border-radius: 10px;
}
.modal .close {
  color: var(--primary--color);
  opacity: 1;
  font-size: 25px;
  background-color: lightblue;
  position: absolute;
  right: 10px;
  top: 0px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.footer-list ul li {
  list-style-type: none;
}
.capitalize {
  text-transform: capitalize;
}
.bg-blue {
  background: linear-gradient(179deg, #f1e8ff, #686cf4);
}
.bg-blue1 {
  background: #080a54;
}
.a-color {
  color: rgba(18, 21, 24, 0.9) !important;
}
.flag-container {
  position: absolute;
  top: 20px;
  right: 50px;
}
.flag {
  height: 30px;
}

.text-justify {
  text-align: justify;
}
.serve-desc{
      top: 20%;
    position: absolute;
}
.learn-more{
  position: absolute;
  bottom:30px;
}