@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

html {
  scroll-behavior: smooth !important;
}

button.cu-zervise-btn {
  font-family: 'Poppins', sans-serif;
  position: fixed !important;
  background: #077277 !important;
  border: none !important;
  padding: 12px 24px !important;
  font-weight: bold !important;
  color: #fff !important;
  font-size: 14px !important;
  text-decoration: none !important;
  letter-spacing: 0.6px !important;
  box-shadow: 0 0 12px 6px #003f5c3b !important;
  outline: none !important;
  z-index: 2147483647 !important;
  transition: all 0.3s ease-in-out !important;
}

button.cu-zervise-btn-1 {
  bottom: -4px !important;
  left: 30px !important;
  border-radius: 6px 42px 42px 42px !important;
}
button.cu-zervise-btn-2 {
  bottom: -4px !important;
  left: 50% !important;
  transform: translateX(-50%);
  border-radius: 42px !important;
}
button.cu-zervise-btn-3 {
  bottom: -4px !important;
  right: 30px !important;
  border-radius: 42px 6px 42px 42px !important;
}

button.cu-zervise-btn.not-accepted {
  cursor: not-allowed !important;
  background-color: #4d4d4d !important;
}

button.cu-zervise-btn:hover {
  border: none !important;
  outline: none !important;
}

button.cu-zervise-btn:active {
  border: none !important;
  outline: none !important;
}

