/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.promotion-div .border {
  border: 1px solid #3d4950;
}

.promotion-div .bg-primary-transparent {
  background: rgba(16, 61, 90, 0.3882352941);
}

.promotion-div .img-div {
  margin: 20px auto;
  text-align: center;
  height: 120px;
  line-height: 120px;
}

.promotion-div h4 {
  margin-top: 0;
  padding: 5px 0;
}

.promotion-div .offer-div {
  background: rgba(14, 70, 107, 0.5215686275);
  color: #d19428;
}

.promotion-div .progress {
  height: 5px;
}

.drag-drop li {
  display: inline-block;
}

.drag-drop div {
  float: none;
}

.pac-container {
  z-index: 1111;
}

.create-promotion-page {
  background: linear-gradient(to left, #00134e, #0a1f61);
}

.create-promotion-page .left-circle {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-right-radius: 300px;
  background: #132762;
}

.create-promotion-page .right-circle {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-top-left-radius: 300px;
  background: #132762;
}

.create-promotion-page-div {
  border: 5px solid #193263;
  padding: 20px;
  box-shadow: 0 0 10px #001c2a;
}

.create-promotion-page-div h3 {
  font-size: 40px;
  background: -webkit-linear-gradient(#ffffff, #d29500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.create-promotion-page .btn-info {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right bottom, from(#00469c), to(#0e5abb));
  background-image: linear-gradient(to bottom right, #00469c, #0e5abb);
  border-color: #193263;
}

.create-promotion-page .form-control {
  background-color: transparent;
  border: 1px solid #13435d;
}

.create-promotion-page .search .form-control {
  background-color: #3e9ddb;
  border: 1px solid #e2dbdb;
}

.create-promotion-page-area {
  background: #002f47;
  background: linear-gradient(to bottom right, #001f62, #00204e);
  width: 100%;
  height: 160vh;
  z-index: 0;
}

.create-promotion-page-div::before {
  content: "";
  background: #132762;
  width: 200px;
  height: 200px;
  position: absolute;
  right: -44px;
  top: -44px;
  z-index: -1;
}

.create-promotion-page-div .check-box .radio-btn {
  font-size: 13px;
}

.create-promotion-page-circles li {
  position: absolute;
  display: block;
  list-style: none;
  color: rgba(255, 255, 255, 0.2);
  -webkit-animation: animate 25s linear infinite;
  -moz-animation: animate 25s linear infinite;
  -ms-animation: animate 25s linear infinite;
  -o-animation: animate 25s linear infinite;
  animation: animate 25s linear infinite;
  bottom: 0;
}

.create-promotion-page-circles li:nth-child(1) {
  font-size: 30px;
}

.create-promotion-page-circles li:nth-child(2) {
  left: 10%;
  animation-delay: 2s;
  animation-duration: 12s;
  font-size: 20px;
}

.create-promotion-page-circles li:nth-child(3) {
  left: 70%;
  animation-delay: 4s;
  font-size: 20px;
}

.create-promotion-page-circles li:nth-child(4) {
  left: 40%;
  animation-delay: 0s;
  animation-duration: 18s;
  font-size: 60px;
}

.create-promotion-page-circles li:nth-child(5) {
  left: 65%;
  animation-delay: 0s;
  font-size: 20px;
}

.create-promotion-page-circles li:nth-child(6) {
  left: 75%;
  animation-delay: 3s;
  font-size: 40px;
}

.create-promotion-page-circles li:nth-child(7) {
  left: 35%;
  animation-delay: 7s;
  font-size: 50px;
}

.create-promotion-page-circles li:nth-child(8) {
  left: 50%;
  animation-delay: 15s;
  animation-duration: 45s;
  font-size: 25px;
}

.create-promotion-page-circles li:nth-child(9) {
  left: 20%;
  animation-delay: 2s;
  animation-duration: 35s;
  font-size: 15px;
}

.create-promotion-page-circles li:nth-child(10) {
  left: 85%;
  animation-delay: 0s;
  animation-duration: 11s;
  font-size: 55px;
}

.promotion-details-info-left {
  padding: 20px;
  box-shadow: 0 0 10px #001c2a;
  background: rgba(21, 41, 101, 0.6196078431);
}

.promotion-details-info-left h1 {
  color: #8393c5;
}

.promotion-details-info-left h1::before {
  content: "";
  background: #8393c5;
  width: 20%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.promotion-details-info-right {
  padding: 30px;
  background: #152965;
  position: absolute;
  right: 0;
  top: 100px;
  box-shadow: 0 0 5px #03194a;
}

.promotion-details-info-right img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 20px;
  width: 54%;
  filter: opacity(0.06);
}

.promotion-journey-div h3 {
  background: linear-gradient(45deg, #152e7b, #001865);
  border: 1px solid #064165;
  text-transform: none;
  letter-spacing: 6px;
  border-radius: 2px;
  padding: 34px 15px;
  font-size: 16px;
  color: #54b9c7;
  text-shadow: 0 2px 5px #000000;
  text-align: center;
  margin-top: 24px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.promotion-journey-div-right .bg-white-transparent {
  background: rgba(8, 31, 99, 0.62);
}

.promotion-journey-div-left .table tr td {
  border-bottom: 1px solid #11276a;
  color: #b2b2b2;
}

.promotion-journey-div-left .table tr th {
  border-bottom: 2px solid #11276a;
  background: #0e2774;
}

.win-tag {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 25px;
  top: -10px;
  text-shadow: 0 0 5px #000000;
  font-size: 10px;
  z-index: 9;
  text-align: center;
  line-height: 50px;
}

.win-tag::before {
  content: "\f0a3";
  font-family: "Font Awesome 6 Pro";
  font-size: 50px;
  position: absolute;
  color: #d29500;
  bottom: 0;
  left: 0;
  z-index: -1;
  text-shadow: 0 0 5px #000000;
  font-weight: 900;
}

/*# sourceMappingURL=promotion.css.map */