* {
  padding: 0;
  margin: 0;
}

.cont-form-div > div:nth-child(1) {
  width: 60%;
  padding: 40px;
  background-color: white;
}

@media (max-width: 767px) {
  .cont-form-div > div:nth-child(1) {
    width: 100%;
    padding: 40px;
  }
}

.cont-form-div > div:nth-child(1) > span {
  color: red;
}

.cont-form-div > div:nth-child(1) > em {
  color: rgba(0,0,0,0.5);
  font-size: 14px;
}

.default-form {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: space-between;
  gap: 2%;
}

.default-form > div {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 10px;
}

.default-form > .half-submit {
  width: 48%;
  margin-top: 15px;
  position: relative;
}

.default-form > .half-submit > button {
  width: 100%;
  background-color: #ed3237;
  color: white;
  border: none;
  padding: 14px;
  font-size: 13px;
  font-weight: 600;
}

.default-form > div > div {
  margin-bottom: 0px;
  position: absolute;
}

.default-form > div > div > span {
  color: red;
}

.default-form > div > input, .default-form > div > textarea, .default-form > div > select {
  margin-top: 18px;
  width: 100%;
  border: none;
  height: 35px;
}

.default-form > div > input[type='checkbox'] {
  width: initial;
  height: 14px;
  margin-right: 8px;
}

.default-form > div > label {
  height: 14px;
  color: #a1a1a1;
  font-size: 14px;
}

.default-form > div > input:focus, .default-form > div > textarea:focus, .default-form > div > select:focus {
  outline: none;
}

.default-form > div > em {
  position: absolute;
  right: 5px;
  bottom: 0px;
  color: red;
  font-size: 14px;
}

.default-form > .full {
  width: 100%;
  border-bottom: 1px solid var(--bs-gray-400);
  margin-bottom: 15px;
}

.default-form > .half {
  width: 48%;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--bs-gray-400);
}

.feedback {
  margin-bottom: 25px;
}

.feedback {
  top: 0;
  right: 0;
  left: 0;
  z-index: 1034;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.22);
  justify-content: center;
  align-items: center;
  display: none;
}

#tick-error {
  color: red;
  font-size: 13px;
}

.feedback > .tickets {
  width: 400px;
}

.evt-details > .event-banner-div {
  margin-bottom: 30px;
  height: 350px;
  text-align: center;
  background-image: url("../../assets/img/banner-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
}

@media (max-width: 768px) {
  .evt-details > .event-banner-div {
    height: auto;
    background-image: url("../../assets/img/banner-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.evt-details > .event-banner-div > img {
  height: 100%;
  object-fit: contain;
  vertical-align: initial;
}

@media (max-width: 768px) {
  .evt-details > .event-banner-div > img {
    width: 100%;
    height: auto;
    object-fit: contain;
    vertical-align: initial;
  }
}

.evt-details > .title-head {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
}

@media (max-width: 576px) {
  .evt-details > .title-head {
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eeeeee;
  }
}

.all-posts-section {
  padding: 30px 0px;
}

@media (max-width: 1199px) {
  .all-posts-section {
    padding: 30px 15px;
  }
}

.categories-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
}

@media (max-width: 768px) {
  .categories-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: wrap;
  }
}

.categories-search > .categories {
  display: flex;
  gap: 20px;
}

@media (max-width: 768px) {
  .categories-search > .categories {
    display: flex;
    gap: 20px;
    width: 100%;
    /*justify-content: center;*/
  }
}

.categories-search > .categories > a {
  text-decoration: none;
  color: #242930;
  background-color: rgba(0,0,0,0.22);
  padding: 5px 15px 7px 15px;
  border-radius: 19px;
  font-size: 14px;
  font-weight: 500;
  min-width: 60px;
  text-align: center;
}

.categories-search > .categories > a.active, .categories-search > .categories > a:hover {
  color: #ed3237;
  background-color: #ed3237;
  color: white;
}

.categories-search > .search {
}

.categories-search > .search > form {
  position: relative;
}

@media (max-width: 768px) {
  .categories-search > .search {
    position: relative;
    width: 100%;
    order: -1;
    margin-bottom: 20px;
  }
}

.categories-search > .search > form > input {
  height: 40px;
  padding: 0px 30px 4px 15px;
  border: 1px solid lightgray;
  border-radius: 19px;
  width: 100%;
}

.categories-search > .search > form > input:focus {
  outline: none;
  border: none;
  box-shadow: 0 0 0 .25rem rgba(231,42,40,0.2);
}

.categories-search > .search > form > input:focus > i {
  display: none;
}

.categories-search > .search > form > button {
  position: absolute;
  right: 10px;
  top: 10px;
  outline: none;
  border: none;
  background-color: transparent;
  color: var(--bs-gray-600);
}

.categories-search > .search > form > button > i {
  transform: scaleX(-1);
  font-size: 20px;
}

.gallery {
  min-height: 450px;
}

@media (min-width: 768px) {
  .gallery > div:nth-child(n + 5) {
    display: none;
  }
}

@media (min-width: 1400px) {
  .gallery > div:nth-child(n + 7) {
    display: none;
  }
}