*{outline:none;}
:root{
    --font-max:16px;

    --main_color:#0098b8;
    --main_gradient_from:#1dc6e9;
    --main_gradient_to:#1df0d4;
    --main_shine_color: #e0ffff;
    
    --header_height:100;

    --light_text_color:#fff;
    --light_text_shadow:rgba(0,0,0,0.5);

    --svg_background_diamond:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1440 600' preserveAspectRatio='xMidYMid slice' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E .diam-fill %7B fill: rgba(255, 255, 255, 0.25); filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); %7D .diam-stroke %7B fill: none; stroke: rgba(255, 255, 255, 0.45); stroke-width: 2; %7D rect.diamond-shape %7B transform-box: fill-box; transform-origin: center; transform: rotate(45deg); %7D @keyframes float-slow %7B 0%25, 100%25 %7B transform: translateY(0px) rotate(0deg); %7D 50%25 %7B transform: translateY(-25px) rotate(2deg); %7D %7D @keyframes float-medium %7B 0%25, 100%25 %7B transform: translateY(0px) rotate(0deg); %7D 50%25 %7B transform: translateY(-15px) rotate(-2deg); %7D %7D @keyframes float-fast %7B 0%25, 100%25 %7B transform: translateY(0px) rotate(0deg); %7D 50%25 %7B transform: translateY(-10px) rotate(1deg); %7D %7D .anim-slow %7B animation: float-slow 7s ease-in-out infinite; %7D .anim-medium %7B animation: float-medium 5s ease-in-out infinite; %7D .anim-fast %7B animation: float-fast 4s ease-in-out infinite; %7D .delay-1 %7B animation-delay: -1s; %7D .delay-2 %7B animation-delay: -3s; %7D .delay-3 %7B animation-delay: -4s; %7D %3C/style%3E%3C/defs%3E%3Cg transform='translate(150, 100)'%3E%3Cg class='anim-slow delay-1'%3E%3Crect class='diamond-shape diam-fill' width='100' height='100' rx='4' x='-50' y='-50' /%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1100, 250)'%3E%3Cg class='anim-medium delay-2'%3E%3Crect class='diamond-shape diam-stroke' width='80' height='80' x='-40' y='-40' /%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1300, 80)'%3E%3Cg class='anim-fast'%3E%3Crect class='diamond-shape diam-fill' width='40' height='40' rx='2' x='-20' y='-20' /%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(250, 450)'%3E%3Cg class='anim-medium delay-3'%3E%3Crect class='diamond-shape diam-stroke' width='70' height='70' x='-35' y='-35' /%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(600, 300)'%3E%3Cg class='anim-slow delay-2'%3E%3Crect class='diamond-shape diam-fill' width='120' height='120' rx='8' style='opacity: 0.35;' x='-60' y='-60' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --svg_background_diamond_2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Csymbol id='d' viewBox='0 0 100 100'%3E%3Cpath d='M30 10 L70 10 L100 40 L50 100 L0 40 Z'/%3E%3C/symbol%3E%3Cpattern id='p' x='0' y='0' width='600' height='600' patternUnits='userSpaceOnUse'%3E%3Cg transform='translate(50, 50)'%3E%3Cuse href='%23d' width='180' height='180' fill='%2365d6eb' opacity='0.2'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0; 0 -60; 0 0' dur='5s' repeatCount='indefinite' /%3E%3C/use%3E%3C/g%3E%3Cg transform='translate(400, 100)'%3E%3Cuse href='%23d' width='120' height='120' fill='%2365d6eb' opacity='0.15'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0; 0 80; 0 0' dur='7.5s' repeatCount='indefinite' /%3E%3C/use%3E%3C/g%3E%3Cg transform='translate(200, 400)'%3E%3Cuse href='%23d' width='150' height='150' fill='%2365d6eb' opacity='0.08'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0; 0 -50; 0 0' dur='6s' repeatCount='indefinite' /%3E%3C/use%3E%3C/g%3E%3Cg transform='translate(500, 450)'%3E%3Cuse href='%23d' width='90' height='90' fill='%2365d6eb' opacity='0.1'%3E%3CanimateTransform attributeName='transform' type='translate' values='0 0; 0 60; 0 0' dur='4s' repeatCount='indefinite' /%3E%3C/use%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E");
    --svg_background_wave_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='70' viewBox='0 0 250 70'%3E%3Cdefs%3E%3Cpath id='w' fill='%23e6f8fd' d='M0 .218C17.917.516 34.361 5.725 49.508 15.17c9.033 5.633 17.616 12.141 27.084 16.895 28.818 14.467 57.998 14.262 86.723-.393 8.41-4.291 16.156-9.917 24.082-15.123C206.441 4.039 227.352-1.168 250 .218v14c-22.701-1.303-42.906 5.337-61.311 18.54-14.26 10.229-29.305 19.158-47.074 21.918-28.518 4.43-55.747 1.662-80.454-14.818-6.505-4.34-13.155-8.461-19.736-12.687C28.802 19.063 14.917 14.991 0 14.218v-14z'/%3E%3C/defs%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' from='0 0' to='250 0' dur='10s' repeatCount='indefinite'/%3E%3Cuse href='%23w' x='0'/%3E%3Cuse href='%23w' x='-250'/%3E%3C/g%3E%3C/svg%3E");

    --text_color:#444;
    --button_text_color:#fff;
    --button_background_color:var(--main_gradient_from);
    --button_background_gradient:linear-gradient(90deg, var(--main_gradient_from) 0%, var(--main_gradient_to) 100%);

    --side_menu_width:250;
}
.thumbnail_spinner::before{
    content:'';position:absolute;top:50%;left:50%;width:100px;height:100px;display:block;
    z-index:1;margin:-50px 0 0 -50px;
    background:url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="currentColor" d="M100-0.25c-10.458,0-18.966,8.508-18.966,18.966S89.542,37.682,100,37.682s18.966-8.508,18.966-18.966S110.458-0.25,100-0.25z M42.524,45.113c0.691,0,1.342-0.27,1.831-0.758c0.489-0.489,0.759-1.14,0.759-1.832c0-0.691-0.27-1.342-0.759-1.831c-0.489-0.489-1.139-0.759-1.831-0.759c-0.692,0-1.342,0.27-1.832,0.759c-1.009,1.009-1.009,2.652,0,3.662C41.182,44.843,41.832,45.113,42.524,45.113z M18.716,95.07c-2.718,0-4.929,2.211-4.929,4.93c0,2.718,2.211,4.929,4.929,4.929c2.718,0,4.93-2.211,4.93-4.929C23.646,97.282,21.434,95.07,18.716,95.07z M42.523,150.208c-1.941,0-3.767,0.756-5.14,2.129c-2.833,2.833-2.833,7.444,0,10.279c1.373,1.373,3.198,2.129,5.14,2.129s3.767-0.756,5.14-2.129s2.129-3.199,2.129-5.141s-0.756-3.767-2.129-5.139C46.29,150.964,44.465,150.208,42.523,150.208z M100,171.676c-5.297,0-9.607,4.31-9.607,9.607s4.31,9.607,9.607,9.607c5.298,0,9.608-4.31,9.608-9.607S105.298,171.676,100,171.676z M157.477,145.528c-3.191,0-6.191,1.243-8.448,3.5c-4.658,4.658-4.658,12.238,0,16.896c2.257,2.256,5.257,3.498,8.448,3.498s6.191-1.242,8.448-3.498c4.658-4.658,4.658-12.238,0-16.896C163.668,146.771,160.668,145.528,157.477,145.528z M181.284,85.713c-7.878,0-14.287,6.409-14.287,14.287s6.409,14.287,14.287,14.287s14.287-6.409,14.287-14.287S189.162,85.713,181.284,85.713z M157.477,59.149c4.441,0,8.616-1.729,11.757-4.869c6.482-6.483,6.482-17.031,0-23.514c-3.141-3.141-7.315-4.87-11.757-4.87s-8.616,1.729-11.757,4.87c-6.482,6.483-6.482,17.031,0,23.514C148.86,57.42,153.035,59.149,157.477,59.149z"/></svg>') no-repeat center center;
    -webkit-animation:0.8s steps(8) infinite lvi-spinner;
    animation:0.8s steps(8) infinite lvi-spinner;
}
.thumbnail_spinner.white::before{
    filter:brightness(0) invert(1);
}
.thumbnail_spinner.thumbnail_spinner_loaded::before{display:none;}
.thumbnail_spinner img{
    display:block;width:100%;height:100%;object-fit:cover;
}
i.sprite {
    /* --- GIỮ NGUYÊN KHỐI LOGIC TÍNH TOÁN CỦA ĐẠI CA --- */
    --sheet_width: 600;
    --sheet_height: 600;
    
    --x: 0;
    --y: 0;
    
    --sprite_width: 1;
    --sprite_height: 1;
    
    --width: 1;
    --height: 1;
    
    --scale_width: var(--width) / var(--sprite_width);
    --scale_height: var(--height) / var(--sprite_height);
    
    --new_sheet_width: calc(var(--sheet_width) * var(--scale_width) * 1px);
    --new_sheet_height: calc(var(--sheet_height) * var(--scale_height) * 1px);
    
    --sprite_x: calc(var(--x) * var(--scale_width) * -1px);
    --sprite_y: calc(var(--y) * var(--scale_height) * -1px);

    /* --- PHẦN THAY ĐỔI: CHUYỂN SANG MASK --- */
    display: inline-block; /* Đảm bảo nhận width/height */
    
    /* 1. Đặt ảnh gốc vào mask thay vì background */
    -webkit-mask-image: url('/static/images/sprites.webp');
    mask-image: url('/static/images/sprites.webp');
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    
    /* 2. Áp dụng các biến tính toán vào mask-size */
    -webkit-mask-size: var(--new_sheet_width) var(--new_sheet_height);
    mask-size: var(--new_sheet_width) var(--new_sheet_height);
    
    /* 3. Áp dụng các biến tính toán vào mask-position */
    -webkit-mask-position: var(--sprite_x) var(--sprite_y);
    mask-position: var(--sprite_x) var(--sprite_y);
    
    /* 4. MÀU SẮC: Mặc định lấy theo màu chữ (currentColor) hoặc biến */
    background: var(--icon_fill, currentColor);
    
    width: calc(var(--width) * 1px);
    height: calc(var(--height) * 1px);
}
i.sprite_color_white{
    --icon_fill:#fff;
}
i.sprite_color_diamond_coast_dental_shine{
    --icon_fill: linear-gradient(
        120deg, 
        var(--main_gradient_from)   0%,
        var(--main_gradient_to)     40%,
        var(--main_shine_color)     50%, /* Điểm sáng nhất nằm chính giữa */
        var(--main_gradient_to)     60%,
        var(--main_gradient_from)   100%
    );
    background-size:200% 100% !important;
    animation:color_diamond_coast_dental_shine 5s linear infinite;
}
@keyframes color_diamond_coast_dental_shine {
    0%{
        background-position: 200% center;
    }
    100%{
        background-position: -200% center;
    }
}
i.sprite_color_diamond_coast_dental{
    --icon_fill:#1dc5e9;
}
i.sprite_color_yellow{
    --icon_fill:#ffd800;
}
i.sprite_item{
    display:inline-block;
    --sprite_width:100;
    --sprite_height:100;
}
i.sprite_item.logo{
    --x:0;
    --y:0;
    --sprite_width:370;
    --sprite_height:100;
}
i.sprite_item.menu{
    --x:0;
    --y:100;
}
i.sprite_item.iphone{
    --x:100;
    --y:100;
}
i.sprite_item.clock{
    --x:200;
    --y:100;
}
i.sprite_item.tooth{
    --x:300;
    --y:100;
}
i.sprite_item.certificate{
    --x:400;
    --y:100;
}
i.sprite_item.smile{
    --x:500;
    --y:100;
}
i.sprite_item.star{
    --x:0;
    --y:200;
}
i.sprite_item.location{
    --x:100;
    --y:200;
}
i.sprite_item.phone{
    --x:200;
    --y:200;
}
i.sprite_item.fax{
    --x:300;
    --y:200;
}
i.sprite_item.email{
    --x:400;
    --y:200;
}
i.sprite_item.website{
    --x:500;
    --y:200;
}
i.sprite_item.facebook{
    --x:0;
    --y:300;
}
i.sprite_item.instagram{
    --x:100;
    --y:300;
}
i.sprite_item.youtube{
    --x:200;
    --y:300;
}
i.sprite_item.x{
    --x:300;
    --y:300;
}

i.sprite_item.uniqueness_1{
    --x:0;
    --y:400;
}
i.sprite_item.uniqueness_2{
    --x:100;
    --y:400;
}
i.sprite_item.uniqueness_3{
    --x:200;
    --y:400;
}
i.sprite_item.uniqueness_4{
    --x:0;
    --y:500;
}
i.sprite_item.uniqueness_5{
    --x:100;
    --y:500;
}
i.sprite_item.uniqueness_6{
    --x:200;
    --y:500;
}
i.sprite_item.uniqueness_background{
    --x:300;
    --y:400;
    --sprite_width:200;
    --sprite_height:200;
}

.at{
    display:none;
}
.readmore::after{
    content:'Read More';
}
.readmore span{
    position:absolute;opacity:0;pointer-events:none;
}
body{
    background:#fff;
}

.wrapper{
    display:block;box-sizing:border-box;margin:auto;
    width:min(100%,1200px);
}

