[class$="akch"] h1, [class$="akch"] h2, [class$="akch"] h3, [class$="akch"] h4, [class$="akch"] p, [class$="akch"] ul { font-family: 'Prompt'; margin: 0; } [class$="akch"] h1 { font-size: 40px; } [class$="akch"] h2 { font-size: 32px; font-weight: regular; } [class$="akch"] h3 { font-size: 28px; } [class$="akch"] h4 { font-size: 24px; } [class$="akch"] h1, [class$="akch"] h2, [class$="akch"] h3, [class$="akch"] h4 { font-style: normal; line-height: 150%; } [class$="akch"] p.body1 { font-size: 18px; } [class$="akch"] p.body2 { font-size: 16px; } [class$="akch"] p.body3 { font-size: 14px; } [class$="akch"] p.body4 { font-size: 12px; } [class$="akch"] p.body1, [class$="akch"] p.body2, [class$="akch"] p.body3, [class$="akch"] p.body4 { font-style: normal; line-height: 150%; } .background-desktop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99; } .background-mobile{ display: none; } @media (max-width: 767.98px) { .background-desktop { display: none; } .background-mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99; } } .container-fluid{ padding:0; } [class$="akch"] .container{ max-width: 1320px; padding: 0; } .department_department_list__akch { padding: 60px 0; position: relative; } .department_department_list__akch .dept__header h2 { color: #136331; } .department_department_list__akch .dept__header p.body2 { color: #000000; font-size: 18px; } .department_department_list__akch .dept__header{ margin-bottom: 40px; } .department_department_list__akch .dept_button{ display: none; } .department_department_list__akch .dept__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .department_department_list__akch .background__card { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .department_department_list__akch .dept__card img:not(.background__card) { z-index: 2; } .department_department_list__akch .dept__card .dept__card__overlay { z-index: 2; } .department_department_list__akch .dept__card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 24px; text-decoration: none; overflow: hidden; transition: background-color 0.2s ease, box-shadow 0.2s ease; width: 100%; aspect-ratio: 1 / 1; min-height: unset; } .department_department_list__akch .icon__card { width: 106px; height: 106px; padding: 8px; object-fit: contain; position: relative; z-index: 1; background-color: #FF9A52; border-radius: 16px; } .department_department_list__akch .dept__card:hover img:not(.background__card) { display: none; } .department_department_list__akch .dept__card:hover img { display: block;} .department_department_list__akch .dept__card .dept__card__overlay { position: absolute; inset: 0; padding: 24px; display: flex; flex-direction: column; justify-content: flex-end; background-color: transparent; transition: background-color 0.35s ease; } .department_department_list__akch .dept__card:hover .dept__card__overlay { background-color: rgba(19, 99, 49, 0.7); } .department_department_list__akch .dept__card .dept__card__overlay h4 { color: #ffffff; width: 100%; padding-bottom: 8px; border-bottom: 1px solid transparent; transition: border-color 0.35s ease; margin: 0; border-bottom-color: #fff; } .department_department_list__akch .dept__card .dept__card__overlay .desc_text { color: #ffffff; font-size: 16px; line-height: 1.6; margin: 0; max-height: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: max-height 0.35s ease; } .department_department_list__akch .dept__card:hover .dept__card__overlay .desc_text { max-height: 120px; padding-top: 16px; } @media (min-width: 768px) and (max-width: 1024px) { .department_department_list__akch .dept__cards { grid-template-columns: repeat(3, 1fr); } .department_department_list__akch .dept__card { min-height: 200px; } } @media (max-width: 767.98px) { .department_department_list__akch { padding: 40px 16px; } .department_department_list__akch.background-desktop { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99;} .department_department_list__akch .dept__header { flex-direction: column; align-items: flex-start !important; gap: 12px; } .department_department_list__akch .dept__cards { display: flex; flex-direction: column; } .department_department_list__akch .dept__cards .dept__card { aspect-ratio: 1 / 1; width: 100%; min-height: unset; } .department_department_list__akch .dept__cards .dept__card:nth-child(n+4) { display: none; } .department_department_list__akch .dept__cards.is-expanded .dept__card:nth-child(n+4) { display: flex; } .department_department_list__akch .dept__btn-more.is-hidden { display: none; } .department_department_list__akch .dept_button { display: flex; justify-content: center; align-items: center; margin-top: 40px; } .department_department_list__akch .dept__btn-all { display: inline-flex; align-items: center; gap: 2px; background-color: #EA752A; color: #ffffff; border-radius: 100px; padding: 10px 24px; font-size: 16px; text-decoration: none; transition: background-color 0.2s ease; width: fit-content; } .department_department_list__akch .dept__btn-all:hover { background-color: #FA962F; color: #ffffff; } .department_department_list__akch .dept_button.is-hidden { display: none; } } .department_department_detail__akch { padding: 80px 30px 0px; position: relative; } .department_department_detail__akch .department_detail__header{ margin-bottom: 40px; } .department_department_detail__akch .department_detail__header h2 { color: #136331; margin-bottom: 40px; } .department_department_detail__akch .department_detail__header p.body1 { color: #000000; } .department_department_detail__akch .dept-detail__wrap { position: relative; } .department_department_detail__akch .background-desktop { display: block; } .department_department_detail__akch .dept-detail__slider { overflow: hidden; } .department_department_detail__akch .dept-detail__slider.slick-initialized .slick-slide{ display: block; padding-right: 112px; padding-bottom: 40px; overflow: hidden; } .department_department_detail__akch .img-slider__slide img { width: 100%; height: 625px; object-fit: cover; display: block; box-shadow: 9px 8px 29px rgba(0, 0, 0, 0.15); } .department_department_detail__akch .img-slider__arrows { position: absolute; bottom: 40px; right: 0; display: flex; z-index: 2; } .department_department_detail__akch .img-slider__prev, .department_department_detail__akch .img-slider__next { width: 112px; height: 112px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; padding: 0; } .department_department_detail__akch .img-slider__prev, .department_department_detail__akch .img-slider__next { background-color: #C6C6C6; } .department_department_detail__akch .img-slider__next:hover, .department_department_detail__akch .img-slider__prev:hover { background-color: #EA752A; } .department_department_detail__akch .img-slider__prev img, .department_department_detail__akch .img-slider__next img { width: 75px; height: 75px; object-fit: contain; } @media (max-width: 767.98px) { .department_department_detail__akch { padding: 40px 16px; } .department_department_detail__akch .department_detail__header h2 { margin-bottom: 8px; } .department_department_detail__akch .department_detail__header br{ display: none; } .department_department_detail__akch .img-slider__slide img { height: 185px; box-shadow: none; } .department_department_detail__akch .img-slider__arrows { bottom: 0; } .department_department_detail__akch .dept-detail__slider .slick-track { margin-bottom: 60px; } .department_department_detail__akch .img-slider__prev, .department_department_detail__akch .img-slider__next { width: 60px; height: 60px;} .department_department_detail__akch .img-slider__prev img, .department_department_detail__akch .img-slider__next img { width: 100%; height: 100%; } .department_department_detail__akch .dept-detail__slider.slick-initialized .slick-slide { padding: 0; overflow: visible; } } .department_department_detail2__akch { padding: 40px 30px 80px; position: relative; } .department_department_detail2__akch .dept-detail2__card { background: #F8F8F8; border-radius: 24px; padding: 40px; box-shadow: 9px 8px 29px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; gap: 24px; margin-bottom: 40px; } .department_department_detail2__akch .dept-detail2__card h2 { color: #136331; } .department_department_detail2__akch .dept-detail2__card__content p.body1 { color: #000; } .department_department_detail2__akch .dept-detail2__card__content{ gap: 24px; display: flex; flex-direction: column; } .department_department_detail2__akch .dept-detail2__video-wrap{ justify-self: center; position: relative; margin-top: 30px; width: 1320px; overflow: hidden; } .department_department_detail2__akch .dept-detail2__video-wrap iframe { display: block; width: 100%; border: none; } .department_department_detail2__akch .dept-detail2__card__content *:last-child { margin-bottom: 0; } @media (max-width: 767.98px) { .department_department_detail2__akch { padding: 40px 16px; } .department_department_detail2__akch .dept-detail2__video-wrap{ width: 100%; } .department_department_detail2__akch .dept-detail2__video-wrap iframe { height: 170px; } .department_department_detail2__akch .background-desktop{ display: block; } } .department_department_img__akch { position: relative; padding: 80px 30px; } .department_department_img__akch .container { position: relative; z-index: 1; } .department_department_img__akch .dept-detail__img img { width: 100%; object-fit: cover; display: block; } @media (max-width: 767.98px) { .department_department_img__akch { padding: 40px 16px; } .department_department_img__akch .background-desktop { display: block; } } .department_department_doctor__akch { position: relative; padding: 80px 30px; overflow: hidden; } .department_department_doctor__akch .doctor__header { justify-content: space-between; align-items: flex-end; margin-bottom: 40px; } .department_department_doctor__akch .doctor__header h2 { color: #136331; margin-bottom: 8px; } .department_department_doctor__akch .doctor__btn-all { display: inline-flex; align-items: center; gap: 2px; background-color: #EA752A; color: #ffffff; border-radius: 100px; padding: 10px 24px; font-size: 16px; text-decoration: none; transition: background-color 0.2s ease; white-space: nowrap; } .department_department_doctor__akch .doctor__btn-all:hover { background-color: #FA962F; color: #ffffff; } .department_department_doctor__akch .doctor__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .department_department_doctor__akch .doctor__card { position: relative; display: block; height: 540px; overflow: hidden; text-decoration: none; background-size: cover; background-position: top center; background-repeat: no-repeat; transition: height 0.35s ease; border-radius: 40px 0px; } .department_department_doctor__akch .doctor__card__overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 58%, rgba(0,0,0,0.5) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; transition: background 0.35s ease; } .department_department_doctor__akch .doctor__card:hover .doctor__card__overlay { background: linear-gradient(to bottom, rgba(19,99,49,0) 58%, rgba(19,99,49,0.9) 100%); } .department_department_doctor__akch .doctor__card__overlay p.body1 { color: #ffffff; margin: 0; } .department_department_doctor__akch .doctor__card__overlay p.body1:nth-child(1) { padding-bottom: 8px; } .department_department_doctor__akch .doctor__card__overlay p.body1:nth-child(2) { border-bottom: 1px solid #fff; padding-bottom: 8px; } .department_department_doctor__akch .doctor__card__link { display: inline-flex; align-items: center; color: #ffffff; font-size: 16px; text-decoration: none; margin-top: 0; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.35s ease, opacity 0.35s ease, margin-top 0.35s ease; } .department_department_doctor__akch .doctor__card__link img { all: unset; } .department_department_doctor__akch .doctor__card:hover .doctor__card__link { max-height: 40px; opacity: 1; margin-top: 16px; } @media (max-width: 767.98px) { .department_department_doctor__akch { padding: 40px 16px; } .department_department_doctor__akch .background-desktop { display: block; } .department_department_doctor__akch .doctor__header { flex-direction: column; align-items: flex-start !important; gap: 24px; } .department_department_doctor__akch .doctor__cards { grid-template-columns: repeat(1, 1fr); gap: 24px; padding: 0px 23px; } } .home_short_menu__akch { position: relative; height: 682px; overflow: hidden; } .home_short_menu__akch .short_menu__nav { position: absolute; top: 0; left: 0; background-color: #FA962F; max-width: 990px; width: 100%; border-bottom-right-radius: 100px; overflow: hidden; z-index: 10; box-shadow: 6px 6px 20.6px rgba(0, 0, 0, 0.25); } .home_short_menu__akch .short_menu__nav > div { display: flex; flex-wrap: wrap; } .home_short_menu__akch .short_menu__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 246px; height: 180px; padding: 24px; text-decoration: none; background-color: #FA962F; transition: background-color 0.2s ease; border-right: 2px solid #ffffff; flex: 1; } .home_short_menu__akch .short_menu__item:last-child { border-right: none; } .home_short_menu__akch .short_menu__item h4 { color: #ffffff; } .home_short_menu__akch .short_menu__item img { width: 80px; height: 80px; object-fit: contain; } .home_short_menu__akch .short_menu__item:hover { background-color: #EA752A; } @media (max-width: 767.98px) { .home_short_menu__akch { height: 670px; } .home_short_menu__akch .short_menu__nav { position: relative; } .home_short_menu__akch .short_menu__nav > div { display: grid; grid-template-columns: repeat(2, 1fr); } .home_short_menu__akch .short_menu__item { width: 100%; height: 100%; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; } .home_short_menu__akch .short_menu__item:nth-child(2n) { border-right: none; } .home_short_menu__akch .short_menu__item:nth-last-child(-n+2) { border-bottom: none; } .home_short_menu__akch .short_menu__item img { width: 40px; height: 40px; } .home_short_menu__akch .short_menu__item img { width: 40px; height: 40px; } } .home_department_menu__akch { padding: 60px 30px; position: relative; } .dept__header{ margin-bottom: 60px; flex-direction: row; justify-content: space-between; align-items: end; } .home_department_menu__akch .dept__header h2 { color: #136331; padding-bottom: 8px; } .home_department_menu__akch .dept__btn-all { display: inline-flex; align-items: center; gap: 2px; background-color: #EA752A; color: #ffffff; border-radius: 100px; padding: 10px 24px; font-size: 16px; text-decoration: none; transition: background-color 0.2s ease; width: fit-content; } .home_department_menu__akch .dept__btn-all:hover { background-color: #FA962F; color: #ffffff; } .home_department_menu__akch .dept__cards { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 8px; } .home_department_menu__akch .dept__card--featured img { width: 100%; height: 100%; object-fit: cover; } .home_department_menu__akch .dept__card { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 24px; border-radius: 10px; background-color: #FCC390; text-decoration: none; transition: background-color 0.2s ease, box-shadow 0.2s ease; min-height: 260px; } .home_department_menu__akch .dept__cards .dept__card:first-child { grid-column-start: 3; } .home_department_menu__akch .dept__card img { width: 90px; height: 90px; object-fit: contain; } .home_department_menu__akch .dept__card h4 { color: #ffffff; } .home_department_menu__akch .dept__card:hover { background-color: #FA962F; box-shadow: 9px 8px 29px 0 rgba(0, 0, 0, 0.15); } .home_department_menu__akch .dept__progress{ margin-top: 24px; } .home_department_menu__akch .dept__progress__track { width: 100px; justify-self: center; height: 7px; background: #D2D3D4; border-radius: 100px; overflow: hidden; } .home_department_menu__akch .dept__progress__fill { height: 100%; background: #EA752A; border-radius: 3px; transition: width 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); width: 0%; } @media (max-width: 767.98px) { .home_department_menu__akch { padding: 40px 16px; } .home_department_menu__akch .background-desktop { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99;} .home_department_menu__akch .dept__header { flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 24px; } .home_department_menu__akch .dept__cards { display: block; } } .home_doctor_slider__akch { position: relative; padding: 80px 30px; overflow: hidden; } .home_doctor_slider__akch .doctor__header { justify-content: space-between; margin-bottom: 40px; align-items: end; } .home_doctor_slider__akch .doctor__header h2 { color: #136331; margin-bottom: 8px; } .home_doctor_slider__akch .doctor__header p.body2 { color: #000000; } .home_doctor_slider__akch .doctor__btn-all { display: inline-flex; align-items: center; gap: 2px; background-color: #EA752A; color: #ffffff; border-radius: 100px; padding: 10px 24px; font-size: 16px; text-decoration: none; transition: background-color 0.2s ease; width: fit-content; } .home_doctor_slider__akch .doctor__btn-all:hover { background-color: #FA962F; color: #ffffff; } .home_doctor_slider__akch .doctor__slider { height: 520px; } .home_doctor_slider__akch .doctor__slider .slick-slide { margin: 0 3px; } .home_doctor_slider__akch .doctor__slider .slick-list { overflow: visible; padding-bottom: 40px !important; margin: 0 -3px -40px; } .home_doctor_slider__akch .doctor__slider .slick-track { display: flex; align-items: flex-start; } .home_doctor_slider__akch .doctor__card { position: relative; display: block !important; width: 300px !important; height: 520px; overflow: hidden; text-decoration: none; transition: height 0.35s ease; background-size: cover; background-position: top center; background-repeat: no-repeat; } .home_doctor_slider__akch .doctor__card:hover { height: 560px; } .home_doctor_slider__akch .doctor__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; } .home_doctor_slider__akch .doctor__card .doctor__card__overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, rgb(0 0 0 / 50%) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; transition: background 0.35s ease; } .home_doctor_slider__akch .doctor__card__overlay p.body1:nth-child(1) { padding-bottom: 8px; } .home_doctor_slider__akch .doctor__card__overlay p.body1:nth-child(2) { border-bottom: 1px solid #fff; padding-bottom: 8px; } .home_doctor_slider__akch .doctor__card:hover .doctor__card__overlay { background: linear-gradient( to bottom, rgba(19, 99, 49, 0) 58%, rgba(19 99 49 / 90%) 100% ); } .home_doctor_slider__akch .doctor__card__overlay p.body1 { color: #ffffff; margin: 0; } .home_doctor_slider__akch .doctor__card__link { display: inline-flex; align-items: center; color: #ffffff; font-size: 16px; text-decoration: none; margin-top: 0; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.35s ease, opacity 0.35s ease, margin-top 0.35s ease; } .home_doctor_slider__akch .doctor__card__link img { all: unset; } .home_doctor_slider__akch .doctor__card:hover .doctor__card__link { max-height: 40px; opacity: 1; margin-top: 16px; } .home_doctor_slider__akch .doctor__progress { margin-top: 40px; display: grid; } .home_doctor_slider__akch .doctor__progress__track { width: 100px; justify-self: center; height: 7px; background: #D2D3D4; border-radius: 100px; overflow: hidden; } .home_doctor_slider__akch .doctor__progress__fill { height: 100%; background: #EA752A; border-radius: 3px; transition: width 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); width: 0%; } @media (max-width: 767.98px) { .home_doctor_slider__akch { padding: 40px 16px; } .home_doctor_slider__akch .background-desktop{ display: block; } .home_doctor_slider__akch .doctor__header { flex-direction: column; align-items: flex-start !important; gap: 24px; } .home_doctor_slider__akch .doctor__slider { height: 520px; padding: 0 29px; margin: 0; } .home_doctor_slider__akch .doctor__slider .slick-slide{ width: 100%!important; } .home_doctor_slider__akch .doctor__slider .slick-list { overflow: hidden; padding: 0 !important; margin-bottom: 0; } } .home_about__akch { position: relative; padding: 60px 30px; } .home_about__akch .about__inner { display: flex; align-items: center; gap: 60px; justify-content: space-between; } .home_about__akch .about__content { flex: 1; max-width: 630px; } .home_about__akch .about__logo { width: 120px; height: auto; margin-bottom: 24px; } .home_about__akch .about__logo img { width: 100%; height: 100%; object-fit: contain; } .home_about__akch .about__title { color: #136331; margin-bottom: 24px; } .home_about__akch .about__desc { color: #000000; margin-bottom: 24px; } .home_about__akch .about__btn { display: inline-flex; align-items: center; gap: 2px; background-color: #EA752A; color: #ffffff; border-radius: 100px; padding: 10px 24px; font-size: 16px; text-decoration: none; transition: background-color 0.2s ease; width: fit-content; } .home_about__akch .about__btn:hover { background-color: #FA962F; } .home_about__akch .about__btn img { width: 24px; height: 24px; } .home_about__akch .about__image-wrap { flex: 1; position: relative; max-width: 560px; } .home_about__akch .about__img-box { position: relative; z-index: 1; } .home_about__akch .about__img-box img { width: 100%; height: auto; display: block; } @media (max-width: 767.98px) { .home_about__akch { padding: 40px 16px; } .home_about__akch .background-mobile{ object-fit: fill !important; } .home_about__akch .about__inner { flex-direction: column; gap: 40px; } .home_about__akch .about__content { max-width: 100%; } .home_about__akch .about__image-wrap { max-width: 100%; width: 100%; } } .home_img_slider__akch { padding: 60px 30px 0px; background: #F8F8F8; } .home_img_slider__akch .img-slider__header { margin-bottom: 40px; } .home_img_slider__akch .img-slider__header h2 { color: #136331; margin-bottom: 8px; } .home_img_slider__akch .img-slider__header p.body1 { color: #000000; } .home_img_slider__akch .img-slider__wrap { position: relative; } .home_img_slider__akch .img-slider__slider { overflow: hidden; } .home_img_slider__akch .img-slider__slider.slick-initialized .slick-slide{ display: block; padding-right: 112px; padding-bottom: 60px; overflow: hidden; } .home_img_slider__akch .img-slider__slide img { width: 100%; height: 625px; object-fit: cover; display: block; box-shadow: 9px 8px 29px rgba(0, 0, 0, 0.15); } .home_img_slider__akch .img-slider__arrows { position: absolute; bottom: 60px; right: 0; display: flex; z-index: 2; } .home_img_slider__akch .img-slider__prev, .home_img_slider__akch .img-slider__next { width: 112px; height: 112px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; padding: 0; } .home_img_slider__akch .img-slider__prev, .home_img_slider__akch .img-slider__next { background-color: #C6C6C6; } .home_img_slider__akch .img-slider__next:hover, .home_img_slider__akch .img-slider__prev:hover { background-color: #EA752A; } .home_img_slider__akch .img-slider__prev img, .home_img_slider__akch .img-slider__next img { width: 75px; height: 75px; object-fit: contain; } @media (max-width: 767.98px) { .home_img_slider__akch { padding: 40px 16px; } .home_img_slider__akch .img-slider__dashed { display: none; } .home_img_slider__akch .img-slider__slide img { height: 185px; box-shadow: none; } .home_img_slider__akch .img-slider__arrows { bottom: 0; } .home_img_slider__akch .img-slider__slider .slick-track { margin-bottom: 60px; } .home_img_slider__akch .img-slider__prev, .home_img_slider__akch .img-slider__next { width: 60px; height: 60px;} .home_img_slider__akch .img-slider__prev img, .home_img_slider__akch .img-slider__next img { width: 100%; height: 100%; } .home_img_slider__akch .img-slider__slider.slick-initialized .slick-slide { padding: 0; overflow: visible; } } .home_blog_sample__akch { position: relative; padding: 60px 30px; overflow: hidden; } .home_blog_sample__akch .blog__header { justify-content: space-between; align-items: flex-start; margin-bottom: 32px; } .home_blog_sample__akch .blog__header h2 { color: #136331; margin-bottom: 8px; } .home_blog_sample__akch .blog__header p.body1 { color: #000; } .home_blog_sample__akch .blog__btn-all { display: inline-flex; align-items: center; gap: 2px; background-color: #EA752A; color: #ffffff; border-radius: 100px; padding: 10px 24px; font-size: 16px; text-decoration: none; transition: background-color 0.2s ease; width: fit-content; } .home_blog_sample__akch .blog__btn-all:hover { background-color: #e06810; color: #ffffff; } .home_blog_sample__akch .blog__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; } .home_blog_sample__akch .blog__featured { position: relative; display: block; border-radius: 24px; overflow: hidden; text-decoration: none; height: 100%; min-height: 480px; z-index: 2; } .home_blog_sample__akch .blog__featured > img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } .home_blog_sample__akch .blog__featured__overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; } .home_blog_sample__akch .blog__featured__overlay::after { background: linear-gradient( to bottom, rgba(19, 99, 49, 0) 60%, rgba(19 99 49 / 90%) 100% ); content: ''; position: absolute; inset: 0; opacity: 0; transition: opacity 0.35s ease; z-index: 0; } .home_blog_sample__akch .blog__featured:hover .blog__featured__overlay::after { opacity: 1; } .home_blog_sample__akch .blog__featured__overlay > * { position: relative; z-index: 1; } .home_blog_sample__akch .blog__featured__overlay h3 { color: #ffffff; font-size: 24px; line-height: 1.4; margin: 4px 0 16px; } .home_blog_sample__akch .blog__list { display: flex; flex-direction: column; gap: 24px; } .home_blog_sample__akch .blog__card { display: grid; grid-template-columns: 312px 1fr; gap: 24px; background: #ffffff; text-decoration: none; transition: box-shadow 0.2s ease; flex: 1; } .home_blog_sample__akch .blog__card__img img { border-radius: 16px; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.35s ease; } .home_blog_sample__akch .blog__card__content { display: flex; flex-direction: column; justify-content: start; } .home_blog_sample__akch .blog__card__content h4 { padding: 4px 0px 16px; font-size: 18px; font-weight: 400; color: #000; line-height: 1.5; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .home_blog_sample__akch .blog__category { font-size: 18px; color: #EA752A; } .home_blog_sample__akch .blog__read { font-size: 16px; display: inline-flex; align-items: center; gap: 2px; color: #000; } .home_blog_sample__akch .blog__read img { width: 24px; height: 24px; filter: invert(1); } .home_blog_sample__akch .blog__card__img img:hover{ box-shadow: 9px 8px 29px rgba(0, 0, 0, 0.15); } .home_blog_sample__akch .blog__featured .blog__read img { filter: none; } .home_blog_sample__akch .blog__featured .blog__read,.home_blog_sample__akch .blog__featured .blog__category{ color: #fff; } @media (max-width: 767.98px) { .home_blog_sample__akch { padding: 40px 16px; } .home_blog_sample__akch .blog__header { flex-direction: column; gap: 16px; } .home_blog_sample__akch .blog__grid { grid-template-columns: 1fr; } .home_blog_sample__akch .blog__featured { min-height: 320px; } .home_blog_sample__akch .blog__card { grid-template-columns: 1fr; } .home_blog_sample__akch .blog__card__img img { height: 221px; } } .home_information__akch { position: relative; padding: 150px 30px 80px; overflow: hidden; text-align: center; } .home_information__akch .object{ position: absolute; z-index: -2; position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; } .home_information__akch .container { position: relative; z-index: 1; } .home_information__akch .info__header { margin-bottom: 40px; } .home_information__akch .info__header h2 { color: #ffffff; margin-bottom: 24px; } .home_information__akch .info__header p.body1 { color: #fff; } .home_information__akch .info__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .home_information__akch .info__item { display: flex; flex-direction: column; align-items: center; } .home_information__akch .info__icon { display: flex; align-items: center; justify-content: center; margin-bottom: 16px; } .home_information__akch .info__icon img { width: 60px; height: 70px; object-fit: contain; } .home_information__akch .info__label { color: #ffffff; margin-bottom: 8px; } .home_information__akch .info__value { color: #fff; } @media (max-width: 767.98px) { .home_information__akch { padding: 60px 16px 40px; } .home_information__akch .background-desktop { display: block;} .home_information__akch .info__items { grid-template-columns: 1fr; gap: 32px; } } .home_map__akch { width: 100%; line-height: 0; } .home_map__akch .map__embed { width: 100%; height: 360px; } .home_map__akch .map__embed iframe { width: 100%; height: 100%; display: block; border: none; filter: grayscale(20%); } .deluxe_kidsroom_img__akch { padding: 60px 30px 0px; position: relative; } .deluxe_kidsroom_img__akch .img-slider__wrap { position: relative; } .deluxe_kidsroom_img__akch .img-slider__slider { overflow: hidden; } .deluxe_kidsroom_img__akch .img-slider__slider.slick-initialized .slick-slide { display: block; padding-right: 112px; padding-bottom: 60px; overflow: hidden; } .deluxe_kidsroom_img__akch .img-slider__slide img { width: 100%; height: 625px; object-fit: cover; display: block; box-shadow: 9px 8px 29px rgba(0, 0, 0, 0.15); } .deluxe_kidsroom_img__akch .img-slider__arrows { position: absolute; bottom: 60px; right: 0; display: flex; z-index: 2; } .deluxe_kidsroom_img__akch .img-slider__prev, .deluxe_kidsroom_img__akch .img-slider__next { width: 112px; height: 112px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; padding: 0; } .deluxe_kidsroom_img__akch .img-slider__prev , .deluxe_kidsroom_img__akch .img-slider__next { background-color: #C6C6C6; } .deluxe_kidsroom_img__akch .img-slider__prev:hover , .deluxe_kidsroom_img__akch .img-slider__next:hover { background-color: #EA752A; } .deluxe_kidsroom_img__akch .img-slider__prev img, .deluxe_kidsroom_img__akch .img-slider__next img { width: 75px; height: 75px; object-fit: contain; } @media (max-width: 767.98px) { .deluxe_kidsroom_img__akch { padding: 40px 16px; } .deluxe_kidsroom_img__akch .background-desktop, .grand_kidsroom_img__akch .background-desktop, .suite_kidsroom_img__akch .background-desktop{ display: block; } .deluxe_kidsroom_img__akch .img-slider__slide img { height: 185px; box-shadow: none; } .deluxe_kidsroom_img__akch .img-slider__arrows { bottom: 0; } .deluxe_kidsroom_img__akch .img-slider__slider .slick-track { margin-bottom: 60px; } .deluxe_kidsroom_img__akch .img-slider__prev, .deluxe_kidsroom_img__akch .img-slider__next { width: 60px; height: 60px; } .deluxe_kidsroom_img__akch .img-slider__prev img, .deluxe_kidsroom_img__akch .img-slider__next img { width: 100%; height: 100%; } .deluxe_kidsroom_img__akch .img-slider__slider.slick-initialized .slick-slide { padding: 0; overflow: visible; } } .deluxe_kidsroom_detail__akch { padding: 0px 30px 80px; background: #DCE9E2; } .deluxe_kidsroom_detail__akch .detail__top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 60px; align-items: start; } .deluxe_kidsroom_detail__akch .detail__info { display: flex; flex-direction: column; gap: 8px; } .deluxe_kidsroom_detail__akch .detail__info h2,.deluxe_kidsroom_detail__akch .detail__amenities h2{ color: #136331; } .deluxe_kidsroom_detail__akch .detail__amenities h2{ margin-bottom: 40px; } .deluxe_kidsroom_detail__akch .detail__info p.body1 { color: #000; } .deluxe_kidsroom_detail__akch .detail__price { background: #136331; border-radius: 24px; padding: 24px; display: flex; flex-direction: column; } .deluxe_kidsroom_detail__akch .price__row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; } .deluxe_kidsroom_detail__akch .price__label { font-size: 24px; color: #fff; } .deluxe_kidsroom_detail__akch .price__value { font-size: 24px; font-weight: 700; color: #ffffff; white-space: nowrap; } .deluxe_kidsroom_detail__akch .price__divider { width: 100%; height: 1px; background: rgba(255, 255, 255); } .deluxe_kidsroom_detail__akch .amenities__item { display: flex !important; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 0 12px; } .deluxe_kidsroom_detail__akch .amenities__item img { width: 120px; height: 120px; object-fit: contain; } .deluxe_kidsroom_detail__akch .amenities__item p { color: #000; font-size: 20px; } .deluxe_kidsroom_detail__akch .doctor__progress { margin-top: 32px; display: grid; } .deluxe_kidsroom_detail__akch .doctor__progress__track { width: 100px; justify-self: center; height: 7px; background: #D2D3D4; border-radius: 100px; overflow: hidden; } .deluxe_kidsroom_detail__akch .doctor__progress__fill { height: 100%; background: #EA752A; border-radius: 3px; transition: width 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); width: 0%; } @media (max-width: 767.98px) { .deluxe_kidsroom_detail__akch { padding: 0px 16px 40px; } .deluxe_kidsroom_detail__akch .detail__top { grid-template-columns: 1fr; gap: 40px; margin-bottom: 40px; } .deluxe_kidsroom_detail__akch .price__row{ gap: 16px; flex-direction: column; align-items: start; } .deluxe_kidsroom_detail__akch .amenities__item{ padding: 0 8px; } } .grand_kidsroom_img__akch { padding: 60px 30px 0px; position: relative; } .grand_kidsroom_img__akch .img-slider__wrap { position: relative; } .grand_kidsroom_img__akch .img-slider__slider { overflow: hidden; } .grand_kidsroom_img__akch .img-slider__slider.slick-initialized .slick-slide { display: block; padding-right: 112px; padding-bottom: 60px; overflow: hidden; } .grand_kidsroom_img__akch .img-slider__slide img { width: 100%; height: 625px; object-fit: cover; display: block; box-shadow: 9px 8px 29px rgba(0, 0, 0, 0.15); } .grand_kidsroom_img__akch .img-slider__arrows { position: absolute; bottom: 60px; right: 0; display: flex; z-index: 2; } .grand_kidsroom_img__akch .img-slider__prev, .grand_kidsroom_img__akch .img-slider__next { width: 112px; height: 112px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; padding: 0; } .grand_kidsroom_img__akch .img-slider__prev, .grand_kidsroom_img__akch .img-slider__next { background-color: #C6C6C6; } .grand_kidsroom_img__akch .img-slider__prev:hover, .grand_kidsroom_img__akch .img-slider__next:hover { background-color: #EA752A; } .grand_kidsroom_img__akch .img-slider__prev img, .grand_kidsroom_img__akch .img-slider__next img { width: 75px; height: 75px; object-fit: contain; } @media (max-width: 767.98px) { .grand_kidsroom_img__akch { padding: 40px 16px; } .grand_kidsroom_img__akch .img-slider__slide img { height: 185px; box-shadow: none; } .grand_kidsroom_img__akch .img-slider__arrows { bottom: 0; } .grand_kidsroom_img__akch .img-slider__slider .slick-track { margin-bottom: 60px; } .grand_kidsroom_img__akch .img-slider__prev, .grand_kidsroom_img__akch .img-slider__next { width: 60px; height: 60px; } .grand_kidsroom_img__akch .img-slider__prev img, .grand_kidsroom_img__akch .img-slider__next img { width: 100%; height: 100%; } .grand_kidsroom_img__akch .img-slider__slider.slick-initialized .slick-slide { padding: 0; overflow: visible; } } .grand_kidsroom_detail__akch { padding: 0px 30px 80px; background: #F8F8F8; } .grand_kidsroom_detail__akch .detail__top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 60px; align-items: start; } .grand_kidsroom_detail__akch .detail__info { display: flex; flex-direction: column; gap: 8px; } .grand_kidsroom_detail__akch .detail__info h2, .grand_kidsroom_detail__akch .detail__amenities h2 { color: #136331; } .grand_kidsroom_detail__akch .detail__amenities h2 { margin-bottom: 40px; } .grand_kidsroom_detail__akch .detail__info p.body1 { color: #000; } .grand_kidsroom_detail__akch .detail__price { background: #136331; border-radius: 24px; padding: 24px; display: flex; flex-direction: column; } .grand_kidsroom_detail__akch .price__row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; } .grand_kidsroom_detail__akch .price__label { font-size: 24px; color: #fff; } .grand_kidsroom_detail__akch .price__value { font-size: 24px; font-weight: 700; color: #ffffff; white-space: nowrap; } .grand_kidsroom_detail__akch .price__divider { width: 100%; height: 1px; background: rgba(255, 255, 255); } .grand_kidsroom_detail__akch .amenities__item { display: flex !important; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 0 12px; } .grand_kidsroom_detail__akch .amenities__item img { width: 120px; height: 120px; object-fit: contain; } .grand_kidsroom_detail__akch .amenities__item p { color: #000; font-size: 20px; } .grand_kidsroom_detail__akch .doctor__progress { margin-top: 32px; display: grid; } .grand_kidsroom_detail__akch .doctor__progress__track { width: 100px; justify-self: center; height: 7px; background: #D2D3D4; border-radius: 100px; overflow: hidden; } .grand_kidsroom_detail__akch .doctor__progress__fill { height: 100%; background: #EA752A; border-radius: 3px; transition: width 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); width: 0%; } @media (max-width: 767.98px) { .grand_kidsroom_detail__akch { padding: 0px 16px 40px; } .grand_kidsroom_detail__akch .detail__top { grid-template-columns: 1fr; gap: 40px; margin-bottom: 40px; } .grand_kidsroom_detail__akch .price__row { gap: 16px; flex-direction: column; align-items: start; } .grand_kidsroom_detail__akch .amenities__item { padding: 0 8px; } } .suite_kidsroom_img__akch { padding: 60px 30px 0px; position: relative; } .suite_kidsroom_img__akch .img-slider__wrap { position: relative; } .suite_kidsroom_img__akch .img-slider__slider { overflow: hidden; } .suite_kidsroom_img__akch .img-slider__slider.slick-initialized .slick-slide { display: block; padding-right: 112px; padding-bottom: 60px; overflow: hidden; } .suite_kidsroom_img__akch .img-slider__slide img { width: 100%; height: 625px; object-fit: cover; display: block; box-shadow: 9px 8px 29px rgba(0, 0, 0, 0.15); } .suite_kidsroom_img__akch .img-slider__arrows { position: absolute; bottom: 60px; right: 0; display: flex; z-index: 2; } .suite_kidsroom_img__akch .img-slider__prev, .suite_kidsroom_img__akch .img-slider__next { width: 112px; height: 112px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; padding: 0; } .suite_kidsroom_img__akch .img-slider__prev ,.suite_kidsroom_img__akch .img-slider__next { background-color: #C6C6C6; } .suite_kidsroom_img__akch .img-slider__prev:hover, .suite_kidsroom_img__akch .img-slider__next:hover { background-color: #EA752A; } .suite_kidsroom_img__akch .img-slider__prev img, .suite_kidsroom_img__akch .img-slider__next img { width: 75px; height: 75px; object-fit: contain; } @media (max-width: 767.98px) { .suite_kidsroom_img__akch { padding: 40px 16px; } .suite_kidsroom_img__akch .img-slider__slide img { height: 185px; box-shadow: none; } .suite_kidsroom_img__akch .img-slider__arrows { bottom: 0; } .suite_kidsroom_img__akch .img-slider__slider .slick-track { margin-bottom: 60px; } .suite_kidsroom_img__akch .img-slider__prev, .suite_kidsroom_img__akch .img-slider__next { width: 60px; height: 60px; } .suite_kidsroom_img__akch .img-slider__prev img, .suite_kidsroom_img__akch .img-slider__next img { width: 100%; height: 100%; } .suite_kidsroom_img__akch .img-slider__slider.slick-initialized .slick-slide { padding: 0; overflow: visible; } } .suite_kidsroom_detail__akch { padding: 0px 30px 80px; background: #DCE9E2; } .suite_kidsroom_detail__akch .detail__top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 60px; align-items: start; } .suite_kidsroom_detail__akch .detail__info { display: flex; flex-direction: column; gap: 8px; } .suite_kidsroom_detail__akch .detail__info h2, .suite_kidsroom_detail__akch .detail__amenities h2 { color: #136331; } .suite_kidsroom_detail__akch .detail__amenities h2 { margin-bottom: 40px; } .suite_kidsroom_detail__akch .detail__info p.body1 { color: #000; } .suite_kidsroom_detail__akch .detail__price { background: #136331; border-radius: 24px; padding: 24px; display: flex; flex-direction: column; } .suite_kidsroom_detail__akch .price__row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; } .suite_kidsroom_detail__akch .price__label { font-size: 24px; color: #fff; } .suite_kidsroom_detail__akch .price__value { font-size: 24px; font-weight: 700; color: #ffffff; white-space: nowrap; } .suite_kidsroom_detail__akch .price__divider { width: 100%; height: 1px; background: rgba(255, 255, 255); } .suite_kidsroom_detail__akch .amenities__item { display: flex !important; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 0 12px; } .suite_kidsroom_detail__akch .amenities__item img { width: 120px; height: 120px; object-fit: contain; } .suite_kidsroom_detail__akch .amenities__item p { color: #000; font-size: 20px; } .suite_kidsroom_detail__akch .doctor__progress { margin-top: 32px; display: grid; } .suite_kidsroom_detail__akch .doctor__progress__track { width: 100px; justify-self: center; height: 7px; background: #D2D3D4; border-radius: 100px; overflow: hidden; } .suite_kidsroom_detail__akch .doctor__progress__fill { height: 100%; background: #EA752A; border-radius: 3px; transition: width 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); width: 0%; } @media (max-width: 767.98px) { .suite_kidsroom_detail__akch { padding: 0px 16px 40px; } .suite_kidsroom_detail__akch .detail__top { grid-template-columns: 1fr; gap: 40px; margin-bottom: 40px; } .suite_kidsroom_detail__akch .price__row { gap: 16px; flex-direction: column; align-items: start; } .suite_kidsroom_detail__akch .amenities__item { padding: 0 8px; } } .facilities_detail__akch { padding: 80px 30px; position: relative; overflow: hidden; } .facilities_detail__akch .facilities__item { display: grid; grid-template-columns: 760px 1fr; gap: 100px; align-items: center; margin-bottom: 60px; } .facilities_detail__akch .facilities__item:last-child { margin-bottom: 0; } .facilities_detail__akch .facilities__item--reverse { direction: ltr; grid-template-columns: 1fr 760px; } .facilities_detail__akch .facilities__img { border-radius: 0px 80px; overflow: hidden; } .facilities_detail__akch .facilities__img img { width: 760px; max-width: 100%; height: 410px; object-fit: cover; display: block; border-radius: 0px 80px; transition: transform 0.35s ease; } .facilities_detail__akch .facilities__item:hover .facilities__img img { transform: scale(1.03); } .facilities_detail__akch .facilities__content { display: flex; flex-direction: column; } .facilities_detail__akch .facilities__content h2 { color: #136331; margin-bottom: 24px; } .facilities_detail__akch .facilities__content p.body1 { color: #000; } .facilities_detail__akch .facilities__content ul li { color: #000; } @media (max-width: 767.98px) { .facilities_detail__akch { padding: 40px 16px; } .facilities_detail__akch .background-desktop{ display: block; } .facilities_detail__akch .facilities__item { grid-template-columns: 1fr; gap: 24px; margin-bottom: 40px; direction: ltr; } .facilities_detail__akch .facilities__item--reverse { direction: ltr; } .facilities_detail__akch .facilities__item--reverse .facilities__img { order: -1; } .facilities_detail__akch .facilities__img { height: 193px; border-radius: 0px 40px; } .facilities_detail__akch .facilities__img img{ border-radius: 0px 40px; } } .insurance_detail__akch { position: relative; padding: 80px 30px; overflow: hidden; } .insurance_detail__akch .container { position: relative; z-index: 2; width: 100%; } .insurance_detail__akch .insurance__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .insurance_detail__akch .insurance__content { display: flex; flex-direction: column; gap: 24px; } .insurance_detail__akch .insurance__content h2{ color: #136331; } .insurance_detail__akch .insurance__content p.body1 { color: #000; } .insurance_detail__akch .insurance__img { position: relative; } .insurance_detail__akch .insurance__img img { width: 100%; height: 763px; object-fit: cover; object-position: top center; display: block; border-radius: 80px 0px; } @media (max-width: 767.98px) { .insurance_detail__akch { padding: 40px 16px; min-height: unset; } .insurance_detail__akch .background-desktop { display: block; } .insurance_detail__akch .insurance__inner { grid-template-columns: 1fr; gap: 24px; } .insurance_detail__akch .insurance__img img { height: 414px; } } .insurance_logo_1__akch, .insurance_logo_2__akch { padding: 80px 30px; background: #ffffff; } .insurance_logo_1__akch .logo__title, .insurance_logo_2__akch .logo__title { color: #136331; text-align: center; margin-bottom: 40px; } .insurance_logo_1__akch .logo__slider .slick-slide, .insurance_logo_2__akch .logo__slider .slick-slide { margin: 0 12px; } .insurance_logo_1__akch .logo__slider .slick-list, .insurance_logo_2__akch .logo__slider .slick-list { margin: 0 -12px; } .insurance_logo_1__akch .logo__slider .slick-slide > div, .insurance_logo_2__akch .logo__slider .slick-slide > div { padding-bottom: 24px; } .insurance_logo_1__akch .logo__slider .slick-slide > div:last-child, .insurance_logo_2__akch .logo__slider .slick-slide > div:last-child { padding-bottom: 0; } .insurance_logo_1__akch .logo__item { width: 200px !important; height: 200px; display: flex !important; align-items: center; justify-content: center; } .insurance_logo_1__akch .logo__item img { width: 200px; height: 200px; object-fit: contain; display: block; border-radius: 10px; } .insurance_logo_2__akch .logo__item { height: 200px; display: flex !important; align-items: center; justify-content: center; } .insurance_logo_2__akch .logo__item img { width: 100%; height: 200px; object-fit: contain; display: block; border-radius: 10px; } .insurance_logo_1__akch .logo__slider .slick-dots, .insurance_logo_2__akch .logo__slider .slick-dots { position: relative; bottom: 0; margin-top: 40px; text-align: center; padding: 0; list-style: none; display: flex !important; justify-content: center; gap: 9px; } .insurance_logo_1__akch .logo__slider .slick-dots li, .insurance_logo_2__akch .logo__slider .slick-dots li { font-size: 0; width: 12px; height: 12px; border-radius: 100px; background: #D2D3D4; border: none; padding: 0; cursor: pointer; transition: all 0.35s ease; } .insurance_logo_1__akch .logo__slider .slick-dots li.slick-active, .insurance_logo_2__akch .logo__slider .slick-dots li.slick-active { background: #EA752A; } @media (max-width: 767.98px) { .insurance_logo_1__akch, .insurance_logo_2__akch { padding: 40px 16px; } .insurance_logo_1__akch .logo__slider .slick-slide, .insurance_logo_2__akch .logo__slider .slick-slide { margin: 0 6px; } .insurance_logo_1__akch .logo__slider .slick-list, .insurance_logo_2__akch .logo__slider .slick-list { margin: 0 -6px; } .insurance_logo_1__akch .logo__item, .insurance_logo_2__akch .logo__item { width: 100% !important; height: auto !important; min-height: unset !important; } .insurance_logo_1__akch .logo__item img, .insurance_logo_2__akch .logo__item img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; max-width: 100%; } .insurance_logo_1__akch .logo__slider .slick-track, .insurance_logo_2__akch .logo__slider .slick-track { display: flex !important; } } .insurance_faq__akch { position: relative; padding: 60px 30px; overflow: hidden; } .insurance_faq__akch .container { position: relative; z-index: 1; } .insurance_faq__akch .faq__header { text-align: center; margin-bottom: 40px; display: flex; flex-direction: column; gap: 16px; color: #ffffff; } .insurance_faq__akch .faq__header h2 { color: #136331; text-transform: uppercase; } .insurance_faq__akch .faq__card { margin-bottom: 1rem; border-radius: 8px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); overflow: hidden; } .insurance_faq__akch .faq__card__header { position: relative; background-color: #ffffff; padding: 24px; } .insurance_faq__akch .faq__card__header p { margin-bottom: 0; } .insurance_faq__akch .faq__card__body { padding: 0 24px 24px; background-color: #ffffff; color: #000; line-height: 1.8; } .insurance_faq__akch .faq__btn { width: 100%; text-align: left; font-weight: 700; font-size: 24px; line-height: 1.5; color: #000000; padding: 0; padding-right: 2rem; background: none; border: none; cursor: pointer; outline: none !important; box-shadow: none !important; text-decoration: none; } .insurance_faq__akch .faq__btn:hover { text-decoration: none; } .insurance_faq__akch .faq__btn::after { content: ""; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url("/files/media/Mediaddb494526f403ddf063d7fadc128e28b.png"); background-size: contain; background-repeat: no-repeat; transition: transform 0.3s ease; } .insurance_faq__akch .faq__btn.collapsed::after { transform: translateY(-50%) rotate(-90deg); } @media (max-width: 767.98px) { .insurance_faq__akch { padding: 40px 16px; } .insurance_faq__akch .background-desktop { display: block; } } .act_terms_info__akch { position: relative; padding: 80px 30px; overflow: hidden; } .act_terms_info__akch .container { position: relative; z-index: 2; width: 100%; } .act_terms_info__akch .terms__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .act_terms_info__akch .terms__content { display: flex; flex-direction: column; gap: 24px; } .act_terms_info__akch .terms__content h2 { color: #136331; } .act_terms_info__akch .terms__content p.body1 { color: #000; font-weight: 600; } .act_terms_info__akch .terms__content p { color: #000; font-weight: 400; font-size: 18px; } .act_terms_info__akch .terms__img { position: relative; } .act_terms_info__akch .terms__img img { width: 100%; height: 763px; object-fit: cover; object-position: top center; display: block; border-radius: 80px 0px; } @media (max-width: 767.98px) { .act_terms_info__akch { padding: 40px 16px; } .act_terms_info__akch .background-desktop { display: block; } .act_terms_info__akch .terms__inner { grid-template-columns: 1fr; gap: 24px; } .act_terms_info__akch .terms__content br{ display: none; } .act_terms_info__akch .terms__img img { height: 414px; } } .act_terms_details__akch { padding: 80px 30px; background: #ffffff; } .act_terms_details__akch .terms__card { background: #F8F8F8; border-radius: 24px; padding: 40px; box-shadow: 9px 8px 29px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; gap: 24px; margin-bottom: 40px; } .act_terms_details__akch .terms__card:last-child { margin-bottom: 0; } .act_terms_details__akch .terms__card h2 { color: #136331; } .act_terms_details__akch .terms__card__content { display: flex; flex-direction: column; gap: 24px; } .act_terms_details__akch .terms__card p.body1 { color: #000; } .act_terms_details__akch .terms__card ol { font-size: 18px; padding-left: 20px; margin: 0; display: flex; flex-direction: column; gap: 8px; } .act_terms_details__akch .terms__card ol li { color: #000; } .act_terms_details__akch .terms__card ul { font-size: 18px; padding-left: 12px; display: flex; flex-direction: column; gap: 6px; list-style: "- "; } .act_terms_details__akch .terms__card ul li { color: #000; } @media (max-width: 767.98px) { .act_terms_details__akch { padding: 40px 16px; } } .act_terms_act__akch { padding: 80px 30px; position: relative; overflow: hidden; } .act_terms_act__akch .container { position: relative; z-index: 1; } .act_terms_act__akch .terms__item { display: grid; grid-template-columns: 760px 1fr; gap: 100px; align-items: center; margin-bottom: 80px; } .act_terms_act__akch .terms__item:last-child { margin-bottom: 0; } .act_terms_act__akch .terms__item--reverse { direction: ltr; grid-template-columns: 1fr 760px; } .act_terms_act__akch .terms__item--reverse .terms__img { order: 2; } .act_terms_act__akch .terms__item--reverse .terms__content { order: 1; } .act_terms_act__akch .terms__img { border-radius: 0px 80px; overflow: hidden; } .act_terms_act__akch .terms__img img { width: 760px; max-width: 100%; height: 410px; object-fit: cover; display: block; border-radius: 0px 80px; transition: transform 0.35s ease; } .act_terms_act__akch .terms__item:hover .terms__img img { transform: scale(1.03); } .act_terms_act__akch .terms__content { display: flex; flex-direction: column; } .act_terms_act__akch .terms__content h2 { color: #136331; margin-bottom: 24px; } .act_terms_act__akch .terms__content ul { padding-left: 20px; margin: 0; display: flex; flex-direction: column; list-style: disc; } .act_terms_act__akch .terms__content ul li { color: #000; font-size: 18px; } .act_terms_act__akch .terms__note { display: flex; flex-direction: column; margin-top: 16px; } .act_terms_act__akch .terms__note p { font-size: 18px; color: #000; } @media (max-width: 767.98px) { .act_terms_act__akch { padding: 40px 16px; } .act_terms_act__akch .background-desktop { display: block; } .about_about_details__akch .about__img-box img{ border-radius: 0px; } .act_terms_act__akch .terms__img, .act_terms_info__akch .terms__img img, .insurance_detail__akch .insurance__img{ border-radius: 0px 40px; } .act_terms_details__akch .terms__card, .department_department_detail2__akch .dept-detail2__card{ padding: 24px; } .act_terms_act__akch .terms__item { grid-template-columns: 1fr; gap: 24px; margin-bottom: 40px; direction: ltr; } .act_terms_act__akch .terms__item--reverse { direction: ltr; } .act_terms_act__akch .terms__item .terms__img, .act_terms_act__akch .terms__item--reverse .terms__img { order: 2; } .act_terms_act__akch .terms__item .terms__content, .act_terms_act__akch .terms__item--reverse .terms__content { order: 1; } .act_terms_act__akch .terms__img img { width: 100%; height: 193px; border-radius: 0px 40px; } } .about_management__akch { position: relative; padding: 80px 30px; overflow: hidden; } .about_management__akch .container { position: relative; z-index: 1; } .about_management__akch .management__header { margin-bottom: 40px; } .about_management__akch .management__header h2 { color: #136331; margin-bottom: 8px; } .about_management__akch .management__header p.body1 { color: #000; } .about_management__akch .management__slider { height: 520px; display: flex; gap: 24px; } .about_management__akch .management__slider .slick-slide { margin: 0 12px; } .about_management__akch .management__slider .slick-current { margin-left: 0; } .about_management__akch .management__slider .slick-list { overflow: visible; padding-bottom: 40px !important; margin: 0 -3px -40px; } .about_management__akch .management__slider .slick-track { display: flex; align-items: flex-start; } .about_management__akch .management__card { position: relative; display: block !important; width: 312px !important; height: 520px; overflow: hidden; text-decoration: none; transition: height 0.35s ease; background-size: cover; background-position: top center; background-repeat: no-repeat; } .about_management__akch .management__card__overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.5) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; transition: background 0.35s ease; } .about_management__akch .management__card__overlay .card__text { min-height: 83px; display: flex; flex-direction: column; justify-content: start; } .about_management__akch .management__card__overlay p.body1 { color: #ffffff; font-weight: 700; text-align: center; margin: 0; padding-bottom: 4px; } .about_management__akch .management__card__overlay p.body2 { color: #ffffff; text-align: center; margin: 0; } .about_management__akch .management__progress { margin-top: 24px; display: none; } .about_management__akch .management__progress__track { width: 100px; justify-self: center; height: 7px; background: #D2D3D4; border-radius: 100px; overflow: hidden; } .about_management__akch .management__progress__fill { height: 100%; background: #EA752A; border-radius: 3px; transition: width 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); width: 0%; } @media (max-width: 767.98px) { .about_management__akch { padding: 40px 16px; } .about_management__akch .background-desktop { display: block; } .about_management__akch .management__slider .slick-slide { margin: 0 3px; } .about_management__akch .management__slider { height: 520px; padding: 0 29px; margin: 0; display: block; } .about_management__akch .management__slider .slick-slide { width: 100% !important; } .about_management__akch .management__slider .slick-list { overflow: hidden; padding: 0 !important; margin-bottom: 0; } .about_management__akch .management__progress { display: grid; } } @media (min-width: 768px) and (max-width: 1024px) { .about_management__akch { padding: 40px 16px; } } .about_about_details__akch { position: relative; padding: 80px 30px; } .about_about_details__akch .about__inner { display: flex; align-items: center; gap: 60px; justify-content: space-between; } .about_about_details__akch .about__content { flex: 1; max-width: 630px; } .about_about_details__akch .about__logo { width: 120px; height: auto; margin-bottom: 24px; } .about_about_details__akch .about__logo img { width: 100%; height: 100%; object-fit: contain; } .about_about_details__akch .about__title { color: #136331; margin-bottom: 40px; } .about_about_details__akch .about__desc { color: #000000; margin-bottom: 0; } .about_about_details__akch .about__image-wrap { flex: 1; position: relative; max-width: 560px; } .about_about_details__akch .about__img-box { position: relative; z-index: 1; } .about_about_details__akch .about__img-box img { width: 100%; height: auto; display: block; } @media (max-width: 767.98px) { .about_about_details__akch { padding: 40px 16px; } .about_about_details__akch .background-mobile{ object-fit: fill !important; } .about_about_details__akch .about__inner { flex-direction: column; gap: 40px; } .about_about_details__akch .about__content { max-width: 100%; } .about_about_details__akch .about__title { margin-bottom: 24px; } .about_about_details__akch .about__image-wrap { max-width: 100%; width: 100%; } } .about_quality_system__akch { padding: 60px 30px; background: #ffffff; } .about_quality_system__akch .quality__header { margin-bottom: 40px; } .about_quality_system__akch .quality__header h2 { color: #136331; margin-bottom: 8px; } .about_quality_system__akch .quality__header p.body1 { color: #000; } .about_quality_system__akch .quality__slider { padding: 0px; margin: 0px; } .about_quality_system__akch .quality__slider .slick-list { overflow: hidden !important; padding: 20px 12px !important; margin: -20px -12px !important; } .about_quality_system__akch .quality__slider .slick-track { display: flex !important; align-items: stretch !important; padding-bottom: 40px; } .about_quality_system__akch .quality__slider .slick-slide { margin: 0 12px; height: inherit !important; } .about_quality_system__akch .quality__slider .slick-slide > div { height: 100%; } .about_quality_system__akch .quality__slide { display: grid !important; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; padding: 16px; width: 1320px !important; max-width: 100%; background-color: #F8F8F8; box-shadow: 4px 4px 10px rgb(0 0 0 / 10%); border-radius: 24px; height: 100%; box-sizing: border-box; } .about_quality_system__akch .quality__img { overflow: hidden; width: 100%; } .about_quality_system__akch .quality__img img { width: 100%; height: 423px; object-fit: cover; display: block; } .about_quality_system__akch .quality__content { display: flex; flex-direction: column; gap: 24px; justify-content: center; } .about_quality_system__akch .quality__content h3 { font-size: 24px; color: #000; } .about_quality_system__akch .quality__content p.body1 { color: #000; } .about_quality_system__akch .quality__slider .slick-dots { position: relative; bottom: 0; padding: 0; list-style: none; display: flex !important; justify-content: center; gap: 9px; } .about_quality_system__akch .quality__slider .slick-dots li { width: 12px; height: 12px; border-radius: 100px; background: #D2D3D4; transition: all 0.35s ease; } .about_quality_system__akch .quality__slider .slick-dots li button { font-size: 0; width: 100%; height: 100%; padding: 0; background: none; border: none; cursor: pointer; } .about_quality_system__akch .quality__slider .slick-dots li button::before { display: none; } .about_quality_system__akch .quality__slider .slick-dots li.slick-active { background: #EA752A; width: 12px; } @media (max-width: 767.98px) { .about_quality_system__akch { padding: 40px 16px; } .about_quality_system__akch .quality__slide { grid-template-columns: 1fr; gap: 32px; width: 100% !important; } .about_quality_system__akch .quality__slider .slick-slide { margin: 0; } .about_quality_system__akch .quality__slider .slick-list { padding:0 !important; margin: 0 !important; } .about_quality_system__akch .quality__img img { width: 100%; height: auto; aspect-ratio: 628 / 423; } } .about_keypoint__akch { position: relative; padding: 80px 30px; overflow: hidden; } .about_keypoint__akch .container { position: relative; z-index: 1; } .about_keypoint__akch .keypoint__img { border-radius: 24px; overflow: hidden; margin-bottom: 24px; box-shadow: 9px 8px 29px rgba(0 0 0 / 15%); } .about_keypoint__akch .keypoint__img img { width: 100%; height: 540px; object-fit: cover; display: block; } .about_keypoint__akch .keypoint__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .about_keypoint__akch .keypoint__card { background: #ffffff; border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 20px; box-shadow: 9px 8px 29px rgba(0 0 0 / 15%); } .about_keypoint__akch .keypoint__icon img { width: 100%; height: 100%; object-fit: contain; } .about_keypoint__akch .keypoint__card h4 { font-weight: 700; color: #136331; } .about_keypoint__akch .keypoint__card p.body1 { color: #000; font-size: 24px; } @media (max-width: 767.98px) { .about_keypoint__akch { padding: 40px 16px; } .about_keypoint__akch .background-desktop { display: block; } .about_keypoint__akch .keypoint__img img { height:auto; } .about_keypoint__akch .keypoint__cards { grid-template-columns: 1fr; gap: 24px; } } .about_values__akch { padding: 40px 30px 80px; background: #ffffff; } .about_values__akch .values__header { margin-bottom: 40px; } .about_values__akch .values__header h2 { color: #136331; margin-bottom: 8px; } .about_values__akch .values__header p.body1 { color: #000; } .about_values__akch .values__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .about_values__akch .values__card { background: #F8F8F8; border-radius: 24px; padding: 24px; display: flex; flex-direction: column; align-items: center; text-align: center; } .about_values__akch .values__icon { width: 150px; height: 150px; margin-bottom: 24px; } .about_values__akch .values__icon img { width: 100%; height: 100%; object-fit: contain; display: block; } .about_values__akch .values__card h3 { font-size: 24px; font-weight: 700; color: #136331; margin-bottom: 6px; } .about_values__akch .values__card p.body1 { color: #000; font-size: 24px; } @media (max-width: 767.98px) { .about_values__akch { padding: 40px 16px; } .about_values__akch .values__cards { grid-template-columns: repeat(1, 1fr); gap: 40px; } .about_values__akch .values__icon { width: 100px; height: 100px; } } .about_join_us_banner__akch { position: relative; padding: 150px 16px 60px; overflow: hidden; } .about_join_us_banner__akch .object { position: absolute; z-index: -2; position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; } .about_join_us_banner__akch .container { position: relative; max-width: 100%; z-index: 2; } .about_join_us_banner__akch .join__inner { display: flex; justify-content: flex-end; align-items: center; } .about_join_us_banner__akch .join__content { max-width: 846px; display: flex; flex-direction: column; gap: 24px; } .about_join_us_banner__akch .join__content h2 { color: #ffffff; margin: 0; line-height: 1.4; } .about_join_us_banner__akch .join__content p.body1 { color: rgba(255, 255, 255); } .about_join_us_banner__akch .join__btn { display: inline-flex; align-items: center; gap: 2px; background-color: #EA752A; color: #ffffff; border-radius: 100px; padding: 10px 24px; font-family: 'Prompt'; font-size: 16px; text-decoration: none; transition: background-color 0.2s ease; width: fit-content; } .about_join_us_banner__akch .join__btn:hover { background-color: #FA962F; color: #ffffff; } .about_join_us_banner__akch .join__btn img { width: 20px; height: 20px; } @media (max-width: 767.98px) { .about_join_us_banner__akch { padding: 60px 16px ; } .about_join_us_banner__akch .join__content br{ display: none; } .about_join_us_banner__akch .join__inner { justify-content: flex-start; } .about_join_us_banner__akch .join__content { max-width: 100%; } } .contact_information__akch { padding: 80px 30px; background: #ffffff; } .contact_information__akch .info__header { text-align: center; margin-bottom: 40px; } .contact_information__akch .info__header h2 { color: #000; } .contact_information__akch .info__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-bottom: 60px; } .contact_information__akch .info__item { display: flex; flex-direction: column; align-items: center; text-align: center; } .contact_information__akch .info__icon { display: flex; align-items: center; justify-content: center; margin-bottom: 16px; } .contact_information__akch .info__icon img { width: 60px; height: 60px; object-fit: contain; } .contact_information__akch .info__label { color: #000; margin-bottom: 8px; } .contact_information__akch .info__value { color: #000; font-size: 18px; } .contact_information__akch .info__desc { font-size: 24px !important; text-align: center; color: #000; font-weight: 600; margin-bottom: 40px; } .contact_information__akch .info__socials { display: flex; flex-direction: column; gap: 24px; max-width: 669px; margin: 0 auto; } .contact_information__akch .info__social { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 100px; font-size: 24px; font-weight: 600; color: #ffffff; text-decoration: none; transition: opacity 0.2s ease; } .contact_information__akch .info__social:hover { box-shadow: 9px 8px 29px 0 rgba(0, 0, 0, 0.15); } .contact_information__akch .info__social img { width: 36px; height: 36px; object-fit: contain; } .contact_information__akch .info__social--facebook { background-color: #1877F2; } .contact_information__akch .info__social--line { background-color: #00C500; } .contact_information__akch .info__social--youtube { background-color: #D92121; } .contact_information__akch .info__social--tiktok { background-color: #000000; } @media (max-width: 767.98px) { .contact_information__akch { padding: 40px 16px; } .contact_information__akch .info__items { grid-template-columns: 1fr; gap: 32px; } .contact_information__akch .info__social{ font-size: 18px; } .contact_information__akch .info__desc br{ display: none; } .contact_information__akch .info__socials { max-width: 100%; } .contact_information__akch .info__socials{ gap: 16px; } .contact_information__akch .info__items{ margin-bottom: 40px; } } .joinus_careers__akch { padding: 80px 30px; position: relative; } .joinus_careers__akch .careers__group { margin-bottom: 40px; } .joinus_careers__akch .careers__group:last-child { margin-bottom: 0; } .joinus_careers__akch .careers__header { margin-bottom: 40px; } .joinus_careers__akch .careers__header h1 { color: #136331; margin-bottom: 8px; } .joinus_careers__akch .careers__header p.body1 { color: #000; } .joinus_careers__akch .careers__slider .slick-slide { margin: 0 12px; } .joinus_careers__akch .careers__slider .slick-list { margin: 0 -12px; } .joinus_careers__akch .careers__slider .slick-track { display: flex !important; align-items: stretch !important; } .joinus_careers__akch .careers__slider .slick-slide { height: inherit !important; } .joinus_careers__akch .careers__slider .slick-slide > div { height: 100%; } .joinus_careers__akch .careers__card { background: #ffffff; border-radius: 24px; overflow: hidden; display: flex !important; flex-direction: column; height: 100%; } .joinus_careers__akch .careers__card:hover{ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .joinus_careers__akch .careers__card__img img { width: 100%; height: 200px; object-fit: cover; display: block; } .joinus_careers__akch .careers__card__body { padding: 24px; display: flex; flex-direction: column; flex: 1; } .joinus_careers__akch .careers__card__body h4 { font-weight: 600; color: #136331; } .joinus_careers__akch .careers__card__body .careers__dept { font-size: 18px; color: #136331; margin-bottom: 25px; } .joinus_careers__akch .careers__card__body p.body1 { color: #000; font-size: 16px; flex: 1; margin-bottom: 25px; } .joinus_careers__akch .careers__meta { display: flex; flex-direction: column; gap: 10px; margin-bottom: 25px; } .joinus_careers__akch .careers__meta span { display: flex; align-items: center; gap: 10px; font-size: 16px; color: #000; } .joinus_careers__akch .careers__meta span img { width: 24px; height: 24px; object-fit: contain; } .joinus_careers__akch .careers__btn { display: inline-flex; align-items: center; gap: 2px; background-color: #EA752A; color: #ffffff; border-radius: 100px; padding: 10px 24px; font-size: 16px; text-decoration: none; transition: background-color 0.2s ease; width: auto; justify-content: center; } .joinus_careers__akch .careers__btn:hover { background-color: #FA962F; color: #ffffff; } .joinus_careers__akch .careers__progress { margin-top: 40px; display: grid; } .joinus_careers__akch .careers__progress__track { width: 100px; justify-self: center; height: 7px; background: #D2D3D4; border-radius: 100px; overflow: hidden; } .joinus_careers__akch .careers__progress__fill { height: 100%; background: #EA752A; border-radius: 3px; transition: width 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); width: 0%; } @media (max-width: 767.98px) { .joinus_careers__akch { padding: 40px 16px; } .joinus_careers__akch .background-desktop{ display: block; } .joinus_careers__akch .careers__group { margin-bottom: 40px; } } .tl-item { display: grid; grid-template-columns: 371px 1fr; margin-bottom: 24px; } .tl-item:last-child { border-bottom: none; } .tl-year { font-size: 18px; color: #EA752A; font-weight: 400; margin-bottom: 4px; } .tl-title { font-size: 18px; font-weight: 400; } .tl-right { display: flex; align-items: flex-end; } .tl-desc { font-size: 18px; line-height: 1.6; } @media (max-width: 767.98px) { .tl-item { grid-template-columns: 1fr; } .tl-title{ margin-bottom: 4px; } } @media (min-width: 768px) and (max-width: 1024px) { .department_department_list__akch { padding: 40px 16px; } .department_department_list__akch .dept__cards { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 768px) and (max-width: 1024px) { .department_department_detail__akch { padding: 40px 16px 0; } .department_department_detail__akch .img-slider__slide img { height: 420px; } .department_department_detail__akch .dept-detail__slider.slick-initialized .slick-slide { padding-right: 80px; padding-bottom: 80px; } .department_department_detail__akch .img-slider__arrows { bottom: 80px; } .department_department_detail__akch .img-slider__prev, .department_department_detail__akch .img-slider__next { width: 80px; height: 80px; } .department_department_detail__akch .img-slider__prev img, .department_department_detail__akch .img-slider__next img { width: 50px; height: 50px; } } @media (min-width: 768px) and (max-width: 1024px) { .department_department_img__akch { padding: 40px 16px; } } @media (min-width: 768px) and (max-width: 1024px) { .department_department_doctor__akch { padding: 40px 16px; } .department_department_doctor__akch .doctor__cards { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 768px) and (max-width: 1024px) { .department_department_detail2__akch { padding: 40px 16px 60px; } .department_department_detail2__akch .dept-detail2__video-wrap { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .home_short_menu__akch .short_menu__nav { max-width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .home_department_menu__akch { padding: 40px 16px; } .home_department_menu__akch .dept__cards { grid-template-columns: repeat(2, 1fr); } .home_department_menu__akch .dept__cards .dept__card:first-child { grid-column-start: auto; } } @media (min-width: 768px) and (max-width: 1024px) { .home_doctor_slider__akch { padding: 40px 16px; } .home_doctor_slider__akch .doctor__header, .home_blog_sample__akch .blog__header, .dept__header, .title-border h3{ flex-direction: column; gap: 16px; align-items: start; } } @media (min-width: 768px) and (max-width: 1024px) { .home_about__akch { padding: 40px 16px; } .home_about__akch .about__inner { gap: 32px; } } @media (min-width: 768px) and (max-width: 1024px) { .home_img_slider__akch { padding: 40px 16px 0; } .home_img_slider__akch .img-slider__slide img { height: 420px; } .home_img_slider__akch .img-slider__slider.slick-initialized .slick-slide { padding-right: 80px; padding-bottom: 80px; } .home_img_slider__akch .img-slider__arrows { bottom: 80px; } .home_img_slider__akch .img-slider__prev, .home_img_slider__akch .img-slider__next { width: 80px; height: 80px; } .home_img_slider__akch .img-slider__prev img, .home_img_slider__akch .img-slider__next img { width: 50px; height: 50px; } } @media (min-width: 768px) and (max-width: 1024px) { .home_blog_sample__akch { padding: 40px 16px; } .home_blog_sample__akch .blog__featured { min-height: 380px; } .home_blog_sample__akch .blog__card { grid-template-columns: 220px 1fr; } .home_blog_sample__akch .blog__card__content h4{ font-size: 16px; } .home_blog_sample__akch .blog__card__content{ justify-content: space-around; } } @media (min-width: 768px) and (max-width: 1024px) { .home_information__akch { padding: 80px 16px 40px; } } @media (min-width: 768px) and (max-width: 1024px) { .deluxe_kidsroom_img__akch, .grand_kidsroom_img__akch, .suite_kidsroom_img__akch { padding: 40px 16px 0; } .deluxe_kidsroom_img__akch .img-slider__slide img, .grand_kidsroom_img__akch .img-slider__slide img, .suite_kidsroom_img__akch .img-slider__slide img { height: 420px; } .deluxe_kidsroom_img__akch .img-slider__slider.slick-initialized .slick-slide, .grand_kidsroom_img__akch .img-slider__slider.slick-initialized .slick-slide, .suite_kidsroom_img__akch .img-slider__slider.slick-initialized .slick-slide { padding-right: 80px; padding-bottom: 80px; } .deluxe_kidsroom_img__akch .img-slider__arrows, .grand_kidsroom_img__akch .img-slider__arrows, .suite_kidsroom_img__akch .img-slider__arrows { bottom: 80px; } .deluxe_kidsroom_img__akch .img-slider__prev, .deluxe_kidsroom_img__akch .img-slider__next, .grand_kidsroom_img__akch .img-slider__prev, .grand_kidsroom_img__akch .img-slider__next, .suite_kidsroom_img__akch .img-slider__prev, .suite_kidsroom_img__akch .img-slider__next { width: 80px; height: 80px; } .deluxe_kidsroom_img__akch .img-slider__prev img, .deluxe_kidsroom_img__akch .img-slider__next img, .grand_kidsroom_img__akch .img-slider__prev img, .grand_kidsroom_img__akch .img-slider__next img, .suite_kidsroom_img__akch .img-slider__prev img, .suite_kidsroom_img__akch .img-slider__next img { width: 50px; height: 50px; } } @media (min-width: 768px) and (max-width: 1024px) { .deluxe_kidsroom_detail__akch, .grand_kidsroom_detail__akch, .suite_kidsroom_detail__akch { padding: 0 16px 60px; } .deluxe_kidsroom_detail__akch .detail__top, .grand_kidsroom_detail__akch .detail__top, .suite_kidsroom_detail__akch .detail__top { grid-template-columns: 1fr; gap: 40px; } } @media (min-width: 768px) and (max-width: 1024px) { .facilities_detail__akch { padding: 40px 16px; } .facilities_detail__akch .facilities__item, .facilities_detail__akch .facilities__item--reverse { grid-template-columns: 1fr 1fr; gap: 40px; } .facilities_detail__akch .facilities__img img { width: 100%; height: 300px; } } @media (min-width: 768px) and (max-width: 1024px) { .insurance_detail__akch { padding: 40px 16px; } .insurance_detail__akch .insurance__inner { gap: 40px; } .insurance_detail__akch .insurance__img img { height: 500px; } } @media (min-width: 768px) and (max-width: 1024px) { .act_terms_info__akch { padding: 40px 16px; } .act_terms_info__akch .terms__inner { gap: 40px; } .act_terms_info__akch .terms__img img { height: 500px; } .act_terms_details__akch { padding: 40px 16px; } .act_terms_act__akch { padding: 40px 16px; } .act_terms_act__akch .terms__item, .act_terms_act__akch .terms__item--reverse { grid-template-columns: 1fr 1fr; gap: 40px; } .act_terms_act__akch .terms__img img { width: 100%; height: 300px; } } @media (min-width: 768px) and (max-width: 1024px) { .about_management__akch { padding: 40px 16px; } .about_about_details__akch { padding: 40px 16px; } .about_about_details__akch .about__inner { gap: 40px; } .about_quality_system__akch { padding: 40px 16px; } .about_keypoint__akch { padding: 40px 16px; } .about_keypoint__akch .keypoint__cards { grid-template-columns: repeat(2, 1fr); } .about_values__akch { padding: 40px 16px 60px; } .about_values__akch .values__cards { grid-template-columns: repeat(2, 1fr); } .about_quality_system__akch .quality__slider .slick-slide > div{ height: max-content; } .about_quality_system__akch .quality__slide { display: flex !important; flex-direction: column;} .about_quality_system__akch .quality__img img{ height: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .contact_information__akch { padding: 40px 16px; } } @media (min-width: 768px) and (max-width: 1024px) { .joinus_careers__akch { padding: 40px 16px; } } @media (min-width: 768px) and (max-width: 1024px) { .tl-item { grid-template-columns: 200px 1fr; } } @keyframes zoomIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideLeft { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideRight { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } } @keyframes zoomOut { from { opacity: 0; transform: scale(1.15); } to { opacity: 1; transform: scale(1); } } @keyframes flipX { from { opacity: 0; transform: perspective(600px) rotateX(30deg); } to { opacity: 1; transform: perspective(600px) rotateX(0); } } @keyframes flipY { from { opacity: 0; transform: perspective(600px) rotateY(40deg); } to { opacity: 1; transform: perspective(600px) rotateY(0); } } .zoom-in, .zoom-out, .fade-in, .slide-up, .slide-down, .slide-left, .slide-right, .flip-x, .flip-y { opacity: 0; } .zoom-in.is-visible { animation: zoomIn 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .zoom-out.is-visible { animation: zoomOut 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .fade-in.is-visible { animation: fadeIn 0.8s ease both; } .slide-up.is-visible { animation: slideUp 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-down.is-visible { animation: slideDown 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-left.is-visible { animation: slideLeft 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-right.is-visible { animation: slideRight 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .flip-x.is-visible { animation: flipX 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .flip-y.is-visible { animation: flipY 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @media (prefers-reduced-motion: reduce) { .zoom-in, .zoom-out, .fade-in, .slide-up, .slide-down, .slide-left, .slide-right, .flip-x, .flip-y { opacity: 1 !important; animation: none !important; } }