.elementor-1814 .elementor-element.elementor-element-943fbff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1814 .elementor-element.elementor-element-5220f53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1814 .elementor-element.elementor-element-5220f53.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1814 .elementor-element.elementor-element-b6e9848{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1814 .elementor-element.elementor-element-b6e9848.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1814 .elementor-element.elementor-element-b208d71{text-align:justify;}.elementor-1814 .elementor-element.elementor-element-18a4652{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:020px;--margin-left:0px;--margin-right:0px;}.elementor-1814 .elementor-element.elementor-element-5919b70{text-align:center;}.elementor-1814 .elementor-element.elementor-element-738681a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1814 .elementor-element.elementor-element-5282336{--display:flex;}.elementor-1814 .elementor-element.elementor-element-d056869 .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-80d77a1{--display:flex;}.elementor-1814 .elementor-element.elementor-element-419bc79 .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-38b6901{--display:flex;}.elementor-1814 .elementor-element.elementor-element-4ab3a9a .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-3d8a046{--display:flex;}.elementor-1814 .elementor-element.elementor-element-b1a6255 .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-d1e002b{--display:flex;}.elementor-1814 .elementor-element.elementor-element-8239344 .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-81f9ac6{--display:flex;}.elementor-1814 .elementor-element.elementor-element-32c9a49 .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-3a2547b{--display:flex;}.elementor-1814 .elementor-element.elementor-element-cfce6b4 .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-e649674{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1814 .elementor-element.elementor-element-32a7e51{--display:flex;}.elementor-1814 .elementor-element.elementor-element-347b7aa .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-f4d7c58{--display:flex;}.elementor-1814 .elementor-element.elementor-element-9ac3178 .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-540fbbf{--display:flex;}.elementor-1814 .elementor-element.elementor-element-4a95e35 .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-c8c0bc9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1814 .elementor-element.elementor-element-fe85924{--display:flex;}.elementor-1814 .elementor-element.elementor-element-1fd5c7d .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-d74d4d1{--display:flex;}.elementor-1814 .elementor-element.elementor-element-889ee35 .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-b08ec40{--display:flex;}.elementor-1814 .elementor-element.elementor-element-9cd19ed .wd-info-box{--ib-icon-sp:0px;}.elementor-1814 .elementor-element.elementor-element-41cac1d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1814 .elementor-element.elementor-element-41cac1d:not(.elementor-motion-effects-element-type-background), .elementor-1814 .elementor-element.elementor-element-41cac1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05362E;}.elementor-1814 .elementor-element.elementor-element-6b5ec03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1814 .elementor-element.elementor-element-6b5ec03.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1814 .elementor-element.elementor-element-1c8cb10 .elementor-heading-title{color:#DBD291;}.elementor-1814 .elementor-element.elementor-element-95d10a9{text-align:justify;color:#E6E6E6;}.elementor-1814 .elementor-element.elementor-element-d35474e .elementor-button{background-color:#A19544;}.elementor-1814 .elementor-element.elementor-element-c06158a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}@media(min-width:768px){.elementor-1814 .elementor-element.elementor-element-5220f53{--width:18.312%;}.elementor-1814 .elementor-element.elementor-element-b6e9848{--width:80.321%;}.elementor-1814 .elementor-element.elementor-element-6b5ec03{--width:80%;}.elementor-1814 .elementor-element.elementor-element-c06158a{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-943fbff *//* ==================================
   Jelly Glass Box
   Class: first
================================== */

.first {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-sizing: border-box !important;

  padding: 20px 24px !important;
  border-radius: 22px !important;

  /* پس‌زمینه بدون رنگ زرد */
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid transparent !important;

  backdrop-filter: blur(10px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(125%) !important;

  box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.82),
    inset -2px -2px 4px rgba(80, 65, 55, 0.08),
    inset 0 12px 20px rgba(255, 255, 255, 0.15),
    inset 0 -12px 22px rgba(65, 50, 40, 0.05),
    0 12px 30px rgba(70, 55, 45, 0.07) !important;

  gap: 28px !important;
  align-items: center !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
}


/* فقط حاشیه طلایی گرادیانی */
.first::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.2px !important;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.80) 0%,
    rgba(224, 199, 158, 0.55) 20%,
    rgba(183, 137, 78, 0.48) 46%,
    rgba(242, 221, 185, 0.62) 72%,
    rgba(174, 127, 67, 0.42) 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;

  -webkit-mask-composite: xor !important;

  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;

  mask-composite: exclude !important;
}