header#header{
    position:relative;z-index:2;
}
header#header .section_container{
    display:flex;align-items:stretch;
    background:white;
    gap:0.5rem;
}
header#header #header_logo{
    --logo_height:var(--header_height);
    --logo_width:calc(var(--logo_height) * 370 / 100);
    display:block;cursor:pointer;
    flex-basis:calc(var(--logo_width) * 1px);
    flex-shrink:0;
    height:calc(var(--logo_height) * 1px);
}
header#header #header_logo i{
    --width:var(--logo_width);
    --height:var(--logo_height);
}
header#header #header_logo span{
    opacity:0;
}
header#header #header_nav{
    display:flex;align-items:center;
    flex-grow:1;justify-content:right;
    -webkit-user-select:none;
    user-select:none;
}
header#header #header_nav>ul{
    margin:0;padding:0;list-style:none;
    display:flex;
    gap:1rem;
}
header#header #header_nav>ul>li{
    display:block;position:relative;z-index:1;
}
header#header #header_nav>ul>li>a,header#header #header_nav>ul>li>span{
    display:flex;height:2.5rem;align-items:center;position:relative;z-index:1;
    border-radius:var(--radius-pill);padding:0 1rem;
    text-decoration:none;
    color:var(--text_color);
    text-transform:uppercase;
    transition:color 0.5s;
}
header#header #header_nav>ul>li>a>span,header#header #header_nav>ul>li>span>span{
    z-index:2;
}
header#header #header_nav>ul>li>a:nth-last-child(2),header#header #header_nav>ul>li>span:nth-last-child(2){
    padding-right:2rem;
}
header#header #header_nav>ul>li>a:nth-last-child(2)::after,header#header #header_nav>ul>li>span:nth-last-child(2)::after{
    content:'';display:block;width:0;height:0;
    border:0.5rem solid transparent;
    border-top-color:#444;
    position:absolute;z-index:1;right:0.5rem;top:50%;margin-top:-0.25rem;
    transform:scaleY(1) translateY(0rem);
    transition:border-top-color 0.5s,transform 0.5s;
}
header#header #header_nav>ul>li>a::before,header#header #header_nav>ul>li>span::before{
    content:'';
    display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;
    background:var(--button_background_color);
    background:var(--button_background_gradient);
    opacity:0;
    transition:opacity 0.5s;
    border-radius:2rem;
}
header#header #header_nav>ul>li.active>a,header#header #header_nav>ul>li.active>span,header#header #header_nav>ul>li:hover>a,header#header #header_nav>ul>li:hover>span{
    color:var(--button_text_color);
}
header#header #header_nav>ul>li.active>a:nth-last-child(2)::after,header#header #header_nav>ul>li.active>span:nth-last-child(2)::after,header#header #header_nav>ul>li:hover>a:nth-last-child(2)::after,header#header #header_nav>ul>li:hover>span:nth-last-child(2)::after{
    border-top-color:var(--button_text_color);
    transform:scaleY(-1) translateY(0.5rem);
}

    

header#header #header_nav>ul>li.active>a::before,header#header #header_nav>ul>li.active>span::before,header#header #header_nav>ul>li:hover>a::before,header#header #header_nav>ul>li:hover>span::before{
    opacity:1;
}

header#header #header_nav>ul>li>ul ul{display:none;}
header#header #header_nav>ul>li>ul{
    display:block;margin:0;padding:0;list-style:none;
    background:#fefefe;
    background:linear-gradient(0deg, #fefefe 0%, #fcfcfc 100%);
    border-radius:1rem;
    box-shadow:0 0 1rem rgba(0,0,0,0.1);
    position:absolute;width:200%;top:calc(100% + 1rem);left:-50%;
    transform:translateY(-2rem);
    opacity:0;
    transition:transform 0.5s,opacity 0.5s;
    pointer-events:none;
}

header#header #header_nav>ul>li:hover>ul{
    pointer-events:all;
    transform:translateY(0rem);
    opacity:1;
}

header#header #header_nav>ul>li>ul::before{
    content:'';height:1rem;width:100%;
    position:absolute;top:-1rem;left:0;z-index:1;
    background:transparent;
}
header#header #header_nav>ul>li>ul::after{
    content:'';
    position:absolute;z-index:2;
    display:block;
    width:0;height:0;
    border:1rem solid transparent;
    border-bottom-color:#fefefe;;
    top:-1rem;left:50%;margin-left:-1rem;
    margin-top:-1rem;
}

header#header #header_nav>ul>li>ul>li{
    border-top:1px solid #fff;
    border-bottom:1px solid rgba(0,0,0,0.03);
}
header#header #header_nav>ul>li>ul>li:first-child{
    border-top:none;
}
header#header #header_nav>ul>li>ul>li:first-child>a,header#header #header_nav>ul>li>ul>li:first-child>span{
    border-radius:1rem 1rem 0 0;
}
header#header #header_nav>ul>li>ul>li:last-child{
    border-bottom:none;
}
header#header #header_nav>ul>li>ul>li:last-child>a,header#header #header_nav>ul>li>ul>li:last-child>span{
    border-radius:0 0 1rem 1rem;
}
header#header #header_nav>ul>li>ul>li>a,header#header #header_nav>ul>li>ul>li>span{
    display:flex;align-items:center;color:var(--text_color);
    text-decoration:none;
    height:2.5rem;
    padding:0 1rem;
    transition:padding-left 0.5s,background-color 0.5s;
    overflow:hidden;
}
header#header #header_nav>ul>li>ul>li>a>span,header#header #header_nav>ul>li>ul>li>span>span{
    flex-grow:1;width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
header#header #header_nav>ul>li>ul>li.active>a,header#header #header_nav>ul>li>ul>li.active>span,header#header #header_nav>ul>li>ul>li:hover>a,header#header #header_nav>ul>li>ul>li:hover>span{
    padding-left:1.5rem;
    background:rgba(0,0,0,0.05);
}

header#header .header_buttons{
    display:flex;align-items:center;justify-content:right;gap:0.1rem;
}

header#header .header-button{
    -ms-user-select:none;user-select:none;
    display:flex;align-items:center;cursor:pointer;text-decoration:none;
    color:var(--button_text_color);
}
header#header .header-button>span{
    height:2.5rem;flex-grow:1;display:flex;align-items:center;justify-content:center;
    background:var(--button_background_color);
    background:var(--button_background_gradient);
}
header#header .header-button.icon>span{
    width:2.5rem;
    border-radius:50%;
}
header#header .header-button.text>span{
    border-radius:var(--radius-pill);
    padding:0 1rem;
    text-transform:uppercase;font-weight:bold;
}
header#header .header-button>span i{
    display:block;
    --width:24;--height:24;
}
header#header .header-button#header-menu-button{
    display:none;
}

header#header aside#side-menu{
    position:fixed;width:100vw;height:100vh;
    z-index:9999;top:0;left:0;
    background:rgba(0,0,0,0.2);
    -webkit-backdrop-filter:blur(0.5rem);
    backdrop-filter:blur(0.5rem);
    pointer-events:none;
    opacity:0;
    transition:opacity 0.5s;
}
header#header aside#side-menu>.section_container{
    display:block;
    width:calc(var(--side_menu_width) * 1px);
    transform:translateX(-100%);
    height:100vh;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cdefs%3E%3ClinearGradient id='wgGradient' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(90 .5 .5)'%3E%3Cstop offset='0%' stop-color='%231dc6e9'/%3E%3Cstop offset='50%' stop-color='%231df0d4'/%3E%3Cstop offset='100%' stop-color='%231dc6e9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg class='sx-layer sx-l2'%3E%3Cpath d='M0,100L0,27.25L0,27.25L3,28.15L6,29.11L9,30.1L12,31.13L15,32.17L18,33.22L21,34.25L24,35.27L27,36.25L30,37.17L33,38.04L36,38.84L39,39.55L42,40.18L45,40.71L48,41.14L51,41.48L54,41.71L57,41.84L60,41.87L63,41.82L66,41.67L69,41.45L72,41.16L75,40.81L78,40.4L81,39.95L84,39.46L87,38.94L90,38.4L93,37.85L96,37.28L99,36.71L102,36.14L105,35.57L108,35.01L111,34.45L114,33.9L117,33.35L120,32.81L123,32.27L126,31.73L129,31.2L132,30.66L135,30.11L138,29.56L141,29L144,28.43L147,27.84L150,27.25L153,26.64L156,26.03L159,25.4L162,24.78L165,24.14L168,23.52L171,22.89L174,22.28L177,21.69L180,21.12L183,20.59L186,20.08L189,19.62L192,19.21L195,18.84L198,18.53L201,18.28L204,18.09L207,17.95L210,17.87L213,17.84L216,17.86L219,17.93L222,18.04L225,18.18L228,18.36L231,18.55L234,18.76L237,18.98L240,19.21L243,19.44L246,19.66L249,19.89L252,20.11L255,20.33L258,20.55L261,20.78L264,21.02L267,21.28L270,21.57L273,21.89L276,22.25L279,22.66L282,23.12L285,23.65L288,24.24L291,24.89L294,25.61L297,26.4L300,27.25L300,100Z' fill='url(%23wgGradient)' fill-opacity='0.05'%3E%3C/path%3E%3C/g%3E%3Cg class='sx-layer sx-l1'%3E%3Cpath d='M0,100L0,33.78L0,33.78L3,34.48L6,35.25L9,36.1L12,37.01L15,37.98L18,39.01L21,40.07L24,41.17L27,42.28L30,43.4L33,44.5L36,45.58L39,46.61L42,47.59L45,48.5L48,49.32L51,50.05L54,50.67L57,51.18L60,51.58L63,51.86L66,52.02L69,52.06L72,51.99L75,51.81L78,51.53L81,51.15L84,50.69L87,50.15L90,49.55L93,48.89L96,48.19L99,47.45L102,46.68L105,45.88L108,45.07L111,44.25L114,43.43L117,42.6L120,41.77L123,40.94L126,40.12L129,39.3L132,38.48L135,37.67L138,36.87L141,36.08L144,35.3L147,34.54L150,33.78L153,33.05L156,32.34L159,31.66L162,31.01L165,30.39L168,29.82L171,29.28L174,28.8L177,28.36L180,27.97L183,27.64L186,27.37L189,27.15L192,26.99L195,26.88L198,26.82L201,26.81L204,26.84L207,26.92L210,27.03L213,27.18L216,27.35L219,27.54L222,27.74L225,27.96L228,28.18L231,28.4L234,28.61L237,28.82L240,29.01L243,29.19L246,29.36L249,29.51L252,29.65L255,29.78L258,29.89L261,30L264,30.11L267,30.22L270,30.35L273,30.49L276,30.66L279,30.86L282,31.1L285,31.39L288,31.73L291,32.14L294,32.62L297,33.16L300,33.78L300,100Z' fill='url(%23wgGradient)' fill-opacity='0.05'%3E%3C/path%3E%3C/g%3E%3Cg class='sx-layer sx-l0'%3E%3Cpath d='M0,100L0,50.91L0,50.91L3,51.59L6,52.29L9,53.03L12,53.79L15,54.56L18,55.34L21,56.12L24,56.9L27,57.67L30,58.41L33,59.14L36,59.83L39,60.48L42,61.1L45,61.66L48,62.17L51,62.62L54,63.02L57,63.35L60,63.62L63,63.82L66,63.96L69,64.04L72,64.05L75,64.01L78,63.9L81,63.74L84,63.53L87,63.26L90,62.96L93,62.61L96,62.22L99,61.8L102,61.35L105,60.87L108,60.37L111,59.84L114,59.29L117,58.71L120,58.12L123,57.5L126,56.86L129,56.2L132,55.52L135,54.81L138,54.07L141,53.31L144,52.53L147,51.73L150,50.91L153,50.08L156,49.23L159,48.39L162,47.54L165,46.71L168,45.89L171,45.1L174,44.35L177,43.64L180,42.98L183,42.39L186,41.86L189,41.4L192,41.01L195,40.71L198,40.49L201,40.34L204,40.28L207,40.28L210,40.36L213,40.49L216,40.69L219,40.93L222,41.2L225,41.51L228,41.84L231,42.18L234,42.53L237,42.87L240,43.21L243,43.55L246,43.87L249,44.18L252,44.48L255,44.77L258,45.05L261,45.33L264,45.62L267,45.91L270,46.21L273,46.53L276,46.88L279,47.25L282,47.66L285,48.1L288,48.58L291,49.11L294,49.67L297,50.27L300,50.91L300,100Z' fill='url(%23wgGradient)' fill-opacity='0.05'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow:0 0 1rem rgba(0,0,0,0.3);
    transition:transform 0.5s;
    overflow-y:auto;
}

header#header aside#side-menu.active{
    pointer-events:all;
    opacity:1;
}
header#header aside#side-menu.active>.section_container{
    transform:translateX(0%);
}

header#header aside#side-menu>.section_container .close{
    display:flex;width:2.2rem;height:2.2rem;
    justify-content:center;align-items:center;
    background:#fff;cursor:pointer;
    color:#444;
    position:absolute;
    top:1rem;
    right:-2.2rem;
    border-radius:0 1rem 1rem 0;
}
header#header aside#side-menu>.section_container .close::after{
    content:'X';
}

header#header aside#side-menu #side-menu-logo{
    --logo_width:calc(var(--side_menu_width) * 0.9);
    --logo_height:calc(var(--logo_width) * 100 / 370);
    padding:1rem 0;

    display:block;cursor:pointer;text-align:center;
    height:calc(var(--logo_height) * 1px);
}
header#header aside#side-menu #side-menu-logo i{
    --width:var(--logo_width);
    --height:var(--logo_height);
}
header#header aside#side-menu #side-menu-logo span{
    opacity:0;
}
header#header aside#side-menu .section_container>ul{
    display:block;margin:2rem 1rem 0rem 1rem;padding:0;list-style:none;
    background:#fefefe;
    background:linear-gradient(0deg, #fefefe 0%, #fcfcfc 100%);
    border-radius:1rem;
}

header#header aside#side-menu .section_container>ul>li{
    position:relative;z-index:1;
    border-top:1px solid #fff;
    border-bottom:1px solid rgba(0,0,0,0.03);
}
header#header aside#side-menu .section_container>ul>li:first-child{
    border-top:none;
}
header#header aside#side-menu .section_container>ul>li:first-child>a,header#header aside#side-menu .section_container>ul>li:first-child>span{
    border-radius:1rem 1rem 0 0;
}
header#header aside#side-menu .section_container>ul>li:last-child{
    border-bottom:none;
}
header#header aside#side-menu .section_container>ul>li:last-child>a,header#header aside#side-menu .section_container>ul>li:last-child>span{
    border-radius:0 0 1rem 1rem;
}

