@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

/* Aligning the first 5 textboxes in a 2*3 grid shape */
.wpforms-custom-main-contact .wpforms-field-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px 18px;
}

/* Specific styles for each text box to align in grid */
.wpforms-custom-main-contact #wpforms-1128-field_1-container,
.wpforms-custom-main-contact #wpforms-1128-field_2-container,
.wpforms-custom-main-contact #wpforms-1128-field_3-container,
.wpforms-custom-main-contact #wpforms-1128-field_4-container,
.wpforms-custom-main-contact #wpforms-1128-field_5-container {
  margin-bottom: 0;
}

/* Input field styles to make background transparent and only have underline */
.wpforms-custom-main-contact .wpforms-field input[type="text"],
.wpforms-custom-main-contact .wpforms-field input[type="email"],
.wpforms-custom-main-contact .wpforms-field textarea,
.wpforms-custom-main-contact .wpforms-field select {
  background-color: #171a1c;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
  padding: 10px 0;
  outline: none;
  box-shadow: none;
  transition: border-color 0.3s ease;
  color: white;
  max-width: 100%;
  /* 		width: 700px; */
  -webkit-appearance: none; /* Remove default arrow in Chrome and Safari */
  -moz-appearance: none; /* Remove default arrow in Firefox */
  appearance: none; /* Remove default arrow in other browsers */
}

.wpforms-custom-main-contact .wpforms-field textarea {
  width: 100%;
}

/* Placeholder styles */
.wpforms-custom-main-contact .wpforms-field input[type="text"]::placeholder,
.wpforms-custom-main-contact .wpforms-field input[type="email"]::placeholder,
.wpforms-custom-main-contact .wpforms-field textarea::placeholder,
.wpforms-custom-main-contact .wpforms-field select::placeholder {
  color: #8c8c8c;
  opacity: 1;
  font-family: "Noto Sans KR";
}

/* Focus styles */
.wpforms-custom-main-contact .wpforms-field input[type="text"]:focus,
.wpforms-custom-main-contact .wpforms-field input[type="email"]:focus,
.wpforms-custom-main-contact .wpforms-field textarea:focus,
.wpforms-custom-main-contact .wpforms-field select:focus {
  border-bottom: 1px solid white;
  color: white;
}

/* Dropdown arrow styling */
.wpforms-custom-main-contact .wpforms-field select {
  background-image: url("https://assets-r2.hyperez.io/arrow_icon.svg");
  background-repeat: no-repeat;
  background-position: 100% 5px;
  /*     background-position-y: 5px; */
  padding-right: 30px; /* Adjust to make space for the dropdown arrow */
}

/* Ensuring "문의 내용" and "개인정보 수집/이용동의" sections are not inside the grid */
.wpforms-custom-main-contact #wpforms-1128-field_9-container {
  display: block;
  margin-top: 20px;
  grid-column: 1 / -1; /* Span all columns */
}

.wpforms-custom-main-contact #wpforms-1128-field_11-container {
  z-index: 9999;
}

/* Remove the dot in front of the last checkbox */
.wpforms-custom-main-contact #wpforms-1128-field_11-container li {
  list-style: none;
}

.wpforms-custom-main-contact #wpforms-1128-field_11-container ul {
  padding-left: 6px;
}

/* New styles for aligning the submit button and consent checkbox horizontally */
.wpforms-submit-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
  gap: 15px;
  grid-column: 1 / -1; /* Span all columns */
  transform: translateY(-100px);
}

.wpforms-submit-container button {
  background-color: black;
  border-color: white;
  color: white;
}

.wpforms-submit-container button:hover {
  background-color: white;
  border-color: white;
  color: black;
  transition: border-color 0.3s ease;
}

.wpforms-submit-container input[type="checkbox"] {
  margin-top: 0;
}

.wpforms-submit-container button {
  margin-left: auto; /* Move the button to the right */
}

/* Tablet view */
@media (max-width: 1025px) {
  .wpforms-custom-main-contact .wpforms-field-container {
    grid-template-columns: repeat(2, 1fr); /* Maintain 2-column layout */
    grid-gap: 10px; /* Reduce gap for smaller screens */
  }

  .wpforms-custom-main-contact #wpforms-1128-field_1-container,
  .wpforms-custom-main-contact #wpforms-1128-field_2-container,
  .wpforms-custom-main-contact #wpforms-1128-field_3-container,
  .wpforms-custom-main-contact #wpforms-1128-field_4-container,
  .wpforms-custom-main-contact #wpforms-1128-field_5-container {
    margin-bottom: 10px; /* Reduce margin */
  }

  .wpforms-custom-main-contact .wpforms-submit-container {
    flex-direction: column; /* Stack items vertically */
    align-items: stretch;
    gap: 10px; /* Reduce gap */
    transform: translateY(-50px); /* Adjust transform */
  }
}

/* Mobile view */
@media (max-width: 768px) {
  .wpforms-custom-main-contact .wpforms-field-container {
    grid-template-columns: 1fr; /* Switch to single column layout */
    grid-gap: 10px; /* Reduce gap for smaller screens */
  }

  .wpforms-custom-main-contact #wpforms-1128-field_1-container,
  .wpforms-custom-main-contact #wpforms-1128-field_2-container,
  .wpforms-custom-main-contact #wpforms-1128-field_3-container,
  .wpforms-custom-main-contact #wpforms-1128-field_4-container,
  .wpforms-custom-main-contact #wpforms-1128-field_5-container {
    margin-bottom: 10px; /* Reduce margin */
  }

  .wpforms-custom-main-contact .wpforms-submit-container {
    flex-direction: column; /* Stack items vertically */
    align-items: center;
    gap: 10px; /* Reduce gap */
    transform: translateY(100); /* Remove transform for mobile */
  }
}

#wpforms-1128-field_12-container {
  display: none;
}

.service-subtitle {
  font-size: 24px;
}
@media (min-width: 1200px) {
  .service-subtitle {
    font-size: 32px;
  }
}

.solution-subtitle {
  font-size: 22px;
}
@media (min-width: 1200px) {
  .solution-subtitle {
    font-size: 32px;
  }
}

.solution-subtitle2 {
  font-size: 20px;
}
@media (min-width: 1200px) {
  .solution-subtitle2 {
    font-size: 23px;
  }
}

.portfolio-say {
  font-size: 18px;
}
@media (min-width: 1200px) {
  .portfolio-say {
    font-size: 23px;
  }
}


.overflow-desktop {
    overflow: hidden !important;
}

@media (min-width: 1200px) {
    .overflow-desktop {
        overflow: visible !important;
    }
}

/* Global selection color with !important */
::selection {
    background-color: #6ec1e4 !important; /* Background color set to #6ec1e4 */
    color: #000000 !important;            /* Text color set to #000000 */
}

div:focus {
  outline: none !important;
}

/* More specific selector to override other rules */
a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: inherit !important; /* Forces the color to stay the same */
  text-decoration: none !important; /* Forces no decoration */
}