.error-container {
  font-family: 'Poppins', sans-serif;
  position: fixed !important;
  top: 24px !important;
  left: 50% !important;
  transform: translateX(-50%);
  background: rgba(231, 127, 103, 0.9) !important;
  border-radius: 42px !important;
  padding: 6px 18px !important;
  color: #fff !important;
  font-size: 14px !important;
  text-decoration: none !important;
  letter-spacing: 0.6px !important;
  z-index: 2147483647 !important;
  box-shadow: 0 0 12px 6px #003f5c3b !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

.success-container {
  font-family: 'Poppins', sans-serif;
  position: fixed !important;
  top: 24px !important;
  left: 50% !important;
  transform: translateX(-50%);
  background: rgba(7, 113, 119, 0.9) !important;
  border-radius: 42px !important;
  padding: 6px 18px !important;
  color: #fff !important;
  font-size: 14px !important;
  text-decoration: none !important;
  letter-spacing: 0.6px !important;
  z-index: 2147483647 !important;
  box-shadow: 0 0 12px 6px #003f5c3b !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

/* .error-container {
  position: fixed !important;
  bottom: 24px !important;
  right: 224px !important;
  background: #e77f67 !important;
  border-radius: 42px !important;
  padding: 12px 20px !important;
  color: #fff !important;
  font-size: 15px !important;
  text-decoration: none !important;
  letter-spacing: 0.6px !important;
  z-index: 2147483647 !important;
  box-shadow: 0 0 12px 6px #003f5c3b !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

.success-container {
  position: fixed !important;
  bottom: 24px !important;
  right: 224px !important;
  background: #077277 !important;
  border-radius: 42px !important;
  padding: 12px 20px !important;
  color: #fff !important;
  font-size: 15px !important;
  text-decoration: none !important;
  letter-spacing: 0.6px !important;
  z-index: 2147483647 !important;
  box-shadow: 0 0 12px 6px #003f5c3b !important;
  outline: none !important;
  transition: all 0.2s ease !important;
} */

.close-btn {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid #4d4d4d;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 26px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

.cu-zervise-container {
  font-family: 'Poppins', sans-serif;
  position: relative !important;
  width: max-content !important;
  display: flex !important;
  flex-direction: column !important;
  position: fixed !important;
  bottom: 20px !important;
  right: 30px !important;
  background: #fff !important;
  border-radius: 6px !important;
  padding: 16px 26px !important;
  font-size: 16px !important;
  z-index: 2147483647 !important;
  box-shadow: 0 0 12px 6px #003f5c3b !important;
  transition: all 0.3s ease !important;
}

.cu-zervise-container-1 {
  bottom: 20px !important;
  left: 30px !important;
}
.cu-zervise-container-2 {
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%);
}
.cu-zervise-container-3 {
  bottom: 20px !important;
  right: 30px !important;
}

form.cu-zervise-form {
  font-family: 'Poppins', sans-serif;
  min-width: 340px !important;
  max-width: 340px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.cu-zervise-container p.cu-zervise-head {
  font-size: 22px !important;
  font-weight: bold;
  margin-bottom: 16px !important;
}

.cu-zervise-container input[type='text'],
.cu-zervise-container input[type='number'],
.cu-zervise-container input[type='email'] {
  outline: none !important;
  min-width: 340px !important;
  max-width: 340px !important;
  border-radius: 6px !important;
  border: 1.5px solid #2c2c2c !important;
  padding: 8px 16px !important;
  margin-bottom: 20px !important;
  transition: all 0.2s ease;
}

.cu-zervise-container input[type='number'] {
  border: 1px solid #9e9e9e !important;
}

.cu-zervise-container textarea {
  font-family: 'Poppins', sans-serif;
  outline: none !important;
  resize: none !important;
  min-width: 340px !important;
  max-width: 340px !important;
  border-radius: 6px !important;
  border: 1.5px solid #2c2c2c !important;
  padding: 8px 16px !important;
  margin-bottom: 20px !important;
  transition: all 0.2s ease;
}

.cu-zervise-container input[type='text']:focus,
.cu-zervise-container input[type='number']:focus,
.cu-zervise-container input[type='email']:focus,
.cu-zervise-container textarea:focus {
  border: 1.5px solid #0c89c1 !important;
}

.file-div {
  font-family: 'Poppins', sans-serif;
  background: #f0f0f0 !important;
  border: 1px solid #9b9b9b !important;
  min-width: 340px !important;
  max-width: 340px !important;
  padding: 8px 16px !important;
  margin-bottom: 20px !important;
  border-radius: 6px !important;
}

.file-div input[type='file'] {
  outline: none !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

.cu-zervise-container button[type='submit'] {
  outline: none !important;
  margin-bottom: 1rem !important;
  border: 2px solid #0c89c1 !important;
  background: #0c89c1 !important;
  padding: 7px 26px !important;
  border-radius: 6px !important;
  width: 100% !important;
  font-weight: bold !important;
  color: #fff !important;
  font-size: 16px !important;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
}

.cu-zervise-container button[type='submit'].loading {
  border: 2px solid #ff9f43 !important;
  background: #ff9f43 !important;
}

.cu-zervise-container button[type='submit'].loading .fa-circle-notch {
  -webkit-animation: spin 1.5s linear infinite !important;
  -moz-animation: spin 1.5s linear infinite !important;
  animation: spin 1.5s linear infinite !important;
}

p.divider {
  margin: 14px auto !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

a.cu-zervise-nav {
  border: 2px solid #077277 !important;
  background: #077277 !important;
  padding: 7px 26px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  width: 100% !important;
  font-weight: bold !important;
  color: #fff !important;
  font-size: 16px !important;
  text-align: center !important;
  margin-bottom: 20px !important;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
}

.cu-zervise-container button[type='submit']:hover {
  background-color: transparent !important;
  color: #0c89c1 !important;
}

.cu-zervise-container button[type='submit'].loading:hover {
  color: #fff !important;
  border: 2px solid #ff9f43 !important;
  background: #ff9f43 !important;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

a.cu-zervise-nav:hover {
  background-color: transparent !important;
  color: #077277 !important;
}

.footer-txt {
  font-family: 'Poppins', sans-serif;
  font-size: 13px !important;
  text-align: center !important;
  margin-bottom: 4px !important;
}

.footer-txt a {
  color: #0c89c1 !important;
}