header#header aside#side-menu .section_container>ul>li>a:nth-last-child(2),header#header aside#side-menu .section_container>ul>li>span:nth-last-child(2){
    padding-right:2rem;
}
header#header aside#side-menu .section_container>ul>li>a:nth-last-child(2)::after,header#header aside#side-menu .section_container>ul>li>span:nth-last-child(2)::after{
    content:'';display:block;width:0;height:0;
    border:0.5rem solid transparent;
    border-top-color:#444;
    position:absolute;z-index:1;right:0.5rem;top:50%;margin-top:-0.25rem;
    transform:scaleY(1) translateY(0rem);
    transition:border-top-color 0.5s,transform 0.5s;
}

header#header aside#side-menu .section_container>ul>li>a,header#header aside#side-menu .section_container>ul>li>span{
    display:flex;align-items:center;color:var(--text_color);position:relative;z-index:1;
    text-decoration:none;
    height:2.5rem;
    padding:0 1rem;
    transition:padding-left 0.5s,background-color 0.5s;
    overflow:hidden;
}
header#header aside#side-menu .section_container>ul>li>a>span,header#header aside#side-menu .section_container>ul>li>span>span{
    flex-grow:1;width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

header#header aside#side-menu .section_container>ul>li.active>a:nth-last-child(2)::after,header#header aside#side-menu .section_container>ul>li.active>span:nth-last-child(2)::after{
    transform:scaleY(-1) translateY(0.5rem);
}
header#header aside#side-menu .section_container>ul>li.active>ul{
    display:block;
}
header#header aside#side-menu .section_container>ul>li.active>a,header#header aside#side-menu .section_container>ul>li.active>span{
    padding-left:1.5rem;
    background:rgba(0,0,0,0.05);
}


header#header aside#side-menu .section_container>ul>li ul{display:none;}
header#header aside#side-menu .section_container>ul>li>ul{
    margin:0;padding:0 0 0 1rem;list-style:none;
}
header#header aside#side-menu .section_container>ul>li>ul>li{
    position:relative;z-index:1;
    border-top:1px solid #fff;
    border-bottom:1px solid rgba(0,0,0,0.03);
}

header#header aside#side-menu .section_container>ul>li>ul>li:first-child{
    border-top:none;
}
header#header aside#side-menu .section_container>ul>li>ul>li:last-child{
    border-bottom:none;
}

header#header aside#side-menu .section_container>ul>li>ul>li>a,header#header aside#side-menu .section_container>ul>li>ul>li>span{
    display:flex;align-items:center;color:var(--text_color);position:relative;z-index:1;
    text-decoration:none;
    height:2.5rem;
    padding:0 1rem;
    transition:padding-left 0.5s,background-color 0.5s;
    overflow:hidden;
}
header#header aside#side-menu .section_container>ul>li>ul>li>a>span,header#header aside#side-menu .section_container>ul>li>ul>li>span>span{
    flex-grow:1;width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

header#header aside#side-menu .section_container>ul>li>ul>li:hover>a,header#header aside#side-menu .section_container>ul>li>ul>li:hover>span{
    background:rgba(0,0,0,0.05);
}



header#header aside#side-menu .section_container p.copyright{
    text-align:center;display:block;
    font-size:.8rem;
    padding:1rem 0;
}






#hero_banner{
    display:block;position:relative;z-index:1;
    height:calc(100vh - var(--header_height) * 1px);
    background:var(--main_gradient_from);
    background:linear-gradient(90deg, var(--main_gradient_from) 0%, var(--main_gradient_to) 100%);
    overflow:hidden;
}


