@media (max-width: 1023px) {
  #specialist {
    padding-top: 100px;
  }
}

.specialistList {
  background: #f8f8f8;
  padding   : 100px 0;
}

.specialistList .--title {
  margin-bottom: 40px;
}

.specialistList .--search {
  position: relative;
}

.specialistList .--search img {
  position : absolute;
  top      : 50%;
  transform: translate(0, -50%);
  left     : 12px;
}

.specialistList .--search input {
  background   : #efefef;
  width        : 400px;
  padding-left : 40px;
  border       : 1px solid #efefef;
  height       : 40px;
  border-radius: 4px;
}

.specialistList .--search input::-moz-placeholder {
  color: #9c9c9c;
}

.specialistList .--search input::placeholder {
  color: #9c9c9c;
}

.specialistList .--search input:focus {
  outline: none;
  border : 1px solid var(--color-1);
}

.specialistList .--listSpecialist {
  display              : grid;
  grid-template-rows   : repeat(1, 1fr);
  grid-template-columns: repeat(7, 1fr);
  grid-gap             : 16px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .specialistList {
    padding: 60px 0;
  }

  .specialistList .--listSpecialist {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 1023px) {
  .specialistList {
    padding: 60px 0;
  }

  .specialistList .--title {
    margin-bottom: 20px;
    flex-flow    : column;
    align-items  : flex-start !important;
  }

  .specialistList .segTitle {
    margin-bottom: 20px;
  }

  .specialistList .--search {
    width: 100%;
  }

  .specialistList .--search input {
    width: 100%;
  }

  .specialistList .--listSpecialist {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    gap                  : 10px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .specialistList .--listSpecialist {
    grid-template-columns: calc(33.3333333333% - 4px) calc(33.3333333333% - 4px) calc(33.3333333333% - 4px);
    gap                  : 6px;
  }

  .specialistList .--search input {
    width: 50%;
  }
}

.specialistIntro {
  position: relative;
  padding : 100px 0;
}

.specialistIntro .partent {
  position      : absolute;
  bottom        : 0;
  right         : 0;
  pointer-events: none;
  z-index       : -1;
}

.specialistIntro .--content {
  display: flex;
}

.specialistIntro .--img {
  height: 400px;
  width : 50%;
}

.specialistIntro .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.specialistIntro .--txt {
  padding: 30px 60px;
  width  : 50%;
}

.specialistIntro .segTitle {
  margin-bottom: 24px;
}

.specialistIntro ul {
  margin-top   : 24px;
  padding-left : 0;
  margin-bottom: 0;
  list-style   : none;
  display      : flex;
  gap          : 24px;
  font-size    : 16px;
  flex-wrap    : wrap;
}

.specialistIntro ul li {
  width  : calc(50% - 12px);
  display: flex;
}

.specialistIntro ul i {
  width          : 20px;
  height         : 20px;
  display        : flex;
  align-items    : center;
  font-size      : 12px;
  justify-content: center;
  margin-right   : 10px;
  border-radius  : 50%;
  color          : #fff;
  flex           : 0 0 auto;
  background     : var(--color-1);
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .specialistIntro {
    padding: 60px 0;
  }

  .specialistIntro .--txt {
    padding: 20px 32px;
  }

  .specialistIntro .--img {
    height: 320px;
  }

  .specialistIntro ul {
    font-size: 14px;
  }
}

@media (max-width: 1023px) {
  .specialistIntro {
    padding: 60px 0;
  }

  .specialistIntro .--content {
    flex-flow: column;
  }

  .specialistIntro .--img {
    width : 100%;
    height: 210px;
  }

  .specialistIntro article {
    text-align: justify;
  }

  .specialistIntro .--txt {
    width     : 100%;
    padding   : 0;
    margin-top: 24px;
  }

  .specialistIntro ul {
    flex-flow: column;
    gap      : 20px;
  }

  .specialistIntro ul li {
    width: 100%;
  }
}

.specialistLibrary {
  background    : #f8f8f8;
  padding-bottom: 100px;
}

.specialistLibrary .--top {
  display : flex;
  position: relative;
}

.specialistLibrary .--top .partent {
  position      : absolute;
  right         : 0;
  bottom        : 0;
  height        : 100%;
  pointer-events: none;
}

.specialistLibrary .--top .partent img {
  height       : 100%;
  width        : auto;
  -o-object-fit: contain;
  object-fit   : contain;
}

.specialistLibrary .--top .--left {
  width: 30%;
}

.specialistLibrary .--top .--img {
  width : 100%;
  height: 100%;
}

.specialistLibrary .--top .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.specialistLibrary .--top .--txt {
  width     : 70%;
  padding   : 60px 25% 180px 60px;
  background: var(--color-1);
  color     : #fff;
}

.specialistLibrary .--top .segTitle {
  margin-bottom: 32px;
}

.specialistLibrary .--top .arrow {
  display   : flex;
  gap       : 10px;
  margin-top: 32px;
}

.specialistLibrary .--top .arrow .--arrow {
  background     : rgba(255, 255, 255, 0.16);
  width          : 80px;
  height         : 80px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  display        : flex;
  align-items    : center;
  justify-content: center;
  cursor         : pointer;
}

.specialistLibrary .--top .arrow .--arrow img {
  filter: brightness(100);
  width : 40px;
}

.specialistLibrary .--top .arrow .--arrow::after {
  background: rgba(255, 255, 255, 0.2196078431);
}

.specialistLibrary .--bot {
  display   : flex;
  margin-top: -120px;
}

.specialistLibrary .--bot .--left {
  width          : 30%;
  display        : flex;
  align-items    : end;
  justify-content: flex-end;
  padding-bottom : 40px;
}

.specialistLibrary .--bot .playVideo {
  display    : flex;
  align-items: center;
}

.specialistLibrary .--bot .playVideo span {
  margin-left: 28px;
  color      : #000;
  font-weight: 600;
  font-size  : 16px;
}

.specialistLibrary .--bot .playVideo:hover span {
  color: var(--color-1);
}

.specialistLibrary .--bot .--listImg {
  width       : 70%;
  padding-left: 60px;
}

.specialistLibrary .--bot .--img {
  width       : 430px;
  height      : 260px;
  margin-right: 32px;
}

.specialistLibrary .--bot .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.specialistLibrary .playVideo .--icon::before {
  filter: drop-shadow(0px 2.3206107616px 2.3206107616px rgba(0, 0, 0, 0.25));
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .specialistLibrary {
    padding-bottom: 60px;
  }

  .specialistLibrary .--top .arrow .--arrow {
    width : 60px;
    height: 60px;
  }

  .specialistLibrary .--top .arrow .--arrow img {
    width: 30px;
  }

  .specialistLibrary .--bot .playVideo span {
    width: 150px;
  }
}

@media (max-width: 1023px) {
  .specialistLibrary {
    padding-bottom: 0;
  }

  .specialistLibrary .--top {
    flex-flow: column;
  }

  .specialistLibrary .--top .arrow {
    margin-top: 24px;
  }

  .specialistLibrary .--top .arrow .--arrow {
    width : 60px;
    height: 60px;
  }

  .specialistLibrary .--top .arrow .--arrow img {
    width: 32px;
  }

  .specialistLibrary .--top .--des {
    text-align: justify;
  }

  .specialistLibrary .--top .--txt {
    width  : 100%;
    padding: 40px 24px;
  }

  .specialistLibrary .--top .partent {
    height: 400px;
  }

  .specialistLibrary .--top .--left {
    width: 100%;
  }

  .specialistLibrary .--top .--left .--img img {
    height: auto;
  }

  .specialistLibrary .--bot {
    margin-top: 40px;
    flex-flow : column-reverse;
  }

  .specialistLibrary .--bot .--listImg {
    padding-left: 0;
    width       : 100%;
  }

  .specialistLibrary .--bot .--left {
    height         : auto;
    justify-content: flex-start;
    padding-left   : 20px;
    margin-top     : 35px;
  }

  .specialistLibrary .--bot .playVideo span {
    color: #fff;
  }

  .specialistLibrary .--bot .--img {
    width       : 280px;
    margin-right: 10px;
  }
}

.specialistWhy {
  background    : #f8f8f8;
  padding-bottom: 100px;
}

.specialistWhy .segTitle {
  margin-bottom: 44px;
  text-align   : center;
}

.specialistWhy .btn-1 {
  width : -moz-max-content;
  width : max-content;
  margin: 60px auto 0;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .specialistWhy {
    padding-bottom: 60px;
  }

  .specialistWhy .segTitle {
    margin-bottom: 24px;
  }

  .specialistWhy .btn-1 {
    margin: 32px auto 0;
  }
}

@media (max-width: 1023px) {
  .specialistWhy {
    padding: 60px 0;
  }

  .specialistWhy .segTitle {
    margin-bottom: 24px;
  }

  .specialistWhy .col-md-4:nth-child(n+2) {
    margin-top: 10px;
  }

  .specialistWhy .btn-1 {
    margin: 24px auto 0;
  }
}

.specialistService .--txt {
  color   : #fff;
  padding : 90px 60px 90px 0;
  position: relative;
}

.specialistService .row {
  justify-content: center;
}

.specialistService .partent {
  position      : absolute;
  top           : 0;
  right         : 0;
  height        : 100%;
  pointer-events: none;
}

.specialistService .partent img {
  height       : 100%;
  -o-object-fit: contain;
  object-fit   : contain;
}

.specialistService .--img {
  width : 100%;
  height: calc(100% + 60px);
}

.specialistService .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.specialistService .--right {
  height : 100%;
  display: flex;
}

.specialistService .segTitle {
  margin-bottom: 20px;
}

.specialistService .--des {
  margin-bottom: 32px;
  width        : 70%;
}

.specialistService .--content {
  display              : grid;
  position             : relative;
  grid-template-columns: 70% 30%;
}

.specialistService .--content::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : -5.25%;
  width     : 75.25%;
  background: var(--color-1);
  height    : 100%;
  z-index   : -1;
}

.specialistService ul {
  list-style   : none;
  padding-left : 0;
  margin-bottom: 0;
  display      : flex;
  gap          : 28px;
}

.specialistService ul li {
  max-width: calc(25% - 21px);
  width    : -moz-max-content;
  width    : max-content;
}

.specialistService ul .--number {
  font-weight: 500;
  font-size  : 60px;
  line-height: normal;
}

.specialistService ul .--name {
  font-size     : 15px;
  text-transform: uppercase;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .specialistService ul li {
    flex: 0 0 auto;
  }

  .specialistService ul .--name {
    font-size: 12px;
  }

  .specialistService ul .--number {
    font-size: 40px;
  }

  .specialistService .--txt {
    padding: 60px 40px 60px 0;
  }
}

@media (min-width: 1600px) and (max-width: 1800px) {
  .specialistService .--content::before {
    left : -11.1111111111%;
    width: 81.1111111111%;
  }
}

@media (min-width: 1800px) and (max-width: 2100px) {
  .specialistService .--content::before {
    left : -17.6470588235%;
    width: 87.6470588235%;
  }
}

@media (min-width: 2100px) {
  .specialistService .--content::before {
    left : -25%;
    width: 95%;
  }
}

@media (max-width: 1023px) {
  .specialistService .container-fluid {
    padding: 0 !important;
  }

  .specialistService .--content {
    display   : flex;
    background: var(--bg-gra1);
    flex-flow : column;
  }

  .specialistService .--content::before {
    display: none;
  }

  .specialistService .partent {
    height    : 400px;
    max-height: 100%;
    bottom    : 0;
    top       : unset;
  }

  .specialistService ul {
    display  : flex;
    flex-wrap: wrap;
    gap      : 24px;
  }

  .specialistService ul li {
    width    : calc(50% - 12px);
    max-width: unset;
    flex     : 0 0 auto;
  }

  .specialistService ul .--number {
    font-size: 40px;
  }

  .specialistService .--des {
    width: 100%;
  }

  .specialistService .--txt {
    padding: 60px 24px;
  }

  .specialistService .--img {
    height: 370px;
  }
}

.specialistCommit {
  padding: 160px 0 100px;
}

.specialistCommit .--content {
  display: flex;
}

.specialistCommit .--img {
  width : 35%;
  height: 520px;
}

.specialistCommit .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.specialistCommit .--txt {
  width        : 65%;
  padding-right: 12%;
  padding-left : 80px;
}

.specialistCommit .segTitle {
  margin-bottom: 24px;
}

.specialistCommit .--des {
  margin-bottom: 32px;
}

.specialistCommit ul {
  padding-left : 0;
  list-style   : none;
  margin-bottom: 0;
  display      : flex;
  flex-flow    : column;
  gap          : 32px;
}

.specialistCommit ul .--name {
  font-size    : 20px;
  font-weight  : 600;
  margin-bottom: 10px;
  line-height  : 1.3;
}

.specialistCommit li {
  display: flex;
  gap    : 16px;
}

.specialistCommit .--icon {
  flex           : 0 0 auto;
  width          : 58px;
  height         : 58px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  background     : #f3f3f3;
  border-radius  : 10px;
}

.specialistCommit .--icon i {
  width          : 20px;
  height         : 20px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 50%;
  background     : var(--bg-gra1);
  font-size      : 10px;
  color          : #fff;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .specialistCommit {
    padding: 120px 0 60px;
  }

  .specialistCommit .--txt {
    width        : 60%;
    padding-right: 5%;
    padding-left : 40px;
  }

  .specialistCommit .--img {
    width : 40%;
    height: 480px;
  }

  .specialistCommit .--icon {
    width : 50px;
    height: 50px;
  }

  .specialistCommit ul {
    width: 85%;
  }

  .specialistCommit ul .--name {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  .specialistCommit {
    padding: 60px 0;
  }

  .specialistCommit .--content {
    flex-flow: column-reverse;
  }

  .specialistCommit .--des {
    text-align: justify;
  }

  .specialistCommit .--img {
    width     : 100%;
    height    : 350px;
    margin-top: 24px;
  }

  .specialistCommit .segTitle {
    margin-bottom: 16px;
  }

  .specialistCommit ul {
    width: 100%;
  }

  .specialistCommit ul .--name {
    font-size: 16px;
  }

  .specialistCommit .--txt {
    width  : 100%;
    padding: 0;
  }
}

@media (max-width: 1023px) {
  #dtspecial {
    padding-top: 100px;
  }
}

