/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 23 2026 | 15:42:36 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

:root {
  --color-orange: #E97300;
  --color-blue: #003B71;
  --color-white: #FFFFFF;
  --btn-radius: 50px;
  --btn-fs: clamp(14px, 1.1vw, 17px);
  --btn-h: 46px;
  --btn-px: 22px;
}

.et_pb_button.btn-surge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: var(--btn-h);
  padding: 0 var(--btn-px) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: var(--btn-fs) !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
  white-space: nowrap;
  border: 2px solid transparent !important;
  border-radius: var(--btn-radius) !important;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}
.et_pb_button.btn-surge:after { display: none !important; }
.et_pb_button.btn-surge:hover { padding: 0 var(--btn-px) !important; }

.et_pb_button.btn-orange {
  background: var(--color-orange) !important;
  color: var(--color-white) !important;
}
.et_pb_button.btn-blue {
  background: var(--color-blue) !important;
  color: var(--color-white) !important;
}
.et_pb_button.btn-outline-orange {
  background: var(--color-white) !important;
  color: var(--color-orange) !important;
  border-color: var(--color-orange) !important;
}
.et_pb_button.btn-outline-blue {
  background: var(--color-white) !important;
  color: var(--color-blue) !important;
  border-color: var(--color-blue) !important;
}

.et_pb_button.btn-orange:hover {
  background: #D26700 !important;
  box-shadow: 0 4px 12px rgba(233, 115, 0, .35);
}
.et_pb_button.btn-blue:hover {
  background: #002A52 !important;
  box-shadow: 0 4px 12px rgba(0, 59, 113, .35);
}
.et_pb_button.btn-outline-orange:hover {
  background: var(--color-orange) !important;
  color: var(--color-white) !important;
}
.et_pb_button.btn-outline-blue:hover {
  background: var(--color-blue) !important;
  color: var(--color-white) !important;
}

.et_pb_button.btn-surge.btn-icon-whatsapp,
.et_pb_button.btn-surge.btn-icon-whatsapp:hover { gap: 6px; }

.et_pb_button.btn-surge.btn-icon-whatsapp:before,
.et_pb_button.btn-surge.btn-icon-whatsapp:hover:before {
  content: "\f618" !important;
  display: inline-block !important;
  position: static !important;
  margin: 0 !important;
  opacity: 1 !important;
  font-family: 'bootstrap-icons' !important;
  font-size: 1.25em !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.et_pb_button.btn-surge.btn-sm {
  --btn-fs: clamp(13px, 1vw, 15px);
  --btn-h: 38px;
  --btn-px: 28px;
}

@media (max-width: 980px) {
  :root { --btn-fs: 15px; --btn-h: 42px; --btn-px: 18px; }
}

@media (max-width: 767px) {
  :root { --btn-fs: 13px; --btn-h: 36px; --btn-px: 14px; }
}