#hero_banner::before{
    /* Top Wave */
    content:'';display:block;
    width:100%;height:calc((var(--header_height) / 2) * 1px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cdefs%3E%3Cstyle%3E.sx-layer { animation-name: wgMove; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes wgMove { from { transform: translate3d(-1200px,0,0); } to { transform: translate3d(0,0,0); } } .sx-l0 { animation-duration: 10.78s; } .sx-l1 { animation-duration: 18.37s; } %3C/style%3E%3C/defs%3E%3Cg class='sx-layer sx-l1'%3E%3Cpath d='M0,0L0,73L12,70.9L24,68.72L36,66.53L48,64.42L60,62.44L72,60.62L84,59L96,57.59L108,56.39L120,55.42L132,54.7L144,54.25L156,54.11L168,54.3L180,54.85L192,55.77L204,57.04L216,58.63L228,60.48L240,62.52L252,64.63L264,66.71L276,68.66L288,70.37L300,71.78L312,72.81L324,73.46L336,73.71L348,73.58L360,73.12L372,72.38L384,71.42L396,70.28L408,69.04L420,67.74L432,66.4L444,65.07L456,63.76L468,62.48L480,61.23L492,60.02L504,58.86L516,57.75L528,56.73L540,55.82L552,55.08L564,54.58L576,54.4L588,54.62L600,55.32L612,56.54L624,58.32L636,60.64L648,63.43L660,66.58L672,69.92L684,73.28L696,76.42L708,79.16L720,81.31L732,82.72L744,83.31L756,83.06L768,82L780,80.24L792,77.91L804,75.16L816,72.18L828,69.13L840,66.12L852,63.28L864,60.67L876,58.35L888,56.32L900,54.6L912,53.2L924,52.11L936,51.36L948,50.97L960,50.96L972,51.37L984,52.23L996,53.53L1008,55.27L1020,57.41L1032,59.89L1044,62.6L1056,65.45L1068,68.3L1080,71.01L1092,73.45L1104,75.51L1116,77.09L1128,78.11L1140,78.55L1152,78.39L1164,77.69L1176,76.49L1188,74.9L1200,73L1212,70.9L1224,68.72L1236,66.53L1248,64.42L1260,62.44L1272,60.62L1284,59L1296,57.59L1308,56.39L1320,55.42L1332,54.7L1344,54.25L1356,54.11L1368,54.3L1380,54.85L1392,55.77L1404,57.04L1416,58.63L1428,60.48L1440,62.52L1452,64.63L1464,66.71L1476,68.66L1488,70.37L1500,71.78L1512,72.81L1524,73.46L1536,73.71L1548,73.58L1560,73.12L1572,72.38L1584,71.42L1596,70.28L1608,69.04L1620,67.74L1632,66.4L1644,65.07L1656,63.76L1668,62.48L1680,61.23L1692,60.02L1704,58.86L1716,57.75L1728,56.73L1740,55.82L1752,55.08L1764,54.58L1776,54.4L1788,54.62L1800,55.32L1812,56.54L1824,58.32L1836,60.64L1848,63.43L1860,66.58L1872,69.92L1884,73.28L1896,76.42L1908,79.16L1920,81.31L1932,82.72L1944,83.31L1956,83.06L1968,82L1980,80.24L1992,77.91L2004,75.16L2016,72.18L2028,69.13L2040,66.12L2052,63.28L2064,60.67L2076,58.35L2088,56.32L2100,54.6L2112,53.2L2124,52.11L2136,51.36L2148,50.97L2160,50.96L2172,51.37L2184,52.23L2196,53.53L2208,55.27L2220,57.41L2232,59.89L2244,62.6L2256,65.45L2268,68.3L2280,71.01L2292,73.45L2304,75.51L2316,77.09L2328,78.11L2340,78.55L2352,78.39L2364,77.69L2376,76.49L2388,74.9L2400,73L2400,0Z' fill='%23ffffff' fill-opacity='0.80'%3E%3C/path%3E%3C/g%3E%3Cg class='sx-layer sx-l0'%3E%3Cpath d='M0,0L0,49.49L12,47.61L24,45.81L36,44.13L48,42.57L60,41.17L72,39.97L84,39.02L96,38.38L108,38.11L120,38.26L132,38.86L144,39.93L156,41.45L168,43.35L180,45.55L192,47.93L204,50.37L216,52.72L228,54.84L240,56.65L252,58.04L264,58.98L276,59.45L288,59.47L300,59.1L312,58.4L324,57.45L336,56.33L348,55.1L360,53.82L372,52.55L384,51.3L396,50.09L408,48.92L420,47.79L432,46.69L444,45.62L456,44.57L468,43.57L480,42.64L492,41.82L504,41.17L516,40.76L528,40.66L540,40.95L552,41.7L564,42.94L576,44.68L588,46.89L600,49.49L612,52.38L624,55.39L636,58.36L648,61.09L660,63.41L672,65.18L684,66.29L696,66.68L708,66.34L720,65.33L732,63.73L744,61.66L756,59.24L768,56.6L780,53.85L792,51.1L804,48.41L816,45.84L828,43.42L840,41.19L852,39.18L864,37.44L876,36.02L888,34.99L900,34.41L912,34.34L924,34.83L936,35.9L948,37.55L960,39.72L972,42.32L984,45.26L996,48.38L1008,51.52L1020,54.54L1032,57.28L1044,59.62L1056,61.45L1068,62.72L1080,63.41L1092,63.5L1104,63.06L1116,62.14L1128,60.83L1140,59.22L1152,57.4L1164,55.45L1176,53.45L1188,51.45L1200,49.49L1212,47.61L1224,45.81L1236,44.13L1248,42.57L1260,41.17L1272,39.97L1284,39.02L1296,38.38L1308,38.11L1320,38.26L1332,38.86L1344,39.93L1356,41.45L1368,43.35L1380,45.55L1392,47.93L1404,50.37L1416,52.72L1428,54.84L1440,56.65L1452,58.04L1464,58.98L1476,59.45L1488,59.47L1500,59.1L1512,58.4L1524,57.45L1536,56.33L1548,55.1L1560,53.82L1572,52.55L1584,51.3L1596,50.09L1608,48.92L1620,47.79L1632,46.69L1644,45.62L1656,44.57L1668,43.57L1680,42.64L1692,41.82L1704,41.17L1716,40.76L1728,40.66L1740,40.95L1752,41.7L1764,42.94L1776,44.68L1788,46.89L1800,49.49L1812,52.38L1824,55.39L1836,58.36L1848,61.09L1860,63.41L1872,65.18L1884,66.29L1896,66.68L1908,66.34L1920,65.33L1932,63.73L1944,61.66L1956,59.24L1968,56.6L1980,53.85L1992,51.1L2004,48.41L2016,45.84L2028,43.42L2040,41.19L2052,39.18L2064,37.44L2076,36.02L2088,34.99L2100,34.41L2112,34.34L2124,34.83L2136,35.9L2148,37.55L2160,39.72L2172,42.32L2184,45.26L2196,48.38L2208,51.52L2220,54.54L2232,57.28L2244,59.62L2256,61.45L2268,62.72L2280,63.41L2292,63.5L2304,63.06L2316,62.14L2328,60.83L2340,59.22L2352,57.4L2364,55.45L2376,53.45L2388,51.45L2400,49.49L2400,0Z' fill='%23ffffff' fill-opacity='1.00'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position:absolute;z-index:2;
}

#hero_banner::after{
    /* Bottom Wave */
    content:'';display:block;
    width:100%;height:calc(var(--header_height) * 1px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cdefs%3E%3Cstyle%3E.sx-layer { animation-name: wgMove; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes wgMove { from { transform: translate3d(-1200px,0,0); } to { transform: translate3d(0,0,0); } } .sx-l0 { animation-duration: 10.36s; } .sx-l1 { animation-duration: 21.54s; } %3C/style%3E%3C/defs%3E%3Cg class='sx-layer sx-l1'%3E%3Cpath d='M0,200L0,100.99L0,100.99L12,96.81L24,92.43L36,88.06L48,83.84L60,79.88L72,76.25L84,73.01L96,70.18L108,67.78L120,65.84L132,64.4L144,63.51L156,63.22L168,63.61L180,64.71L192,66.54L204,69.08L216,72.26L228,75.97L240,80.03L252,84.25L264,88.42L276,92.32L288,95.75L300,98.55L312,100.63L324,101.92L336,102.41L348,102.16L360,101.25L372,99.76L384,97.83L396,95.57L408,93.08L420,90.47L432,87.8L444,85.14L456,82.52L468,79.95L480,77.46L492,75.04L504,72.72L516,70.51L528,68.46L540,66.64L552,65.17L564,64.17L576,63.81L588,64.25L600,65.64L612,68.09L624,71.65L636,76.28L648,81.86L660,88.16L672,94.85L684,101.55L696,107.85L708,113.32L720,117.61L732,120.43L744,121.61L756,121.11L768,119L780,115.48L792,110.81L804,105.33L816,99.37L828,93.25L840,87.24L852,81.56L864,76.35L876,71.7L888,67.64L900,64.21L912,61.4L924,59.22L936,57.72L948,56.93L960,56.92L972,57.74L984,59.45L996,62.06L1008,65.54L1020,69.82L1032,74.77L1044,80.21L1056,85.9L1068,91.59L1080,97.02L1092,101.91L1104,106.02L1116,109.17L1128,111.22L1140,112.09L1152,111.79L1164,110.38L1176,107.99L1188,104.79L1200,100.99L1212,96.81L1224,92.43L1236,88.06L1248,83.84L1260,79.88L1272,76.25L1284,73.01L1296,70.18L1308,67.78L1320,65.84L1332,64.4L1344,63.51L1356,63.22L1368,63.61L1380,64.71L1392,66.54L1404,69.08L1416,72.26L1428,75.97L1440,80.03L1452,84.25L1464,88.42L1476,92.32L1488,95.75L1500,98.55L1512,100.63L1524,101.92L1536,102.41L1548,102.16L1560,101.25L1572,99.76L1584,97.83L1596,95.57L1608,93.08L1620,90.47L1632,87.8L1644,85.14L1656,82.52L1668,79.95L1680,77.46L1692,75.04L1704,72.72L1716,70.51L1728,68.46L1740,66.64L1752,65.17L1764,64.17L1776,63.81L1788,64.25L1800,65.64L1812,68.09L1824,71.65L1836,76.28L1848,81.86L1860,88.16L1872,94.85L1884,101.55L1896,107.85L1908,113.32L1920,117.61L1932,120.43L1944,121.61L1956,121.11L1968,119L1980,115.48L1992,110.81L2004,105.33L2016,99.37L2028,93.25L2040,87.24L2052,81.56L2064,76.35L2076,71.7L2088,67.64L2100,64.21L2112,61.4L2124,59.22L2136,57.72L2148,56.93L2160,56.92L2172,57.74L2184,59.45L2196,62.06L2208,65.54L2220,69.82L2232,74.77L2244,80.21L2256,85.9L2268,91.59L2280,97.02L2292,101.91L2304,106.02L2316,109.17L2328,111.22L2340,112.09L2352,111.79L2364,110.38L2376,107.99L2388,104.79L2400,100.99L2400,200Z' fill='%23ffffff' fill-opacity='0.80'%3E%3C/path%3E%3C/g%3E%3Cg class='sx-layer sx-l0'%3E%3Cpath d='M0,200L0,98.99L0,98.99L12,95.22L24,91.63L36,88.26L48,85.14L60,82.34L72,79.94L84,78.04L96,76.76L108,76.22L120,76.52L132,77.73L144,79.87L156,82.9L168,86.7L180,91.1L192,95.87L204,100.74L216,105.43L228,109.69L240,113.29L252,116.08L264,117.95L276,118.9L288,118.95L300,118.21L312,116.81L324,114.91L336,112.66L348,110.2L360,107.65L372,105.09L384,102.59L396,100.17L408,97.84L420,95.58L432,93.38L444,91.23L456,89.15L468,87.14L480,85.28L492,83.64L504,82.34L516,81.51L528,81.32L540,81.91L552,83.4L564,85.88L576,89.36L588,93.78L600,98.99L612,104.76L624,110.78L636,116.71L648,122.17L660,126.82L672,130.36L684,132.58L696,133.35L708,132.69L720,130.67L732,127.46L744,123.31L756,118.47L768,113.19L780,107.71L792,102.2L804,96.82L816,91.68L828,86.84L840,82.38L852,78.36L864,74.88L876,72.04L888,69.98L900,68.81L912,68.68L924,69.66L936,71.81L948,75.09L960,79.43L972,84.65L984,90.52L996,96.75L1008,103.04L1020,109.08L1032,114.56L1044,119.23L1056,122.91L1068,125.45L1080,126.81L1092,127.01L1104,126.13L1116,124.29L1128,121.67L1140,118.45L1152,114.8L1164,110.91L1176,106.9L1188,102.9L1200,98.99L1212,95.22L1224,91.63L1236,88.26L1248,85.14L1260,82.34L1272,79.94L1284,78.04L1296,76.76L1308,76.22L1320,76.52L1332,77.73L1344,79.87L1356,82.9L1368,86.7L1380,91.1L1392,95.87L1404,100.74L1416,105.43L1428,109.69L1440,113.29L1452,116.08L1464,117.95L1476,118.9L1488,118.95L1500,118.21L1512,116.81L1524,114.91L1536,112.66L1548,110.2L1560,107.65L1572,105.09L1584,102.59L1596,100.17L1608,97.84L1620,95.58L1632,93.38L1644,91.23L1656,89.15L1668,87.14L1680,85.28L1692,83.64L1704,82.34L1716,81.51L1728,81.32L1740,81.91L1752,83.4L1764,85.88L1776,89.36L1788,93.78L1800,98.99L1812,104.76L1824,110.78L1836,116.71L1848,122.17L1860,126.82L1872,130.36L1884,132.58L1896,133.35L1908,132.69L1920,130.67L1932,127.46L1944,123.31L1956,118.47L1968,113.19L1980,107.71L1992,102.2L2004,96.82L2016,91.68L2028,86.84L2040,82.38L2052,78.36L2064,74.88L2076,72.04L2088,69.98L2100,68.81L2112,68.68L2124,69.66L2136,71.81L2148,75.09L2160,79.43L2172,84.65L2184,90.52L2196,96.75L2208,103.04L2220,109.08L2232,114.56L2244,119.23L2256,122.91L2268,125.45L2280,126.81L2292,127.01L2304,126.13L2316,124.29L2328,121.67L2340,118.45L2352,114.8L2364,110.91L2376,106.9L2388,102.9L2400,98.99L2400,200Z' fill='%23ffffff' fill-opacity='1.00'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 102%;
    background-repeat: no-repeat;
    position:absolute;bottom:-1px;
    z-index:5;
}
#hero_banner .background{
    /* Background */
    display:block;width:100%;height:100%;
    position:absolute;z-index:1;
    pointer-events:none;
    background:var(--svg_background_diamond);
    background-size:80%;
}
#hero_banner .background::before{
    /* Background Back Wave */
    content:'';
    display:block;
    height:50%;width:100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cdefs%3E%3Cstyle%3E.sx-layer { animation-name: wgMove; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes wgMove { from { transform: translate3d(-1200px,0,0); } to { transform: translate3d(0,0,0); } } .sx-l0 { animation-duration: 13.66s; } .sx-l1 { animation-duration: 21.84s; } .sx-l2 { animation-duration: 29.12s; } %3C/style%3E%3ClinearGradient id='wgGradient' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(90 .5 .5)'%3E%3Cstop offset='0%' stop-color='%231cadca'/%3E%3Cstop offset='25%' stop-color='%231dd3bb'/%3E%3Cstop offset='50%' stop-color='%231cadca'/%3E%3Cstop offset='75%' stop-color='%231dd3bb'/%3E%3Cstop offset='100%' stop-color='%231cadca'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg class='sx-layer sx-l2'%3E%3Cpath d='M0,200L0,65.52L0,65.52L12,68.28L24,71.28L36,74.46L48,77.74L60,81.02L72,84.18L84,87.1L96,89.66L108,91.73L120,93.24L132,94.1L144,94.29L156,93.8L168,92.68L180,90.98L192,88.81L204,86.29L216,83.57L228,80.77L240,78.02L252,75.44L264,73.12L276,71.13L288,69.49L300,68.21L312,67.27L324,66.63L336,66.24L348,66.03L360,65.95L372,65.93L384,65.93L396,65.89L408,65.81L420,65.65L432,65.4L444,65.07L456,64.65L468,64.16L480,63.6L492,63.01L504,62.42L516,61.86L528,61.41L540,61.13L552,61.12L564,61.45L576,62.24L588,63.57L600,65.52L612,68.15L624,71.47L636,75.46L648,80.06L660,85.15L672,90.55L684,96.06L696,101.44L708,106.44L720,110.81L732,114.32L744,116.75L756,117.96L768,117.86L780,116.44L792,113.73L804,109.85L816,104.97L828,99.32L840,93.13L852,86.66L864,80.18L876,73.92L888,68.09L900,62.83L912,58.28L924,54.49L936,51.48L948,49.23L960,47.68L972,46.75L984,46.34L996,46.35L1008,46.68L1020,47.23L1032,47.92L1044,48.69L1056,49.5L1068,50.32L1080,51.14L1092,51.97L1104,52.84L1116,53.77L1128,54.8L1140,55.98L1152,57.36L1164,58.98L1176,60.87L1188,63.05L1200,65.52L1212,68.28L1224,71.28L1236,74.46L1248,77.74L1260,81.02L1272,84.18L1284,87.1L1296,89.66L1308,91.73L1320,93.24L1332,94.1L1344,94.29L1356,93.8L1368,92.68L1380,90.98L1392,88.81L1404,86.29L1416,83.57L1428,80.77L1440,78.02L1452,75.44L1464,73.12L1476,71.13L1488,69.49L1500,68.21L1512,67.27L1524,66.63L1536,66.24L1548,66.03L1560,65.95L1572,65.93L1584,65.93L1596,65.89L1608,65.81L1620,65.65L1632,65.4L1644,65.07L1656,64.65L1668,64.16L1680,63.6L1692,63.01L1704,62.42L1716,61.86L1728,61.41L1740,61.13L1752,61.12L1764,61.45L1776,62.24L1788,63.57L1800,65.52L1812,68.15L1824,71.47L1836,75.46L1848,80.06L1860,85.15L1872,90.55L1884,96.06L1896,101.44L1908,106.44L1920,110.81L1932,114.32L1944,116.75L1956,117.96L1968,117.86L1980,116.44L1992,113.73L2004,109.85L2016,104.97L2028,99.32L2040,93.13L2052,86.66L2064,80.18L2076,73.92L2088,68.09L2100,62.83L2112,58.28L2124,54.49L2136,51.48L2148,49.23L2160,47.68L2172,46.75L2184,46.34L2196,46.35L2208,46.68L2220,47.23L2232,47.92L2244,48.69L2256,49.5L2268,50.32L2280,51.14L2292,51.97L2304,52.84L2316,53.77L2328,54.8L2340,55.98L2352,57.36L2364,58.98L2376,60.87L2388,63.05L2400,65.52L2400,200Z' fill='url(%23wgGradient)' fill-opacity='0.60'%3E%3C/path%3E%3C/g%3E%3Cg class='sx-layer sx-l1'%3E%3Cpath d='M0,200L0,104.51L0,104.51L12,103.71L24,102.8L36,101.82L48,100.77L60,99.65L72,98.47L84,97.2L96,95.84L108,94.36L120,92.74L132,90.99L144,89.11L156,87.12L168,85.06L180,82.98L192,80.95L204,79.03L216,77.31L228,75.85L240,74.71L252,73.92L264,73.51L276,73.46L288,73.76L300,74.34L312,75.15L324,76.12L336,77.18L348,78.25L360,79.29L372,80.27L384,81.18L396,82.02L408,82.82L420,83.63L432,84.49L444,85.45L456,86.55L468,87.82L480,89.25L492,90.84L504,92.57L516,94.37L528,96.2L540,97.99L552,99.67L564,101.21L576,102.54L588,103.64L600,104.51L612,105.12L624,105.48L636,105.61L648,105.49L660,105.13L672,104.51L684,103.59L696,102.34L708,100.69L720,98.6L732,96.02L744,92.91L756,89.27L768,85.13L780,80.53L792,75.58L804,70.41L816,65.19L828,60.09L840,55.31L852,51.06L864,47.5L876,44.8L888,43.06L900,42.36L912,42.72L924,44.11L936,46.46L948,49.65L960,53.55L972,58L984,62.82L996,67.84L1008,72.89L1020,77.85L1032,82.57L1044,86.97L1056,90.96L1068,94.49L1080,97.53L1092,100.07L1104,102.12L1116,103.69L1128,104.82L1140,105.53L1152,105.87L1164,105.9L1176,105.64L1188,105.16L1200,104.51L1212,103.71L1224,102.8L1236,101.82L1248,100.77L1260,99.65L1272,98.47L1284,97.2L1296,95.84L1308,94.36L1320,92.74L1332,90.99L1344,89.11L1356,87.12L1368,85.06L1380,82.98L1392,80.95L1404,79.03L1416,77.31L1428,75.85L1440,74.71L1452,73.92L1464,73.51L1476,73.46L1488,73.76L1500,74.34L1512,75.15L1524,76.12L1536,77.18L1548,78.25L1560,79.29L1572,80.27L1584,81.18L1596,82.02L1608,82.82L1620,83.63L1632,84.49L1644,85.45L1656,86.55L1668,87.82L1680,89.25L1692,90.84L1704,92.57L1716,94.37L1728,96.2L1740,97.99L1752,99.67L1764,101.21L1776,102.54L1788,103.64L1800,104.51L1812,105.12L1824,105.48L1836,105.61L1848,105.49L1860,105.13L1872,104.51L1884,103.59L1896,102.34L1908,100.69L1920,98.6L1932,96.02L1944,92.91L1956,89.27L1968,85.13L1980,80.53L1992,75.58L2004,70.41L2016,65.19L2028,60.09L2040,55.31L2052,51.06L2064,47.5L2076,44.8L2088,43.06L2100,42.36L2112,42.72L2124,44.11L2136,46.46L2148,49.65L2160,53.55L2172,58L2184,62.82L2196,67.84L2208,72.89L2220,77.85L2232,82.57L2244,86.97L2256,90.96L2268,94.49L2280,97.53L2292,100.07L2304,102.12L2316,103.69L2328,104.82L2340,105.53L2352,105.87L2364,105.9L2376,105.64L2388,105.16L2400,104.51L2400,200Z' fill='url(%23wgGradient)' fill-opacity='0.80'%3E%3C/path%3E%3C/g%3E%3Cg class='sx-layer sx-l0'%3E%3Cpath d='M0,200L0,98.02L0,98.02L12,94.16L24,90.53L36,87.23L48,84.38L60,82.02L72,80.23L84,79.02L96,78.38L108,78.31L120,78.74L132,79.6L144,80.81L156,82.29L168,83.94L180,85.68L192,87.45L204,89.18L216,90.84L228,92.39L240,93.82L252,95.12L264,96.31L276,97.38L288,98.35L300,99.21L312,99.98L324,100.66L336,101.26L348,101.79L360,102.27L372,102.73L384,103.18L396,103.66L408,104.2L420,104.84L432,105.58L444,106.44L456,107.4L468,108.41L480,109.41L492,110.32L504,111.03L516,111.42L528,111.38L540,110.8L552,109.59L564,107.7L576,105.12L588,101.86L600,98.02L612,93.72L624,89.1L636,84.36L648,79.69L660,75.3L672,71.36L684,68.03L696,65.43L708,63.63L720,62.65L732,62.49L744,63.07L756,64.31L768,66.1L780,68.31L792,70.83L804,73.55L816,76.38L828,79.27L840,82.17L852,85.06L864,87.96L876,90.88L888,93.83L900,96.84L912,99.91L924,103.04L936,106.21L948,109.39L960,112.53L972,115.57L984,118.44L996,121.06L1008,123.38L1020,125.32L1032,126.82L1044,127.85L1056,128.36L1068,128.33L1080,127.75L1092,126.62L1104,124.96L1116,122.79L1128,120.14L1140,117.07L1152,113.64L1164,109.93L1176,106.02L1188,102.02L1200,98.02L1212,94.16L1224,90.53L1236,87.23L1248,84.38L1260,82.02L1272,80.23L1284,79.02L1296,78.38L1308,78.31L1320,78.74L1332,79.6L1344,80.81L1356,82.29L1368,83.94L1380,85.68L1392,87.45L1404,89.18L1416,90.84L1428,92.39L1440,93.82L1452,95.12L1464,96.31L1476,97.38L1488,98.35L1500,99.21L1512,99.98L1524,100.66L1536,101.26L1548,101.79L1560,102.27L1572,102.73L1584,103.18L1596,103.66L1608,104.2L1620,104.84L1632,105.58L1644,106.44L1656,107.4L1668,108.41L1680,109.41L1692,110.32L1704,111.03L1716,111.42L1728,111.38L1740,110.8L1752,109.59L1764,107.7L1776,105.12L1788,101.86L1800,98.02L1812,93.72L1824,89.1L1836,84.36L1848,79.69L1860,75.3L1872,71.36L1884,68.03L1896,65.43L1908,63.63L1920,62.65L1932,62.49L1944,63.07L1956,64.31L1968,66.1L1980,68.31L1992,70.83L2004,73.55L2016,76.38L2028,79.27L2040,82.17L2052,85.06L2064,87.96L2076,90.88L2088,93.83L2100,96.84L2112,99.91L2124,103.04L2136,106.21L2148,109.39L2160,112.53L2172,115.57L2184,118.44L2196,121.06L2208,123.38L2220,125.32L2232,126.82L2244,127.85L2256,128.36L2268,128.33L2280,127.75L2292,126.62L2304,124.96L2316,122.79L2328,120.14L2340,117.07L2352,113.64L2364,109.93L2376,106.02L2388,102.02L2400,98.02L2400,200Z' fill='url(%23wgGradient)' fill-opacity='1.00'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position:absolute;bottom:0;left:0;
    z-index:1;
}
#hero_banner .background::after{
    /* Background Image */
    content:'';
    display:block;
    height:70%;width:150%;
    background:url(/static/images/hero_banner_home.webp) no-repeat bottom center;
    background-size:contain;
    z-index:1;position:absolute;bottom:0;left:-25%;
    transform:translateY(100%);
    transition:transform 2s;
}
#hero_banner .wrapper{
    position:relative;z-index:2;
    height:50%;display:block;
}
#hero_banner .section_container{
    display:flex;flex-direction:column;align-items:stretch;
    padding:calc((var(--header_height) / 2) * 1px) 0;
    height:100%;
}