.dtspecialIntro {
  padding: 100px 0;
}

.dtspecialIntro .--txt {
  flex           : 1;
  display        : flex;
  flex-flow      : column;
  justify-content: center;
}

.dtspecialIntro .--content {
  display: flex;
  gap    : 70px;
}

.dtspecialIntro .segTitle {
  margin-bottom: 24px;
}

.dtspecialIntro .--des {
  margin-bottom: 40px;
}

.dtspecialIntro ul {
  display      : flex;
  gap          : 40px;
  list-style   : none;
  padding-left : 0;
  margin-bottom: 0;
  gap          : 24px;
  flex-wrap    : wrap;
}

.dtspecialIntro ul li {
  width     : calc(33.3333333333% - 16px);
  flex      : 0 0 auto;
  text-align: center;
}

.dtspecialIntro ul .--number {
  color      : var(--color-1);
  font-size  : 60px;
  font-weight: 700;
  line-height: 70px;
}

.dtspecialIntro ul .--name {
  font-size     : 15px;
  text-transform: uppercase;
  font-weight   : 600;
}

.dtspecialIntro .--img {
  flex: 1;
}

.dtspecialIntro .--img img {
  width        : 100%;
  height       : auto;
  -o-object-fit: cover;
  object-fit   : cover;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dtspecialIntro .--content {
    gap: 40px;
  }

  .dtspecialIntro ul .--name {
    font-size: 12px;
  }

  .dtspecialIntro ul .--number {
    font-size  : 40px;
    line-height: 52px;
  }
}

