#ast-scroll-top{
    display: none !important;
}
.color-white{
    color: #fff;
}

.color-blue{
    color: #0062CC;
}
.fw600{
    font-weight: 600;
}
.fw700 {
    font-weight: 700;
}
.fsitalic{
    font-style: italic;
}
.ast-primary-header-bar{
    border: 0px;
}

.main-header-menu .sub-menu{
    width: 60px;
}

.ast-page-builder-template .site-content>.ast-container{
    display: contents;
}
.modal.show .modal-dialog{
    max-width: 998px;
}

.btn-close{
    position: absolute;
    right: -40px;
    top: -20px;
    width: 48px;
    height: 48px;
    background-color: #0C4F30;
    background: #0C4F30;
    border-radius: 30px;
    opacity: 1;
    z-index: 1;
}
.btn-close i{
    font-size: 32px;
    color: #78DDC0;
}
.modal-body{
    padding: 0px;
}
.modal-content{
    border-radius: 32px;
}
.cnt-left-popup{
    padding: 0px;
}
.bg-left-popup{
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}
.bg-right-popup{
    background-color: #FFE8B2;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.uu-dai-popup{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.uu-dai-popup h4{
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    background: linear-gradient(90deg, #053726 0%, #0E9D6C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 130%;
    margin-bottom: 16px;
}
.uu-dai-popup .pecent{
    width: 15vw;
}
#downloadFileModal .time-kham-benh{
    display: none;
}
#downloadFileModal .fluentform{
    width: 100%;
}
#downloadFileModal .bg-right-popup{
    background-color: #FFD8D5;
}

.site-header-section .ast-builder-menu,
.site-header-section .ast-main-header-bar-alignment,
.site-header-section .main-navigation,
.site-header-section ul.main-header-menu{
    width: 100%;
}

