.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  visibility: hidden;
  pointer-events: none; }
  .popup.open {
    visibility: visible;
    pointer-events: visible; }
    .popup.open .popup-close {
      opacity: 1;
      visibility: visible; }
    .popup.open .popup-overlay {
      opacity: 1;
      visibility: visible; }
    .popup.open .popup-main {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      transition: 0.3s ease-in-out;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition-delay: 0.1s;
      -webkit-transition-delay: 0.1s;
      -moz-transition-delay: 0.1s;
      -ms-transition-delay: 0.1s;
      -o-transition-delay: 0.1s; }
  .popup-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden; }
  .popup-main {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 60vw;
    max-width: 95%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0); }
    @media screen and (max-width: 1200px) {
      .popup-main {
        width: 70vw; } }
    @media screen and (max-width: 800px) {
      .popup-main {
        width: 90vw; } }
  .popup-over {
    overflow: hidden auto;
    min-height: 20vh;
    max-height: 85vh; }
    .popup-over::-webkit-scrollbar-track {
      background-color: #ffffff; }
    .popup-over::-webkit-scrollbar {
      width: 0.5rem; }
    .popup-over::-webkit-scrollbar-thumb {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#96171A), to(#96171A));
      background-image: linear-gradient(#96171A, #96171A);
      border-radius: 50px;
      overflow: hidden; }
  .popup-wrapper {
    width: 100%;
    min-height: 25vh;
    position: relative; }
  .popup-close {
    position: absolute !important;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    color: #96171A;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    background-color: #96171A; }
    .popup-close:hover i,
    .popup-close:hover .icon {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); }
    .popup-close i {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .popup-close .icon {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: #ffffff;
      font-weight: normal;
      width: 100%;
      height: 100%;
      font-size: 1.6rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }

.popupRes .popup-main {
  background-color: #ffffff;
  border-radius: var(--dist24);
  overflow: hidden;
  width: 135rem; }

.popupRes .popup-overlay {
  background-color: rgba(65, 65, 65, 0.2); }

@media screen and (max-width: 768px) {
  .popupRes .popup-wrapper {
    padding: 2rem; } }

.popupRes-bdy {
  padding: 8rem 14rem; }
  @media screen and (max-width: 1600px) {
    .popupRes-bdy {
      padding: 8rem; } }
  @media screen and (max-width: 1200px) {
    .popupRes-bdy {
      padding: 6rem 4rem; } }
  @media screen and (max-width: 768px) {
    .popupRes-bdy {
      padding: 0; } }
  .popupRes-bdy .card {
    padding-bottom: 0; }
    .popupRes-bdy .card:hover .txt {
      color: #96171A; }
    .popupRes-bdy .card-inner {
      background: linear-gradient(115deg, #FFFBEB 0.53%, #FFEAEB 111.44%); }
      .popupRes-bdy .card-inner::before {
        background-color: #ffffff; }
      @media screen and (max-width: 1200px) {
        .popupRes-bdy .card-inner .icon {
          --wicon: 6rem; } }
      @media screen and (max-width: 768px) {
        .popupRes-bdy .card-inner .icon {
          --wicon: 4rem; } }
      @media screen and (max-width: 768px) {
        .popupRes-bdy .card-inner .txt {
          font-size: 1.4rem; } }

@media screen and (max-width: 768px) {
  .popupRes-col {
    width: 50%; } }

.popupRes-tt {
  --f-sz: clamp(2.8rem, calc(0.4rem + 3vw), 4rem);
  font-size: var(--f-sz);
  color: #0F0F0F;
  font-weight: 700;
  text-align: center;
  text-wrap: pretty;
  margin-bottom: var(--dist40); }

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