@media (max-width: 1023px) {
  .dtspecialIntro {
    padding: 60px 0;
  }

  .dtspecialIntro .--content {
    flex-flow: column;
    gap      : 24px;
  }

  .dtspecialIntro .--img {
    height: 220px;
    flex  : unset;
  }

  .dtspecialIntro .--des {
    text-align: justify;
  }

  .dtspecialIntro ul {
    gap      : 24px;
    flex-wrap: wrap;
  }

  .dtspecialIntro ul li {
    width: calc(50% - 12px);
    flex : 0 0 auto;
  }

  .dtspecialIntro ul .--number {
    font-size  : 40px;
    line-height: 52px;
  }
}

.dtspecialFunction {
  position  : relative;
  padding   : 100px 0;
  background: #f8f8f8;
}

.dtspecialFunction .--content {
  display              : grid;
  gap                  : 80px;
  grid-template-rows   : repeat(1, 1fr);
  grid-template-columns: repeat(2, 1fr);
  grid-gap             : 80px;
}

.dtspecialFunction .--img {
  height: 450px;
}

.dtspecialFunction .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.dtspecialFunction .--txt {
  padding: 30px 0;
}

.dtspecialFunction .container-fluid {
  position: relative;
  z-index : 1;
}

.dtspecialFunction .partent {
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 26%;
  height         : 100%;
  background     : var(--color-1);
  pointer-events : none;
  display        : flex;
  align-items    : flex-end;
  justify-content: flex-end;
}