#hero_banner .section_container .content{
    --content_font_size:clamp(14px,1.2vw,20px);
    flex-grow:1;display:flex;align-items:center;
    width:100%;text-align:center;
    color:var(--light_text_color);
    text-shadow:0 0 0.5rem var(--light_text_shadow);
}
#hero_banner .section_container .content>div{
    flex-grow:1;
}
#hero_banner .section_container .content .small_title{
    font-size:calc(1.4 * var(--content_font_size));
    transform:translateX(100%);
    opacity:0;
    transition:transform 3s,opacity 3s;
}
#hero_banner .section_container .content .big_title{
    font-size:calc(2.2 * var(--content_font_size));
    transform:translateX(-100%);
    opacity:0;
    transition:transform 3s,opacity 3s;
}
#hero_banner .section_container .content .description{
    font-size:calc(1 * var(--content_font_size));
    transform:translateY(100%);
    opacity:0;
    transition:transform 3s,opacity 3s;
}


#hero_banner.scroll_active .background::after{
    transform:translateY(0%);
}
#hero_banner.scroll_active .section_container .content .small_title{
    transform:translateX(0%);
    opacity:1;
}
#hero_banner.scroll_active .section_container .content .big_title{
    transform:translateX(0%);
    opacity:1;
}
#hero_banner.scroll_active .section_container .content .description{
    transform:translateY(0%);
    opacity:1;
}


#quick_contact .section_container{
    display:flex;gap:1rem;
}
#quick_contact .section_container .column{
    flex-grow:1;flex-shrink:0;display:flex;
    transition:transform 1s,opacity 1s;
}
#quick_contact .section_container .column .item{
    display:flex;flex-grow:1;flex-shrink:0;align-items:center;
    gap:1rem;
}
#quick_contact .section_container .column .item .icon i{
    display:block;
    --width:72;
    --height:72;
}
#quick_contact .section_container .column .item .text span{
    display:block;
}
#quick_contact .section_container .column .item .text .title{
    font-weight:bold;
}
#quick_contact .section_container .column .book_button{
    -ms-user-select:none;user-select:none;
    display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;
    padding:0 2em;font-size:1rem;
    height:3em;
    border-radius:var(--radius-pill);
    background:var(--button_background_color);
    background:var(--button_background_gradient);
    color:var(--button_text_color);text-decoration:none;
}
#quick_contact .section_container .column:last-child .item{
    justify-content:right;
}

#quick_contact .section_container .column:nth-child(1){
    opacity:0;
    transform:translateX(-100%) translateY(0%);
}
#quick_contact .section_container .column:nth-child(2){
    opacity:0;
    transform:translateX(0%) translateY(100%);
}
#quick_contact .section_container .column:nth-child(3){
    opacity:0;
    transform:translateX(100%) translateY(0%);
}


#quick_contact.scroll_active .section_container .column{
    opacity:1;
    transform:translateX(0%) translateY(0%);
}



#meet_dr_pham{
    --min_height:350px;
    position:relative;z-index:1;
    background:#fff;
    min-height:var(--min_height);
}
#meet_dr_pham::before{
    content:'';
    background:var(--svg_background_wave_line) repeat bottom center;
    display:block;
    width:100%;height:350px;
    position:absolute;z-index:1;bottom:0;left:0;
}

#meet_dr_pham .section_container{
    min-height:var(--min_height);
    display:flex;align-items:center;gap:5%;
}
#meet_dr_pham .section_container .thumbnail{
    pointer-events:none;-ms-user-select:none;user-select:none;
    display:block;position:relative;z-index:1;
    margin-top:10%;
    flex-basis:40%;
    flex-shrink:0;
}
#meet_dr_pham .section_container .thumbnail::before{
    content:'';display:block;width:100%;padding-top:100%;
}
#meet_dr_pham .section_container .thumbnail::after{
    content:'';display:block;width:100%;height:100%;
    position:absolute;z-index:1;top:0;left:0;
    background:#c1eef6;
    border-radius:2rem;
    transform:rotate(-180deg);
    transition:transform 2s;
}
#meet_dr_pham .section_container .thumbnail .thumbnail_container{
    display:block;position:absolute;z-index:2;
    width:100%;height:100%;top:0;left:0;
    border-radius:2rem;overflow:hidden;
    background:#fff;
}
#meet_dr_pham .section_container .content{
    flex-grow:1;margin-top:10%;
    transform:translateX(20%) translateY(0%);
    opacity:0;
    transition:opacity 2s,transform 2s;
}
#meet_dr_pham .section_container .content .title{
    color:var(--main_color);
}
#meet_dr_pham .section_container .content .title+*{
    margin-top:2rem;
}
#meet_dr_pham .section_container .content p{
    line-height:2em;
    text-align:justify;
    text-align-last:left;
}
#meet_dr_pham .section_container .buttons{display:block;padding-top:2rem;text-align:right;}
#meet_dr_pham .section_container .buttons a{
    -ms-user-select:none;user-select:none;
    display:inline-flex;align-items:center;height:3rem;
    color:var(--button_text_color);
    background:var(--button_background_color);
    background:var(--button_background_gradient);
    text-decoration:none;
    border-radius:var(--radius-pill);padding:0 2rem;
}


#meet_dr_pham.scroll_active .section_container .thumbnail::after{
    transform:rotate(-10deg);
}
#meet_dr_pham.scroll_active .section_container .content{
    opacity:1;
    transform:translateX(0%) translateY(0%);
}



#about_us{
    --min_height:350px;
    position:relative;z-index:1;
    background:#fff;
    min-height:var(--min_height);
}
#about_us::before{
    content:'';
    background:var(--svg_background_diamond_2);
    display:block;
    width:100%;height:350px;
    position:absolute;z-index:1;bottom:0;left:0;
}

#about_us .section_container{
    min-height:var(--min_height);
    display:flex;align-items:center;gap:10%;
    flex-direction:row-reverse;
}
#about_us .section_container .thumbnail{
    pointer-events:none;-ms-user-select:none;user-select:none;
    display:block;position:relative;z-index:1;
    margin:10% 6% 0 0% ;
    flex-basis:40%;
    flex-shrink:0;
}
#about_us .section_container .thumbnail::before{
    content:'';display:block;width:100%;padding-top:100%;
}
#about_us .section_container .thumbnail::after{
    content:'';display:block;width:100%;height:100%;
    position:absolute;z-index:3;top:0;left:0;
    background:#65d6eb;
    border-radius:2rem;
    transform:rotate(0deg);
    transition:transform 2s;
}
#about_us .section_container .thumbnail .additional_layers::before{
    content:'';
    display:block;width:100%;height:100%;
    position:absolute;z-index:2;top:0;left:0;
    background:#c1eef6;
    border-radius:2rem;
    transform:rotate(0deg);
    transition:transform 2s;
}
#about_us .section_container .thumbnail .additional_layers::after{
    content:'';
    display:block;width:100%;height:100%;
    position:absolute;z-index:1;top:0;left:0;
    background:#d9f4f9;
    border-radius:2rem;
    transform:rotate(0deg);
    transition:transform 2s;
}
#about_us .section_container .thumbnail .thumbnail_container{
    display:block;position:absolute;z-index:4;
    width:100%;height:100%;top:0;left:0;
    border-radius:2rem;overflow:hidden;
    background:#fff;
}
#about_us .section_container .content{
    flex-grow:1;margin-top:10%;
    transform:translateX(-20%) translateY(0%);
    opacity:0;
    transition:opacity 2s,transform 2s;
}
#about_us .section_container .content .title{
    color:var(--main_color);
}
#about_us .section_container .content .title+*{
    margin-top:2rem;
}
#about_us .section_container .content p{
    line-height:2em;
    text-align:justify;
    text-align-last:left;
}
#about_us .section_container .items{display:flex;padding-top:2rem;gap:1rem;align-items:stretch;}
#about_us .section_container .items .item{
    display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;
}
#about_us .section_container .items .item .icon{
    --icon-size:80;
    width:100%;
    flex-basis:calc(var(--icon-size) * 1px);
    flex-shrink:0;text-align:center;
}
#about_us .section_container .items .item .icon i{
    --width:var(--icon-size);
    --height:var(--icon-size);
}
#about_us .section_container .items .item .text{
    width:100%;flex-grow:1;font-weight:bold;
    text-align:center;display:flex;justify-content:center;align-items:center;
}

#about_us.scroll_active .section_container .thumbnail::after{
    transform:rotate(-10deg);
}
#about_us.scroll_active .section_container .thumbnail .additional_layers::before{
    transform:rotate(-20deg);
}
#about_us.scroll_active .section_container .thumbnail .additional_layers::after{
    transform:rotate(-30deg);
}
#about_us.scroll_active .section_container .content{
    position:relative;z-index:2;
    opacity:1;
    transform:translateX(0%) translateY(0%);
}



#our_uniqueness{
    margin:100px 0;
    display:block;position:relative;z-index:1;
    background:#0b6175 var(--svg_background_diamond_2);
    color:#fff;text-shadow:1px 1px 1rem #000;
    padding:2rem 0;
}
#our_uniqueness::before{
    content:'';display:block;width:100%;height:100px;position:absolute;top:-100px;left:0;z-index:1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cg class='sx-layer sx-l0'%3E%3Cpath d='M0,100L0,51.31L0,51.31L10,50.49L20,49.65L30,48.8L40,47.94L50,47.08L60,46.22L70,45.37L80,44.54L90,43.74L100,42.98L110,42.27L120,41.61L130,41.01L140,40.48L150,40.02L160,39.64L170,39.34L180,39.11L190,38.97L200,38.91L210,38.91L220,38.99L230,39.12L240,39.3L250,39.53L260,39.8L270,40.1L280,40.41L290,40.74L300,41.07L310,41.41L320,41.75L330,42.09L340,42.42L350,42.76L360,43.09L370,43.44L380,43.8L390,44.18L400,44.58L410,45.02L420,45.5L430,46.03L440,46.61L450,47.24L460,47.94L470,48.7L480,49.51L490,50.39L500,51.31L510,52.29L520,53.3L530,54.35L540,55.41L550,56.48L560,57.55L570,58.61L580,59.64L590,60.62L600,61.56L610,62.44L620,63.25L630,63.99L640,64.64L650,65.2L660,65.67L670,66.05L680,66.34L690,66.54L700,66.65L710,66.67L720,66.61L730,66.48L740,66.28L750,66.02L760,65.7L770,65.33L780,64.92L790,64.47L800,64L810,63.49L820,62.97L830,62.43L840,61.87L850,61.31L860,60.73L870,60.15L880,59.56L890,58.96L900,58.35L910,57.73L920,57.09L930,56.44L940,55.77L950,55.09L960,54.38L970,53.65L980,52.89L990,52.11L1000,51.31L1000,100Z' fill='%230b6175' fill-opacity='1.00'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#our_uniqueness::after{
    content:'';display:block;width:100%;height:100px;position:absolute;bottom:-100px;left:0;z-index:1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cg class='sx-layer sx-l0'%3E%3Cpath d='M0,0L0,48.64L10,47.79L20,46.97L30,46.18L40,45.43L50,44.71L60,44.04L70,43.41L80,42.84L90,42.32L100,41.85L110,41.45L120,41.11L130,40.83L140,40.61L150,40.46L160,40.36L170,40.31L180,40.32L190,40.38L200,40.48L210,40.61L220,40.78L230,40.97L240,41.18L250,41.41L260,41.64L270,41.88L280,42.11L290,42.34L300,42.56L310,42.77L320,42.97L330,43.15L340,43.32L350,43.47L360,43.62L370,43.77L380,43.92L390,44.08L400,44.25L410,44.45L420,44.68L430,44.95L440,45.26L450,45.64L460,46.08L470,46.6L480,47.2L490,47.87L500,48.64L510,49.49L520,50.42L530,51.43L540,52.52L550,53.68L560,54.89L570,56.14L580,57.43L590,58.73L600,60.02L610,61.3L620,62.54L630,63.73L640,64.84L650,65.88L660,66.81L670,67.63L680,68.33L690,68.9L700,69.33L710,69.63L720,69.8L730,69.83L740,69.72L750,69.5L760,69.16L770,68.71L780,68.17L790,67.54L800,66.84L810,66.08L820,65.26L830,64.4L840,63.51L850,62.59L860,61.66L870,60.71L880,59.76L890,58.8L900,57.84L910,56.89L920,55.94L930,54.99L940,54.05L950,53.12L960,52.2L970,51.29L980,50.39L990,49.5L1000,48.64L1000,0Z' fill='%230b6175' fill-opacity='1.00'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#our_uniqueness .section_container .title{
    font-size:2rem;
    display:block;text-align:center;
}
#our_uniqueness .section_container .description{
    display:block;text-align:center;line-height:2em;
    font-size:1rem;
}
#our_uniqueness .section_container .items{
    display:grid;padding-top:2rem;gap:1rem;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
}
#our_uniqueness .section_container .items .item{
    transition:transform 2s,opacity 2s;
}
#our_uniqueness .section_container .items .item:nth-child(1){
    transform:translateX(0) translateY(20%);
    opacity:0;
}
#our_uniqueness .section_container .items .item:nth-child(2){
    transform:translateX(0) translateY(0%);
    opacity:0;
}
#our_uniqueness .section_container .items .item:nth-child(3){
    transform:translateX(0) translateY(20%);
    opacity:0;
}
#our_uniqueness .section_container .items .item:nth-child(4){
    transform:translateX(0) translateY(0%);
    opacity:0;
}
#our_uniqueness .section_container .items .item:nth-child(5){
    transform:translateX(0) translateY(20%);
    opacity:0;
}
#our_uniqueness .section_container .items .item:nth-child(6){
    transform:translateX(0) translateY(0%);
    opacity:0;
}