.site-header-section ul.main-header-menu{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item{
    line-height: 22px;
    text-align: center;
}

.site-header-section ul.main-header-menu li a{
    font-size: 16px;
    font-weight: 700;
    outline: 0px;
}
.site-header-section ul.main-header-menu li:nth-child(2) a, .site-header-section ul.main-header-menu li:nth-child(3) a{
    max-width: 90%;
}
.site-header-section ul.main-header-menu li:nth-child(4) a{
    max-width: 100%;
    display: flex;
    white-space: nowrap;
}

.site-header-section ul.main-header-menu li.current-menu-item{
    font-weight: 700;
}

.site-header-section .trp-language-switcher{
    width: auto;
}

.site-header-section .trp-language-switcher>div{
    border: 0px
}

.header-custom{
    display: flex;
    justify-content: space-between;
}
.ast-logo-title-inline .ast-site-identity{
    padding: 4px 0px;
}
.header-custom .header-btn-booking{
    background-color: #FFC63C;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 16px;
    box-shadow: 0px 4px 0px 0px #F1AB00;
    color: #053726;
    font-weight: 700;
    width: 100%;
    max-width: 22%;
}
.header-custom .header-btn-booking:hover, .header-custom .header-btn-booking:focus{
    background-color: #F1AB00;
    box-shadow: 0px 4px 0px 0px #F1AB00;
    color: #053726;
}

footer.footer-site{
    background-color: #00271A;
    padding: 60px 0px;
}

.logo-footer{
    width: auto;
    height: 70px;
    margin-bottom: 24px;
}
.footer-site p{
    color: #fff;
}
.footer-social a{
    margin-right: 24px;
}
.footer-site h5{
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 16px;
}
.footer-site .footer-menu{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.footer-site .footer-menu li{
    padding: 8px 0px;
}
.footer-site .footer-menu li a{
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.name-company-footer{
    margin: 20px 0px;
}

.name-company-footer h3{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.address-company-footer{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.fax-company, .email-company{
    margin-bottom: 10px;
    display: flex;
}
.fax-company a,
.email-company a, .url-company a{
    margin-left: 5px;
    text-decoration: none;
}
.email-company a:hover,
.url-company a:hover{
    text-decoration: underline;
}
.nav-footer,
.sub-cat-footer{
    list-style: none;
    padding-left: 40px;
    margin: 0px;
    border-left: 1px solid #FFF;
}
.sub-cat-footer{
    border-left: 0px;
}
.nav-footer li,
.sub-cat-footer li,
.nav-footer-services li{
    padding: 5px 0px;
}
.nav-footer li a,
.sub-cat-footer li a{
    text-decoration: none;
    color: #97DDF1;
    font-size: 16px;
    font-weight: 600;
}
.nav-footer-services li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
.nav-footer-services{
    list-style: none;
    padding-left: 40px;
    margin: 0px;
}
.social-footer{
    display: flex;
    flex-direction: column;
    margin-top: 32px;
}
.social-footer .item-row{
    margin-bottom: 8px;
}
.social-footer a{
    text-decoration: none;
    margin: 0px 10px;
    color: #FFE8B2;
    font-size: 16px;
    font-weight: 700;
}
.social-footer a:first-child{
    margin-left: 0px;
}
.social-footer h6{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}
.address-amprocare .item-row{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.address-amprocare .item-row span{
    margin-left: 5px;
}
.address-amprocare .item-row span a{
    text-decoration: none;
        color: #fff;
}

#backToTop {
    position: fixed;
    bottom: 40px;
    right: 40px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease;
    z-index: 9999;
    width: 40px;
    height: 40px;
    background: #0C4F3080;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    color: #fff;
}
#backToTop i{
    font-size: 22px;
}
#backToTop:hover {
    opacity: 1;
}
/* CSS Homepage */
main.homepage{
    width: 100%;
}

.hero-section{
    position: relative;
    background: #0C4F30;
    padding: 70px 0px 0px 0px;
}
.hero-mark-top{
    position: absolute;
    top: 0;
    left: 0;
}
.hero-section .form-hero{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.hero-section .container{
    position: relative;
}
.hero-section .content-form-hero{
    background-color: #FFE8B2;
    text-align: center;
    border-radius: 8px;
    padding: 46px 26px 26px;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    max-width: 83%;
    margin: 17px 0px;
    color: #053726;
    position: relative;
    z-index: 1;
}

.content-form-hero h4{
    font-size: 30px;
    font-weight: 700;
    background: linear-gradient(90deg, #053726 0%, #0E9D6C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-coutdown{
    display: flex;
    margin-top: 32px;
    align-items: center;
    border: 2px solid #053726;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}
.form-coutdown span{
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    border-right: 2px solid #828282;
}
.time-kham-benh{
    font-size: 18px;
    font-weight: 600;
}
.time-kham-benh p{
    margin-bottom: 2px;
}
.btn-submit-form{
    background-color: #FFC63C !important;
    box-shadow: 0px 4px 0px 0px #F1AB00;
    border-radius: 16px !important;
    color: #053726 !important;
    font-weight: 700 !important;
    margin: auto;
    display: flex !important;
    padding: 16px 24px !important;
}
.btn-submit-form:hover, .btn-submit-form:focus{
    background-color: #F1AB00;
    box-shadow: 0px 4px 0px 0px #F1AB00;
    color: #053726;
}
.time-box:not(:last-child)::after{
    display: none;
}
.frm-fluent-form .itp-form{
    box-shadow: 0px 4px 4px 0px #0000001A;
    border: 0px !important;
    height: 64px;
}

.hero-section h2.title-hero{
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    line-height: 52px;
    margin: 16px 0px;
    display: flex;
    flex-direction: column;
    
}

.hero-section h2.title-hero .title-top-1{
    color: #FFE8B2;
}
.hero-section h2.title-hero .title-top-2{
    color: #FFC63C;
}
.hero-section .hero-excerpt{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 50px;
    margin-bottom: 0;
    line-height: 160%;
    max-width: 95%;
}

.hero-section .title-top{
    background-color: #78DDC0;
    color: #053726;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    font-style: italic;
    padding: 10px 26px;
    display: inline-block;
    clip-path: polygon(22px 0%, calc(100% - 22px) 0%, 100% 50%, calc(100% - 22px) 100%, 22px 100%, 0% 50%);
}

.hero-mark-1{
    position: absolute;
    top: -18%;
    left: -30%;
    width: 100%;
    height: auto;
}

.hero-mark-2{
    width: 90%;
    height: auto;
}

.hero-mark-3{
    position: absolute;
    bottom: 0;
    left: -18%;
    width: 35vw;
    z-index: 0;
}

.hero-sky-1{
    position: absolute;
    top: -45%;
    left: 5%;
    width: auto;
    height: 100px;
}

.hero-sky-2{
    position: absolute;
    top: -20%;
    right: 15%;
    width: auto;
    height: 105px;
}

.experienced-sky-1 {
    position: absolute;
    top: 0%;
    left: -50%;
    width: 15vw;
}

.experienced-sky-2 {
    position: absolute;
    top: 50%;
    left: 24%;
    width: 17vw;
}

.hero-sky-3 {
    position: absolute;
    top: 2%;
    left: 0;
    width: auto;
    height: 65px;
}

.hero-sky-4{
    position: absolute;
    bottom: 35%;
    left: 0;
    width: auto;
    height: 106px;
}

.btn-booking-now, .readMore{
    display: flex;
    width: fit-content;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #234DB9;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid #234DB9;
}

.readMore{
    margin: auto;
}

.btn-booking-now:hover, 
.btn-booking-now:active,
.btn-booking-now:focus{
    background-color: #fff;
    color: #234DB9;
}

/* Section Four Tabs */
.hero-four-tabs{
    background-color: #FFFFFF;
    padding: 72px 0px;
    position: relative;
}
.hero-four-tabs .mark-1{
    position: absolute;
    top: -65px;
    right: 3%;
}
.hero-four-tabs .block-top{
    text-align: center;
    margin-bottom: 40px;
}
.hero-four-tabs .block-top h3{
    font-weight: 800;
    font-size: 36px;
    text-align: center;
    background: linear-gradient(90deg, #053726 0%, #0E9D6C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 130%;
    margin-bottom: 16px;
}
.hero-four-tabs .block-top p{
    color: #053726;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    max-width: 75%;
    margin: auto;
    text-align: center;
}

.item-tab{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 32px 24px;
    border-radius: 32px;
    height: 100%;
}
.item-tab.item1{
    background-color: #78DDC0;
}
.item-tab.item2{
    background-color: #FCB814;
}
.item-tab.item3{
    background-color: #F5968E;
}
.item-tab img{
    width: 200px;
    height: 200px;
}
.item-tab h5{
    margin-top: 20px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    width: 100%;
    max-width: 65%;
}
.item-tab p{
    font-size: 16px;
    color: #053726;
    text-align: justify;
}

.list-five-benefit .item-tab-benefit{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.list-five-benefit .item-tab-benefit h5{
    font-size: 24px;
    color: #0C4F30;
    font-weight: 800;
    text-align: center;
    line-height: 150%;
    margin: 12px 0px;
    width: 100%;
    max-width: 70%;
}
.list-five-benefit .item-tab-benefit .excerpt-benefit{
    text-align: justify;
    color: #053726;
    font-size: 17px;
    font-weight: 400;
}
.list-six-items{
    justify-content: center;
}
.thumbnail-ppks{
    display: flex;
    height: 300px;
    width: 100%;
    overflow: hidden;
    border-radius: 32px;
    align-items: center;
    justify-content: center;
}
.thumbnail-ppks img{
    width: 100%;
    height: fit-content;
}
.list-six-items .item-tab-benefit{
    padding: 24px;
    border-radius: 32px;
    box-shadow: 5px 4px 30px 0px #0000001A;
    height: 100%;
}
.list-six-items .item-tab-benefit h5{
    max-width: 100%;
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    margin: 24px 0px 8px 0px;
}
.list-six-items .item-tab-benefit .excerpt-benefit{
    text-align: left;
}

/* Section Services provided by A.M Procare  */
.services-provided{
    background-color: #0C4F30;
    padding: 70px 0px;
    position: relative;
}
.background-top-services{
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
}
.services-provided .container, .services-provided .doctor-slider-section{
    position: relative;
    z-index: 1;
}
.services-provided h2{
    text-align: center;
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 16px;
    color: #FFF;
}

.excerpt-services-provided{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    max-width: 52%;
    margin: auto;
}

.services-provided .btn-booking-now{
    margin: auto;
    margin-top: 28px;
}

.myServiceSlider {
    padding: 30px 0 50px;
}

.swiper-slide {
    text-align: center;
    /* padding: 10px; */
}
.allServices{
    background: linear-gradient(0deg, #FFFFFF 0%, #CEEFF9 37%, #8AC4FB 58%, #4698FE 87%);
    padding: 100px 0px 0px 0px;
}

.service-item {
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 35px;
}

.service-item a{
    text-decoration: none;

}

.service-item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.service-item h3 {
    color: #234DB9;
    font-size: 20px;
    margin: 20px;
    font-weight: 600;
    text-align: center;
}

.img-steps{
    position: relative;
}

.service-steps {
    font-size: 20px;
    color: #1A1A1A;
    line-height: 2.6;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 69%);
    display: none;
    align-items: center;
    justify-content: center;
}

/* .service-item:hover .service-steps{
    display: flex;
} */

.list-price-service > h2{
    color: #1F57AA;
    background: #9DD3FF;
    padding: 15px;
    font-weight: 600;
}

.myServiceSlider .swiper-pagination.swiper-pagination-lock {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.myServiceSlider .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}

.myServiceSlider .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #1C3E94;
}

/* Experienced team of doctors  */
.experienced-team{
    background-color: #0C4F30;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}

.experienced-team .container{
    position: relative;
    z-index: 1;
}

.experienced-team .mark-s3{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.experienced-team .mark-s3 img{
    width: 100%;
}

.item-experienced-team{
    padding-bottom: 80px;
}

.top-s3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.top-s3 h2.title-experienced-team{
    color: #fff;
    font-size: 36px;
    font-weight: 800;
    position: relative;
    line-height: 53px;
    padding-bottom: 20px;
    text-align: center;
}

.top-s3 .excerpt-experienced-team{
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    max-width: 60%;
    color: #fff;
    text-align: center;
}
.item-download{
    background-color: #78DDC0;
    padding: 24px;
    border-top-left-radius: 16px;
    border-top-right-radius: 100px;
    color: #053726;
    position: relative;
    z-index: 1;
}
.item-download h5{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 16px;
}
.item-download ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.item-download ul li{
    position: relative;
    padding-left: 30px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 160%;
    margin-bottom: 8px;
}
.item-download ul li::before{
    content: "\F26E";
    font-family: "bootstrap-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    position: absolute;
    left: 0;
    top: 5px;
    line-height: 1;
        -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #0C4F30;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.item-download > p{
    font-size: 18px;
    font-weight: 700;
}

.btn-download-ebook{
    background-color: #FFC63C;
    display: flex;
    align-items: center;
    color: #053726;
    font-size: 32px;
    font-weight: 800;
    width: 100%;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    justify-content: center;
}
.btn-download-ebook i{
    margin-left: 10px;
}
.btn-download-ebook:hover, .btn-download-ebook:focus{
    background-color: #F1AB00;
    color: #053726;
}
.download-ebook, .thumbnail-experienced-team{
    position: relative;
}
.doctor-pagination{
    position: absolute;
    bottom: 20px;
    display: flex;
    width: 100%;
    margin: auto;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding-left: 5%;
}
.mark-s3-1{
    position: absolute;
    top: -35%;
    left: -6%;
}

.mark-s3-2{
    position: absolute;
    top: -30%;
    right: 0;
}

.content-takecare{
    position: relative;
    padding-bottom: 100px;
}

h2.title-takecare{
    font-size: 50px;
    font-weight: 800;
    color: #FFF;
    line-height: 68px;
    max-width: 31%;
    margin: auto;
    align-items: center;
    text-align: center;
    padding: 100px 0px 150px 0px;
}

.mask-experienced-left{
    position: absolute;
    left: 10%;
    top: 10%;
    width: 17vw;
    z-index: 0;
}

.mask-experienced-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 30vw;
    z-index: 0;
}

/*Benefit*/
.hero-fives-benefit-alina{
    background-color: #FFFFFF;
    padding: 72px 0px;
    position: relative;
}
.hero-fives-benefit-alina .s4-mark-left{
    position: absolute;
    top: -11%;
    left: 3%;
}
.hero-fives-benefit-alina h3{
    font-weight: 800;
    font-size: 36px;
    text-align: center;
    background: linear-gradient(90deg, #053726 0%, #0E9D6C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 170%;
    margin-bottom: 16px;
}
/* Ẩn biểu tượng spinner trong input kiểu number */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}
.hero-fives-benefit-alina .block-top p {
    color: #053726;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    max-width: 70%;
    margin: auto;
    text-align: center;
}
.hero-fives-benefit-alina .mark-1{
    position: absolute;
    top: -60px;
    right: 30px;
}
.hero-fives-benefit-alina .block-top{
    margin-bottom: 40px;
}
.list-five-benefit{
    justify-content: center;
}

/*Uu Dai */
.uu-dai-alina{
    background-color: #053726;
    padding: 70px 0px;
    position: relative;
}
.s7-mark-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.s7-mark-top img{
    width: 100%;
}
.s7-mark-left{
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
}
.s7-mark-right{
    position: absolute;
    top: 35%;
    right: -60%;
    width: 100%;
}
.uu-dai-alina .container{
    position: relative;
    z-index: 1;
}
.uu-dai-alina .block-top{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 50px;
}
.uu-dai-alina .block-top h3{
    color: #053726;
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    background: #FFC63C;
    font-style: italic;
    padding: 14px 34px;
    display: inline-block;
    clip-path: polygon(22px 0%, calc(100% - 22px) 0%, 100% 50%, calc(100% - 22px) 100%, 22px 100%, 0% 50%);
    margin-bottom: 16px;
}
.uu-dai-alina .block-top p{
    font-size: 36px;
    font-weight: 800;
    color: #fff;
}

.uu-dai-alina .item-uu-dai{
    margin-bottom: 32px;
}
.uu-dai-alina .text-only{
    font-size: 36px;
    font-weight: 600;
    color: #FFC63C;
    margin: 0px;
    text-align: center;
}

/* Pioneering Dental Technology  */

.pioneering-dental-technology {
    background: linear-gradient(0deg, #FFFFFF 0%, #FFFCEC 37%, #FFF7CC 58%, #FFF09D 100%);
    padding-top: 90px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    box-shadow: 0px -10px 19.4px 0px #0000001C;
    border-bottom: none;
    outline: none;
    margin-top: -100px;
}

.item-technology{
    padding: 10px 20px;
    height: 100%;
}

.thumb-item-technology{
    width: 106px;
}

h2.title-pioneering-dental-technology{
    font-size: 42px;
    font-weight: 600;
    color: #1C3E94;
    text-align: center;
    margin-bottom: 20px;
}

.excerpt-pioneering-dental-technology{
    color: #000000;
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}

.tt-item-technology{
    color: #1C3E94;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0px 10px;
}

.des-item-technology{
    text-align: justify;
}

.item-technology:hover{
    background-color: #4698FE;
    box-shadow: 4px 4px 6.8px 0px #00000040;
    border-radius: 21px;
}

.item-technology:hover .tt-item-technology,
.item-technology:hover .des-item-technology{
    color: #FFF;
}

.tt-before-after{
    color: #232425;
    font-size: 48px;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
    display: flex;
    width: fit-content;
}

.tt-before-after::after {
    content: "";
    background-color: #326EC9;
    height: 5px;
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mask-bottom{
    width: 100vw;
}

/* Form Contact */
.form-contact{
    background-color: #78BBFF;
    padding: 90px 0px;
}

main.homepage .form-contact{
    padding: 180px 0px 90px 0px;
    margin-top: -200px;
}

.ADS-thumbnail{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.tt-contact-booking {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #232425;
}

.booking-form label {
    display: block; 
    margin-left: 15px;
    font-weight: 400;
    font-size: 15px;
}

.booking-form input[type="text"],
.booking-form input[type="tel"],
.booking-form input[type="email"],
.booking-form textarea {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 25px;
    box-sizing: border-box;
    border: 1px solid #2A7CE1;
}

.booking-form textarea {
    max-height: 100px;
}

.booking-form input[type="submit"] {
    background: #1c3f92;
    border: 1px solid #1c3f92;
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: bold;
    cursor: pointer;
}
.booking-form input[type="submit"]:hover{
    background: #FFF;
    color: #1c3f92;
}

.booking-form .item-form{
    margin-bottom: 10px;
}

.booking-form br{
    display: none;
}


/* ------------------------------  Abouts Us ----------------------------------*/
.about-of-amprocare .title-about{
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}
.about-of-amprocare{
    padding: 70px 0px;
}
.about-of-amprocare .excerpt-about{
    font-size: 26px;
    color: #78BBFF;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: 17px;
}
.three-about{
    padding: 70px 0px 100px;
}
.three-about p{
    text-align: justify;
    line-height: 25px;
    padding: 0px 30px;
}
.about-us .mask-about-1{
    position: absolute;
    left: 0%;
    width: 45vw;
    top: unset;
    bottom: 29%;
    z-index: 0;
}
.why-choose-amprocare{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 70px 0px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    z-index: 1;
}
.why-choose-amprocare h4{
    font-size: 35px;
    font-weight: 600;
}

.mission-amprocare{
    padding-top: 42px;
    padding-bottom: 50px;
    text-align: center;
}
.mission-amprocare h3.title-mission {
    color: #0062CC;
    margin-bottom: 22px;
    font-size: 36px;
    font-weight: 600;
}
.mission-amprocare .des{
    color: #1A1A1A;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px;
}
.mission-amprocare .exp{
    font-size: 26px;
    font-weight: 500;
    color: #78BBFF;
    font-style: italic;
}

/* Our Story */
.our-story{
    background-color: #E8FAFF;
    padding: 60px 0px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    z-index: 1;
    position: relative;
}
.our-story h2.title-our-story{
    color: #232425;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
}

.our-story h2.title-our-story span{
    color: #0062CC;
}

.item-our-story{
    display: flex;
    align-items: center;
    padding: 50px 0px;
}

.item-our-story h4.tt{
    font-size: 28px;
    font-weight: 600;
    color: #0062CC;
}
.item-our-story p.des{
    line-height: 25px;
    color: #1A1A1A;
}

.item-second{
    text-align: right;
}
.item-our-bottom{
    padding: 28px 34px 13px 34px;
    border: 2px solid #007AFF;
    border-radius: 22px;
    text-align: center;
}

.awaken-your-smile{
    background-color: #4698FE;
    padding: 200px 0px;
    top: -100px;
    z-index: 0;
    text-align: center;
    position: relative;
}
.awaken-your-smile .ex{
    color: #FFF;
    text-align: center;
}
.awaken-your-smile h2{
    font-size: 48px;
    font-weight: 700;
    color: #FFF;
    margin-top: 25px;
}
.awaken-your-smile h2 span{
    font-style: italic;
}
.awaken-your-smile .container{
    position: relative;
}
.awaken-your-smile .awaken1{
    position: absolute;
    left: -5%;
}
.awaken-your-smile .awaken2 {
    position: absolute;
    left: 20%;
    width: 20%;
    display: flex;
}
.awaken-your-smile-right{
    position: absolute;
    right: 0;
    width: 30vw;
    z-index: 0;
}
/* < !-- Team of doctors --> */
.team-of-doctors{
    background: linear-gradient(0deg, #FFFFFF 0%, #FFFCEC 37%, #FFF7CC 58%, #FFF09D 100%);
    padding: 90px 0px 40px 0px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    box-shadow: 0px -10px 19.4px 0px #0000001C;
    border-bottom: none;
    outline: none;
    position: relative;
    margin-top: -200px;
}

.team-of-doctors .title-team{
    color: #1C3E94;
    font-weight: 600;
    font-size: 48px;
    text-align: center;
}

.box-two-doctor{
    padding: 60px 0px;
}

.box-two-doctor .avatar-doctor{
    height: auto;
    display: flex;
    margin: auto;
    justify-content: center;
    width: 300px;
    background-color: #fff;
    border-radius: 23px;
}
.box-two-doctor .name-position{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0px;
}

.box-two-doctor .name-position > span{
    color: #234DB9;
    font-size: 16px;
    font-weight: 500;
}
.box-two-doctor .name-position>h3 {
    color: #234DB9;
    font-size: 24px;
    font-weight: 600;
}
.box-two-doctor  p{
    font-size: 15px;
    font-weight: 400;
    color: #234DB9
}
.box-doctor-support{
    margin-bottom: 50px;
    cursor: pointer;
    position: relative;
}
.description-doctor{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 80%);
    top: 0;
    left: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}
.box-doctor-support:hover .description-doctor{
    display: flex;
    padding: 20px;
}
.box-doctor-support .avatar-doctor{
    height: auto;
    display: flex;
    margin: auto;
    justify-content: center;
    width: 200px;
    background-color: #fff;
    border-radius: 23px;
    margin-bottom: 20px;
}
.box-doctor-support .name-position{
    text-align: center;
}
.box-doctor-support .name-position>h3 {
    color: #234DB9;
    font-size: 20px;
    font-weight: 600;
}

.achievements-and-awards{
    position: relative;
    padding: 40px 0px;
}

.achievements-and-awards .title-awards{
    font-size: 48px;
    font-weight: 600;
    color: #2A7CE1;
    text-align: center;
}

.image-awards{
    width: 90px;
    display: flex;
    margin: auto;
    padding-top: 20px;
}
.list-awards{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 30px 0px;
}

/* NEWS  */
.news-hero{
    position: relative;
    z-index: 1;
}
.news-hero .content-hero{
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.news-hero .content-hero h2{
    font-size: 64px;
    font-weight: 900;
    color: #fff;
}
.news-hero .content-hero .percent {
    font-size: 130px;
    font-weight: 700;
    color: #0072FF;
    line-height: 100%;
    margin: 0px;
}
.list-event{
    position: relative;
    padding: 300px 0px 200px 0px;
}
.list-event h1{
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    color: #234DB9;
}
.list-event .container{
    position: relative;
    z-index: 1;
}
.su-kien-list{
    padding-top: 70px;
}

.su-kien-list a{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.su-kien-list .thumbnail-post{
    display: flex;
    border-radius: 20px;
    width: auto;
    height: 220px;
    overflow: hidden;
    align-items: flex-start;
    margin-bottom: 20px;
}
.item-su-kien h4{
    font-size: 20px;
    color: #234DB9;
    font-weight: 600;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item-su-kien span.time{
    color: #A8A8A8;
    font-size: 12px;
}
.item-su-kien .excerpt{
    font-size: 16px;
    color: #234DB9;
    text-align: justify;
    display: flex;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-event .mask-news-1{
    position: absolute;
    top: -25%;
    z-index: 0;
    width: 100vw;
}
.list-event .mask-news-2 {
    position: absolute;
    bottom: 5%;
    right: 0;
    z-index: 0;
    width: fit-content;
}

.pioneering-dental-technology .beer-slider{
    border-radius: 16px;
}

.swiperHomepage{
    padding-top: 50px;
    margin-bottom: 50px;
}

.content-swiperHomepage{
    padding: 0px 50px;
}

.case-study{
    background-color: #4698FE;
    position: relative;
    padding: 130px 0px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.case-study h2.title-case-study{
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
.tab-content>.active{
    opacity: 1;
}
.case-study ul.nav-tabs{
    display: flex;
    flex-direction: column;
    margin: 0px;
    width: fit-content;
    border: 0px;
}
.case-study ul.nav-tabs li{
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    margin: 5px 0px;
    cursor: pointer;
}
.case-study ul.nav-tabs li.active,
.case-study ul.nav-tabs li:hover{
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1));
    border-right: 6px solid #fff;
}
.case-study ul.nav-tabs li.active a,
.case-study ul.nav-tabs li:hover a{
    color: #1C3E94
}
.case-study ul.nav-tabs a{
    color: #FFF;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    padding: 10px 20px 10px 10px;
    width: 100%;
    display: flex;
}
.case-study .tab-content{
    background-color: #FFF;
    border-radius: 20px;
    padding: 14px;
    margin: 60px 0px;
}
.case-study .tab-content h4{
    color: #1C3E94;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px;
}
.case-study .tab-content ul {
    color: #1C3E94;
    margin: 0px;
    padding-left: 20px;
    line-height: 32px;
}
.case-study .mask-news-1{
    position: absolute;
    top: -25%;
    z-index: 0;
    width: 40vw;
    right: 0;
}
.confident-smiles{
    padding: 130px 0px;
}
.confident-smiles h2.title-smiles {
    color: #2A7CE1;
    font-size: 48px;
    font-weight: 600;
}
.confident-smiles h2.title-smiles span {
    color: #2A7CE1;
    font-style: italic;
}
.content-confident-smiles .item-smiles{
    margin: 40px 0px;
}
.content-confident-smiles .item-smiles .beer-ready{
    border-radius: 30px;
    box-shadow: 11px 13px 10.1px 0px #00000040;
}

.ctnVidoes, .ctnFeedback{
    margin-bottom: 100px;
}
.videos{
    background: linear-gradient(0deg, #FFFFFF 0%, #FFFCEC 37%, #FFF7CC 58%, #FFF09D 100%);
    padding-top: 90px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    box-shadow: 0px -10px 19.4px 0px #0000001C;
}
.desItemFeedback{
    color: #234DB9;
    text-align: left;
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}
h2.title-videos, h2.title-feedback{
    font-size: 42px;
    font-weight: 600;
    color: #1C3E94;
    text-align: center;
    margin-bottom: 20px;
}
.swiper-Videos .swiper-slide .item-video{
    display: flex;
    position: relative;
    border-radius: 23px;
    overflow: hidden;
}
.swiper-Videos .swiper-slide .item-video h5{
    position: absolute;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 24.01%, rgba(90, 90, 90, 0.775) 59.73%, #000D2F 100%);
    color: #FFF;
    padding: 100px 20px 20px;
    width: 100%;
    margin: 0px;
    left: 0;
}
.customerVideo {
    width: 100%;
    display: block;
}

/* services-page  */
.services-page{
    position: relative;
}
.services-hero, .whyChooseAmProcare{
    position: relative;
}
.services-hero{
    padding: 100px 0px 120px;
    position: relative;
    overflow: hidden;
}
.whyChooseAmProcare{
    background-color: #FFF8D7;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}
.services-hero h1.titleSectionHero{
    font-size: 40px;
    font-weight: 700;
    color: #0066FF;
    line-height: 55px;
    margin-bottom: 30px;
}
.services-hero .desSectionHero{
    margin: 0px;
    font-size: 20px;
}
.thumb-item-services-hero{
    position: absolute;
    right: 0;
    top: 0;
    width: 40vw;
}

.thumb-item-services-s2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 40vw;
}
.ctnAlignRight{
    padding: 120px 0px;
}
.tt-section2{
    font-size: 34px;
    color: #1C3E94;
    font-weight: 600;
    margin-bottom: 17px;
}
.ctnAlignRight p{
    font-size: 18px;
}

.bg-list-services{
    background-color: #E8FAFF;
    margin-left: 43px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    padding: 45px 0px 60px;
}
h2.title-list-services{
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    max-width: 65%;
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
}
.excerpt-list-services{
    color: #1A1A1A;
    text-align: center;
    max-width: 80%;
    margin: auto;
}
.list-services .list{
    margin-top: 66px;
    display: flex;
    justify-content: center;
}
.description-service{
    /* background: #fff; */
    padding: 28px 22px;
    text-align: center;
}
.description-service ol{
    margin: 0px;
    margin-bottom: 20px;
}
.bg-list-services .item-service{
    margin-bottom: 70px;
}
.item-service a > img{
    width: 100%;
}
.item-service > a{
    text-decoration: none;
}
.box-bottom-services h2{
    color: #0062CC;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}
.box-bottom-services ul{
    font-size: 18px;
    margin: 0px;
}
a.btn-formServices{
    color: #78BBFF;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    text-decoration: none;
    font-style: italic;
    font-size: 26px;
    font-weight: 500;
}
.services-provided-am{
    padding: 100px 0px;
}
.services-provided-am h3{
    color: #4699FE;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}
.services-provided-am p{
    color: #1F57AA;
    font-size: 18px;
}
.iconTooth{
    width: 100%;
    max-width: 100px;
    margin: auto;
}
.allServices .service-item{
    margin-bottom: 30px;
}

.bg-list-services .row.list>.col-xs-12.col-md-4 {
    display: flex;
}

.item-service {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    /* cao bằng nhau */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 11px 0px #00000040;
}

/* post-service  */
.post-service{
    background: linear-gradient(180deg, #FFFFFF 0%, #CEEFF9 34.5%, #4698FE 77%);
    padding: 60px 0px;
}
.bg-title-post-service{
    background: linear-gradient(358.41deg, #FFFFFF 1.35%, #BADAFF 98.65%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: auto;
    padding: 15px 40px;
    border-radius: 15px;
}
.bg-title-post-service h1.title-post{
    color: #0066FF;
    font-size: 48px;
    font-weight: 700;
}
.content-post-service h4{
    color: #0066FF;
}
.content-post-service p{
    color: #1C3E94
}
.content-post-service figure.wp-block-image{
    text-align: center;
}

.doctor-slider-section{
    margin-top: 46px;
}

.doctor-card__media{
    position: relative;
    padding-top: 30px;
}

.doctor-card__media .mark-1{
    position: absolute;
    left: 0;
    top: 00px;
}
.doctor-card__media .mark-2{
    position: absolute;
    right: 0px;
    bottom: -30px;
}

.doctor-card__media img.doctor-img{
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    position: relative;
    z-index: 1;
    width: 90%;
}

.doctor-card__content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 30px;
}
.doctor-card__degree, .doctor-card__role{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.doctor-card__name{
    font-size: 46px;
    font-weight: 800;
    color: #fff;
    margin: 4px 0px;
}
.doctor-card__desc{
    margin: 40px 0px;
}
.doctor-card__desc p{
    position: relative;
    padding-left: 30px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
}
.doctor-card__desc p::before{
    content: "\F26E";
    font-family: "bootstrap-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    position: absolute;
    left: 0;
    top: .2rem;
    line-height: 1;
        -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #78DDC0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #0C4F30;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*.pagination-nav{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    position: relative;*/
/*}*/
.doctor-nav{
    background: transparent;
    border: 1px solid #fff;
    border-radius: 8px;
    margin: 0px 8px;
    padding: 0px 30px;
    height: 44px;
}
.doctor-nav i{
    display: none;
}
.doctor-nav:hover, .doctor-nav:focus{
    background-color: #FFC63C;
    border: 1px solid #FFC63C;
}
.ccdh-nav--prev{
    margin-right: 3%;
}
.ccdh-nav--next{
    margin-left: 3%;
}
.section-cau-chuyen-dong-hanh .swiper-pagination-bullet-active{
    background: #fff;
}
.section-cau-chuyen-dong-hanh .swiper-pagination{
    bottom: 24px;
}
.mark-ccdh{
    position: absolute;
    width: 30vw;
    top: 0;
    right: 5%;
}
.degree-role{
    display: flex;
}
.degree-role span{
    display: flex;
    color: #fff;
    margin: 0px 4px;
    font-size: 26px;
    line-height: 2px;
    align-items: center;
}

.section-cam-nhan{
    position: relative;
    padding: 70px 0px 30px;
}
.s8-mark-left{
    position: absolute;
    top: 0;
    left: 0;
    width: 20vw;
}
.s8-mark-right{
    position: absolute;
    top: 20%;
    right: 0;
    width: 20vw;
}
/*.accordionAlina .accordion-item{*/
/*    border: 0px;*/
/*}*/
/*.accordionAlina .accordion-item.active{*/
/*    background-color: #053726;*/
/*}*/
/*.accordion-item.active .accordion-button:not(.collapsed){*/
/*    background: #054430;*/
/*    box-shadow: none;*/
/*    color: #fff;*/
/*    font-size: 20px;*/
/*    font-weight: 700;*/
/*    padding: 32px 60px 20px;*/
/*}*/
.accordion-item .accordion-button{
    background: transparent;
    box-shadow: none;
    color: #054430;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 40px 20px;
}
.accordion-item.active .accordion-button{
    color: #f1ab00;
}
.accordion-item .accordion-button:hover{
    background-color: var(--bs-accordion-active-bg);
}
.accordion-item.active .accordion-collapse.show{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.accordion-item.active .accordion-button:not(.collapsed)::after{
    color: #fff;
}
.accordion-item .accordion-body{
    padding: 20px 40px;
    /*background: #054430;*/
    /*border-bottom-left-radius: 6px;*/
    /*border-bottom-right-radius: 6px;*/
}
.accordion-item.active .accordion-collapse.show .accordion-body p{
    color: #054430;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-radius: 0px;
}
.ccdh-pagination{
    position: relative;
    height: 60px;
}
.ccdh-pagination .ccdh-nav--prev{
    left: 43%;
    position: absolute;
}
.ccdh-pagination .ccdh-nav--next{
    left: 51%;
    position: absolute;
}

.giai-phap-bs{
    color: #0a6e4c;
    font-size: 18px;
    font-weight: 600;
}

.section-cam-nhan h3.title-cam-nhan{
    font-weight: 800;
    font-size: 36px;
    text-align: center;
    background: linear-gradient(90deg, #053726 0%, #0E9D6C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 130%;
    margin-bottom: 16px;
}
.cnt-cam-nhan{
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
}
.item-cam-nhan{
    padding: 24px 20px;
    background: #fff;
    box-shadow: 0px 10px 40px 0px #00000014;
    border-radius: 32px;
}
.item-cam-nhan .thumbnail-post{
    height: 280px;
    overflow: hidden;
    border-radius: 16px;
}
.item-cam-nhan .title-1{
    font-size: 22px;
    font-weight: 700;
    color: #011632;
    margin-top: 16px;
}
.item-cam-nhan .title-2{
    font-size: 22px;
    font-weight: 700;
    color: #0C4F30;
    display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical; /* Define the direction of the text */
  overflow: hidden; /* Hide overflowed content */
  text-overflow: ellipsis; /* Add the ellipsis (...) */
  line-height: 1.5; /* Adjust line height for better spacing */
  height: 3em;
}
.item-cam-nhan .excerpt{
    color: #404040;
    font-size: 16px;
    text-align: justify;
}
.camnhan-nav--prev{
    position: absolute;
    left: 0%;
    top: 40%;
    width: 48px;
    height: 48px;
    background: transparent;
    border: 1px solid #053726;
    padding: 0px;
    border-radius: 48px;
    z-index: 1;
}
.camnhan-nav--prev i, .camnhan-nav--next i{
    color: #053726;
    font-size: 24px;
}
.camnhan-nav--next{
    position: absolute;
    right: 0%;
    top: 40%;
    width: 48px;
    height: 48px;
    background: transparent;
    border: 1px solid #053726;
    padding: 0px;
    border-radius: 48px;
    z-index: 1;
}
.item-cam-nhan .swiper-cam-nhan{
    paddding: 30px 0px
}
.swiper-cam-nhan .swiper-slide{
    min-height: 700px;
    display: flex;
    padding: 20px 0px;
}

.section-cau-chuyen-dong-hanh{
    padding: 70px 0px 50px;
    position: relative;
    background-color: #0C4F30;
}
.section-cau-chuyen-dong-hanh .container{
    position: relative;    
}

.section-cau-chuyen-dong-hanh .hero-mark-top{
    position: absolute;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
}

.ccdh_content h5{
    color: #FFC63C;
    font-size: 26px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 16px;
    text-align: left;
}
.ccdh_content p{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}
.ccdh_content .toggle-button{
    display: none;
}

h3.title-cau-chuyen-dong-hanh{
    color: #fff;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 30px;
}

.pagination-nav .ccdh-nav {
    background: transparent;
    border: 1px solid #D9D9D9;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    z-index: 11;
}
.pagination-nav .ccdh-nav i{
    font-size: 24px;
    color: #D9D9D9;
}
.section-giai-phap{
    padding: 70px 0px;
}
.section-giai-phap h3.title-giai-phap {
    font-weight: 800;
    font-size: 36px;
    text-align: center;
    background: linear-gradient(90deg, #053726 0%, #0E9D6C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 180%;
    margin-bottom: 40px;
}

.section-su-kien{
    padding-bottom: 20px;
}

/*Hoi Thao */
.su-kien-hoi-thao{
    padding: 72px 0px 0px;
    background-color: #0C4F30;
    position: relative;
}
.mark-sk-ht{
    position: absolute;
    top: -60px;
    right: 30px;
}
.section-hoi-thao{
    position: relative;
}
.section-hoi-thao h3.title-hoi-thao, .section-su-kien h3.title-su-kien{
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}
.bg-cnt-ht{
    display: flex;
    position: relative;
    background: #053726;
}

.section-hoi-thao .container{
    position: relative;
    margin-top: -100px;
}
.item-hoi-thao{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.item-hoi-thao .thumbnail-post{
    display: flex;
    border-radius: 32px;
    width: auto;
    min-height: 460px;
    overflow: hidden;
    align-items: flex-start;
    margin-bottom: 20px;
}
.item-hoi-thao .thumbnail-post img{
    height: 100%;
    max-width: fit-content;
    width: auto;
}
.item-hoi-thao h4{
    font-size: 22px;
    color: #FFE8B2;
    font-weight: 800;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin-bottom: 8px;
    line-height: 150%;
}

.item-hoi-thao .excerpt{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

.item-su-kien{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.item-su-kien .thumbnail-post{
    display: flex;
    border-radius: 32px;
    width: auto;
    min-height: 300px;
    overflow: hidden;
    align-items: flex-start;
    margin-bottom: 20px;
}
.item-su-kien .thumbnail-post img{
    width: auto;
}
.item-su-kien h4{
    font-size: 22px;
    color: #FFE8B2;
    font-weight: 800;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin-bottom: 8px;
    line-height: 150%;
}

.item-su-kien .excerpt{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

.address-amprocare .address-label{
    color: #FFC63C;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}
.pagination-swiper-cam-nhan{
    display: none;
}
#fluentform_2_success p{
    margin: 0px;
    color: #0b4f30;
}
.ff-message-success{
    border: 0px !important;
    box-shadow: none !important; 
}
.item-six{
    margin-bottom: 24px;
}
.slider-five-benefit, .swiper-six-items{
    display: none;
}

.section-su-kien .swiper-slide .thumbnail-post, .list-hoi-thao .thumbnail-post{
    height: 300px;
    overflow: hidden;
    border-radius: 32px;
    margin-bottom: 8px;
}
.section-su-kien .swiper-slide h4{
    color: #FFC63C;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    line-height: 150%;
}
.section-su-kien .swiper-slide .excerpt, .list-hoi-thao .excerpt{
    color: #fff;
    font-size: 16px;
    text-align: justify;
}
.list-hoi-thao{
    padding-bottom: 30px;
}
.list-hoi-thao h4{
    color: #FFE8B2;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    line-height: 150%;
}
.ccdh-card__media{
    width: 100%;
    max-width: 80%;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}
@media (max-width: 600px) {
    .list-five-benefit, .list-six-items{
        display: none;
    }
    .slider-five-benefit, .swiper-six-items{
        display: block;
    }
    .item-tab-benefit h5{
        color: #0C4F30;
        font-size: 20px;
        font-weight: 800;
        padding-top: 8px;
        max-width: 70%;
        margin: auto;
        line-height: 150%;
    }
    .benefit-nav{
        color: #053726;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 1px solid #053726;
        padding: 0px;
        position: absolute;
        border-radius: 19px;
    }
    .benefit-nav--prev, .doctor-nav--prev{
        top: 25%;
        z-index: 1;
        left: 1%;
    }
    .benefit-nav--next, .doctor-nav--next{
        top: 25%;
        z-index: 1;
        right: 1%;
    }
    .doctor-nav i{
        display: block;
    }
    .doctor-nav img{
        display: none;
    }
    .doctor-nav{
        border-radius: 19px;
        margin: 0px;
        padding: 0px;
        height: 28px;
        width: 28px;
        position: absolute;
        z-index: 1;
    }
    .doctor-card__media img.doctor-img, .doctor-card__media .mark-1 img, .doctor-card__media .mark-2 img{
        width: 80%;
    }
    .doctor-card__media .mark-1{
        top: 8px;
    }
    .doctor-card__media .mark-2{
        bottom: -20px;
    }
    
    .accordion-item.active .accordion-button:not(.collapsed), .accordion-item.active .accordion-collapse.show .accordion-body, .accordion-item .accordion-button{
        padding: 20px 12px;
    }
    .mark-sk-ht {
        position: absolute;
        top: -30px;
        right: 0px;
        width: 25vw;
    }
    .doctor-pagination{
        top: 20%;
        bottom: auto;
    }

    [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
        fill: #053726;
    }
    .hero-sky-2,
    .hero-sky-1,
    .mask-experienced-left{
        display: none;
    }
    .hero-section h2 {
        font-size: 38px;
        line-height: initial;
        margin-bottom: 0px;
    }
    .hero-section{
        padding: 30px 0px;
    }
    .hero-section .title-top{
        font-size: 12px;
        padding: 14px 20px;
    }
    .hero-section h2.title-hero{
        font-size: 24px;
        text-align: center;
        line-height: 150%;
        text-transform: uppercase;
    }
    .hero-sky-3{
        top: 7%;
        left: 20%;
    }
    .hero-mark-2{
        width: 100%;
    }
    .hero-section .content-form-hero{
        max-width: 100%;
        border-radius: 28px;
        padding: 22px 14px;
    }
    .hero-mark-1{
        width: 30vw;
    }
    .hero-section .hero-excerpt{
        margin-top: 20px;
        font-size: 16px;
        text-align: center;
        max-width: 100%;
        padding-bottom: 50px;
    }
    .content-form-hero h4{
        font-size: 20px;
    }
    .time-box{
        padding: 0px 3px;
    }
    .form-coutdown span,
    .time-kham-benh, 
    .countdown{
        font-size: 14px;
    }
    .frm-fluent-form .itp-form{
        height: 54px;
    }
    .hero-four-tabs .mark-1 {
        position: absolute;
        top: -33px;
        right: 3%;
        width: 24vw;
    }
    .btn-submit-form{
        padding: 10px 24px !important;
    }
    .btn-booking-now,
    .readMore{
        margin: auto;
    }
    .item-tab h5, .list-five-benefit .item-tab-benefit h5{
        font-size: 20px;
    }
    .hero-four-tabs{
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .hero-four-tabs .block-top h3{
        font-size: 24px;
        text-transform: uppercase;
    }
    .hero-four-tabs .block-top h3 br{
        display: none;
    }
    .hero-four-tabs .block-top p{
        font-size: 14px;
        max-width: 100%;
    }
    .hero-fives-benefit-alina .s4-mark-left{
        display: none;
    }
    .title-experienced-team br{
        display: none;
    }
    .item-tab img{
        width: 80px;
        height: 80px;
    }
    .item-tab p, .item-download h5, .item-download ul li, .item-download > p, .doctor-card__desc p {
        font-size: 14px;
    }
    .hero-four-tabs .item-2{
        margin-bottom: 16px;
    }
    .hero-fives-benefit-alina{
        padding: 40px 0px;
    }
    .hero-fives-benefit-alina h3{
        font-size: 24px;
        text-transform: uppercase;
    }
    .hero-fives-benefit-alina h3 br{
        display: none;
    }
    .item-tab{
        padding: 24px 20px;
        border-radius: 28px;
    }
    .services-provided{
        padding: 40px 0px;
    }
    .btn-download-ebook{
        font-size: 20px;
    }
    .hero-fives-benefit-alina .mark-1 {
        position: absolute;
        top: -3.5%;
        right: 30px;
        width: 24vw;
    }
    .hero-fives-benefit-alina .block-top p{
        font-size: 14px;
        max-width: 100%;
    }
    .download-ebook{
        margin-bottom: 40px;
    }
    .services-provided h2,
    .item-experienced-team h2.title-experienced-team,
    h2.title-pioneering-dental-technology{
        font-size: 24px;
        line-height: normal;
        text-transform: uppercase;
    }
    h3.tt-before-after{
        font-size: 32px;
        max-width: 70%;
        text-align: left;
    }
    .excerpt-services-provided,
    .excerpt-experienced-team{
        font-size: 14px;
        max-width: 100%;
    }
    .degree-role{
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .doctor-card__degree, .doctor-card__role{
        font-size: 10px;
    }
    .doctor-card__name{
        font-size: 22px;
        width: 100%;
    }
    .doctor-card__desc{
        margin: 16px 0px;
    }
    .item-experienced-team {
        padding-bottom: 30px;
    }
    .uu-dai-alina, .section-cam-nhan, .section-cau-chuyen-dong-hanh, .section-giai-phap{
        padding: 40px 0px;
    }
    .su-kien-hoi-thao{
        padding: 40px 0px 0px 0px;
    }
    .uu-dai-alina .block-top p{
        font-size: 22px;
        text-align: center;
    }
    .uu-dai-alina .block-top{
        margin-bottom: 20px;
    }
    .s7-mark-right{
        display: none;
    }
    .ccdh_content h5{
        font-size: 20px;
    }
    .section-cam-nhan h3.title-cam-nhan, .section-hoi-thao h3.title-hoi-thao, .section-su-kien h3.title-su-kien, .section-giai-phap h3.title-giai-phap, h3.title-cau-chuyen-dong-hanh{
        font-size: 24px;
    }
    .header-mobile{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .right-mobile-header{
            display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
    }
    .btn-booking-mobile{
        background-color: #FFC63C;
        font-size: 14px;
        color: #053726;
        height: 40px;
        padding: 0px 10px;
        border-radius: 8px;
        font-weight: 700;
    }
    h2.title-takecare{
        max-width: 100%;
        line-height: normal;
        font-size: 40px;
        padding: 100px 0px;
    }
    .modal.show .modal-dialog{
        max-width: 85%;
        margin: auto;
        top: 20px;
    }
    .btn-close{
        width: 38px;
        height: 38px;
        right: -25px;
        top: -12px;
    }
    .btn-close i{
        font-size: 26px;
    }
    .bg-right-popup{
        padding: 32px 16px;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
        border-bottom-right-radius: 0px;
    }
    .popup1{
        display: flex;
        flex-direction: column-reverse;
    }
    .popup1 .fluentform{
        width: 100%;
    }
    .uu-dai-popup h4{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .form-coutdown{
        margin-top: 20px;
    }
    
    .pioneering-dental-technology{
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        padding-top: 60px;
    }
    .uu-dai-alina .block-top h3{
        font-size: 18px;
    }
    .item-technology{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
    }
    .nav-footer,
    .sub-cat-footer{
        border-left: 0px;
        padding-left: 20px;
        margin-top: 20px;
    }
    .logo-footer{
        display: flex;
        margin-bottom: 16px;
    }
    .footer-site p{
        font-size: 16px;
        margin-bottom: 0px;
    }
    .item-hoi-thao h4, .item-su-kien h4{
        font-size: 18px;
    }
    .footer-social{
        margin-top: 16px;
    }
    .footer-site h5{
        font-size: 20px;
        margin-bottom: 8px;
    }
    .footer-site .footer-menu li{
        padding: 4px 0px;
    }
    .col-mobile{
        margin-top: 24px;
    }
    .name-company-footer{
        text-align: center;
    }
    .google-maps a img{
        width: 100%;
    }
    .experienced-team{
        padding-top: 40px;
    }
    .about-of-amprocare .title-about{
        font-size: 40px;
    }
    .top-s3 h2.title-experienced-team{
        font-size: 24px;
        line-height: 150%;
        text-transform: uppercase;
    }
    .top-s3 .excerpt-experienced-team{
        font-size: 14px;
        max-width: 100%;
    }
    .cnt-mobile{
        display: flex;
        flex-direction: column-reverse;
    }
    .thumbnail-experienced-team{
        display: flex;
    }
    .item-hoi-thao .excerpt, .item-su-kien .excerpt{
        font-size: 14px;
    }
    .uu-dai-alina .text-only, .item-cam-nhan .title-1, .item-cam-nhan .title-2{
        font-size: 18px;
    }
    .item-cam-nhan .title-1, .item-cam-nhan .title-2{
        text-align: left;
    }
    .cnt-cam-nhan{
        padding: 0px;
    }
    .camnhan-nav--prev, .camnhan-nav--next{
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 25%;
    }
    .mark-ccdh{
        width: 50vw;
        right: 0;
    }
    .camnhan-nav--prev i, .camnhan-nav--next i{
        font-size: 16px;
    }
    .section-su-kien {
        padding-bottom: 45px;
    }
    .top-s3{
        margin-bottom: 0px;
    }
    .thumbnail-experienced-team>img{
        width: 70vw;
        margin: auto;
    }
    .mark-s3-2{
        top: 0;
        width: 30vw;
    }
    .mark-s3-1 {
        position: absolute;
        top: -67vw;
        left: 0;
        width: 30vw;
        z-index: 1;
    }
    .about-of-amprocare .excerpt-about{
        font-size: 20px;
    }
    .three-about {
        padding: 20px 0px 50px;
    }
    .why-choose-amprocare{
        background-size: auto;
    }
    .why-choose-amprocare h4{
        font-size: 26px;
    }
    .our-story{
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .our-story h2.title-our-story{
        font-size: 40px;
    }
    .item-our-story{
        padding: 30px 0px 0px 0px;
    }
    .item-our-story h4.tt{
        margin-top: 20px;
        font-size: 20px;
    }
    .item-second{
        text-align: left;
    }
    .item-our-bottom{
        padding: 20px;
        margin-top: 20px;
    }
    .awaken-your-smile h2{
        font-size: 40px;
    }
    .awaken-your-smile .awaken1{
        width: 30vw;
    }
    .team-of-doctors{
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        padding: 60px 0px 40px 0px;
    }
    .team-of-doctors .title-team{
        font-size: 40px;
    }
    .box-two-doctor{
        padding: 20px 0px;
    }
    .team-of-doctors .col-left{
        margin-bottom: 30px;
    }
    .achievements-and-awards .title-awards{
        font-size: 34px;
    }
    .image-awards{
        width: 70px;
        padding-top: 7px;
    }
    .tt-contact-booking{
        text-align: center;
        margin-top: 30px;
    }
    .services-hero{
        flex-direction: column-reverse;
        display: flex;
        padding: 0px 0px 60px;
    }
    .thumb-item-services-hero{
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }
    .services-hero h1.titleSectionHero{
        font-size: 28px;
        line-height: 40px;
    }
    .ctnAlignRight {
        padding: 185px 0px 60px;
    }
    .bg-list-services{
        margin-left: 0px;
    }
    h2.title-list-services{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .list-services .list{
        margin-top: 40px;
    }
    .bg-list-services .item-service {
        margin-bottom: 20px;
    }
    .box-bottom-services h2{
        font-size: 22px;
        margin-top: 30px;
    }
    .bg-list-services{
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    a.btn-formServices{
        font-size: 20px;
    }
    .services-provided-am{
        padding: 40px 0px;
    }
    .services-provided-am h3{
        font-size: 30px;
        text-align: center;
    }
    .allServices{
        padding: 40px 0px 0px;
    }
    .services-provided-am .col-right{
        margin-top: 30px;
    }
    .list-price-service{
        padding: 0px 12px;
    }
    .list-event {
        padding: 100px 0px;
    }
    .list-event .mask-news-1{
        top: 0;
    }
    .list-event h1{
        font-size: 38px;
    }
    .case-study{
        padding: 40px 0px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .case-study h2.title-case-study{
        font-size: 30px;
        text-align: center;
    }
    .case-study h2.title-case-study br{
        display: none;
    }
    .case-study ul.nav-tabs a{
        font-size: 18px;
    }
    .case-study .tab-content{
        margin: 30px 0px;
    }
    .confident-smiles {
        padding: 60px 0px;
    }
    .confident-smiles h2.title-smiles{
        font-size: 32px;
        text-align: center;
    }
    .content-confident-smiles .item-smiles {
        margin: 20px 0px;
    }
    .videos{
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
    }
    .ctnVidoes,
    .ctnFeedback {
        margin-bottom: 60px;
    }
    h2.title-videos,
    h2.title-feedback{
        font-size: 32px;
    }
    .bg-title-post-service{
        padding: 15px 12px;
    }
    .bg-title-post-service h1.title-post{
        font-size: 18px;
    }
    .post-service{
        padding: 20px 0px;
    }
    main.homepage .form-contact{
        padding: 80px 0px 60px 0px;
        margin-top: -15%;
    }
    .form-coutdown{
        padding: 12px;
    }
    .bg-left-popup{
        border-top-left-radius: 0px;
        border-bottom-left-radius: 32px;
        border-bottom-right-radius: 32px;
    }
    .item-cam-nhan .thumbnail-post, .item-su-kien .thumbnail-post{
        height: 250px;
    }
    .item-hoi-thao .thumbnail-post{
        min-height: 175px;
    }
    footer.footer-site{
        padding: 24px 0px;
    }
    .pagination-swiper-cam-nhan{
        display: flex;
    }
    .ccdh-card__inner{
        display: flex;
        flex-direction: column-reverse;
    }
    .ccdh-card__media{
        margin: auto;
        margin-bottom: 20px;
    }
    .ccdh-card__media .mark-1{
        height: 250px;
        overflow: hidden;
        border-radius: 32px;
    }
    .item-cam-nhan .excerpt{
        text-align: justify;
        font-size: 15px;
    }
    .item-cam-nhan{
        margin: 0px 10px;
    }
    .item-tab-benefit .excerpt-benefit p, .swiper-six-items .item-tab-benefit .excerpt-benefit{
        font-size: 16px;
        text-align: justify;
    }
    
    /*---------- */
    /* Vùng nội dung có thể rút gọn */
    .mobile-ccdh_content {
      position: relative;
      --collapsed-height: 205px; /* chỉnh độ cao khi rút gọn */
    }
    
    /* Phần thân sẽ bị giới hạn chiều cao khi rút gọn */
    .mobile-ccdh_content .ccdh-body {
      max-height: var(--collapsed-height);
      overflow: hidden;
      transition: max-height 300ms ease;
      position: relative;
      margin-bottom: 10px;
    }
    
    /* Trạng thái mở rộng: bỏ giới hạn chiều cao + bỏ lớp mờ */
    .mobile-ccdh_content[data-collapsed="false"] .ccdh-body {
      max-height: 9999px; /* đủ lớn để hiển thị hết */
    }
    .mobile-ccdh_content[data-collapsed="false"] .ccdh-body::after {
      display: none;
    }
    .mobile-ccdh_content .toggle-button {
        display: inline-block;
        background: #ffc63c;
        padding: 6px 12px;
        border-radius: 999px;
        font-size: 14px;
        cursor: pointer;
        color: #0c5030;
    }
    .ccdh-pagination{
        margin-top: 16px;
    }
    .ccdh-pagination .ccdh-nav--prev{
        left: 25%;
    }
    .ccdh-pagination .ccdh-nav--next{
        left: 60%;
    }
    .ast-mobile-header-content.custom-sticky{
        margin-top: 80px !important;
    }
    .swiper-cam-nhan .swiper-slide{
        min-height: 640px;
    }
}

@media (max-width: 375px) {
    header .custom-logo-link img{
        width: 100%;
    }
    .hero-section .title-top {
        font-size: 11px;
        padding: 15px;
        display: flex;
        margin: auto;
    }
}