.elementor-1437 .elementor-element.elementor-element-0faabac{--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-1437 .elementor-element.elementor-element-564fc5b2:not(.elementor-motion-effects-element-type-background), .elementor-1437 .elementor-element.elementor-element-564fc5b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1437 .elementor-element.elementor-element-564fc5b2 > .elementor-container{max-width:1600px;}.elementor-1437 .elementor-element.elementor-element-564fc5b2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:40px;margin-bottom:50px;}.elementor-1437 .elementor-element.elementor-element-564fc5b2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1437 .elementor-element.elementor-element-435a6d1c > .elementor-container{max-width:1600px;}.elementor-1437 .elementor-element.elementor-element-5f3edcab > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-1437 .elementor-element.elementor-element-40c2ecfe{text-align:center;}.elementor-1437 .elementor-element.elementor-element-40c2ecfe .wpr-logo{padding:0px 0px 0px 0px;border-radius:2px 2px 2px 2px;}.elementor-1437 .elementor-element.elementor-element-40c2ecfe .wpr-logo-image{max-width:199px;}.elementor-1437 .elementor-element.elementor-element-40c2ecfe.wpr-logo-position-left .wpr-logo-image{margin-right:0px;}.elementor-1437 .elementor-element.elementor-element-40c2ecfe.wpr-logo-position-right .wpr-logo-image{margin-left:0px;}.elementor-1437 .elementor-element.elementor-element-40c2ecfe.wpr-logo-position-center .wpr-logo-image{margin-bottom:0px;}.elementor-1437 .elementor-element.elementor-element-40c2ecfe .wpr-logo-image img{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-1437 .elementor-element.elementor-element-40c2ecfe .wpr-logo-title{color:#605BE5;margin:0 0 0px;}.elementor-1437 .elementor-element.elementor-element-40c2ecfe .wpr-logo-description{color:#888888;}.elementor-1437 .elementor-element.elementor-element-5024cc4c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:16px;}.elementor-1437 .elementor-element.elementor-element-7d696c83{text-align:start;font-family:"Arial", Sans-serif;font-size:21px;font-weight:700;line-height:0.9em;color:#092E76;}.elementor-1437 .elementor-element.elementor-element-6dcfea24 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-646e1321 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-642a9125 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-68fd91c8 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-25c0263a .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-66717173 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:16px;}.elementor-1437 .elementor-element.elementor-element-4482b79e{font-family:"Arial", Sans-serif;font-size:21px;font-weight:700;line-height:0.9em;color:#092E76;}.elementor-1437 .elementor-element.elementor-element-6b4d70f8 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-69e8f492 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-42cac806 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-754df1e2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-7430b27b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-379d9e1c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:16px;}.elementor-1437 .elementor-element.elementor-element-17d0f716 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-1c55ba15 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-f879b27 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-688a8e0a .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-3ad001c1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:16px;}.elementor-1437 .elementor-element.elementor-element-1466f227{font-family:"Arial", Sans-serif;font-size:21px;font-weight:700;line-height:0.9em;color:#092E76;}.elementor-1437 .elementor-element.elementor-element-32f3d43e .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-62ea234b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:21px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-64270d37 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-1437 .elementor-element.elementor-element-67095993 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:19px;font-weight:400;line-height:1.4em;color:#000000;}.elementor-1437 .elementor-element.elementor-element-65e66dc{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-1437 .elementor-element.elementor-element-65e66dc > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-1437 .elementor-element.elementor-element-65e66dc .elementor-divider-separator{width:98%;margin:0 auto;margin-center:0;}.elementor-1437 .elementor-element.elementor-element-65e66dc .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-1437 .elementor-element.elementor-element-7c3b1dda{text-align:center;font-family:"Lato", Sans-serif;font-size:13px;font-weight:400;line-height:1.6em;letter-spacing:0.2px;color:#848484;}@media(max-width:1024px){.elementor-1437 .elementor-element.elementor-element-564fc5b2{padding:0px 20px 0px 20px;}.elementor-1437 .elementor-element.elementor-element-7d696c83{font-size:15px;}.elementor-1437 .elementor-element.elementor-element-4482b79e{font-size:15px;}.elementor-1437 .elementor-element.elementor-element-1466f227{font-size:15px;}}@media(max-width:767px){.elementor-1437 .elementor-element.elementor-element-564fc5b2{margin-top:0px;margin-bottom:0px;}.elementor-1437 .elementor-element.elementor-element-7d696c83{font-size:22px;}.elementor-1437 .elementor-element.elementor-element-6dcfea24 .elementor-heading-title{font-size:21px;}.elementor-1437 .elementor-element.elementor-element-4482b79e{font-size:30px;}.elementor-1437 .elementor-element.elementor-element-1466f227{font-size:26px;}.elementor-1437 .elementor-element.elementor-element-32f3d43e .elementor-heading-title{font-size:21px;}}/* Start custom CSS for html, class: .elementor-element-4ff45f7 *//* ==============================
   الألوان والإعدادات الأساسية
============================== */

:root {
  --blue: #092e76;
  --blue-light: #eef4ff;
  --black: #000000;
  --white: #ffffff;
  --gray-bg: #f6f8fc;
  --border: #d9e2ef;
}

html {
  width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  margin: 0;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.doctor-profile,
.doctor-profile * {
  font-family: Arial, Helvetica, sans-serif !important;
}

.doctor-profile {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--white);
  color: var(--black);
}

/* ==============================
   القسم العلوي
============================== */

.profile-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 60px;
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  padding: 30px 40px 50px;
}

.doctor-image {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border-radius: 12px;
  background: var(--white);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.doctor-image img {
  display: block;
  width: 100%;
  height: 560px;
  object-fit: cover;
  object-position: center;
}

.welcome-content {
  width: 100%;
  min-width: 0;
}

.welcome-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.welcome-content h2 {
  margin: 0;
  color: var(--blue) !important;
  font-size: clamp(38px, 4vw, 62px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -1px;
}

.tooth-icon {
  flex: 0 0 auto;
  color: var(--blue) !important;
  font-size: 52px;
}

.title-line,
.card-line {
  display: block;
  width: 70px;
  height: 4px;
  margin: 20px 0 30px;
  border-radius: 30px;
  background: var(--blue) !important;
}

.welcome-content p {
  margin: 0 0 26px;
  color: var(--black) !important;
  font-size: 19px;
  line-height: 1.75;
}

.welcome-content .last-text {
  margin-bottom: 0;
}

/* ==============================
   منطقة الكروت
============================== */

.information-area {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  width: 100%;
  padding: 45px 5% 60px;
  background: var(--gray-bg);
}

.info-card {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 38px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--white);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
}

.info-card h3 {
  margin: 0;
  color: var(--blue) !important;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2;
  word-break: normal;
  overflow-wrap: normal;
}

.info-card .card-line {
  width: 58px;
  height: 3px;
  margin: 14px 0 28px;
}

/* ==============================
   القوائم
============================== */

.timeline-list,
.training-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}

.timeline-item,
.training-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: var(--blue-light);
  color: var(--blue) !important;
  font-size: 17px;
}