#our_uniqueness.scroll_active .section_container .items .item:nth-child(1){
    transform:translateX(0) translateY(0);
    opacity:1;
}
#our_uniqueness.scroll_active .section_container .items .item:nth-child(2){
    transform:translateX(0) translateY(20%);
    opacity:1;
}
#our_uniqueness.scroll_active .section_container .items .item:nth-child(3){
    transform:translateX(0) translateY(0);
    opacity:1;
}
#our_uniqueness.scroll_active .section_container .items .item:nth-child(4){
    transform:translateX(0) translateY(20%);
    opacity:1;
}
#our_uniqueness.scroll_active .section_container .items .item:nth-child(5){
    transform:translateX(0) translateY(0);
    opacity:1;
}
#our_uniqueness.scroll_active .section_container .items .item:nth-child(6){
    transform:translateX(0) translateY(20%);
    opacity:1;
}

#our_uniqueness .section_container .items .item .icon{
    --icon_size:100;
    display:flex;align-items:center;justify-content:center;
    position:relative;z-index:1;
    height:calc(var(--icon_size) * 1px);
}
#our_uniqueness .section_container .items .item .icon i{
    --width:calc(var(--icon_size) / 2);
    --height:calc(var(--icon_size) / 2);
}
#our_uniqueness .section_container .items .item .icon i.background{
    --width:var(--icon_size);
    --height:var(--icon_size);
    --margin_left:calc((var(--icon_size) / -2) * 1px);
    --magin_top:calc(var(--margin_left) / 100 * 80);
    position:absolute;top:50%;left:50%;
    margin: var(--magin_top) 0 0 var(--margin_left);
}
#our_uniqueness .section_container .items .item .text{
    display:block;padding-top:1rem;text-align:center;
    font-weight:bold;
}


#our_services{
    background:#fff;
}
#our_services .section_container .title{
    font-size:2rem;color:#0098b9;
    display:block;text-align:center;
}
#our_services .section_container .description{
    display:block;text-align:center;
    line-height:2em;
    font-size:1rem;
}
#our_services .section_container .hot_services{
    display:grid;grid-template-columns:1fr 1fr 1fr;
    padding-top:2rem;
    gap:2rem;
}
#our_services .section_container .hot_services .item{
    text-align:center;display:flex;flex-direction:column;
    transition:opacity 2s,transform 2s;
}
#our_services .section_container .hot_services .item:nth-child(odd){
    opacity:0;
    transform:translateX(0%) translateY(-10%);   
}
#our_services .section_container .hot_services .item:nth-child(even){
    opacity:0;
    transform:translateX(0%) translateY(10%);
}
#our_services .section_container .hot_services .item .content{
    text-align:center;
}
#our_services .section_container .hot_services .item .content .item_title{
    font-size:1rem;
    color:#0098b9;
    line-height:2em;
}
#our_services .section_container .hot_services .item .content .item_description{
    font-size:1rem;
    line-height:2em;
}

#our_services .section_container .hot_services .item .thumbnail{
    display:block;
    border-radius:2rem;
    box-shadow:0 0 0.2rem rgba(0,0,0,0.2);
    background:#fff;
    width:min(400px,100%);
    position:relative;z-index:1;
    margin-bottom:1rem;
}
#our_services .section_container .hot_services .item .thumbnail::before{
    content:'';
    width:100%;padding-top:100%;display:block;
}
#our_services .section_container .hot_services .item .thumbnail .thumbnail_container{
    position:absolute;top:0;left:0;width:100%;height:100%;
    box-sizing:border-box;
    padding:4px;
}
#our_services .section_container .hot_services .item .thumbnail .thumbnail_container .image{
    display:block;width:100%;height:100%;border-radius:2rem;
    overflow:hidden;
}
#our_services .section_container .hot_services .item .thumbnail .thumbnail_container .image img{
    display:block;width:100%;height:100%;
}
#our_services .section_container .services{
    display:grid;grid-template-columns:1fr 1fr 1fr;margin:0;list-style:none;
    padding:2rem 0 0 0;
    column-gap:2rem;
    row-gap:0.2rem;
}
#our_services .section_container .services .item{
    text-align:center;display:flex;align-items:center;justify-content:center;height:3rem;
    background:#0098b9;border-radius:var(--radius-pill);
    color:#fff;
    transition:opacity 2s,transform 2s;
}
#our_services .section_container .services .item:nth-child(odd){
    opacity:0;
    transform:translateX(-10%) translateY(0%);
}
#our_services .section_container .services .item:nth-child(even){
    opacity:0;
    transform:translateX(10%) translateY(0%);
}
#our_services .section_container .services .item>a,#our_services .section_container .services .item>span{
    display:block;color:inherit;
    text-decoration:none;
}


#our_services .section_container .services.scroll_active .item:nth-child(odd){
    opacity:1;
    transform:translateX(0%) translateY(0%);
}
#our_services .section_container .services.scroll_active .item:nth-child(even){
    opacity:1;
    transform:translateX(0%) translateY(0%);
}
#our_services .section_container .hot_services.scroll_active .item:nth-child(odd){
    opacity:1;
    transform:translateX(0%) translateY(0%);   
}
#our_services .section_container .hot_services.scroll_active .item:nth-child(even){
    opacity:1;
    transform:translateX(0%) translateY(0%);
}











/* Start: Contact Information */

#contact_information{
    --background-color:#fafafa;
    --title-color:#0e709f;
    --color:var(--main-color-1-contrast);

    padding-top:3rem;
    background:var(--background-color);
    color:var(--color);
}
#contact_information .section_container{
    display:flex;align-items:stretch;gap:2rem;
}
#contact_information .section_container .thumbnail{
    --width:min(450px,40%);
    flex-basis:var(--width);width:var(--width);flex-shrink:0;
    display:block;position:relative;z-index:1;
}
#contact_information .section_container .thumbnail::after{
    content:'';display:block;padding-top:100%;
}
#contact_information .section_container .thumbnail .thumbnail-container{
    display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;
    box-sizing:border-box;
    border:0.5rem solid #fff;background:#fff;
    border-radius:2rem;
    box-shadow:0 0 1rem rgba(0,0,0,0.1);
}
#contact_information .section_container .thumbnail .thumbnail-container img{
    display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:2;
}
#contact_information .section_container .thumbnail .thumbnail-container iframe{
    display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:2;
    border-radius:2rem;
}


#contact_information .section_container .content{
    flex-grow:1;width:0;flex-shrink:0;
    display:flex;align-items:center;
}

#contact_information .section_container .content h2{
    text-transform:uppercase;
    font-weight:normal;font-size:1rem;
    color:var(--title-color);
}
#contact_information .section_container .content .title{
    font-weight:bold;
    font-size:2rem;color:var(--color);
}
#contact_information .section_container .content .title mark{
    color:var(--title-color);background:none;
}
#contact_information .section_container .content ul{margin:0;padding:1rem 0;list-style:none;}
#contact_information .section_container .content ul li{margin:0;padding:0;list-style:none;padding:0.25rem 0;}
#contact_information .section_container .content ul li .icon{
    display:inline-block;margin-right:1rem;
    --width:24;--height:24;vertical-align:middle;
}
#contact_information .section_container .content ul li::before{content:'-';visibility:hidden;}

#contact_information .section_container .command{text-align:right;}
#contact_information .section_container .command>a{
    -ms-user-select:none;user-select:none;
    display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;
    color:var(--button_text_color);
    border-radius:var(--radius-pill);
    overflow:hidden;
}
#contact_information .section_container .command>a>span{
    height:2.5rem;flex-grow:1;display:flex;align-items:center;justify-content:center;
    padding:1rem;
    background:var(--button_background_color);
    background:var(--button_background_gradient);
}
#contact_information .section_container a{
    text-decoration:none;
}
#contact_information .wave{
    margin-top:3rem;
    display:block;
    height:100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cdefs%3E%3Cstyle%3E.sx-layer { animation-name: wgMove; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes wgMove { from { transform: translate3d(-1440px,0,0); } to { transform: translate3d(0,0,0); } } .sx-l0 { animation-duration: 12.11s; } .sx-l1 { animation-duration: 18.44s; } %3C/style%3E%3C/defs%3E%3Cg class='sx-layer sx-l1'%3E%3Cpath d='M0,100L0,46.55L0,46.55L14.4,45.45L28.8,43.98L43.2,42.19L57.6,40.14L72,37.92L86.4,35.59L100.8,33.24L115.2,30.95L129.6,28.81L144,26.88L158.4,25.24L172.8,23.95L187.2,23.05L201.6,22.58L216,22.54L230.4,22.94L244.8,23.77L259.2,25L273.6,26.59L288,28.47L302.4,30.58L316.8,32.85L331.2,35.2L345.6,37.53L360,39.78L374.4,41.86L388.8,43.7L403.2,45.23L417.6,46.39L432,47.15L446.4,47.49L460.8,47.38L475.2,46.83L489.6,45.86L504,44.51L518.4,42.82L532.8,40.85L547.2,38.68L561.6,36.37L576,34.02L590.4,31.7L604.8,29.5L619.2,27.49L633.6,25.75L648,24.34L662.4,23.31L676.8,22.69L691.2,22.5L705.6,22.76L720,23.45L734.4,24.55L748.8,26.02L763.2,27.81L777.6,29.86L792,32.08L806.4,34.41L820.8,36.76L835.2,39.05L849.6,41.19L864,43.12L878.4,44.76L892.8,46.05L907.2,46.95L921.6,47.42L936,47.46L950.4,47.06L964.8,46.23L979.2,45L993.6,43.41L1008,41.53L1022.4,39.42L1036.8,37.15L1051.2,34.8L1065.6,32.47L1080,30.22L1094.4,28.14L1108.8,26.3L1123.2,24.77L1137.6,23.61L1152,22.85L1166.4,22.51L1180.8,22.62L1195.2,23.17L1209.6,24.14L1224,25.49L1238.4,27.18L1252.8,29.15L1267.2,31.32L1281.6,33.63L1296,35.98L1310.4,38.3L1324.8,40.5L1339.2,42.51L1353.6,44.25L1368,45.66L1382.4,46.69L1396.8,47.31L1411.2,47.5L1425.6,47.24L1440,46.55L1454.4,45.45L1468.8,43.98L1483.2,42.19L1497.6,40.14L1512,37.92L1526.4,35.59L1540.8,33.24L1555.2,30.95L1569.6,28.81L1584,26.88L1598.4,25.24L1612.8,23.95L1627.2,23.05L1641.6,22.58L1656,22.54L1670.4,22.94L1684.8,23.77L1699.2,25L1713.6,26.59L1728,28.47L1742.4,30.58L1756.8,32.85L1771.2,35.2L1785.6,37.53L1800,39.78L1814.4,41.86L1828.8,43.7L1843.2,45.23L1857.6,46.39L1872,47.15L1886.4,47.49L1900.8,47.38L1915.2,46.83L1929.6,45.86L1944,44.51L1958.4,42.82L1972.8,40.85L1987.2,38.68L2001.6,36.37L2016,34.02L2030.4,31.7L2044.8,29.5L2059.2,27.49L2073.6,25.75L2088,24.34L2102.4,23.31L2116.8,22.69L2131.2,22.5L2145.6,22.76L2160,23.45L2174.4,24.55L2188.8,26.02L2203.2,27.81L2217.6,29.86L2232,32.08L2246.4,34.41L2260.8,36.76L2275.2,39.05L2289.6,41.19L2304,43.12L2318.4,44.76L2332.8,46.05L2347.2,46.95L2361.6,47.42L2376,47.46L2390.4,47.06L2404.8,46.23L2419.2,45L2433.6,43.41L2448,41.53L2462.4,39.42L2476.8,37.15L2491.2,34.8L2505.6,32.47L2520,30.22L2534.4,28.14L2548.8,26.3L2563.2,24.77L2577.6,23.61L2592,22.85L2606.4,22.51L2620.8,22.62L2635.2,23.17L2649.6,24.14L2664,25.49L2678.4,27.18L2692.8,29.15L2707.2,31.32L2721.6,33.63L2736,35.98L2750.4,38.3L2764.8,40.5L2779.2,42.51L2793.6,44.25L2808,45.66L2822.4,46.69L2836.8,47.31L2851.2,47.5L2865.6,47.24L2880,46.55L2880,100Z' fill='%230b6175' fill-opacity='0.80'%3E%3C/path%3E%3C/g%3E%3Cg class='sx-layer sx-l0'%3E%3Cpath d='M0,100L0,50L0,50L14.4,47.66L28.8,45.4L43.2,43.3L57.6,41.44L72,39.89L86.4,38.69L100.8,37.89L115.2,37.52L129.6,37.6L144,38.11L158.4,39.05L172.8,40.37L187.2,42.03L201.6,43.98L216,46.14L230.4,48.43L244.8,50.78L259.2,53.11L273.6,55.32L288,57.35L302.4,59.11L316.8,60.55L331.2,61.62L345.6,62.28L360,62.5L374.4,62.28L388.8,61.62L403.2,60.55L417.6,59.11L432,57.35L446.4,55.32L460.8,53.11L475.2,50.78L489.6,48.43L504,46.14L518.4,43.98L532.8,42.03L547.2,40.37L561.6,39.05L576,38.11L590.4,37.6L604.8,37.52L619.2,37.89L633.6,38.69L648,39.89L662.4,41.44L676.8,43.3L691.2,45.4L705.6,47.66L720,50L734.4,52.34L748.8,54.6L763.2,56.7L777.6,58.56L792,60.11L806.4,61.31L820.8,62.11L835.2,62.48L849.6,62.4L864,61.89L878.4,60.95L892.8,59.63L907.2,57.97L921.6,56.02L936,53.86L950.4,51.57L964.8,49.22L979.2,46.89L993.6,44.68L1008,42.65L1022.4,40.89L1036.8,39.45L1051.2,38.38L1065.6,37.72L1080,37.5L1094.4,37.72L1108.8,38.38L1123.2,39.45L1137.6,40.89L1152,42.65L1166.4,44.68L1180.8,46.89L1195.2,49.22L1209.6,51.57L1224,53.86L1238.4,56.02L1252.8,57.97L1267.2,59.63L1281.6,60.95L1296,61.89L1310.4,62.4L1324.8,62.48L1339.2,62.11L1353.6,61.31L1368,60.11L1382.4,58.56L1396.8,56.7L1411.2,54.6L1425.6,52.34L1440,50L1454.4,47.66L1468.8,45.4L1483.2,43.3L1497.6,41.44L1512,39.89L1526.4,38.69L1540.8,37.89L1555.2,37.52L1569.6,37.6L1584,38.11L1598.4,39.05L1612.8,40.37L1627.2,42.03L1641.6,43.98L1656,46.14L1670.4,48.43L1684.8,50.78L1699.2,53.11L1713.6,55.32L1728,57.35L1742.4,59.11L1756.8,60.55L1771.2,61.62L1785.6,62.28L1800,62.5L1814.4,62.28L1828.8,61.62L1843.2,60.55L1857.6,59.11L1872,57.35L1886.4,55.32L1900.8,53.11L1915.2,50.78L1929.6,48.43L1944,46.14L1958.4,43.98L1972.8,42.03L1987.2,40.37L2001.6,39.05L2016,38.11L2030.4,37.6L2044.8,37.52L2059.2,37.89L2073.6,38.69L2088,39.89L2102.4,41.44L2116.8,43.3L2131.2,45.4L2145.6,47.66L2160,50L2174.4,52.34L2188.8,54.6L2203.2,56.7L2217.6,58.56L2232,60.11L2246.4,61.31L2260.8,62.11L2275.2,62.48L2289.6,62.4L2304,61.89L2318.4,60.95L2332.8,59.63L2347.2,57.97L2361.6,56.02L2376,53.86L2390.4,51.57L2404.8,49.22L2419.2,46.89L2433.6,44.68L2448,42.65L2462.4,40.89L2476.8,39.45L2491.2,38.38L2505.6,37.72L2520,37.5L2534.4,37.72L2548.8,38.38L2563.2,39.45L2577.6,40.89L2592,42.65L2606.4,44.68L2620.8,46.89L2635.2,49.22L2649.6,51.57L2664,53.86L2678.4,56.02L2692.8,57.97L2707.2,59.63L2721.6,60.95L2736,61.89L2750.4,62.4L2764.8,62.48L2779.2,62.11L2793.6,61.31L2808,60.11L2822.4,58.56L2836.8,56.7L2851.2,54.6L2865.6,52.34L2880,50L2880,100Z' fill='%230b6175' fill-opacity='1.00'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/* End: Contact Information */


/* Start: Insurance Logo */

#insurance{
    --background-color:#fafafa;
    --title-color:#0e709f;
    --color:var(--main-color-1-contrast);

    padding-top:3rem;
    background:var(--background-color);
    color:var(--color);
}
#insurance .section_container{
    padding: 3rem 0;
    display: flex;
    flex-wrap: wrap; /* Cho phép xuống dòng */
    justify-content: center; /* Căn giữa */
    align-items: center;
    gap: 20px; /* Khoảng cách giữa các logo */
}
#insurance .logo {
    display: block;position:relative;z-index:1;
    width: 160px; /* Kích thước cơ sở, có thể chỉnh to nhỏ tùy ý */
    max-width: 45%; /* Đảm bảo không bị to quá trên mobile bé */
    aspect-ratio: 4/3; /* Yêu cầu tỷ lệ 4x3 */
    background: #fff; /* Nền trắng cho logo nổi bật */
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Đổ bóng nhẹ cho đẹp */
    overflow: hidden;
}