.dtspecialFunction .partent img {
  max-height: 100%;
}

.dtspecialFunction .segTitle {
  margin-bottom: 40px;
}

.dtspecialFunction ul {
  list-style   : none;
  padding-left : 0;
  margin-bottom: 0;
  display      : flex;
  flex-flow    : column;
  gap          : 20px;
}

.dtspecialFunction li {
  display: flex;
}

.dtspecialFunction li i {
  width          : 20px;
  height         : 20px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  color          : #fff;
  background     : var(--color-1);
  border-radius  : 50%;
  font-size      : 10px;
  margin-right   : 8px;
  flex           : 0 0 auto;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dtspecialFunction .--img {
    min-height: 350px;
  }

  .dtspecialFunction .--content {
    grid-template-columns: calc(45% - 30px) calc(55% - 30px);
    grid-gap             : 60px;
  }
}

@media (max-width: 1023px) {
  .dtspecialFunction {
    padding: 60px 0;
  }

  .dtspecialFunction .--content {
    flex-flow: column;
    gap      : 24px;
    display  : flex;
  }

  .dtspecialFunction .--img {
    height    : 220px;
    min-height: unset;
  }

  .dtspecialFunction .--txt {
    padding: 0;
  }

  .dtspecialFunction .segTitle {
    margin-bottom: 16px;
  }

  .dtspecialFunction .partent {
    width : 100%;
    height: 220px;
  }
}