/* انعکاس شیشه‌ای و ژله‌ای */
.first::after {
  content: "" !important;
  position: absolute !important;

  top: 10px !important;
  left: 18px !important;

  width: 75px !important;
  height: 22px !important;

  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  transform: rotate(-10deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.82) 0%,
    rgba(255, 255, 255, 0.24) 55%,
    transparent 100%
  ) !important;

  filter: blur(1px) !important;
  opacity: 0.62 !important;
}


/* محتوای داخل باکس */
.first > * {
  position: relative !important;
  z-index: 3 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}


/* جلوگیری از به‌هم‌ریختگی تصویر */
.first img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}


/* فاصله منظم متن‌ها */
.first p {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.first p:last-child {
  margin-bottom: 0 !important;
}



  box-shadow:
    inset 2px 2px 4px rgba(255, 255, 255, 0.88),
    inset -2px -2px 5px rgba(80, 65, 55, 0.09),
    inset 0 14px 24px rgba(255, 255, 255, 0.18),
    inset 0 -14px 24px rgba(65, 50, 40, 0.06),
    0 16px 36px rgba(70, 55, 45, 0.09) !important;
}


/* موبایل */
@media (max-width: 767px) {
  .first {
    padding: 22px 19px !important;
    border-radius: 18px !important;
    gap: 18px !important;
  }

  .first::after {
    width: 52px !important;
    height: 16px !important;
    left: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-d056869 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-419bc79 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-4ab3a9a *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-b1a6255 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-8239344 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-32c9a49 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-cfce6b4 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-d056869 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-419bc79 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-4ab3a9a *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-b1a6255 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-8239344 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-32c9a49 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-cfce6b4 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-d056869 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-419bc79 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-4ab3a9a *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-b1a6255 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-8239344 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-32c9a49 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-cfce6b4 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-d056869 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-419bc79 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-4ab3a9a *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-b1a6255 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-8239344 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-32c9a49 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-cfce6b4 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-d056869 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-419bc79 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-4ab3a9a *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-b1a6255 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-8239344 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-32c9a49 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-cfce6b4 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-d056869 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-419bc79 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-4ab3a9a *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-b1a6255 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-8239344 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-32c9a49 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-cfce6b4 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-d056869 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-419bc79 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-4ab3a9a *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-b1a6255 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-8239344 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-32c9a49 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-cfce6b4 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-d056869 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-419bc79 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-4ab3a9a *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-b1a6255 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-8239344 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-32c9a49 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-cfce6b4 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-347b7aa *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-9ac3178 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-4a95e35 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-1fd5c7d *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-889ee35 *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-9cd19ed *//* ===============================
   Dr Sadraee - Service Card Clean
================================ */

.dr-service-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  min-height: 250px !important;
  padding: 28px 22px 26px !important;
  border-radius: 18px !important;

  color: #243430 !important;
  background: rgba(232, 222, 214, 0.34) !important;
  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(6px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(125%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.55),
    inset -1px -1px 2px rgba(255,255,255,0.55),
    inset 1px 1px 2px rgba(80,60,42,0.14),
    inset -7px 5px 14px -8px rgba(80,60,42,0.20),
    0 1px 25px rgba(83,61,42,0.08) !important;

  transition: 0.25s ease !important;
}

/* Jelly shine inside card */
.dr-service-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 14px !important;

  background:
    radial-gradient(circle at 10% 10%,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.44) 9%,
      rgba(255,255,255,0.12) 18%,
      transparent 32%),
    radial-gradient(circle at 92% 88%,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.18) 10%,
      transparent 28%),
    linear-gradient(180deg,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.08) 34%,
      transparent 72%) !important;

  opacity: 0.88 !important;
}

/* Small glass reflection */
.dr-service-card::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: 12px !important;
  width: 40px !important;
  height: 24px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.78) 0%,
    rgba(255,255,255,0.30) 48%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.76 !important;
}

