.circularLoaderConatiner {
  width: 100%;
  position: absolute;
  height: 100vh;
  z-index: 55;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.651);
  backdrop-filter: blur(1px);
  display: none;
}

.circularLoaderConatiner-visible {
  display: flex;
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #015189;
  border-color: #015189 transparent #015189 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.media-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #ffffff8c;
  backdrop-filter: blur(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.media-modal-container {
  position: relative;
  width: calc(1.77 * 75vh);
  height: calc(75vh);
  /* background: white; */
  border: 5px solid #fff;
  box-shadow: 0px 4px 14px #00000073;
}

.media-modal-container iframe {
  width: 100%;
  height: 100%;
}

.closeBtn {
  /* padding: 10px; */
  position: absolute;
  top: -52px;
  right: 0;
  /* color: white; */
  /* background: black; */
  /* border-radius: 5px; */
  /* font-weight: 500; */
  /* text-transform: capitalize; */
  /* border: 4px solid black; */
  cursor: pointer;
}
.closeBtn img {
  width: 40px;
  height: 40px;
  transition: 0.25s;
  transform: scale(1);
}
.closeBtn:hover img {
  width: 40px;
  height: 40px;
  transform: scale(1.15);
}
/* .closeBtn:hover {
  color: black;
  background: white;
} */