.item-text {
  width: 100%;
  min-width: 0;
  padding-top: 5px;
  color: var(--black) !important;
  font-size: 16px;
  line-height: 1.65;

  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  hyphens: none !important;
}

.item-text strong {
  color: var(--black) !important;
  font-weight: 700;
}

.training-list {
  gap: 34px;
}

.training-item {
  align-items: center;
}

/* ==============================
   التابلت
============================== */

@media screen and (max-width: 1024px) {
  .profile-hero {
    gap: 35px;
    padding: 25px 25px 40px;
  }

  .doctor-image img {
    height: 480px;
  }

  .welcome-content h2 {
    font-size: 42px;
  }

  .welcome-content p {
    font-size: 17px;
  }

  .information-area {
    padding: 35px 25px 45px;
  }

  .info-card {
    padding: 30px 24px;
  }

  .info-card h3 {
    font-size: 32px;
  }
}

/* ==============================
   الموبايل
============================== */

@media screen and (max-width: 767px) {
  .doctor-profile {
    width: 100% !important;
    max-width: 100% !important;
  }

  .profile-hero {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 26px !important;
    margin: 0 !important;
    padding: 18px 14px 30px !important;
  }

  .doctor-image {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .doctor-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 4.4;
    object-fit: cover !important;
  }

  .welcome-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .welcome-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }

  .welcome-content h2 {
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
  }

  .tooth-icon {
    flex: 0 0 auto !important;
    font-size: 32px !important;
  }

  .title-line {
    width: 55px !important;
    height: 3px !important;
    margin: 15px 0 22px !important;
  }

  .welcome-content p {
    margin: 0 0 20px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-align: left !important;
  }

  /* أهم جزء: الكرتان تحت بعض */

  .information-area {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    gap: 20px !important;
    margin: 0 !important;
    padding: 25px 12px 35px !important;
  }

  .information-area > .info-card {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 24px 17px !important;
  }

  .info-card h3 {
    width: 100% !important;
    margin: 0 !important;
    font-size: 27px !important;
    line-height: 1.2 !important;
    text-align: left !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
  }

  .info-card .card-line {
    width: 52px !important;
    height: 3px !important;
    margin: 13px 0 24px !important;
  }

  .timeline-list,
  .training-list {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 19px !important;
  }

  .timeline-item,
  .training-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    gap: 12px !important;
    margin: 0 !important;
  }

  .item-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    flex: 0 0 38px !important;

    font-size: 14px !important;
  }

  .item-text {
    display: block !important;

    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex: 1 1 0 !important;

    padding: 2px 0 0 !important;

    font-size: 14px !important;
    line-height: 1.65 !important;

    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    hyphens: none !important;
  }

  .training-list {
    gap: 22px !important;
  }
}

/* ==============================
   موبايل صغير
============================== */

@media screen and (max-width: 390px) {
  .profile-hero {
    padding-inline: 10px !important;
  }

  .welcome-content h2 {
    font-size: 27px !important;
  }

  .tooth-icon {
    font-size: 28px !important;
  }

  .information-area {
    padding-inline: 9px !important;
  }

  .info-card {
    padding: 22px 14px !important;
  }

  .info-card h3 {
    font-size: 25px !important;
  }

  .item-icon {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    flex-basis: 35px !important;
  }

  .item-text {
    font-size: 13.5px !important;
  }
}/* End custom CSS */