.dr-service-card > * {
  position: relative !important;
  z-index: 5 !important;
}

/* Hover card */
.dr-service-card:hover {
  transform: translateY(-4px) !important;
  background: rgba(232, 222, 214, 0.42) !important;
  border-color: rgba(211, 178, 132, 0.82) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.80),
    inset 0 -1px 2px rgba(255,255,255,0.62),
    inset -1px -1px 2px rgba(255,255,255,0.62),
    inset 1px 1px 2px rgba(80,60,42,0.16),
    inset -7px 5px 14px -8px rgba(80,60,42,0.22),
    0 16px 32px rgba(83,61,42,0.11) !important;
}

/* Titles and text */
.dr-service-card .elementor-heading-title,
.dr-service-card h3,
.dr-service-card h4 {
  color: #243430 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.dr-service-card p,
.dr-service-card .elementor-widget-text-editor {
  color: rgba(36, 52, 48, 0.68) !important;
  text-align: center !important;
}

/* ===============================
   Service Icon Circle
================================ */

.dr-service-card .info-box-icon {
  position: relative !important;
  overflow: hidden !important;

  width: 104px !important;
  height: 104px !important;
  padding: 0 !important;
  margin: 0 auto 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  background: rgba(255,255,255,0.16) !important;

  backdrop-filter: blur(2.5px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(2.5px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.08) !important;
}

/* Gold circular border */
.dr-service-card .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;

  border-radius: 50% !important;
  padding: 1.4px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.dr-service-card .info-box-icon:{
  z-index: 2 !important;

  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;

  object-fit: contain !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;

}


/* ===============================
   Service Button
================================ */

.dr-service-card .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-service-card .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-service-card .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}

.dr-service-card .btn .wd-btn-text {
  position: relative !important;
  z-index: 5 !important;
}

.dr-service-card .btn:hover {
  background: transparent !important;
  color: #10413E !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.82),
    inset -1px -1px 2px rgba(255,255,255,0.52),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    0 12px 28px rgba(83,61,42,0.11) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41cac1d *//* ==================================================
   Dr Sadraee - Green Jelly Section
   CSS Class: dr-green-section-jelly

   بدون تغییر در:
   width / height / min-height
   padding / margin / gap
================================================== */


/* ==================================================
   بدنه اصلی سکشن یا کانتینر
================================================== */

.dr-green-section-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-sizing: border-box !important;

  border-radius: 20px !important;

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.24) !important;

  box-shadow:
    0 14px 30px rgba(5, 55, 47, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 1px 0 0 rgba(255, 255, 255, 0.10),
    inset -1px 0 0 rgba(0, 0, 0, 0.12),
    inset 0 -12px 22px rgba(0, 0, 0, 0.18) !important;

  transition:
    background 0.3s ease,
    box-shadow 0.3s ease !important;
}


/* ==================================================
   لایه روشن ژله‌ای نزدیک لبه بالایی
================================================== */

.dr-green-section-jelly::before {
  content: "" !important;

  position: absolute !important;
  left: 2px !important;
  right: 2px !important;
  top: 2px !important;
  height: 62% !important;

  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 17px 17px 12px 12px !important;

  background:
    radial-gradient(
      ellipse at 8% 0%,
      rgba(255, 255, 255, 0.27) 0%,
      rgba(255, 255, 255, 0.11) 24%,
      transparent 48%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.25) 0%,
      rgba(255, 255, 255, 0.10) 48%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;

  opacity: 0.92 !important;
}


/* ==================================================
   خط برق ظریف روی بخش
================================================== */

.dr-green-section-jelly::after {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: -38% !important;

  width: 12% !important;
  height: 100% !important;

  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.16) 47%,
      rgba(255, 255, 255, 0.29) 52%,
      rgba(255, 255, 255, 0.12) 59%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(1px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
}


/* ==================================================
   محتوای داخلی بالاتر از افکت‌ها
================================================== */

.dr-green-section-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}


/* پشتیبانی از سکشن‌های قدیمی Elementor */

.dr-green-section-jelly > .elementor-container,
.dr-green-section-jelly > .e-con-inner {
  position: relative !important;
  z-index: 5 !important;
}/* End custom CSS */