:root{--main-color: #234E88;--second-color: #AA824A;--title-size: 32px;--main-color-mobile: #fff;--second-color-mobile: #fff}@media(max-width: 768px){:root{--title-size: 20px}}body{font-family:var(--primary-font)}.contact-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 30px;background-color:#234e88;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.contact-button img{display:block}.contact-button:hover{background:#2b5c9c;border-color:rgba(0,0,0,0)}.contact-button .icon{margin-right:10px}.screen2{display:flex;align-items:center;justify-content:center;padding:50px 0 0;background-color:#bdcada}@media(max-width: 768px){.screen2{padding:30px 0}}.screen2 .row{align-items:end}@media(max-width: 768px){.screen2 .row{flex-direction:column;align-items:center;text-align:center}}.screen2__title{font-size:var(--title-size);color:var(--main-color);margin-bottom:20px;font-weight:600}.screen2 .text-content{flex:1;padding:0 30px 30px}@media(max-width: 768px){.screen2 .text-content{order:2;padding:0 15px}}.screen2 .text-content p{font-size:16px;line-height:1.6;margin-bottom:30px}.screen2 .image-container{flex:1;padding:0 30px}@media(max-width: 768px){.screen2 .image-container{order:1;padding:0 15px;margin-bottom:20px}}.screen2 .image-container img{max-width:100%;height:auto;border-radius:8px;display:block}.doctors-section{display:flex;flex-direction:column;align-items:center}.doctor-category{width:100%;padding:40px 20px;text-align:center;min-height:80vh}.doctor-category.plastic-surgeon-box{background-color:#ddcdb8}.doctor-category.oral-surgeon-box{background-color:#d7e4f1}.doctor-category.dermatologist-box{background-color:#ffe3d3}.doctor-category.assistant-box{background-color:#d3e9c2}.doctor-category.admitting-box{background-color:#daccd5}.doctor-category.postoperative-box{background-color:#cebdda}.doctor-category.surgical-box{background-color:#e0dfaf}.doctor-category.receptionist-box{background-color:#d3ad83}.doctor-category h2{font-size:2em;font-weight:bold;color:#333;margin-bottom:30px}.doctor-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;max-width:1200px;margin:0 auto}@media(max-width: 1200px){.doctor-list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.doctor-list{grid-template-columns:1fr}}.doctor-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:left;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative;padding-top:125%}.doctor-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.doctor-card img{width:100%;height:auto;display:block;position:absolute;top:0}.doctor-card .info{padding:15px}.doctor-card .info .title{color:#939393;margin-bottom:5px}.doctor-card .info .name{font-size:1.2em;font-weight:bold;color:#d0a868;margin-bottom:5px}.doctor-card .info .details{color:#666;font-size:.9em;line-height:1.4}.doctor-card .info .experience{font-size:.9em;color:#d0a868;margin-top:10px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center}.modal.show{display:flex}.modal .modal-content{background-color:#f5f5f5;padding:30px;border-radius:8px;max-width:800px;width:90%;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.3)}@media(max-width: 768px){.modal .modal-content{padding:0}}.modal .close-btn{position:absolute;top:-4px;right:9px;color:#000;font-size:30px;cursor:pointer;transition:color .3s ease}.modal .close-btn:hover{color:#d0a868}.modal .modal-body{display:flex;gap:30px;padding:30px;text-align:left}@media(max-width: 768px){.modal .modal-body{flex-direction:column}}.modal .modal-image{flex-shrink:0;width:290px;height:370px;overflow:hidden}@media(max-width: 768px){.modal .modal-image{margin:0 auto;display:none}}.modal .modal-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal .modal-info h3{font-size:1.8em;font-weight:bold;margin-top:0;color:#333}.modal .modal-info p{font-size:13px;color:#666}.modal .modal-info #modal-doctor-details{font-size:12px;color:#666}.modal .modal-info #modal-doctor-details ul{list-style-type:disc;padding-left:20px;line-height:1.6}.modal .modal-info #modal-doctor-details ul li{margin-bottom:5px}.appointment-section{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:0}@media(max-width: 768px){.appointment-section{min-height:70vh}}.appointment-section .background-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.appointment-section .background-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(max-width: 768px){.appointment-section .background-image img{-o-object-fit:fill;object-fit:fill}}.appointment-section .content-wrapper{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;max-width:1400px}@media(max-width: 1024px){.appointment-section .content-wrapper{flex-direction:column}}.appointment-section .map-container{flex:1;display:flex;justify-content:center;align-items:center}.appointment-section .map-container .map-image{max-width:100%;height:auto}@media(max-width: 1024px){.appointment-section .map-container{display:none}}.appointment-section .form-container{flex:1;display:flex;justify-content:center;align-items:center}@media(max-width: 768px){.appointment-section .form-container{width:90%}}.appointment-section .form-container .schedule-card{background-color:rgba(14,39,65,.5882352941);padding:40px;width:100%;max-width:450px;border:1px solid #fec465}@media(max-width: 768px){.appointment-section .form-container .schedule-card{padding:20px;margin-top:60%;margin-bottom:10%}}.appointment-section .form-container .schedule-card__title{font-size:22px;margin:0 0 25px;color:#fff;text-align:center;padding:0;font-style:italic}.regist_knrh_1_0_0__item{margin-bottom:10px}.regist_knrh_1_0_0__item input,.regist_knrh_1_0_0__item select{width:100%;height:40px;outline:none;border:none;padding:0 12px;background:#fff;border-bottom:1px solid #bdcada;border-radius:8px}.regist_knrh_1_0_0__item select:not([size]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-appearance:none;-moz-appearance:none;appearance:none}.regist_knrh_1_0_0__item option{padding:0 5px}.regist_knrh_1_0_0__number{position:relative;width:100%;outline:none;border:none;margin-bottom:10px}.regist_knrh_1_0_0__label{display:flex;align-items:center;height:40px;background:#fff;border-radius:8px;padding:0 12px;color:#000}.regist_knrh_1_0_0__dropdown{display:none;position:absolute;top:100%;right:0;background-color:#fff;border-radius:10px;border-bottom:1px solid #bdcada;width:100%;box-shadow:0 0 4px 0 #ccc;padding:5px 10px;color:#000}.regist_knrh_1_0_0__dropdown.show{display:block}.regist_knrh_1_0_0__divice{padding:5px 0;margin:5px 0;border-bottom:1px solid #e3e3e3}.regist_knrh_1_0_0__divice:last-child{border-bottom:none}.regist_knrh_1_0_0__choice{display:flex;align-items:center;cursor:pointer}.regist_knrh_1_0_0__icon{display:block;width:25px;height:25px;background-repeat:no-repeat;background-position:center;background-size:contain;margin-right:15px}.regist_knrh_1_0_0__icon--1{background-image:url("../images/icon-zalo.png")}.regist_knrh_1_0_0__icon--2{background-image:url("../images/icon-whatsapp.png")}.regist_knrh_1_0_0__icon--3{background-image:url("../images/icon-viber.png")}.regist_knrh_1_0_0__input{display:block;flex:1;border:none;background-color:rgba(0,0,0,0);outline:none;color:#000}.regist_knrh_1_0_0__input::-moz-placeholder{opacity:1}.regist_knrh_1_0_0__input::placeholder{opacity:1}.regist_knrh_1_0_0__input--2{color:#834995}.regist_knrh_1_0_0__input--3{color:#00a859}.regist_knrh_1_0_0__input--4{color:#0180c7}.regist_knrh_1_0_0__boxBtn{display:flex;align-items:center;justify-content:space-evenly;margin-top:20px;gap:12px}.regist_knrh_1_0_0__reg{text-align:center}.regist_knrh_1_0_0__reg input{color:#fff;background:#f36e22;border:none;outline:none;padding:14px 18px;transition:all .2s linear;cursor:pointer;font-weight:bold;border-radius:8px}@media(max-width: 768px){.regist_knrh_1_0_0__reg input{padding:14px 10px;font-size:14px}}.regist_knrh_1_0_0__reg input:hover{background:#dd6b29;border-color:rgba(0,0,0,0)}.regist_knrh_1_0_0__call{border:1px solid #fff;padding:4px 35px;font-size:.9rem;transition:all .2s linear;text-align:center;color:#fff;border-radius:8px}@media(max-width: 768px){.regist_knrh_1_0_0__call{padding:4px 10px}}.regist_knrh_1_0_0__call:hover{background:#aa824a;border-color:rgba(0,0,0,0)}.regist_knrh_1_0_0__call:hover a{color:#fff}.regist_knrh_1_0_0__call a{color:#fff}.regist_knrh_1_0_0__call a span{font-weight:600}.regist_knrh_1_0_0 .form-group.invalid input,.regist_knrh_1_0_0 .form-group.invalid select,.regist_knrh_1_0_0 .regist_knrh_1_0_0__number.invalid .regist_knrh_1_0_0__label{border-color:red}.regist_knrh_1_0_0 .form-group.invalid .form-message,.regist_knrh_1_0_0 .regist_knrh_1_0_0__number.invalid .form-message{color:red;margin-left:0;padding:5px 0 0 5px;font-size:13px;text-align:left}