#insurance .logo-container {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px; /* Padding để logo không dính sát viền */
    box-sizing: border-box;
}

#insurance img {
    position:relative;z-index:2;
    width: 100%;
    height: 100%;
    object-fit: contain; /* Yêu cầu object-fit: contain */
    display: block;
}

#insurance .insurance-note {
    width: 100%; /* Chiếm hết dòng để xuống dưới cùng */
    text-align: center;
    margin-top: 1rem;
    color: #555;
    font-size: 1rem;
    font-weight: 500;
}
/* End: Insurance Logo */

/* Start: Our Team */
#our_team {
    background: #fff;
    padding-top:4rem;
    position: relative;
    overflow: hidden;
}

#our_team .section_container .title {
    text-align: center;
    color: var(--main_color, #0098b8);
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    font-weight: 800;
    opacity: 0; transform: translateY(30px);
    transition: all 0.8s ease-out;
}

#our_team .section_container .description {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 3rem auto;
    color: #666;
    font-size:1rem;
    line-height: 1.6;
    opacity: 0; transform: translateY(30px);
    transition: all 0.8s ease-out 0.2s;
}

#our_team.scroll_active .section_container .title,
#our_team.scroll_active .section_container .description {
    opacity: 1; transform: translateY(0);
}

#our_team .section_container .items {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 2rem 0 3rem 0; 
    gap: 0;
    scrollbar-width: none;
}
#our_team .section_container .items::-webkit-scrollbar { display: none; }

/* --- LAYER 1: OPT-IN ANIMATION (.item) --- */
#our_team .section_container .items .item {
    flex: 0 0 25%; max-width: 25%;
    scroll-snap-align: start;
    padding: 0 15px;
    box-sizing: border-box;

    /* Mặc định ẩn */
    opacity: 0; 
    transform: translateY(50px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#our_team.scroll_active .section_container .items .item {
    opacity: 1; 
    transform: translateY(0);
}
/* Stagger Delay */
#our_team.scroll_active .section_container .items .item:nth-child(1) { transition-delay: 0.2s; }
#our_team.scroll_active .section_container .items .item:nth-child(2) { transition-delay: 0.3s; }
#our_team.scroll_active .section_container .items .item:nth-child(3) { transition-delay: 0.4s; }
#our_team.scroll_active .section_container .items .item:nth-child(4) { transition-delay: 0.5s; }
#our_team.scroll_active .section_container .items .item:nth-child(5) { transition-delay: 0.6s; }


/* --- LAYER 2: FLOATING ANIMATION (.float_wrapper) --- */
/* Đây là chìa khóa để fix lỗi giật. Animation chạy độc lập ở đây. */
@keyframes float_idle {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0px); }
}

#our_team .section_container .items .item .float_wrapper {
    height: 100%;
    animation: float_idle 6s ease-in-out infinite;
    will-change: transform; /* Tối ưu GPU */
}

/* Lệch nhịp cho tự nhiên */
#our_team .section_container .items .item:nth-child(odd) .float_wrapper { animation-duration: 5s; }
#our_team .section_container .items .item:nth-child(even) .float_wrapper { animation-duration: 7s; animation-delay: 1s; }


/* --- LAYER 3: VISUAL & HOVER (.item_box) --- */
#our_team .section_container .items .item .item_box {
    background: #fff;
    border-radius: 1.5rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0,0,0,0.03);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-user-select:none;
    user-select:none;
    
    /* QUAN TRỌNG: Chỉ dùng Transition ở đây, không Animation */
    transform: translateY(0);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease;
}

/* Khi hover vào ITEM cha, thì box con bay lên */
/* Do box con nằm trong wrapper đang lơ lửng, nên nó sẽ bay lên TƯƠNG ĐỐI so với wrapper -> Cực mượt */
#our_team .section_container .items .item:hover .item_box {
    /* Hiệu ứng di chuyển lên bằng transform gây khó chịu khi vuốt ngang trên điện thoại */
    /* transform: translateY(-15px); */
    box-shadow: 0 25px 50px rgba(0, 152, 185, 0.15);
    border-color: rgba(0, 152, 185, 0.2);
}


/* --- AVATAR & TEXT STYLES (Giữ nguyên cho đẹp) --- */
#our_team .section_container .items .item .avatar_wrapper {
    position: relative; width: 160px; height: 160px; margin-bottom: 1.5rem;
}
#our_team .section_container .items .item .avatar_wrapper .image_container {
    width: 100%; height: 100%; border-radius: 50%; overflow: hidden;
    border: 5px solid #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    position: relative; z-index: 1; transition: border-color 0.3s;
}
#our_team .section_container .items .item .avatar_wrapper .image_container img {
    width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s;
}
#our_team .section_container .items .item .avatar_wrapper::before {
    content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px;
    border-radius: 50%; border: 2px dashed var(--main_color, #0098b8);
    z-index: 0; opacity: 0; transform: scale(0.8) rotate(0deg); transition: all 0.5s;
}

/* Hover Effects */
#our_team .section_container .items .item:hover .avatar_wrapper .image_container {
    border-color: var(--main_shine_color, #e0ffff);
}
#our_team .section_container .items .item:hover .avatar_wrapper .image_container img {
    transform: scale(1.1);
}
#our_team .section_container .items .item:hover .avatar_wrapper::before {
    opacity: 0.3; transform: scale(1.1) rotate(180deg);
}

/* Text */
#our_team .section_container .items .item .name {
    font-size: 1.3rem; font-weight: bold; color: #222; margin-bottom: 0.25rem;
}
#our_team .section_container .items .item .title {
    font-size: 0.9rem; color: var(--main_color, #0098b8);
    text-transform: uppercase; letter-spacing: 1px; font-weight: 600;
    position: relative; padding-bottom: 1rem;
}
#our_team .section_container .items .item .title::after {
    content: ''; display: block; width: 30px; height: 2px;
    background: var(--main_color, #0098b8); opacity: 0.3; margin: 10px auto 0 auto;
    transition: width 0.3s;
}
#our_team .section_container .items .item:hover .title::after {
    width: 60px; opacity: 1;
}

/* Nav Buttons */
#our_team .section_container .nav_btn {
    position: absolute; top: 55%; transform: translateY(-50%);
    width: 45px; height: 45px; border-radius: 50%;
    background: #fff; border: 1px solid #eee;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); cursor: pointer; z-index: 10;
    color: var(--main_color, #0098b8); font-size: 1.2rem; transition: 0.3s;
}
#our_team .section_container .nav_btn:hover {
    background: var(--main_color, #0098b8); color: #fff;
    transform: translateY(-50%) scale(1.1); border-color: var(--main_color, #0098b8);
}
#our_team .section_container .nav_btn.prev { left: -10px; }
#our_team .section_container .nav_btn.next { right: -10px; }
#our_team .section_container .nav_btn.prev::before { content: '←'; }
#our_team .section_container .nav_btn.next::before { content: '→'; }

/* Responsive Logic - Cập nhật để hiện nút trên Mobile */
@media (max-width: 1200px) {
    #our_team .section_container .items .item { flex: 0 0 33.3333%; max-width: 33.3333%; }
}
@media (max-width: 768px) {
    #our_team .section_container .items .item { flex: 0 0 50%; max-width: 50%; }
    #our_team .section_container .items .item .item_box { padding: 1.5rem 1rem; }
}
@media (max-width: 576px) {
    #our_team .section_container .items .item { flex: 0 0 100%; max-width: 100%; }
    
    /* CẤU HÌNH NÚT CHO MOBILE */
    #our_team .section_container .nav_btn { 
        display: flex; /* Bắt buộc hiện */
        width: 35px; height: 35px; /* Bé lại xíu (45 -> 35) cho đỡ thô */
        font-size: 1rem;
        background: rgba(255, 255, 255, 0.9); /* Làm mờ nhẹ nền */
    }
    
    /* Đẩy sát lề màn hình (0px) thay vì lùi ra ngoài (-10px) để không bị mất */
    #our_team .section_container .nav_btn.prev { left: 0; }
    #our_team .section_container .nav_btn.next { right: 0; }
}

/* End: Our Team */  















/*Start: Feedback */
/* --- BASE LAYOUT --- */
#feedback {
    background: linear-gradient(180deg, #fff 0%, #1dc6e9 100%);
    padding:0;
    position: relative;
    overflow: hidden;
    z-index: 1; /* Tạo stacking context gốc */
}

/* Pattern sóng nước */
#feedback::before {
    content: '';
    background: var(--svg_background_wave_line, none) repeat bottom center;
    display: block; width: 100%; height: 350px;
    opacity: 0.2; 
    position: absolute;
    bottom: 0; left: 0; 
    pointer-events: none;
    
    /* FIX Z-INDEX: Nằm trên nền #feedback nhưng dưới nội dung */
    z-index: 0; 
}

/* Container nội dung phải nổi lên trên Wave */
#feedback .section_container {
    position: relative;
    z-index: 2; /* Cao hơn ::before (0) */
}