.dtspecialService {
  padding: 100px 0;
}

.dtspecialService .segTitle {
  text-align   : center;
  margin-bottom: 40px;
}

.dtspecialService .row {
  justify-content: center;
}

.dtspecialService .col-md-4:nth-child(n+4) {
  margin-top: 24px;
}

.dtspecialService .btn-2 {
  margin: 40px auto 0;
}

@media (max-width: 1023px) {
  .dtspecialService {
    padding: 60px 0;
  }

  .dtspecialService .row {
    --bs-gutter-x: 0;
  }

  .dtspecialService .col-md-4 {
    width       : 78vw;
    margin-right: 10px;
  }

  .dtspecialService .col-md-4:nth-child(n+4) {
    margin-top: 0;
  }
}

.Doctor {
  background: #f8f8f8;
}

.TeamDoctor {
  background: #f8f8f8;
}

.TeamDoctor2 {
  background: #f8f8f8;
  padding   : 100px 0;
}

.TeamDoctor2 .segTitle {
  margin-bottom: 16px;
}

.TeamDoctor2 .--title {
  width     : 70%;
  text-align: center;
  margin    : 0 auto 40px;
}

.TeamDoctor2 .progress {
  margin-top: 40px;
}

.TeamDoctor2 .slick-list {
  margin: 0 -20px;
}

.TeamDoctor2 .slick-track {
  display: flex;
}

.TeamDoctor2 .slick-slide {
  height: auto;
}

.TeamDoctor2 .itemDoctor2 {
  margin: 0 20px;
}

.TeamDoctor3 {
  padding: 100px 0;
}

.TeamDoctor3 .segTitle {
  margin-bottom: 16px;
}

.TeamDoctor3 .--title {
  width     : 70%;
  margin    : 0 auto 40px;
  text-align: center;
}

.dtspecialFaq {
  padding   : 100px 0;
  background: #f8f8f8;
}

.dtspecialFaq .segTitle {
  margin-bottom: 32px;
}

@media (max-width: 1023px) {
  .dtspecialFaq {
    padding: 60px 0;
  }
}

/*# sourceMappingURL=specialist.css.map */