/* Tiêu đề & Mô tả */
#feedback .section_container .title {
    text-align: center; font-size: 2.5rem; font-weight: 800;
    color: var(--main_color, #0098b8); margin-bottom: 1rem;
    opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out;
}

#feedback .section_container .description {
    text-align: center; max-width: 800px; margin: 0 auto 4rem auto;
    color: #555; line-height: 1.6;
    opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out 0.2s;
}

#feedback.scroll_active .section_container .title,
#feedback.scroll_active .section_container .description {
    opacity: 1; transform: translateY(0);
}

/* --- SLIDER AREA --- */
#feedback .section_container .feedback_slider {
    position: relative;
}

/* VIEWPORT (Vùng cuộn) */
#feedback .section_container .items {
    display: flex; flex-wrap: nowrap;
    overflow-x: auto;
    
    scroll-snap-type: x mandatory; 
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    
    /* FIX CROP: Tăng padding-top từ 2rem -> 6rem (khoảng 96px) 
        để chứa đủ Avatar (-40px) + Hover lift (-10px) + Float (-10px) */
    padding: 6rem 0 4rem 0; 
    
    /* Margin âm để bù lại padding visual, giúp bố cục không bị đẩy quá xa */
    margin-top: -3rem; 
    
    cursor: grab;
    user-select: none;
}

#feedback .section_container .items::-webkit-scrollbar { display: none; }

#feedback .section_container .items.is-dragging {
    scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing;
}

/* --- ITEM --- */
#feedback .section_container .items .item {
    flex: 0 0 33.3333%; max-width: 33.3333%;
    scroll-snap-align: start;
    padding: 0 15px; box-sizing: border-box;
    opacity: 0; transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#feedback.scroll_active .section_container .items .item {
    opacity: 1; transform: translateY(0);
}
#feedback.scroll_active .section_container .items .item:nth-child(1) { transition-delay: 0.2s; }
#feedback.scroll_active .section_container .items .item:nth-child(2) { transition-delay: 0.3s; }
#feedback.scroll_active .section_container .items .item:nth-child(3) { transition-delay: 0.4s; }

/* Animation Lơ lửng */
@keyframes float_feedback {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
#feedback .section_container .items .item .float_wrapper {
    height: 100%;
    animation: float_feedback 6s ease-in-out infinite;
    will-change: transform;
}
#feedback .section_container .items .item:nth-child(even) .float_wrapper {
    animation-duration: 7s; animation-delay: 1s;
}

/* Card Box */
#feedback .section_container .items .item .box {
    background: #fff;
    border-radius: 1.5rem;
    padding: 3.5rem 2rem 2.5rem 2rem;
    box-shadow: 0 10px 30px rgba(0, 152, 185, 0.1);
    position: relative;
    height: 100%;
    display: flex; flex-direction: column; align-items: center;
    border: 1px solid rgba(0,0,0,0.02);
    transform: translateY(0);
    transition: all 0.3s ease;
}

/* Hover Effect */
#feedback .section_container .items .item:hover .box {
    /* Hiệu ứng di chuyển lên bằng transform gây khó chịu khi vuốt ngang trên điện thoại */
    /* transform: translateY(-10px); */
    box-shadow: 0 20px 40px rgba(0, 152, 185, 0.2);
    border-color: rgba(0, 152, 185, 0.3);
}

/* Avatar */
#feedback .section_container .items .item .thumbnail {
    position: absolute;
    top: -40px; /* Nhô lên trên */
    left: 50%; transform: translateX(-50%);
    width: 80px; height: 80px;
    z-index: 3;
}

#feedback .section_container .items .item .thumbnail .thumbnail_container {
    display: block; width: 100%; height: 100%;
    border-radius: 50%; overflow: hidden;
    border: 4px solid #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    background: #eee;
}
#feedback .section_container .items .item .thumbnail img {
    width: 100%; height: 100%; object-fit: cover;
}

/* Quote Icon */
#feedback .section_container .items .item .box::after {
    content: '“';
    position: absolute; top: 1rem; right: 1.5rem;
    font-size: 5rem; line-height: 1; color: var(--main_color, #0098b8);
    opacity: 0.1; font-family: serif; pointer-events: none;
}

/* Content Text */
#feedback .section_container .items .item .box .customer_name {
    color: #333; font-size: 1.2rem; font-weight: bold; margin: 1rem 0 0.5rem 0;
}
#feedback .section_container .items .item .box .stars {
    display: flex; gap: 3px; margin-bottom: 1.2rem;
}
#feedback .section_container .items .item .box .stars i {
    display: inline-block; width: 16px; height: 16px; background: #f1c40f;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
#feedback .section_container .items .item .box .message {
    color: #666; font-style: italic; line-height: 1.6; font-size: 0.95rem; text-align: center;
}

/* Nav Buttons */
#feedback .section_container .nav_btn {
    position: absolute; top: 55%; transform: translateY(-50%);
    width: 45px; height: 45px; border-radius: 50%;
    background: #fff; border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 10; transition: all 0.3s;
    color: var(--main_color, #0098b8); font-weight: bold; font-size: 1.2rem;
}
#feedback .section_container .nav_btn:hover {
    background: var(--main_color, #0098b8); color: #fff; transform: translateY(-50%) scale(1.1);
}
#feedback .section_container .nav_btn.prev { left: -20px; }
#feedback .section_container .nav_btn.next { right: -20px; }
#feedback .section_container .nav_btn.prev::before { content: '←'; }
#feedback .section_container .nav_btn.next::before { content: '→'; }

/* Responsive */
@media (max-width: 992px) {
    #feedback .section_container .items .item { flex: 0 0 50%; max-width: 50%; }
    #feedback .section_container .nav_btn.prev { left: 0px; }
    #feedback .section_container .nav_btn.next { right: 0px; }
}
@media (max-width: 600px) {
    #feedback .section_container .items .item { flex: 0 0 100%; max-width: 100%; }
    #feedback .section_container .nav_btn { width: 35px; height: 35px; background: rgba(255,255,255,0.9); }
}

/* End: Feedback */









/* Start: Footer */


#footer_copyright{
    background:#085466;
}
#footer_copyright .section_container{
    display:flex;align-items:stretch;min-height:4rem;
    color:#fff;
}
#footer_copyright p{
    flex-grow:1;flex-shrink:0;display:flex;align-items:center;
}
#footer_copyright ul{
    flex-grow:1;flex-shrink:0;
    display:flex;margin:0;padding:0;list-style:none;align-items:center;justify-content:right;
    color:#fff;gap:1rem;
}
#footer_copyright ul li::after{
    content:'|';
    padding-left:1rem;
}
#footer_copyright ul li:last-child::after{
    content:'';
}
#footer_copyright ul a{
    color:inherit;text-decoration:none;
}



#footer_information{
    background:#0b6175;
    padding:2rem 0;
}
#footer_information .section_container{
    display:flex;align-items:stretch;gap:1rem;
}
#footer_information .column_1{
    flex-grow:1;flex-shrink:0;
}
#footer_information .column_1 .logo{
    --logo_height:75;
    --logo_width:calc(var(--logo_height) * 370 / 100);
    display:block;
    width:calc(var(--logo_width) * 1px);
    height:calc(var(--logo_height) * 1px);
}
#footer_information .column_1 .logo i{
    --width:var(--logo_width);
    --height:var(--logo_height);
}
#footer_information .column_1 .logo span{
    position:absolute;pointer-events:none;opacity:0;
}


#footer_information .column_1{
    flex-grow:1;flex-shrink:0;
}
#footer_information .column_2{color:#fff;}
#footer_information .column_2 .title{font-weight:bold;display:block;padding-bottom:1rem;}
#footer_information .column_2 ul{margin:0;padding:0;list-style:none;}
#footer_information .column_2 ul li{
    padding:0.2rem 0;
}
#footer_information .column_2 ul li a{
    color:inherit;text-decoration:none;
}
#footer_information .column_2 ul li .icon{
    --height:24;
    --width:24;
    display:inline-block;vertical-align:middle;
    margin-right:0.5rem;
}




#footer_information .column_3{
    flex-grow:1;flex-shrink:0;color:#fff;
}
#footer_information .column_3 .title{font-weight:bold;display:block;padding-bottom:1rem;text-align:right;}
#footer_information .column_3 ul{margin:0;padding:0;list-style:none;}
#footer_information .column_3 ul li{
    padding:0.2rem 0;display:flex;gap:1rem;
    flex-direction:row-reverse;
}
#footer_information .column_3 ul li a{
    color:inherit;text-decoration:none;
    flex-grow:1;flex-shrink:0;
    text-align:right;
}
#footer_information .column_3 ul li .icon{
    --height:24;
    --width:24;
    display:inline-block;vertical-align:middle;
    flex-basis:calc(var(--width) * 1px);
    height:calc(var(--height) * 1px);
    flex-shrink:0;
}
/* End: Footer */

@media (max-width:1920px){
}

@media (max-width:1400px){
}

@media (max-width:1200px){
    .wrapper{
        padding:0 1rem;
    }
    header#header #header_logo{
        --logo_height:calc(var(--header_height) * 0.7);
    }

    #our_uniqueness .section_container .items{
        grid-template-columns:1fr 1fr 1fr;
    }

    #our_uniqueness.scroll_active .section_container .items .item:nth-child(1){
        transform:translateX(0) translateY(0);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(2){
        transform:translateX(0) translateY(0%);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(3){
        transform:translateX(0) translateY(0);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(4){
        transform:translateX(0) translateY(0%);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(5){
        transform:translateX(0) translateY(0);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(6){
        transform:translateX(0) translateY(0%);
        opacity:1;
    }
}

@media (max-width:992px){
    header#header #header_nav{
        display:none;
    }
    header#header .header_buttons{
        flex-grow:1;
    }
    header#header .header-button#header-menu-button{
        display:block;
    }

    #quick_contact .section_container{
        flex-direction:column;gap:2rem;
    }
    #quick_contact .section_container .column:last-child .item{
        justify-content:left;
    }

    #quick_contact .section_container .column .item{
        justify-content:center;
        flex-direction:column;
    }
    #quick_contact .section_container .column .item .text{
        text-align:center;
    }

    #quick_contact .section_container .column:nth-child(1){
        opacity:0;
        transform:translateX(-100%) translateY(0%);
    }
    #quick_contact .section_container .column:nth-child(2){
        opacity:0;
        transform:translateX(100%) translateY(0%);
    }
    #quick_contact .section_container .column:nth-child(3){
        opacity:0;
        transform:translateX(-100%) translateY(0%);
    }
    #quick_contact.scroll_active .section_container .column{
        opacity:1;
        transform:translateX(0%) translateY(0%);
    }

    #footer_information .section_container{
        flex-wrap:wrap;
    }
    #footer_information .section_container .column_1{
        width:100%;
        padding-bottom:2rem;
    }

    #contact_information .section_container{
        flex-direction:column;align-items:center;justify-content:center;
    }
    #contact_information .section_container .content{
        width:100%;
    }
}
@media (max-width:768px){
    #meet_dr_pham .section_container{
        flex-direction:column;
    }
    #meet_dr_pham .section_container .thumbnail{
        width:min(80vw,500px);
    }
    #meet_dr_pham .section_container .content{
        transform:translateX(0%) translateY(20%);
    }

    
    #about_us .section_container{
        flex-direction:column;
    }
    #about_us .section_container .thumbnail{
        width:min(80vw,500px);
        margin:10% 0 0 0;
    }

    
    #our_services .section_container .hot_services{
        grid-template-columns:1fr;
    }
    #our_services .section_container .hot_services .item{
        flex-direction:row;gap:1rem;align-items:center;
    }
    #our_services .section_container .hot_services .item .content{
        text-align:left;
    }
    
    #our_services .section_container .services{
        grid-template-columns: 1fr 1fr;
    }


    #footer_information .section_container .column_1{
        width:100%;
        padding-bottom:2rem;
    }
    #footer_information .section_container .column_2{
        width:100%;
        padding-bottom:2rem;
    }
    #footer_information .column_3 .title{
        text-align:left;
    }
    #footer_information .column_3 ul li{
        flex-direction:row;
    }
    #footer_information .column_3 ul li a{
        text-align:left;
    }



    #footer_copyright .section_container{
        flex-direction:column;padding:1rem 0;
    }
    #footer_copyright .section_container p{
        display:block;width:100%;text-align:center;
    }
    #footer_copyright .section_container ul{
        width:100%;text-align:center;justify-content:center;
    }
    
}
@media (max-width:576px){
    header#header .header-button#header-book-button{
        display:none;
    }
    
    header#header #header_logo{
        --logo_height:calc(var(--header_height) * 0.6);
    }


    #our_uniqueness .section_container .items{
        grid-template-columns:1fr 1fr;
    }


    #our_uniqueness .section_container .items .item:nth-child(1){
        transform:translateX(-20%) translateY(0);
    }
    #our_uniqueness .section_container .items .item:nth-child(2){
        transform:translateX(20%) translateY(0%);
    }
    #our_uniqueness .section_container .items .item:nth-child(3){
        transform:translateX(-20%) translateY(0);
    }
    #our_uniqueness .section_container .items .item:nth-child(4){
        transform:translateX(20%) translateY(0%);
    }
    #our_uniqueness .section_container .items .item:nth-child(5){
        transform:translateX(-20%) translateY(0);
    }
    #our_uniqueness .section_container .items .item:nth-child(6){
        transform:translateX(20%) translateY(0%);
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(1){
        transform:translateX(0) translateY(0);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(2){
        transform:translateX(0) translateY(0%);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(3){
        transform:translateX(0) translateY(0);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(4){
        transform:translateX(0) translateY(0%);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(5){
        transform:translateX(0) translateY(0);
        opacity:1;
    }
    #our_uniqueness.scroll_active .section_container .items .item:nth-child(6){
        transform:translateX(0) translateY(0%);
        opacity:1;
    }

    


    #our_services .section_container .hot_services{
        grid-template-columns:1fr;
    }
    #our_services .section_container .hot_services .item{
        flex-direction:column;
    }
    #our_services .section_container .hot_services .item .content{
        text-align:center;
    }    
    #our_services .section_container .services{
        grid-template-columns: 1fr;
    }
}